core-outline 1.1.13 → 1.1.14

package/dist/index.js

@@ -10,6 +10,393 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function () {
+    return e;
+  };
+  var t,
+    e = {},
+    r = Object.prototype,
+    n = r.hasOwnProperty,
+    o = Object.defineProperty || function (t, e, r) {
+      t[e] = r.value;
+    },
+    i = "function" == typeof Symbol ? Symbol : {},
+    a = i.iterator || "@@iterator",
+    c = i.asyncIterator || "@@asyncIterator",
+    u = i.toStringTag || "@@toStringTag";
+  function define(t, e, r) {
+    return Object.defineProperty(t, e, {
+      value: r,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), t[e];
+  }
+  try {
+    define({}, "");
+  } catch (t) {
+    define = function (t, e, r) {
+      return t[e] = r;
+    };
+  }
+  function wrap(t, e, r, n) {
+    var i = e && e.prototype instanceof Generator ? e : Generator,
+      a = Object.create(i.prototype),
+      c = new Context(n || []);
+    return o(a, "_invoke", {
+      value: makeInvokeMethod(t, r, c)
+    }), a;
+  }
+  function tryCatch(t, e, r) {
+    try {
+      return {
+        type: "normal",
+        arg: t.call(e, r)
+      };
+    } catch (t) {
+      return {
+        type: "throw",
+        arg: t
+      };
+    }
+  }
+  e.wrap = wrap;
+  var h = "suspendedStart",
+    l = "suspendedYield",
+    f = "executing",
+    s = "completed",
+    y = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var p = {};
+  define(p, a, function () {
+    return this;
+  });
+  var d = Object.getPrototypeOf,
+    v = d && d(d(values([])));
+  v && v !== r && n.call(v, a) && (p = v);
+  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+  function defineIteratorMethods(t) {
+    ["next", "throw", "return"].forEach(function (e) {
+      define(t, e, function (t) {
+        return this._invoke(e, t);
+      });
+    });
+  }
+  function AsyncIterator(t, e) {
+    function invoke(r, o, i, a) {
+      var c = tryCatch(t[r], t, o);
+      if ("throw" !== c.type) {
+        var u = c.arg,
+          h = u.value;
+        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+          invoke("next", t, i, a);
+        }, function (t) {
+          invoke("throw", t, i, a);
+        }) : e.resolve(h).then(function (t) {
+          u.value = t, i(u);
+        }, function (t) {
+          return invoke("throw", t, i, a);
+        });
+      }
+      a(c.arg);
+    }
+    var r;
+    o(this, "_invoke", {
+      value: function (t, n) {
+        function callInvokeWithMethodAndArg() {
+          return new e(function (e, r) {
+            invoke(t, n, e, r);
+          });
+        }
+        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(e, r, n) {
+    var o = h;
+    return function (i, a) {
+      if (o === f) throw Error("Generator is already running");
+      if (o === s) {
+        if ("throw" === i) throw a;
+        return {
+          value: t,
+          done: !0
+        };
+      }
+      for (n.method = i, n.arg = a;;) {
+        var c = n.delegate;
+        if (c) {
+          var u = maybeInvokeDelegate(c, n);
+          if (u) {
+            if (u === y) continue;
+            return u;
+          }
+        }
+        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+          if (o === h) throw o = s, n.arg;
+          n.dispatchException(n.arg);
+        } else "return" === n.method && n.abrupt("return", n.arg);
+        o = f;
+        var p = tryCatch(e, r, n);
+        if ("normal" === p.type) {
+          if (o = n.done ? s : l, p.arg === y) continue;
+          return {
+            value: p.arg,
+            done: n.done
+          };
+        }
+        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(e, r) {
+    var n = r.method,
+      o = e.iterator[n];
+    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+    var i = tryCatch(o, e.iterator, r.arg);
+    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+    var a = i.arg;
+    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+  }
+  function pushTryEntry(t) {
+    var e = {
+      tryLoc: t[0]
+    };
+    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+  }
+  function resetTryEntry(t) {
+    var e = t.completion || {};
+    e.type = "normal", delete e.arg, t.completion = e;
+  }
+  function Context(t) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], t.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(e) {
+    if (e || "" === e) {
+      var r = e[a];
+      if (r) return r.call(e);
+      if ("function" == typeof e.next) return e;
+      if (!isNaN(e.length)) {
+        var o = -1,
+          i = function next() {
+            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+            return next.value = t, next.done = !0, next;
+          };
+        return i.next = i;
+      }
+    }
+    throw new TypeError(typeof e + " is not iterable");
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), o(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+    var e = "function" == typeof t && t.constructor;
+    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+  }, e.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+  }, e.awrap = function (t) {
+    return {
+      __await: t
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+    return this;
+  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+    void 0 === i && (i = Promise);
+    var a = new AsyncIterator(wrap(t, r, n, o), i);
+    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+      return t.done ? t.value : a.next();
+    });
+  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+    return this;
+  }), define(g, "toString", function () {
+    return "[object Generator]";
+  }), e.keys = function (t) {
+    var e = Object(t),
+      r = [];
+    for (var n in e) r.push(n);
+    return r.reverse(), function next() {
+      for (; r.length;) {
+        var t = r.pop();
+        if (t in e) return next.value = t, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, e.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function (e) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+    },
+    stop: function () {
+      this.done = !0;
+      var t = this.tryEntries[0].completion;
+      if ("throw" === t.type) throw t.arg;
+      return this.rval;
+    },
+    dispatchException: function (e) {
+      if (this.done) throw e;
+      var r = this;
+      function handle(n, o) {
+        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+      }
+      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+        var i = this.tryEntries[o],
+          a = i.completion;
+        if ("root" === i.tryLoc) return handle("end");
+        if (i.tryLoc <= this.prev) {
+          var c = n.call(i, "catchLoc"),
+            u = n.call(i, "finallyLoc");
+          if (c && u) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          } else if (c) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+          } else {
+            if (!u) throw Error("try statement without catch or finally");
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function (t, e) {
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var o = this.tryEntries[r];
+        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+          var i = o;
+          break;
+        }
+      }
+      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+      var a = i ? i.completion : {};
+      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+    },
+    complete: function (t, e) {
+      if ("throw" === t.type) throw t.arg;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+    },
+    finish: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+      }
+    },
+    catch: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.tryLoc === t) {
+          var n = r.completion;
+          if ("throw" === n.type) {
+            var o = n.arg;
+            resetTryEntry(r);
+          }
+          return o;
+        }
+      }
+      throw Error("illegal catch attempt");
+    },
+    delegateYield: function (e, r, n) {
+      return this.delegate = {
+        iterator: values(e),
+        resultName: r,
+        nextLoc: n
+      }, "next" === this.method && (this.arg = t), y;
+    }
+  }, e;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 var NodeType;
 (function (NodeType) {
     NodeType[NodeType["Document"] = 0] = "Document";
@@ -4603,11 +4990,11 @@ class BinaryReconstructor {
 }
 
 var parser = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    protocol: protocol,
-    get PacketType () { return PacketType; },
-    Encoder: Encoder,
-    Decoder: Decoder
+  __proto__: null,
+  protocol: protocol,
+  get PacketType () { return PacketType; },
+  Encoder: Encoder,
+  Decoder: Decoder
 });
 
 function on(obj, ev, fn) {
@@ -5968,75 +6355,121 @@ Object.assign(lookup, {
     connect: lookup,
 });
 
-const socket = lookup('http://localhost:8000');
+var socket = lookup('http://localhost:8000');
 
-const CoreOutline = ({
-  children,
-  data_source_id,
-  data_source_secret
-}) => {
-  const [events, setEvents] = React.useState([]);
-  const [replayEvents, setReplayEvents] = React.useState([]);
-  const recorderActive = React.useRef(false);
-  const [currentPage, setCurrentPage] = React.useState(window.location.href);
-  const [location, setLocation] = React.useState({
-    latitude: null,
-    longitude: null
-  });
-  const [browser, setBrowser] = React.useState(getBrowserInfo());
-  const [appToken, setAppToken] = React.useState('');
-  const [sessionId, setSessionId] = React.useState('');
-  async function authorizeApp(data_source_id, data_source_secret) {
-    const requestOptions = {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json'
-      },
-      body: JSON.stringify({
-        data_source_id: data_source_id,
-        data_source_secret: data_source_secret
-      })
-    };
-    const response = fetch(`http://localhost:4000/data-source/authorize`, requestOptions).then(response => response.json()).then(data => {
-      setAppToken(data.app_token);
-      return data;
-    }).catch(error => {
-      console.error('Error:', error);
-      return error;
-    });
-    return response;
+var CoreOutline = function CoreOutline(_ref) {
+  var children = _ref.children,
+    data_source_id = _ref.data_source_id,
+    data_source_secret = _ref.data_source_secret;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    events = _useState2[0],
+    setEvents = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    replayEvents = _useState4[0],
+    setReplayEvents = _useState4[1];
+  var recorderActive = React.useRef(false);
+  var _useState5 = React.useState(window.location.href),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentPage = _useState6[0],
+    setCurrentPage = _useState6[1];
+  var _useState7 = React.useState({
+      latitude: null,
+      longitude: null
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    location = _useState8[0],
+    setLocation = _useState8[1];
+  var _useState9 = React.useState(getBrowserInfo()),
+    _useState10 = _slicedToArray(_useState9, 2),
+    browser = _useState10[0];
+    _useState10[1];
+  var _useState11 = React.useState(""),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    var setAppToken = _useState12[1];
+  var _useState13 = React.useState(uuid.v4()),
+    _useState14 = _slicedToArray(_useState13, 2),
+    sessionId = _useState14[0];
+    _useState14[1];
+  function authorizeApp(_x, _x2) {
+    return _authorizeApp.apply(this, arguments);
   }
-  React.useEffect(async () => {
-    await authorizeApp(data_source_id, data_source_secret);
-    setSessionId(uuid.v4());
-    localStorage.setItem('coreOutlineSessionId', sessionId);
-    localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
-    console.log('Session', sessionId);
-    socket.send({
-      topic: 'session-data',
-      data_source_id: data_source_id,
-      session_id: sessionId,
-      start_date: new Date().toLocaleString(),
-      latitude: location.latitude,
-      longitude: location.longitude,
-      browser: browser,
-      event_id: 'SESSION_START'
-    });
-    return () => {
-      socket.send({
-        topic: 'session-data',
-        data_source_id: data_source_id,
-        session_id: sessionId,
-        start_date: new Date().toLocaleString(),
-        latitude: location.latitude,
-        longitude: location.longitude,
-        browser: browser,
-        event_id: 'SESSION_END'
-      });
-    };
-  }, []);
-  React.useEffect(() => {
-    const navigationEvent = {
+  function _authorizeApp() {
+    _authorizeApp = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data_source_id, data_source_secret) {
+      var requestOptions, response;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            requestOptions = {
+              method: "POST",
+              headers: {
+                "Content-Type": "application/json"
+              },
+              body: JSON.stringify({
+                data_source_id: data_source_id,
+                data_source_secret: data_source_secret
+              })
+            };
+            response = fetch("http://localhost:4000/data-source/authorize", requestOptions).then(function (response) {
+              return response.json();
+            }).then(function (data) {
+              setAppToken(data.app_token);
+              return data;
+            })["catch"](function (error) {
+              console.error("Error:", error);
+              return error;
+            });
+            return _context2.abrupt("return", response);
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _authorizeApp.apply(this, arguments);
+  }
+  React.useEffect(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return authorizeApp(data_source_id, data_source_secret);
+        case 2:
+          localStorage.setItem("coreOutlineSessionId", sessionId);
+          localStorage.setItem("coreOutlineDataSourceIdId", data_source_id);
+          console.log("Session", sessionId);
+          socket.send({
+            topic: "session-data",
+            data_source_id: data_source_id,
+            session_id: localStorage.getItem("coreOutlineSessionId"),
+            start_date: new Date().toLocaleString(),
+            latitude: location.latitude,
+            longitude: location.longitude,
+            browser: browser,
+            event_id: "SESSION_START"
+          });
+          return _context.abrupt("return", function () {
+            socket.send({
+              topic: "session-data",
+              data_source_id: data_source_id,
+              session_id: localStorage.getItem("coreOutlineSessionId"),
+              start_date: new Date().toLocaleString(),
+              latitude: location.latitude,
+              longitude: location.longitude,
+              browser: browser,
+              event_id: "SESSION_END"
+            });
+          });
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), []);
+  React.useEffect(function () {
+    var navigationEvent = {
       type: 4,
       data: {
         href: window.location.href,
@@ -6045,65 +6478,72 @@ const CoreOutline = ({
       },
       timestamp: Date.now()
     };
-    const startTime = performance.now();
-    const observer = new MutationObserver(() => {
-      const endTime = performance.now();
-      const loadTime = endTime - startTime;
+    var startTime = performance.now();
+    var observer = new MutationObserver(function () {
+      var endTime = performance.now();
+      var loadTime = endTime - startTime;
       navigationEvent.data.loadTime = loadTime;
-      const hours = Math.floor(loadTime / 3600000);
-      const minutes = Math.floor(loadTime % 3600000 / 60000);
-      const seconds = Math.floor(loadTime % 60000 / 1000);
-      navigationEvent.data.loadTimeFormatted = `${hours} hours ${minutes} minutes ${seconds} seconds`;
+      var hours = Math.floor(loadTime / 3600000);
+      var minutes = Math.floor(loadTime % 3600000 / 60000);
+      var seconds = Math.floor(loadTime % 60000 / 1000);
+      navigationEvent.data.loadTimeFormatted = "".concat(hours, " hours ").concat(minutes, " minutes ").concat(seconds, " seconds");
       observer.disconnect();
     });
     observer.observe(document, {
       childList: true,
       subtree: true
     });
-    setEvents(prevEvents => [...prevEvents, navigationEvent]);
-    const handleNavigation = () => {
+    setEvents(function (prevEvents) {
+      return [].concat(_toConsumableArray(prevEvents), [navigationEvent]);
+    });
+    var handleNavigation = function handleNavigation() {
       setCurrentPage(window.location.href);
       socket.send({
-        topic: 'session-data',
+        topic: "session-data",
         data_source_id: data_source_id,
-        session_id: sessionId,
+        session_id: localStorage.getItem("coreOutlineSessionId"),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         page_name: window.location.href,
-        event_id: 'PAGE_NAVIGATION'
+        event_id: "PAGE_NAVIGATION"
       });
       saveEvents(events);
     };
-    window.addEventListener('popstate', handleNavigation);
-    const originalPushState = window.history.pushState;
-    window.history.pushState = function (...args) {
+    window.addEventListener("popstate", handleNavigation);
+    var originalPushState = window.history.pushState;
+    window.history.pushState = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
       originalPushState.apply(this, args);
       handleNavigation();
     };
-    return () => {
-      window.removeEventListener('popstate', handleNavigation);
+    return function () {
+      window.removeEventListener("popstate", handleNavigation);
       window.history.pushState = originalPushState;
     };
   }, [currentPage]);
-  React.useEffect(() => {
-    console.log('Location', location);
+  React.useEffect(function () {
+    console.log("Location", location);
     getLocation();
   }, []);
-  React.useEffect(() => {
-    let stopFn;
+  React.useEffect(function () {
+    var stopFn;
     if (!recorderActive.current) {
       stopFn = record({
-        emit(event) {
-          setReplayEvents(prevEvents => [...prevEvents, event]);
+        emit: function emit(event) {
+          setReplayEvents(function (prevEvents) {
+            return [].concat(_toConsumableArray(prevEvents), [event]);
+          });
         },
         maskAllInputs: false,
         maskTextSelector: null
       });
       recorderActive.current = true;
     }
-    return () => {
+    return function () {
       if (stopFn) {
         stopFn();
         saveEvents(events);
@@ -6111,12 +6551,12 @@ const CoreOutline = ({
       }
     };
   }, []);
-  React.useEffect(() => {
-    let stopFn;
+  React.useEffect(function () {
+    var stopFn;
     if (!recorderActive.current) {
       stopFn = record({
-        emit(event) {
-          console.log('Event:', event);
+        emit: function emit(event) {
+          console.log("Event:", event);
           if (event.type == 3 && event.data.type == 2) {
             return;
           }
@@ -6130,16 +6570,18 @@ const CoreOutline = ({
             return;
           }
           if (event.type == 3 && event.data.type == 3) {
-            console.log('Contextmenu Event:', event);
+            console.log("Contextmenu Event:", event);
           }
-          setEvents(prevEvents => [...prevEvents, event]);
+          setEvents(function (prevEvents) {
+            return [].concat(_toConsumableArray(prevEvents), [event]);
+          });
         },
         maskAllInputs: false,
         maskTextSelector: null
       });
       recorderActive.current = true;
     }
-    return () => {
+    return function () {
       if (stopFn) {
         stopFn();
         saveEvents(events);
@@ -6147,10 +6589,10 @@ const CoreOutline = ({
       }
     };
   }, []);
-  React.useEffect(() => {
-    const handleClick = event => {
-      console.log('Inner text:', event.target.innerText);
-      const clickEvent = {
+  React.useEffect(function () {
+    var handleClick = function handleClick(event) {
+      console.log("Inner text:", event.target.innerText);
+      var clickEvent = {
         type: EventType.IncrementalSnapshot,
         data: {
           source: IncrementalSource.MouseInteraction,
@@ -6161,139 +6603,144 @@ const CoreOutline = ({
         },
         timestamp: Date.now()
       };
-      const clickedElement = document.elementFromPoint(clickEvent.data.x, clickEvent.data.y);
+      var clickedElement = document.elementFromPoint(clickEvent.data.x, clickEvent.data.y);
       if (clickedElement) {
         clickEvent.data.metadata = {
-          label: clickedElement.getAttribute('data-label') || clickedElement.innerText || null,
-          value: clickedElement.getAttribute('value') || clickedElement.innerText || null,
-          id: clickedElement.getAttribute('id') || clickedElement.innerText || null,
-          name: clickedElement.getAttribute('name') || clickedElement.innerText || null,
-          class: clickedElement.getAttribute('class') || clickedElement.innerText || null,
+          label: clickedElement.getAttribute("data-label") || clickedElement.innerText || null,
+          value: clickedElement.getAttribute("value") || clickedElement.innerText || null,
+          id: clickedElement.getAttribute("id") || clickedElement.innerText || null,
+          name: clickedElement.getAttribute("name") || clickedElement.innerText || null,
+          "class": clickedElement.getAttribute("class") || clickedElement.innerText || null,
           tag: clickedElement.tagName,
           html: String(clickedElement.getHTML()),
           innerText: event.target.innerText
         };
       }
-      setEvents(prevEvents => [...prevEvents, clickEvent]);
+      setEvents(function (prevEvents) {
+        return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
+      });
       socket.send({
-        topic: 'session-data',
+        topic: "session-data",
         data_source_id: data_source_id,
-        session_id: sessionId,
+        session_id: localStorage.getItem("coreOutlineSessionId"),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: 'ITEM_CLICKED'
+        event_id: "ITEM_CLICKED"
         // item_clicked: event.target,
       });
     };
-    document.addEventListener('click', handleClick);
-    return () => {
-      document.removeEventListener('click', handleClick);
+    document.addEventListener("click", handleClick);
+    return function () {
+      document.removeEventListener("click", handleClick);
     };
   }, []);
   function saveEvents(events) {
-    const requestOptions = {
-      method: 'PUT',
+    var requestOptions = {
+      method: "PUT",
       headers: {
-        'Content-Type': 'application/json'
+        "Content-Type": "application/json"
       },
       body: JSON.stringify(events)
     };
-    fetch(`http://localhost:5000/generate-s3-url/${data_source_id}/${sessionId}`).then(response => response.json()).then(data => {
-      const uploadURL = data.signed_url;
+    fetch("http://localhost:5000/generate-s3-url/".concat(data_source_id, "/").concat(sessionId)).then(function (response) {
+      return response.json();
+    }).then(function (data) {
+      var uploadURL = data.signed_url;
       return fetch(uploadURL, requestOptions);
     });
   }
-  function saveEventsLocally(type = 'formatted' ) {
-    let blob = '';
-    if (type === 'formatted') {
+  function saveEventsLocally() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "formatted" ;
+    var blob = "";
+    if (type === "formatted") {
       blob = new Blob([JSON.stringify(events, null, 2)], {
-        type: 'application/json'
+        type: "application/json"
       });
-    } else if (type === 'raw') {
+    } else if (type === "raw") {
       blob = new Blob([JSON.stringify(replayEvents, null, 2)], {
-        type: 'application/json'
+        type: "application/json"
       });
     }
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
+    var url = URL.createObjectURL(blob);
+    var a = document.createElement("a");
     a.href = url;
-    a.download = `${type}_events.json`;
+    a.download = "".concat(type, "_events.json");
     a.click();
     URL.revokeObjectURL(url);
   }
   function getBrowserInfo() {
-    const userAgent = navigator.userAgent;
-    let browserName = 'Unknown';
-    if (userAgent.indexOf('Firefox') > -1) {
-      browserName = 'Firefox';
-    } else if (userAgent.indexOf('Opera') > -1 || userAgent.indexOf('OPR') > -1) {
-      browserName = 'Opera';
-    } else if (userAgent.indexOf('Chrome') > -1) {
-      browserName = 'Chrome';
-    } else if (userAgent.indexOf('Safari') > -1) {
-      browserName = 'Safari';
-    } else if (userAgent.indexOf('MSIE') > -1 || userAgent.indexOf('Trident/') > -1) {
-      browserName = 'Internet Explorer';
+    var userAgent = navigator.userAgent;
+    var browserName = "Unknown";
+    if (userAgent.indexOf("Firefox") > -1) {
+      browserName = "Firefox";
+    } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
+      browserName = "Opera";
+    } else if (userAgent.indexOf("Chrome") > -1) {
+      browserName = "Chrome";
+    } else if (userAgent.indexOf("Safari") > -1) {
+      browserName = "Safari";
+    } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident/") > -1) {
+      browserName = "Internet Explorer";
     }
     return browserName;
   }
   function getLocation() {
     if (navigator.geolocation) {
-      navigator.geolocation.getCurrentPosition(position => {
+      navigator.geolocation.getCurrentPosition(function (position) {
         setLocation({
           latitude: position.coords.latitude,
           longitude: position.coords.longitude
         });
-      }, error => {
-        console.error('Error getting location:', error);
+      }, function (error) {
+        console.error("Error getting location:", error);
       });
     } else {
-      console.error('Geolocation is not supported by this browser.');
+      console.error("Geolocation is not supported by this browser.");
     }
   }
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("button", {
-    onClick: () => {
-      saveEventsLocally('formatted');
-      saveEventsLocally('raw');
+    onClick: function onClick() {
+      saveEventsLocally("formatted");
+      saveEventsLocally("raw");
     }
   }, "Save Events Locally"), children);
 };
-const flag_item_clicked = item_id => {
-  const sessionId = localStorage.getItem('coreOutlineSessionId');
-  const dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
-  console.log('Session', sessionId);
-  console.log('Data Source', dataSourceId);
+var flag_item_clicked = function flag_item_clicked(item_id) {
+  var sessionId = localStorage.getItem("coreOutlineSessionId");
+  var dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
+  console.log("Session", sessionId);
+  console.log("Data Source", dataSourceId);
   socket.send({
-    topic: 'session-data',
+    topic: "session-data",
     data_source_id: dataSourceId,
-    session_id: sessionId,
+    session_id: localStorage.getItem("coreOutlineSessionId"),
     start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_CLICKED',
+    event_id: "PRODUCT_CLICKED",
     item_clicked: item_id
   });
   return {
-    status: 'success',
-    message: 'Item click flagged successfully.'
+    status: "success",
+    message: "Item click flagged successfully."
   };
 };
-const flag_item_purchased = item_id => {
-  const sessionId = localStorage.getItem('coreOutlineSessionId');
-  const dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
-  console.log('Session', sessionId);
-  console.log('Data Source', dataSourceId);
+var flag_item_purchased = function flag_item_purchased(item_id) {
+  var sessionId = localStorage.getItem("coreOutlineSessionId");
+  var dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
+  console.log("Session", sessionId);
+  console.log("Data Source", dataSourceId);
   socket.send({
-    topic: 'session-data',
+    topic: "session-data",
     data_source_id: dataSourceId,
-    session_id: sessionId,
+    session_id: localStorage.getItem("coreOutlineSessionId"),
     start_date: new Date().toLocaleString(),
-    event_id: 'PRODUCT_PURCHASED',
+    event_id: "PRODUCT_PURCHASED",
     item_clicked: item_id
   });
   return {
-    status: 'success',
-    message: 'Item purchase flagged successfully.'
+    status: "success",
+    message: "Item purchase flagged successfully."
   };
 };