tf-checkout-react 1.3.49-beat.0 → 1.3.49-beta.1

package/dist/tf-checkout-react.cjs.development.js

@@ -690,13 +690,6 @@ var setLoggedUserData = function setLoggedUserData(data) {
   };
 };
 
-var createElementFromHTML = function createElementFromHTML(htmlString) {
-  var div = document.createElement('div');
-  div.innerHTML = htmlString.trim();
-  // Change this to div.childNodes to support multiple top-level nodes.
-  return div.childNodes || [];
-};
-
 var isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 
 var isWindowDefined = typeof window !== 'undefined';
@@ -1055,25 +1048,32 @@ function getPixelScript(id, pageOptions) {
   return response;
 }
 
+function appendScriptsToHeader(code) {
+  if (isBrowser && code) {
+    var tempEl = document.createElement('div');
+    tempEl.innerHTML = code;
+    var scripts = tempEl.getElementsByTagName('script');
+    for (var index = 0; index < scripts.length; ++index) {
+      var script = document.createElement('script');
+      script.type = 'text/javascript';
+      if (scripts[index].src) {
+        script.src = scripts[index].src;
+      } else {
+        script.innerHTML = scripts[index].innerHTML;
+      }
+      document.head.appendChild(script);
+    }
+  }
+}
 var usePixel = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(eventId, options) {
-    var addPixel, getScript;
+    var getScript;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          addPixel = function addPixel(pixel) {
-            var _document;
-            if ((_document = document) != null && _document.head && pixel) {
-              var nodes = createElementFromHTML(pixel);
-              for (var _i = 0, _Array$from = Array.from(nodes); _i < _Array$from.length; _i++) {
-                var element = _Array$from[_i];
-                document.head.append(element);
-              }
-            }
-          };
           getScript = /*#__PURE__*/function () {
             var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-              var response, pixel;
+              var response, pixels;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
@@ -1088,8 +1088,8 @@ var usePixel = /*#__PURE__*/function () {
                     return getPixelScript(eventId, options);
                   case 5:
                     response = _context.sent;
-                    pixel = _get(response, 'data.data.attributes.pixels');
-                    addPixel(pixel);
+                    pixels = _get(response, 'data.data.attributes.pixels');
+                    appendScriptsToHeader(pixels);
                     _context.next = 13;
                     break;
                   case 10:
@@ -1109,7 +1109,7 @@ var usePixel = /*#__PURE__*/function () {
           React.useEffect(function () {
             getScript();
           }, [eventId]);
-        case 3:
+        case 2:
         case "end":
           return _context2.stop();
       }
@@ -3701,7 +3701,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     setConditions = _useState7[1];
   var showFormTitle = Boolean(formTitle);
   var showErrorText = Boolean(errorText);
-  var eventId = getQueryVariable('event_id') || '';
+  var eventId = getQueryVariable('event_id') || _get(reviewData, 'cart[0].product_id') || '';
   var hash = checkoutData.hash,
     total = checkoutData.total;
   var isFreeTickets = !Number(total) && !Number(orderData.total);