pass site data to url validator

Author: danalvrz

packages/volto-iframe-block/news/+siteDataValidation.feature

@@ -0,0 +1 @@
+Pass site data to URL validator. @danalvrz

packages/volto-iframe-block/src/components/Edit.jsx

@@ -7,6 +7,7 @@ import clearSVG from '@plone/volto/icons/clear.svg';
 import React, { useState, useEffect, useRef } from 'react';
 import { defineMessages } from 'react-intl';
 import { toast } from 'react-toastify';
+import { useSelector } from 'react-redux';
 
 import {
   isValidUrl,
@@ -30,6 +31,7 @@ const IframeEdit = (props) => {
   const { data, intl } = props;
   const [url, setUrl] = useState('');
   const iframeRef = useRef(null);
+  const siteData = useSelector((state) => state.site.data);
 
   const onChangeUrl = ({ target }) => {
     setUrl(target.value);
@@ -40,7 +42,7 @@ const IframeEdit = (props) => {
   };
 
   const onSubmitUrl = () => {
-    if (isValidUrl(url)) {
+    if (isValidUrl(url, siteData)) {
       props.onChangeBlock(props.block, {
         ...props.data,
         src: url,

packages/volto-iframe-block/src/helpers/isValidUrl.js

@@ -17,12 +17,12 @@ export const toastError = defineMessages({
   },
 });
 
-export function isValidUrl(url) {
+export function isValidUrl(props) {
   const patterns = config.blocks.blocksConfig.iframe.validUrls;
 
   if (isEmpty(patterns)) {
     return true;
-  } else if (patterns.some((pattern) => pattern.includes(url))) {
+  } else if (patterns.some((pattern) => pattern.includes(props.url))) {
     return true;
   } else {
     return false;