MC-5386: Anchors Under Each Div if TinyMCE link Is Added to Banner/Slide (Add Notification for When Link Attribute Is Entered)

- Updated content of nesting link dialogs dialog
- Updated translation file for above change
- Updated nesting link dialog logic to check for wysiwyg, correctly fix inline editor content, and blur inline editor on modal

Author: Hwashiang Yu

app/code/Magento/PageBuilder/Test/Mftf/Data/BannerData.xml

@@ -80,7 +80,7 @@
         <data key="section">contents</data>
         <data key="fieldName">message</data>
         <data key="errorMessage">Adding link in both content and outer element is not allowed.</data>
-        <data key="stageErrorMessage">Adding link in content and outer element is not allowed. Remove the link from the element before adding links to the content.</data>
+        <data key="stageErrorMessage">We are unable to support links within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a link within the content. We will automatically remove the links within the content field.</data>
     </entity>
     <!-- Background Color -->
     <entity name="PageBuilderBannerBackgroundColor_Empty" type="pagebuilder_banner_background_color_property">

app/code/Magento/PageBuilder/Test/Mftf/Data/SlideData.xml

@@ -246,6 +246,6 @@
         <data key="section">general</data>
         <data key="fieldName">content</data>
         <data key="errorMessage">Adding link in both content and outer element is not allowed.</data>
-        <data key="stageErrorMessage">Adding link in content and outer element is not allowed. Remove the link from the element before adding links to the content.</data>
+        <data key="stageErrorMessage">We are unable to support links within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a link within the content. We will automatically remove the links within the content field.</data>
     </entity>
 </entities>

app/code/Magento/PageBuilder/i18n/en_US.csv

@@ -288,5 +288,5 @@ Add,Add
 "You must provide a valid <a href="%s">Google Maps API key</a> to use a map.","You must provide a valid <a href="%s">Google Maps API key</a> to use a map."
 OK,OK
 "Adding link in both content and outer element is not allowed","Adding link in both content and outer element is not allowed"
-"Adding link in content and outer element is not allowed. Remove the link from the element before adding links to the content.","Adding link in content and outer element is not allowed. Remove the link from the element before adding links to the content."
-"Nesting links are not allowed","Nesting links are not allowed"
+"We are unable to support links within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a link within the content. We will automatically remove the links within the content field.","We are unable to support links within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a link within the content. We will automatically remove the links within the content field."
+"Nested links are not allowed","Nested links are not allowed"

app/code/Magento/PageBuilder/view/adminhtml/web/js/utils/nesting-link-dialog.js

@@ -25,25 +25,30 @@ export default function nestingLinkDialog(
     inlineMessageField: string,
     linkUrlField: string,
 ) {
-    const dataStoreContent = dataStore.get() as DataObject;
+    const dataStoreContent = dataStore.getState() as DataObject;
     const inlineMessage = dataStoreContent[inlineMessageField] as string;
     const linkUrl = dataStoreContent[linkUrlField] as FieldDefaultsInterface;
     const aLinkRegex = /<a[\s]+([^>]+)>|<a>|<\/a>/igm;
-    if (inlineMessage.match(aLinkRegex) &&
+    if (wysiwyg &&
+        inlineMessage.match(aLinkRegex) &&
         linkUrl &&
         ["page", "product", "category", "default"].indexOf(linkUrl.type) !== -1 &&
         linkUrl[linkUrl.type] &&
-        linkUrl[linkUrl.type].length !== 0) {
+        linkUrl[linkUrl.type].length !== 0
+    ) {
+        const inlineEditor = $("#" + wysiwyg.elementId);
+        inlineEditor.blur();
         confirmationDialog({
             actions: {
                 always: () => {
-                    const anchorLessInlineMessage = inlineMessage.replace(aLinkRegex, "");
-                    dataStore.update(anchorLessInlineMessage, inlineMessageField);
-                    $("#" + wysiwyg.elementId).html(anchorLessInlineMessage);
+                    const anchorLessDataStoreMessage = inlineMessage.replace(aLinkRegex, "");
+                    const anchorLessInlineMessage = inlineEditor.html().replace(aLinkRegex, "");
+                    dataStore.update(anchorLessDataStoreMessage, inlineMessageField);
+                    inlineEditor.html(anchorLessInlineMessage);
                 },
             },
-            content: $t("Adding link in content and outer element is not allowed. Remove the link from the element before adding links to the content."), // tslint:disable-line:max-line-length
-            title: $t("Nesting links are not allowed"),
+            content: $t("We are unable to support links within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a link within the content. We will automatically remove the links within the content field."), // tslint:disable-line:max-line-length
+            title: $t("Nested links are not allowed"),
             haveCancelButton: false,
         });
     }