From 7d6ac3ccff28095530608306ff038c853b63ae40 Mon Sep 17 00:00:00 2001
From: times-tools <tools@news.co.uk>
Date: Mon, 16 Dec 2024 09:38:35 +0000
Subject: [PATCH 1/5] fix(TMRS-575): update formstack return element

---
 packages/article-skeleton/src/article-body/article-body.js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/article-skeleton/src/article-body/article-body.js b/packages/article-skeleton/src/article-body/article-body.js
index fb2a408beac..94e1cbaea84 100644
--- a/packages/article-skeleton/src/article-body/article-body.js
+++ b/packages/article-skeleton/src/article-body/article-body.js
@@ -276,10 +276,7 @@ const renderers = ({
         if (isFormStack) {
           const formStackId = element.attributes.src.split("/").pop();
           return (
-            <script
-              type="text/javascript"
-              src={`https://times.formstack.com/forms/js.php/${formStackId}`}
-            />
+            <div data-formstack={`https://times.formstack.com/forms/js.php/${formStackId}`}></div>
           );
         }
 

From ef9bd9ed7082e5dd8cf5fb8cc22defbabbe1ae66 Mon Sep 17 00:00:00 2001
From: times-tools <tools@news.co.uk>
Date: Mon, 16 Dec 2024 10:01:21 +0000
Subject: [PATCH 2/5] fix(TMRS-575): linting

---
 packages/article-skeleton/.eslintrc.json                   | 2 +-
 packages/article-skeleton/src/article-body/article-body.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/article-skeleton/.eslintrc.json b/packages/article-skeleton/.eslintrc.json
index 8f6ccc3187c..7834d452512 100644
--- a/packages/article-skeleton/.eslintrc.json
+++ b/packages/article-skeleton/.eslintrc.json
@@ -4,7 +4,7 @@
     "window": true
   },
   "rules": {
-    "react-hooks/exhaustive-deps": false,
+    "react-hooks/exhaustive-deps": 0,
     "no-fallthrough": 1,
     "no-underscore-dangle": 0
   },
diff --git a/packages/article-skeleton/src/article-body/article-body.js b/packages/article-skeleton/src/article-body/article-body.js
index 94e1cbaea84..f61113f6793 100644
--- a/packages/article-skeleton/src/article-body/article-body.js
+++ b/packages/article-skeleton/src/article-body/article-body.js
@@ -276,7 +276,7 @@ const renderers = ({
         if (isFormStack) {
           const formStackId = element.attributes.src.split("/").pop();
           return (
-            <div data-formstack={`https://times.formstack.com/forms/js.php/${formStackId}`}></div>
+            <div data-formstack={`https://times.formstack.com/forms/js.php/${formStackId}`} />
           );
         }
 

From a8d94f8d8dddb0193bbfce603ffba143a7df2178 Mon Sep 17 00:00:00 2001
From: times-tools <tools@news.co.uk>
Date: Mon, 16 Dec 2024 10:10:52 +0000
Subject: [PATCH 3/5] fix(TMRS-575): linting

---
 packages/article-skeleton/src/article-body/article-body.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/article-skeleton/src/article-body/article-body.js b/packages/article-skeleton/src/article-body/article-body.js
index f61113f6793..5a030f946d4 100644
--- a/packages/article-skeleton/src/article-body/article-body.js
+++ b/packages/article-skeleton/src/article-body/article-body.js
@@ -276,7 +276,9 @@ const renderers = ({
         if (isFormStack) {
           const formStackId = element.attributes.src.split("/").pop();
           return (
-            <div data-formstack={`https://times.formstack.com/forms/js.php/${formStackId}`} />
+            <div
+              data-formstack={`https://times.formstack.com/forms/js.php/${formStackId}`}
+            />
           );
         }
 

From 6aaaac5e4ea9c998d59f2a94d63f8fcef7a2b053 Mon Sep 17 00:00:00 2001
From: times-tools <tools@news.co.uk>
Date: Mon, 16 Dec 2024 23:19:49 +0000
Subject: [PATCH 4/5] fix(TMRS-575): linting

---
 .../article-skeleton/src/article-body/article-body.js    | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/article-skeleton/src/article-body/article-body.js b/packages/article-skeleton/src/article-body/article-body.js
index 5a030f946d4..a313617be20 100644
--- a/packages/article-skeleton/src/article-body/article-body.js
+++ b/packages/article-skeleton/src/article-body/article-body.js
@@ -276,9 +276,12 @@ const renderers = ({
         if (isFormStack) {
           const formStackId = element.attributes.src.split("/").pop();
           return (
-            <div
-              data-formstack={`https://times.formstack.com/forms/js.php/${formStackId}`}
-            />
+            <div data-formstack={formStackId} className="formstackEmbed">
+              <script
+                type="text/javascript"
+                src={`https://times.formstack.com/forms/js.php/${formStackId}`}
+              />
+            </div>
           );
         }
 

From 2498e954de65b4094ed885e69e2a45e83aec21e5 Mon Sep 17 00:00:00 2001
From: times-tools <tools@news.co.uk>
Date: Mon, 16 Dec 2024 23:20:14 +0000
Subject: [PATCH 5/5] fix(TMRS-575): linting

---
 packages/article-skeleton/src/article-body/article-body.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/article-skeleton/src/article-body/article-body.js b/packages/article-skeleton/src/article-body/article-body.js
index a313617be20..517379b8f24 100644
--- a/packages/article-skeleton/src/article-body/article-body.js
+++ b/packages/article-skeleton/src/article-body/article-body.js
@@ -280,6 +280,7 @@ const renderers = ({
               <script
                 type="text/javascript"
                 src={`https://times.formstack.com/forms/js.php/${formStackId}`}
+                async
               />
             </div>
           );