tf-checkout-react 1.3.39-beta.1 → 1.3.39-beta.3

package/dist/hooks/usePixel.d.ts

@@ -1 +1 @@
-export declare const usePixel: (key: string, eventId: string | number) => Promise<void>;
+export declare const usePixel: (key: string, eventId: string | number, alreadyLoadedEventData?: any) => Promise<void>;

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

@@ -1212,7 +1212,7 @@ 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.firstChild || '';
+  return div.childNodes || [];
 };
 
 var isWindowDefined = typeof window !== 'undefined';
@@ -1617,7 +1617,7 @@ var getCheckoutPageConfigs = /*#__PURE__*/function () {
 }();
 
 var usePixel = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(key, eventId) {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(key, eventId, alreadyLoadedEventData) {
     var getEventData;
     return runtime_1.wrap(function _callee2$(_context2) {
       while (1) {
@@ -1627,24 +1627,53 @@ var usePixel = /*#__PURE__*/function () {
               var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
                 var _document;
 
-                var eventResponse, event, pixel;
+                var isEventDataUndefined, eventResponse, event, pixel, nodes, i;
                 return runtime_1.wrap(function _callee$(_context) {
                   while (1) {
                     switch (_context.prev = _context.next) {
                       case 0:
-                        _context.next = 2;
-                        return getEvent(eventId);
+                        if (eventId) {
+                          _context.next = 2;
+                          break;
+                        }
+
+                        return _context.abrupt("return");
 
                       case 2:
-                        eventResponse = _context.sent;
-                        event = _get(eventResponse, 'data.data.attributes');
+                        // Check if event data object passed or not. If not then the value will be undefined.
+                        // If event data passed, then it's initial value will be null.
+                        isEventDataUndefined = alreadyLoadedEventData === undefined;
+
+                        if (!isEventDataUndefined) {
+                          _context.next = 9;
+                          break;
+                        }
+
+                        _context.next = 6;
+                        return getEvent(eventId);
+
+                      case 6:
+                        _context.t0 = _context.sent;
+                        _context.next = 10;
+                        break;
+
+                      case 9:
+                        _context.t0 = null;
+
+                      case 10:
+                        eventResponse = _context.t0;
+                        event = isEventDataUndefined ? _get(eventResponse, 'data.data.attributes', {}) : alreadyLoadedEventData || {};
                         pixel = event[key];
 
                         if ((_document = document) != null && _document.head && pixel) {
-                          document.head.append(createElementFromHTML(pixel));
+                          nodes = createElementFromHTML(pixel);
+
+                          for (i = 0; i < nodes.length; i++) {
+                            document.head.append(nodes[i]);
+                          }
                         }
 
-                      case 6:
+                      case 14:
                       case "end":
                         return _context.stop();
                     }
@@ -1658,8 +1687,8 @@ var usePixel = /*#__PURE__*/function () {
             }();
 
             React.useEffect(function () {
-              getEventData();
-            }, []);
+              getEventData(); // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, [eventId, alreadyLoadedEventData]);
 
           case 2:
           case "end":
@@ -1669,7 +1698,7 @@ var usePixel = /*#__PURE__*/function () {
     }, _callee2);
   }));
 
-  return function usePixel(_x, _x2) {
+  return function usePixel(_x, _x2, _x3) {
     return _ref.apply(this, arguments);
   };
 }();
@@ -5057,7 +5086,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
       confirmationMain = _confirmationLabels$c2 === void 0 ? 'Your tickets are available in My Tickets section' : _confirmationLabels$c2,
       _confirmationLabels$c3 = confirmationLabels.confirmationHelper,
       confirmationHelper = _confirmationLabels$c3 === void 0 ? 'Please bring them with you to the event' : _confirmationLabels$c3;
-  usePixel('conversionPixels', data.product_id);
+  usePixel('conversionPixels', data == null ? void 0 : data.product_id);
   return React__default.createElement("div", {
     className: "confirmation-page"
   }, data && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
@@ -5921,7 +5950,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   useCookieListener(X_TF_ECOMMERCE, function (value) {
     return setIsLogged(Boolean(value));
   });
-  usePixel('pagePixels', eventId);
+  usePixel('pagePixels', eventId, event);
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
       var access_token = window.localStorage.getItem('access_token');