chore: Update WordPress runtime version and improve safe decoding for…

Dockerfile

@@ -43,7 +43,7 @@ RUN mkdir -p wp-content/plugins \
 RUN chown -R 82:82 wp-content \
   && tar -caf /wp-content.tgz --exclude="**/node_modules" wp-content
 
-FROM wordpress:7.0.2-fpm-alpine AS runtime
+FROM wordpress:7.1.0-fpm-alpine AS runtime
 LABEL org.opencontainers.image.description="WordPress image for Data Viz"
 LABEL org.opencontainers.image.authors="Development Gateway <info@developmentgateway.org>"
 LABEL org.opencontainers.image.url="https://github.com/devgateway/data-viz-wordpress"

plugins/wp-react-blocks-plugin/blocks/format-bar/infotooltip.js

@@ -14,6 +14,14 @@ import {info as linkIcon} from '@wordpress/icons';
 import {Button, Modal, Panel, PanelBody, PanelRow, Popover, TextareaControl} from '@wordpress/components';
 import { BLOCKS_NS } from '@devgateway/dvz-wp-commons';
 
+function safeDecodeURIComponent(text) {
+    try {
+        return decodeURIComponent(text);
+    } catch (e) {
+        return text;
+    }
+}
+
 const name = BLOCKS_NS + '/info-tooltip';
 const reference = {
     name,
@@ -35,7 +43,7 @@ const PopUI = ({onClose, onCancel}) => {
     return <Modal title={__("Reference")} onRequestClose={e => onCancel()}>
         <TextareaControl
             label={__("Description")}
-            value={decodeURIComponent(text)}
+            value={safeDecodeURIComponent(text)}
             onChange={(value) => setText(encodeURIComponent(value))}
         />
 
@@ -91,8 +99,8 @@ function InlineUI({value, onChange, activeObjectAttributes, contentRef, onClose}
                             <TextareaControl
                                 rows={5}
                                 label={__("Description")}
-                                value={decodeURIComponent (content)}
-                                onChange={(content) => setContent(content)}
+                                value={safeDecodeURIComponent(content)}
+                                onChange={(newValue) => setContent(encodeURIComponent(newValue))}
                             />
                         </PanelRow>
                         <PanelRow>

plugins/wp-react-blocks-plugin/blocks/format-bar/references.js

@@ -28,6 +28,14 @@ import {
     SelectControl
 } from '@wordpress/components';
 
+function safeDecodeURIComponent(text) {
+    try {
+        return decodeURIComponent(text);
+    } catch (e) {
+        return text;
+    }
+}
+
 const name = BLOCKS_NS + '/reference';
 const reference = {
     name,
@@ -81,7 +89,7 @@ const PopUI = ({onClose, onCancel, value}) => {
         <TextareaControl
             label={__("Description")}
             help={__("Enter reference description ")}
-            value={decodeURIComponent(text)}
+            value={safeDecodeURIComponent(text)}
             onChange={(value) => setText(encodeURIComponent(value))}
         />
         <TextControl value={link} label={__("URL")}
@@ -151,8 +159,8 @@ function InlineUI({value, onChange, activeObjectAttributes, contentRef, onClose}
                                 className="block-editor-format-toolbar__image-container-value"
 
                                 label={__("Description")}
-                                value={decodeURIComponent(content)}
-                                onChange={(content) => setContent(content)}
+                                value={safeDecodeURIComponent(content)}
+                                onChange={(newValue) => setContent(encodeURIComponent(newValue))}
                             />
                         </PanelRow>
                         <PanelRow>