Merge pull request #12 from kitconcept/add-sidedata-to-validator

Pass site data to url validator

Author: davisagli

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

@@ -0,0 +1 @@
+Make it possible for `isValidUrl` customizations to use data from `site` API endpoint. @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,7 +17,7 @@ export const toastError = defineMessages({
   },
 });
 
-export function isValidUrl(url) {
+export function isValidUrl(url, siteData) {
   const patterns = config.blocks.blocksConfig.iframe.validUrls;
 
   if (isEmpty(patterns)) {