Gracefully handle any hubspot form loading error and present an error message

.eleventy.js

@@ -439,7 +439,7 @@ module.exports = function(eleventyConfig) {
                 });
             }
         </script>
-        <script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="${functionName}()"></script>
+        <script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="${functionName}()" onerror="hsFallback(this)"></script>
       `;
     });
 

src/_includes/base.js

@@ -63,4 +63,19 @@ document.createElement = function(...args) {
     }
 
     return scriptElt
-}
+}
+
+function hsFallback (element) {
+    if (element && element.parentNode) {
+        const errorSection = document.createElement('section');
+        errorSection.classList.add('text-center', 'border', 'border-indigo-300', 'rounded-lg', 'bg-white', 'px-4');
+        errorSection.innerHTML = `
+                <p style="color: #6366f1;"><strong>Hmm… there was supposed to be a form here.</strong></p>
+                <p>
+                    If you’re using strict privacy settings or navigating in private mode, it might be blocked.
+                    Try adjusting your settings or switching browsers to continue.
+                </p>
+            `;
+        element.parentNode.insertBefore(errorSection, element.nextSibling);
+    }
+}

src/_includes/hubspot/hs-book-meeting.njk

@@ -1,2 +1,2 @@
 <div class="meetings-iframe-container -mb-20 md:-mb-6" data-src="{{ hubspot.dataSrc }}"></div>
-<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
+<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js" onerror="hsFallback(this)"></script>

src/_includes/hubspot/hs-form.njk

@@ -12,4 +12,4 @@
         });
     }
 </script>
-<script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="displayHubSpotForm()"></script>
+<script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="displayHubSpotForm()" onerror="hsFallback(this);"></script>

src/_includes/hubspot/hs-newsletter.njk

@@ -10,4 +10,4 @@
         });
     }
 </script>
-<script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="displayHubSpotForm()"></script>
+<script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="displayHubSpotForm()" onerror="hsFallback(this)"></script>

src/_includes/migration.njk

@@ -125,4 +125,4 @@
         });
     }
 </script>
-<script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="displayHubSpotForm()"></script>
+<script async type="text/javascript" charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js" onload="displayHubSpotForm()" onerror="hsFallback(this)"></script>