#419: Nested Links If User Adds Link Attribute & Link Widget to Banner/Slide - Content Widget validation for Banner/Slide elements.

Author: artKozynets

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_banner_form.xml

@@ -108,9 +108,11 @@
                 <dataScope>message</dataScope>
                 <validation>
                     <rule name="validate-no-url" xsi:type="boolean">true</rule>
+                    <rule name="validate-no-widget" xsi:type="boolean">true</rule>
                 </validation>
                 <imports>
                     <link name="validation.validate-no-url">${$.parentName}.link_url:value</link>
+                    <link name="validation.validate-no-widget">${$.parentName}.link_url:value</link>
                 </imports>
             </settings>
             <formElements>
@@ -129,9 +131,11 @@
                 <urlTypes class="Magento\Ui\Model\UrlInput\LinksConfigProvider"/>
                 <validation>
                     <rule name="validate-message-no-link" xsi:type="boolean">true</rule>
+                    <rule name="validate-message-no-widget" xsi:type="boolean">true</rule>
                 </validation>
                 <imports>
                     <link name="validation.validate-message-no-link">${$.parentName}.message:value</link>
+                    <link name="validation.validate-message-no-widget">${$.parentName}.message:value</link>
                 </imports>
             </settings>
         </urlInput>

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_slide_form.xml

@@ -127,9 +127,11 @@
                 <dataScope>content</dataScope>
                 <validation>
                     <rule name="validate-no-url" xsi:type="boolean">true</rule>
+                    <rule name="validate-no-widget" xsi:type="boolean">true</rule>
                 </validation>
                 <imports>
                     <link name="validation.validate-no-url">${$.parentName}.link_url:value</link>
+                    <link name="validation.validate-no-widget">${$.parentName}.link_url:value</link>
                 </imports>
             </settings>
             <formElements>
@@ -148,9 +150,11 @@
                 <urlTypes class="Magento\Ui\Model\UrlInput\LinksConfigProvider"/>
                 <validation>
                     <rule name="validate-message-no-link" xsi:type="boolean">true</rule>
+                    <rule name="validate-message-no-widget" xsi:type="boolean">true</rule>
                 </validation>
                 <imports>
                     <link name="validation.validate-message-no-link">${$.parentName}.content:value</link>
+                    <link name="validation.validate-message-no-widget">${$.parentName}.content:value</link>
                 </imports>
             </settings>
         </urlInput>

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/validator-rules-mixin.js

@@ -52,6 +52,15 @@ define([
         return (/<a[\s]+([^>]+)>|<a>|<\/a>/igm).test(str);
     }
 
+    /**
+     * Validate that string has a widget
+     * @param {String} str
+     * @return {Boolean}
+     */
+    function validateWysiwygHasWidget(str) {
+        return (/({{widget)+([^}}]+)}}/igm).test(str);
+    }
+
     /**
      * Validate that string is a proper css-class
      * @param {String} str
@@ -74,6 +83,19 @@ define([
             url[url.type].length > 0);
     }
 
+    /**
+     * Validate message field and url field html standards, nested widget
+     * @param {String} message
+     * @param {Object} url
+     * @return {Boolean}
+     */
+    function validateNestedWidgetElement(message, url) {
+        return !(validateWysiwygHasWidget(message) &&
+            ['page', 'product', 'category', 'default'].indexOf(url.type) !== -1 &&
+            url[url.type] &&
+            url[url.type].length > 0);
+    }
+
     /**
      * Validate a field with an expected data value of type object, like margins_and_padding field
      * @param {Function} validator
@@ -246,6 +268,22 @@ define([
             $.mage.__('Adding link in both content and outer element is not allowed.')
         );
 
+        validator.addRule(
+            'validate-message-no-widget',
+            function (url, message) {
+                return validateNestedWidgetElement(message, url);
+            },
+            $.mage.__('Adding link in outer element and widget in content is not allowed.')
+        );
+
+        validator.addRule(
+            'validate-no-widget',
+            function (message, url) {
+                return validateNestedWidgetElement(message, url);
+            },
+            $.mage.__('Adding widget in content and link in outer element is not allowed.')
+        );
+        
         validator.addRule(
             'validate-calc',
             function (value) {