@bigbinary/neeto-site-blocks 2.0.12 → 2.2.0

package/dist/index.cjs.js

@@ -7186,32 +7186,76 @@ var Button = function Button(_ref) {
     "aria-label": label
   };
   React.useEffect(function () {
-    if (!popupCode && !document && disableButtonAndLinks) return;
+    if (!popupCode) return;
+    var isActive = true;
+    var appendedNodes = [];
     try {
       var tempDiv = document.createElement("div");
       tempDiv.innerHTML = popupCode;
       var nodes = Array.from(tempDiv.childNodes);
-      if (ramda.isEmpty(nodes)) return;
-      nodes.forEach(function () {
-        var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        if (node.tagName === "SCRIPT") {
-          var script = document.createElement("script");
-          if (node.src) {
-            script.src = node.src;
-            script.async = node.async || false;
+      if (!ramda.isEmpty(nodes)) {
+        var externalScriptNodes = [];
+        var inlineScriptNodes = [];
+        nodes.forEach(function () {
+          var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+          if (node.tagName === "SCRIPT") {
+            if (node.src) {
+              externalScriptNodes.push(node);
+            } else {
+              inlineScriptNodes.push(node);
+            }
           } else {
-            script.textContent = node.textContent;
+            document.body.appendChild(node);
+            appendedNodes.push(node);
           }
-          document.body.appendChild(script);
+        });
+        var appendInlineScripts = function appendInlineScripts() {
+          if (!isActive) return;
+          inlineScriptNodes.forEach(function (node) {
+            try {
+              var script = document.createElement("script");
+              // Wrap content in try/catch so runtime errors are suppressed even
+              // when the browser executes the script asynchronously (e.g. Safari).
+              script.textContent = "try{".concat(node.textContent, "}catch(e){}");
+              document.body.appendChild(script);
+              appendedNodes.push(script);
+            } catch (_unused) {
+              // NOTE: Errors from inline embed scripts are ignored since these
+              // cannot be handled by NeetoSite.
+            }
+          });
+        };
+        if (externalScriptNodes.length === 0) {
+          appendInlineScripts();
         } else {
-          document.body.appendChild(node);
+          var settledCount = 0;
+          externalScriptNodes.forEach(function (node) {
+            var script = document.createElement("script");
+            script.src = node.src;
+            script.async = node.async || false;
+            appendedNodes.push(script);
+            var onSettled = function onSettled() {
+              settledCount++;
+              if (settledCount === externalScriptNodes.length) appendInlineScripts();
+            };
+            script.onload = onSettled;
+            script.onerror = onSettled;
+            document.body.appendChild(script);
+          });
         }
-      });
-    } catch (_unused) {
+      }
+    } catch (_unused2) {
       // NOTE: An error can occur while the user is typing out the embed code.
       // It could also throw an error if the embed code is invalid. These errors
       // are ignored since these cannot be handled by NeetoSite.
     }
+    return function () {
+      isActive = false;
+      appendedNodes.forEach(function (node) {
+        var _node$parentNode;
+        return (_node$parentNode = node.parentNode) === null || _node$parentNode === void 0 ? void 0 : _node$parentNode.removeChild(node);
+      });
+    };
   }, [popupCode]);
   if (action === "external") {
     return /*#__PURE__*/jsxRuntime.jsx(StyledAnchor, _objectSpread$B(_objectSpread$B({}, commonProps), {}, {