@sailfish-ai/recorder 1.0.0-beta-14 → 1.0.2

package/dist/sailfish-recorder.es.js

@@ -30,1101 +30,1783 @@ function v4(options, buf, offset) {
   rnds[8] = rnds[8] & 63 | 128;
   return unsafeStringify(rnds);
 }
-let eventCache = [];
-function cacheEvents(event) {
-  eventCache.push(event);
-}
-function sendRecordingEvents(webSocket, sessionId) {
-  if (eventCache.length > 0) {
-    const message = {
-      type: "events",
-      events: eventCache
-    };
-    webSocket.send(JSON.stringify(message));
-    eventCache = [];
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+    d2.__proto__ = b2;
+  } || function(d2, b2) {
+    for (var p in b2) if (b2.hasOwnProperty(p)) d2[p] = b2[p];
+  };
+  return extendStatics(d, b);
+};
+function __extends(d, b) {
+  extendStatics(d, b);
+  function __() {
+    this.constructor = d;
   }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
-function sendGraphQLRequest(operationName, query, variables) {
-  return fetch(
-    `${variables["backendApi"]}/graphql/?apiKey=${variables["apiKey"]}`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ operationName, query, variables })
-    }
-  ).then((response) => response.json());
-}
-function fetchCaptureSettings(apiKey, backendApi) {
-  return sendGraphQLRequest(
-    "GetCaptureSettingsFromApiKey",
-    `
-    query GetCaptureSettingsFromApiKey($apiKey: String!) {
-      captureSettingsFromApiKey(apiKey: $apiKey) {
-        recordCanvas
-        recordCrossOriginIframes
-        collectFonts
-        inlineImages
-        recordPassword
-        recordRealName
-        recordCreditCardInfo
-        recordSsn
-        recordDob
-        sampling
-      }
-    }
-  `,
-    { apiKey, backendApi }
-  );
-}
-function startRecordingSession(apiKey, recordingId, backendApi) {
-  return sendGraphQLRequest(
-    "StartSession",
-    `mutation StartSession($apiKey: UUID!, $recordingSessionId: UUID!) {
-      startRecordingSession(companyApiKey: $apiKey, sessionId: $recordingSessionId) {
-        id
-      }
-    }`,
-    {
-      apiKey,
-      recordingSessionId: recordingId,
-      backendApi
+function __values(o) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+  if (m) return m.call(o);
+  return {
+    next: function() {
+      if (o && i >= o.length) o = void 0;
+      return { value: o && o[i++], done: !o };
     }
-  );
-}
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
-var _a$1;
-var __defProp$1$1 = Object.defineProperty;
-var __defNormalProp$1$1 = (obj, key, value) => key in obj ? __defProp$1$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1$1 = (obj, key, value) => __defNormalProp$1$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
-  NodeType2[NodeType2["Document"] = 0] = "Document";
-  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-  NodeType2[NodeType2["Element"] = 2] = "Element";
-  NodeType2[NodeType2["Text"] = 3] = "Text";
-  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-  NodeType2[NodeType2["Comment"] = 5] = "Comment";
-  return NodeType2;
-})(NodeType$2 || {});
-function isElement(n2) {
-  return n2.nodeType === n2.ELEMENT_NODE;
-}
-function isShadowRoot$1(n2) {
-  const host = n2 == null ? void 0 : n2.host;
-  return Boolean((host == null ? void 0 : host.shadowRoot) === n2);
-}
-function isNativeShadowDom(shadowRoot) {
-  return Object.prototype.toString.call(shadowRoot) === "[object ShadowRoot]";
-}
-function fixBrowserCompatibilityIssuesInCSS(cssText) {
-  if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
-    cssText = cssText.replace(
-      /\sbackground-clip:\s*text;/g,
-      " -webkit-background-clip: text; background-clip: text;"
-    );
-  }
-  return cssText;
-}
-function escapeImportStatement(rule2) {
-  const { cssText } = rule2;
-  if (cssText.split('"').length < 3) return cssText;
-  const statement = ["@import", `url(${JSON.stringify(rule2.href)})`];
-  if (rule2.layerName === "") {
-    statement.push(`layer`);
-  } else if (rule2.layerName) {
-    statement.push(`layer(${rule2.layerName})`);
-  }
-  if (rule2.supportsText) {
-    statement.push(`supports(${rule2.supportsText})`);
-  }
-  if (rule2.media.length) {
-    statement.push(rule2.media.mediaText);
-  }
-  return statement.join(" ") + ";";
+  };
 }
-function stringifyStylesheet(s2) {
+function __read(o, n2) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
   try {
-    const rules2 = s2.rules || s2.cssRules;
-    return rules2 ? fixBrowserCompatibilityIssuesInCSS(
-      Array.from(rules2, stringifyRule).join("")
-    ) : null;
+    while ((n2 === void 0 || n2-- > 0) && !(r = i.next()).done) ar.push(r.value);
   } catch (error) {
-    return null;
-  }
-}
-function stringifyRule(rule2) {
-  let importStringified;
-  if (isCSSImportRule(rule2)) {
+    e = { error };
+  } finally {
     try {
-      importStringified = // for same-origin stylesheets,
-      // we can access the imported stylesheet rules directly
-      stringifyStylesheet(rule2.styleSheet) || // work around browser issues with the raw string `@import url(...)` statement
-      escapeImportStatement(rule2);
-    } catch (error) {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
     }
-  } else if (isCSSStyleRule(rule2) && rule2.selectorText.includes(":")) {
-    return fixSafariColons(rule2.cssText);
   }
-  return importStringified || rule2.cssText;
-}
-function fixSafariColons(cssStringified) {
-  const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
-  return cssStringified.replace(regex, "$1\\$2");
-}
-function isCSSImportRule(rule2) {
-  return "styleSheet" in rule2;
+  return ar;
 }
-function isCSSStyleRule(rule2) {
-  return "selectorText" in rule2;
+function __spread() {
+  for (var ar = [], i = 0; i < arguments.length; i++)
+    ar = ar.concat(__read(arguments[i]));
+  return ar;
 }
-let Mirror$1 = class Mirror {
-  constructor() {
-    __publicField$1$1(this, "idNodeMap", /* @__PURE__ */ new Map());
-    __publicField$1$1(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
-  }
-  getId(n2) {
-    var _a2;
-    if (!n2) return -1;
-    const id = (_a2 = this.getMeta(n2)) == null ? void 0 : _a2.id;
-    return id ?? -1;
-  }
-  getNode(id) {
-    return this.idNodeMap.get(id) || null;
-  }
-  getIds() {
-    return Array.from(this.idNodeMap.keys());
-  }
-  getMeta(n2) {
-    return this.nodeMetaMap.get(n2) || null;
-  }
-  // removes the node from idNodeMap
-  // doesn't remove the node from nodeMetaMap
-  removeNodeFromMap(n2) {
-    const id = this.getId(n2);
-    this.idNodeMap.delete(id);
-    if (n2.childNodes) {
-      n2.childNodes.forEach(
-        (childNode) => this.removeNodeFromMap(childNode)
-      );
+var Event$1 = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function Event2(type, target) {
+      this.target = target;
+      this.type = type;
     }
-  }
-  has(id) {
-    return this.idNodeMap.has(id);
-  }
-  hasNode(node2) {
-    return this.nodeMetaMap.has(node2);
-  }
-  add(n2, meta) {
-    const id = meta.id;
-    this.idNodeMap.set(id, n2);
-    this.nodeMetaMap.set(n2, meta);
-  }
-  replace(id, n2) {
-    const oldNode = this.getNode(id);
-    if (oldNode) {
-      const meta = this.nodeMetaMap.get(oldNode);
-      if (meta) this.nodeMetaMap.set(n2, meta);
+    return Event2;
+  }()
+);
+var ErrorEvent = (
+  /** @class */
+  function(_super) {
+    __extends(ErrorEvent2, _super);
+    function ErrorEvent2(error, target) {
+      var _this = _super.call(this, "error", target) || this;
+      _this.message = error.message;
+      _this.error = error;
+      return _this;
     }
-    this.idNodeMap.set(id, n2);
-  }
-  reset() {
-    this.idNodeMap = /* @__PURE__ */ new Map();
-    this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-  }
-};
-function createMirror$2$1() {
-  return new Mirror$1();
-}
-function maskInputValue({
-  element,
-  maskInputOptions,
-  tagName,
-  type,
-  value,
-  maskInputFn: maskInputFn2
-}) {
-  let text = value || "";
-  let returnText = "";
-  const actualType = type && toLowerCase(type);
-  let masked = false;
-  if (maskInputOptions[tagName.toLowerCase()] || actualType && maskInputOptions[actualType]) {
-    if (maskInputFn2) {
-      returnText = maskInputFn2(text, element);
-    } else {
-      returnText = "*".repeat(text.length);
-    }
-    masked = text !== returnText;
-  }
-  return { value: returnText, masked };
-}
-function toLowerCase(str) {
-  return str.toLowerCase();
-}
-const ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
-function is2DCanvasBlank(canvas) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return true;
-  const chunkSize = 50;
-  for (let x2 = 0; x2 < canvas.width; x2 += chunkSize) {
-    for (let y = 0; y < canvas.height; y += chunkSize) {
-      const getImageData = ctx.getImageData;
-      const originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
-      const pixelBuffer = new Uint32Array(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-        originalGetImageData.call(
-          ctx,
-          x2,
-          y,
-          Math.min(chunkSize, canvas.width - x2),
-          Math.min(chunkSize, canvas.height - y)
-        ).data.buffer
-      );
-      if (pixelBuffer.some((pixel) => pixel !== 0)) return false;
-    }
-  }
-  return true;
-}
-function getInputType(element) {
-  const type = element.type;
-  return element.hasAttribute("data-rr-is-password") ? "password" : type ? (
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-    toLowerCase(type)
-  ) : null;
-}
-function extractFileExtension(path, baseURL) {
-  let url;
-  try {
-    url = new URL(path, baseURL ?? window.location.href);
-  } catch (err) {
-    return null;
-  }
-  const regex = /\.([0-9a-z]+)(?:$)/i;
-  const match = url.pathname.match(regex);
-  return (match == null ? void 0 : match[1]) ?? null;
-}
-let _id = 1;
-const tagNameRegex = new RegExp("[^a-z0-9-_:]");
-const IGNORED_NODE$1 = -2;
-function genId() {
-  return _id++;
-}
-function getValidTagName$1(element) {
-  if (element instanceof HTMLFormElement) {
-    return "form";
-  }
-  const processedTagName = toLowerCase(element.tagName);
-  if (tagNameRegex.test(processedTagName)) {
-    return "div";
-  }
-  return processedTagName;
-}
-function extractOrigin(url) {
-  let origin = "";
-  if (url.indexOf("//") > -1) {
-    origin = url.split("/").slice(0, 3).join("/");
-  } else {
-    origin = url.split("/")[0];
-  }
-  origin = origin.split("?")[0];
-  return origin;
-}
-let canvasService;
-let canvasCtx;
-const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
-const URL_PROTOCOL_MATCH = /^(?:[a-z+]+:)?\/\//i;
-const URL_WWW_MATCH = /^www\..*/i;
-const DATA_URI = /^(data:)([^,]*),(.*)/i;
-function absoluteToStylesheet(cssText, href) {
-  return (cssText || "").replace(
-    URL_IN_CSS_REF,
-    (origin, quote1, path1, quote2, path2, path3) => {
-      const filePath = path1 || path2 || path3;
-      const maybeQuote = quote1 || quote2 || "";
-      if (!filePath) {
-        return origin;
-      }
-      if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
-        return `url(${maybeQuote}${filePath}${maybeQuote})`;
+    return ErrorEvent2;
+  }(Event$1)
+);
+var CloseEvent = (
+  /** @class */
+  function(_super) {
+    __extends(CloseEvent2, _super);
+    function CloseEvent2(code, reason, target) {
+      if (code === void 0) {
+        code = 1e3;
       }
-      if (DATA_URI.test(filePath)) {
-        return `url(${maybeQuote}${filePath}${maybeQuote})`;
+      if (reason === void 0) {
+        reason = "";
       }
-      if (filePath[0] === "/") {
-        return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
+      var _this = _super.call(this, "close", target) || this;
+      _this.wasClean = true;
+      _this.code = code;
+      _this.reason = reason;
+      return _this;
+    }
+    return CloseEvent2;
+  }(Event$1)
+);
+/*!
+ * Reconnecting WebSocket
+ * by Pedro Ladaria <pedro.ladaria@gmail.com>
+ * https://github.com/pladaria/reconnecting-websocket
+ * License MIT
+ */
+var getGlobalWebSocket = function() {
+  if (typeof WebSocket !== "undefined") {
+    return WebSocket;
+  }
+};
+var isWebSocket = function(w) {
+  return typeof w !== "undefined" && !!w && w.CLOSING === 2;
+};
+var DEFAULT = {
+  maxReconnectionDelay: 1e4,
+  minReconnectionDelay: 1e3 + Math.random() * 4e3,
+  minUptime: 5e3,
+  reconnectionDelayGrowFactor: 1.3,
+  connectionTimeout: 4e3,
+  maxRetries: Infinity,
+  maxEnqueuedMessages: Infinity,
+  startClosed: false,
+  debug: false
+};
+var ReconnectingWebSocket = (
+  /** @class */
+  function() {
+    function ReconnectingWebSocket2(url, protocols, options) {
+      var _this = this;
+      if (options === void 0) {
+        options = {};
       }
-      const stack = href.split("/");
-      const parts = filePath.split("/");
-      stack.pop();
-      for (const part of parts) {
-        if (part === ".") {
-          continue;
-        } else if (part === "..") {
-          stack.pop();
-        } else {
-          stack.push(part);
+      this._listeners = {
+        error: [],
+        message: [],
+        open: [],
+        close: []
+      };
+      this._retryCount = -1;
+      this._shouldReconnect = true;
+      this._connectLock = false;
+      this._binaryType = "blob";
+      this._closeCalled = false;
+      this._messageQueue = [];
+      this.onclose = null;
+      this.onerror = null;
+      this.onmessage = null;
+      this.onopen = null;
+      this._handleOpen = function(event) {
+        _this._debug("open event");
+        var _a2 = _this._options.minUptime, minUptime = _a2 === void 0 ? DEFAULT.minUptime : _a2;
+        clearTimeout(_this._connectTimeout);
+        _this._uptimeTimeout = setTimeout(function() {
+          return _this._acceptOpen();
+        }, minUptime);
+        _this._ws.binaryType = _this._binaryType;
+        _this._messageQueue.forEach(function(message) {
+          return _this._ws.send(message);
+        });
+        _this._messageQueue = [];
+        if (_this.onopen) {
+          _this.onopen(event);
+        }
+        _this._listeners.open.forEach(function(listener) {
+          return _this._callEventListener(event, listener);
+        });
+      };
+      this._handleMessage = function(event) {
+        _this._debug("message event");
+        if (_this.onmessage) {
+          _this.onmessage(event);
+        }
+        _this._listeners.message.forEach(function(listener) {
+          return _this._callEventListener(event, listener);
+        });
+      };
+      this._handleError = function(event) {
+        _this._debug("error event", event.message);
+        _this._disconnect(void 0, event.message === "TIMEOUT" ? "timeout" : void 0);
+        if (_this.onerror) {
+          _this.onerror(event);
+        }
+        _this._debug("exec error listeners");
+        _this._listeners.error.forEach(function(listener) {
+          return _this._callEventListener(event, listener);
+        });
+        _this._connect();
+      };
+      this._handleClose = function(event) {
+        _this._debug("close event");
+        _this._clearTimeouts();
+        if (_this._shouldReconnect) {
+          _this._connect();
+        }
+        if (_this.onclose) {
+          _this.onclose(event);
         }
+        _this._listeners.close.forEach(function(listener) {
+          return _this._callEventListener(event, listener);
+        });
+      };
+      this._url = url;
+      this._protocols = protocols;
+      this._options = options;
+      if (this._options.startClosed) {
+        this._shouldReconnect = false;
       }
-      return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
+      this._connect();
     }
-  );
-}
-const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
-const SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
-function getAbsoluteSrcsetString(doc, attributeValue) {
-  if (attributeValue.trim() === "") {
-    return attributeValue;
-  }
-  let pos = 0;
-  function collectCharacters(regEx) {
-    let chars2;
-    const match = regEx.exec(attributeValue.substring(pos));
-    if (match) {
-      chars2 = match[0];
-      pos += chars2.length;
-      return chars2;
-    }
-    return "";
-  }
-  const output = [];
-  while (true) {
-    collectCharacters(SRCSET_COMMAS_OR_SPACES);
-    if (pos >= attributeValue.length) {
-      break;
-    }
-    let url = collectCharacters(SRCSET_NOT_SPACES);
-    if (url.slice(-1) === ",") {
-      url = absoluteToDoc(doc, url.substring(0, url.length - 1));
-      output.push(url);
-    } else {
-      let descriptorsStr = "";
-      url = absoluteToDoc(doc, url);
-      let inParens = false;
-      while (true) {
-        const c2 = attributeValue.charAt(pos);
-        if (c2 === "") {
-          output.push((url + descriptorsStr).trim());
-          break;
-        } else if (!inParens) {
-          if (c2 === ",") {
-            pos += 1;
-            output.push((url + descriptorsStr).trim());
-            break;
-          } else if (c2 === "(") {
-            inParens = true;
-          }
-        } else {
-          if (c2 === ")") {
-            inParens = false;
+    Object.defineProperty(ReconnectingWebSocket2, "CONNECTING", {
+      get: function() {
+        return 0;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2, "OPEN", {
+      get: function() {
+        return 1;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2, "CLOSING", {
+      get: function() {
+        return 2;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2, "CLOSED", {
+      get: function() {
+        return 3;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "CONNECTING", {
+      get: function() {
+        return ReconnectingWebSocket2.CONNECTING;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "OPEN", {
+      get: function() {
+        return ReconnectingWebSocket2.OPEN;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "CLOSING", {
+      get: function() {
+        return ReconnectingWebSocket2.CLOSING;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "CLOSED", {
+      get: function() {
+        return ReconnectingWebSocket2.CLOSED;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "binaryType", {
+      get: function() {
+        return this._ws ? this._ws.binaryType : this._binaryType;
+      },
+      set: function(value) {
+        this._binaryType = value;
+        if (this._ws) {
+          this._ws.binaryType = value;
+        }
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "retryCount", {
+      /**
+       * Returns the number or connection retries
+       */
+      get: function() {
+        return Math.max(this._retryCount, 0);
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "bufferedAmount", {
+      /**
+       * The number of bytes of data that have been queued using calls to send() but not yet
+       * transmitted to the network. This value resets to zero once all queued data has been sent.
+       * This value does not reset to zero when the connection is closed; if you keep calling send(),
+       * this will continue to climb. Read only
+       */
+      get: function() {
+        var bytes = this._messageQueue.reduce(function(acc, message) {
+          if (typeof message === "string") {
+            acc += message.length;
+          } else if (message instanceof Blob) {
+            acc += message.size;
+          } else {
+            acc += message.byteLength;
           }
+          return acc;
+        }, 0);
+        return bytes + (this._ws ? this._ws.bufferedAmount : 0);
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "extensions", {
+      /**
+       * The extensions selected by the server. This is currently only the empty string or a list of
+       * extensions as negotiated by the connection
+       */
+      get: function() {
+        return this._ws ? this._ws.extensions : "";
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "protocol", {
+      /**
+       * A string indicating the name of the sub-protocol the server selected;
+       * this will be one of the strings specified in the protocols parameter when creating the
+       * WebSocket object
+       */
+      get: function() {
+        return this._ws ? this._ws.protocol : "";
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "readyState", {
+      /**
+       * The current state of the connection; this is one of the Ready state constants
+       */
+      get: function() {
+        if (this._ws) {
+          return this._ws.readyState;
         }
-        descriptorsStr += c2;
-        pos += 1;
+        return this._options.startClosed ? ReconnectingWebSocket2.CLOSED : ReconnectingWebSocket2.CONNECTING;
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty(ReconnectingWebSocket2.prototype, "url", {
+      /**
+       * The URL as resolved by the constructor
+       */
+      get: function() {
+        return this._ws ? this._ws.url : "";
+      },
+      enumerable: true,
+      configurable: true
+    });
+    ReconnectingWebSocket2.prototype.close = function(code, reason) {
+      if (code === void 0) {
+        code = 1e3;
       }
-    }
-  }
-  return output.join(", ");
-}
-const cachedDocument = /* @__PURE__ */ new WeakMap();
-function absoluteToDoc(doc, attributeValue) {
-  if (!attributeValue || attributeValue.trim() === "") {
-    return attributeValue;
-  }
-  return getHref(doc, attributeValue);
-}
-function isSVGElement(el) {
-  return Boolean(el.tagName === "svg" || el.ownerSVGElement);
-}
-function getHref(doc, customHref) {
-  let a2 = cachedDocument.get(doc);
-  if (!a2) {
-    a2 = doc.createElement("a");
-    cachedDocument.set(doc, a2);
-  }
-  if (!customHref) {
-    customHref = "";
-  } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
-    return customHref;
-  }
-  a2.setAttribute("href", customHref);
-  return a2.href;
-}
-function transformAttribute(doc, tagName, name, value) {
-  if (!value) {
-    return value;
-  }
-  if (name === "src" || name === "href" && !(tagName === "use" && value[0] === "#")) {
-    return absoluteToDoc(doc, value);
-  } else if (name === "xlink:href" && value[0] !== "#") {
-    return absoluteToDoc(doc, value);
-  } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
-    return absoluteToDoc(doc, value);
-  } else if (name === "srcset") {
-    return getAbsoluteSrcsetString(doc, value);
-  } else if (name === "style") {
-    return absoluteToStylesheet(value, getHref(doc));
-  } else if (tagName === "object" && name === "data") {
-    return absoluteToDoc(doc, value);
-  }
-  return value;
-}
-function ignoreAttribute(tagName, name, _value) {
-  return (tagName === "video" || tagName === "audio") && name === "autoplay";
-}
-function _isBlockedElement(element, blockClass, blockSelector) {
-  try {
-    if (typeof blockClass === "string") {
-      if (element.classList.contains(blockClass)) {
-        return true;
+      this._closeCalled = true;
+      this._shouldReconnect = false;
+      this._clearTimeouts();
+      if (!this._ws) {
+        this._debug("close enqueued: no ws instance");
+        return;
       }
-    } else {
-      for (let eIndex = element.classList.length; eIndex--; ) {
-        const className = element.classList[eIndex];
-        if (blockClass.test(className)) {
-          return true;
+      if (this._ws.readyState === this.CLOSED) {
+        this._debug("close: already closed");
+        return;
+      }
+      this._ws.close(code, reason);
+    };
+    ReconnectingWebSocket2.prototype.reconnect = function(code, reason) {
+      this._shouldReconnect = true;
+      this._closeCalled = false;
+      this._retryCount = -1;
+      if (!this._ws || this._ws.readyState === this.CLOSED) {
+        this._connect();
+      } else {
+        this._disconnect(code, reason);
+        this._connect();
+      }
+    };
+    ReconnectingWebSocket2.prototype.send = function(data) {
+      if (this._ws && this._ws.readyState === this.OPEN) {
+        this._debug("send", data);
+        this._ws.send(data);
+      } else {
+        var _a2 = this._options.maxEnqueuedMessages, maxEnqueuedMessages = _a2 === void 0 ? DEFAULT.maxEnqueuedMessages : _a2;
+        if (this._messageQueue.length < maxEnqueuedMessages) {
+          this._debug("enqueue", data);
+          this._messageQueue.push(data);
         }
       }
+    };
+    ReconnectingWebSocket2.prototype.addEventListener = function(type, listener) {
+      if (this._listeners[type]) {
+        this._listeners[type].push(listener);
+      }
+    };
+    ReconnectingWebSocket2.prototype.dispatchEvent = function(event) {
+      var e_1, _a2;
+      var listeners = this._listeners[event.type];
+      if (listeners) {
+        try {
+          for (var listeners_1 = __values(listeners), listeners_1_1 = listeners_1.next(); !listeners_1_1.done; listeners_1_1 = listeners_1.next()) {
+            var listener = listeners_1_1.value;
+            this._callEventListener(event, listener);
+          }
+        } catch (e_1_1) {
+          e_1 = { error: e_1_1 };
+        } finally {
+          try {
+            if (listeners_1_1 && !listeners_1_1.done && (_a2 = listeners_1.return)) _a2.call(listeners_1);
+          } finally {
+            if (e_1) throw e_1.error;
+          }
+        }
+      }
+      return true;
+    };
+    ReconnectingWebSocket2.prototype.removeEventListener = function(type, listener) {
+      if (this._listeners[type]) {
+        this._listeners[type] = this._listeners[type].filter(function(l) {
+          return l !== listener;
+        });
+      }
+    };
+    ReconnectingWebSocket2.prototype._debug = function() {
+      var args = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+      }
+      if (this._options.debug) {
+        console.log.apply(console, __spread(["RWS>"], args));
+      }
+    };
+    ReconnectingWebSocket2.prototype._getNextDelay = function() {
+      var _a2 = this._options, _b = _a2.reconnectionDelayGrowFactor, reconnectionDelayGrowFactor = _b === void 0 ? DEFAULT.reconnectionDelayGrowFactor : _b, _c = _a2.minReconnectionDelay, minReconnectionDelay = _c === void 0 ? DEFAULT.minReconnectionDelay : _c, _d = _a2.maxReconnectionDelay, maxReconnectionDelay = _d === void 0 ? DEFAULT.maxReconnectionDelay : _d;
+      var delay = 0;
+      if (this._retryCount > 0) {
+        delay = minReconnectionDelay * Math.pow(reconnectionDelayGrowFactor, this._retryCount - 1);
+        if (delay > maxReconnectionDelay) {
+          delay = maxReconnectionDelay;
+        }
+      }
+      this._debug("next delay", delay);
+      return delay;
+    };
+    ReconnectingWebSocket2.prototype._wait = function() {
+      var _this = this;
+      return new Promise(function(resolve2) {
+        setTimeout(resolve2, _this._getNextDelay());
+      });
+    };
+    ReconnectingWebSocket2.prototype._getNextUrl = function(urlProvider) {
+      if (typeof urlProvider === "string") {
+        return Promise.resolve(urlProvider);
+      }
+      if (typeof urlProvider === "function") {
+        var url = urlProvider();
+        if (typeof url === "string") {
+          return Promise.resolve(url);
+        }
+        if (!!url.then) {
+          return url;
+        }
+      }
+      throw Error("Invalid URL");
+    };
+    ReconnectingWebSocket2.prototype._connect = function() {
+      var _this = this;
+      if (this._connectLock || !this._shouldReconnect) {
+        return;
+      }
+      this._connectLock = true;
+      var _a2 = this._options, _b = _a2.maxRetries, maxRetries = _b === void 0 ? DEFAULT.maxRetries : _b, _c = _a2.connectionTimeout, connectionTimeout = _c === void 0 ? DEFAULT.connectionTimeout : _c, _d = _a2.WebSocket, WebSocket2 = _d === void 0 ? getGlobalWebSocket() : _d;
+      if (this._retryCount >= maxRetries) {
+        this._debug("max retries reached", this._retryCount, ">=", maxRetries);
+        return;
+      }
+      this._retryCount++;
+      this._debug("connect", this._retryCount);
+      this._removeListeners();
+      if (!isWebSocket(WebSocket2)) {
+        throw Error("No valid WebSocket class provided");
+      }
+      this._wait().then(function() {
+        return _this._getNextUrl(_this._url);
+      }).then(function(url) {
+        if (_this._closeCalled) {
+          return;
+        }
+        _this._debug("connect", { url, protocols: _this._protocols });
+        _this._ws = _this._protocols ? new WebSocket2(url, _this._protocols) : new WebSocket2(url);
+        _this._ws.binaryType = _this._binaryType;
+        _this._connectLock = false;
+        _this._addListeners();
+        _this._connectTimeout = setTimeout(function() {
+          return _this._handleTimeout();
+        }, connectionTimeout);
+      });
+    };
+    ReconnectingWebSocket2.prototype._handleTimeout = function() {
+      this._debug("timeout event");
+      this._handleError(new ErrorEvent(Error("TIMEOUT"), this));
+    };
+    ReconnectingWebSocket2.prototype._disconnect = function(code, reason) {
+      if (code === void 0) {
+        code = 1e3;
+      }
+      this._clearTimeouts();
+      if (!this._ws) {
+        return;
+      }
+      this._removeListeners();
+      try {
+        this._ws.close(code, reason);
+        this._handleClose(new CloseEvent(code, reason, this));
+      } catch (error) {
+      }
+    };
+    ReconnectingWebSocket2.prototype._acceptOpen = function() {
+      this._debug("accept open");
+      this._retryCount = 0;
+    };
+    ReconnectingWebSocket2.prototype._callEventListener = function(event, listener) {
+      if ("handleEvent" in listener) {
+        listener.handleEvent(event);
+      } else {
+        listener(event);
+      }
+    };
+    ReconnectingWebSocket2.prototype._removeListeners = function() {
+      if (!this._ws) {
+        return;
+      }
+      this._debug("removeListeners");
+      this._ws.removeEventListener("open", this._handleOpen);
+      this._ws.removeEventListener("close", this._handleClose);
+      this._ws.removeEventListener("message", this._handleMessage);
+      this._ws.removeEventListener("error", this._handleError);
+    };
+    ReconnectingWebSocket2.prototype._addListeners = function() {
+      if (!this._ws) {
+        return;
+      }
+      this._debug("addListeners");
+      this._ws.addEventListener("open", this._handleOpen);
+      this._ws.addEventListener("close", this._handleClose);
+      this._ws.addEventListener("message", this._handleMessage);
+      this._ws.addEventListener("error", this._handleError);
+    };
+    ReconnectingWebSocket2.prototype._clearTimeouts = function() {
+      clearTimeout(this._connectTimeout);
+      clearTimeout(this._uptimeTimeout);
+    };
+    return ReconnectingWebSocket2;
+  }()
+);
+const version = "1.0.2";
+let webSocket = null;
+const messageQueue = [];
+function flushMessageQueue() {
+  if (webSocket && webSocket.readyState === WebSocket.OPEN) {
+    while (messageQueue.length > 0) {
+      const message = messageQueue.shift();
+      if (message) {
+        webSocket.send(message);
+      }
     }
-    if (blockSelector) {
-      return element.matches(blockSelector);
-    }
-  } catch (e2) {
   }
-  return false;
 }
-function classMatchesRegex$1(node2, regex, checkAncestors) {
-  if (!node2) return false;
-  if (node2.nodeType !== node2.ELEMENT_NODE) {
-    if (!checkAncestors) return false;
-    return classMatchesRegex$1(node2.parentNode, regex, checkAncestors);
+function initializeWebSocket(backendApi, apiKey, sessionId) {
+  const wsHost = getWebSocketHost(backendApi);
+  const wsScheme = window.location.protocol === "https:" ? "wss" : "ws";
+  const wsUrl = `${wsScheme}://${wsHost}/ws/notify/?apiKey=${apiKey}&sessionId=${sessionId}&sender=JS%2FTS&version=${version}`;
+  const options = {
+    connectionTimeout: 1e4
+  };
+  webSocket = new ReconnectingWebSocket(wsUrl, [], options);
+  webSocket.addEventListener("open", () => {
+    flushMessageQueue();
+  });
+  webSocket.addEventListener("close", () => {
+    webSocket = null;
+  });
+  return webSocket;
+}
+function sendMessage(message) {
+  const messageString = JSON.stringify(message);
+  if (webSocket && webSocket.readyState === WebSocket.OPEN) {
+    webSocket.send(messageString);
+  } else {
+    messageQueue.push(messageString);
   }
-  for (let eIndex = node2.classList.length; eIndex--; ) {
-    const className = node2.classList[eIndex];
-    if (regex.test(className)) {
-      return true;
+}
+function getWebSocketHost(url) {
+  const parser2 = document.createElement("a");
+  parser2.href = url;
+  return `${parser2.hostname}${parser2.port ? `:${parser2.port}` : ""}`;
+}
+async function gatherAndCacheDeviceInfo() {
+  const geolocation = await getGeolocation();
+  const info = {
+    // connection: {
+    //   downlink: connection.downlink,
+    //   downlinkMax: connection.downlinkMax,
+    //   effectiveType: connection.effectiveType,
+    //   rtt: connection.rtt,
+    // },
+    // deviceMemory: navigator.deviceMemory,
+    language: navigator.language,
+    userAgent: navigator.userAgent,
+    geolocation
+  };
+  sendMessage({ type: "deviceInfo", data: { deviceInfo: info } });
+}
+function getGeolocation() {
+  return new Promise((resolve2) => {
+    if ("geolocation" in navigator) {
+      navigator.geolocation.getCurrentPosition(
+        (position) => {
+          resolve2({
+            latitude: position.coords.latitude,
+            longitude: position.coords.longitude
+          });
+        },
+        (error) => {
+          console.error("Error getting geolocation:", error);
+          resolve2(void 0);
+        }
+      );
+    } else {
+      console.warn("Geolocation is not supported by this browser.");
+      resolve2(void 0);
     }
-  }
-  if (!checkAncestors) return false;
-  return classMatchesRegex$1(node2.parentNode, regex, checkAncestors);
+  });
 }
-function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors) {
-  let el;
-  if (isElement(node2)) {
-    el = node2;
-    if (!el.childNodes.length) {
-      return false;
+let eventCache = [];
+function cacheEvents(event) {
+  eventCache.push(event);
+}
+function sendRecordingEvents(webSocket2) {
+  if (webSocket2 && webSocket2.readyState === WebSocket.OPEN) {
+    if (eventCache.length > 0) {
+      const message = {
+        type: "events",
+        events: eventCache
+      };
+      webSocket2.send(JSON.stringify(message));
+      eventCache = [];
     }
-  } else if (node2.parentElement === null) {
-    return false;
   } else {
-    el = node2.parentElement;
+    eventCache.push(...eventCache);
   }
-  try {
-    if (typeof maskTextClass === "string") {
-      if (checkAncestors) {
-        if (el.closest(`.${maskTextClass}`)) return true;
-      } else {
-        if (el.classList.contains(maskTextClass)) return true;
+}
+function exponentialBackoff(fn, action, retries = 5, initialDelay = 2e3, backoffFactor = 2) {
+  let attempt = 0;
+  const attemptRequest = async () => {
+    try {
+      return await fn();
+    } catch (error) {
+      attempt++;
+      if (attempt > retries) {
+        throw error;
       }
-    } else {
-      if (classMatchesRegex$1(el, maskTextClass, checkAncestors)) return true;
+      const delay = initialDelay * Math.pow(backoffFactor, attempt - 1);
+      await new Promise((resolve2) => setTimeout(resolve2, delay));
+      return attemptRequest();
     }
-    if (maskTextSelector) {
-      if (checkAncestors) {
-        if (el.closest(maskTextSelector)) return true;
-      } else {
-        if (el.matches(maskTextSelector)) return true;
+  };
+  return attemptRequest();
+}
+const DEBUG = false;
+function sendGraphQLRequest(operationName, query, variables, retries = 5, initialBackoff = 2e3, backoffFactor = 2) {
+  const apiEndpoint = `${variables["backendApi"]}/graphql/?apiKey=${variables["apiKey"]}`;
+  const action = "Sending GraphQL request to Sailfish AI";
+  return exponentialBackoff(
+    () => fetch(apiEndpoint, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ operationName, query, variables })
+    }).then((response) => {
+      if (DEBUG)
+        ;
+      if (!response.ok) {
+        throw new Error(
+          `GraphQL request failed with status ${response.status}`
+        );
+      }
+      return response.json();
+    }),
+    action,
+    retries,
+    initialBackoff,
+    backoffFactor
+  );
+}
+function fetchCaptureSettings(apiKey, backendApi) {
+  return sendGraphQLRequest(
+    "GetCaptureSettingsFromApiKey",
+    `
+    query GetCaptureSettingsFromApiKey($apiKey: String!) {
+      captureSettingsFromApiKey(apiKey: $apiKey) {
+        recordCanvas
+        recordCrossOriginIframes
+        collectFonts
+        inlineImages
+        recordPassword
+        recordRealName
+        recordCreditCardInfo
+        recordSsn
+        recordDob
+        sampling
       }
     }
-  } catch (e2) {
-  }
-  return false;
+  `,
+    { apiKey, backendApi }
+  );
 }
-function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
-  const win = iframeEl.contentWindow;
-  if (!win) {
-    return;
+function startRecordingSession(apiKey, recordingId, backendApi) {
+  return sendGraphQLRequest(
+    "StartSession",
+    `mutation StartSession($apiKey: UUID!, $recordingSessionId: UUID!) {
+      startRecordingSession(companyApiKey: $apiKey, sessionId: $recordingSessionId) {
+        id
+      }
+    }`,
+    {
+      apiKey,
+      recordingSessionId: recordingId,
+      backendApi
+    }
+  );
+}
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var _a$1;
+var __defProp$1$1 = Object.defineProperty;
+var __defNormalProp$1$1 = (obj, key, value) => key in obj ? __defProp$1$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1$1 = (obj, key, value) => __defNormalProp$1$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
+})(NodeType$2 || {});
+function isElement(n2) {
+  return n2.nodeType === n2.ELEMENT_NODE;
+}
+function isShadowRoot$1(n2) {
+  const host = n2 == null ? void 0 : n2.host;
+  return Boolean((host == null ? void 0 : host.shadowRoot) === n2);
+}
+function isNativeShadowDom(shadowRoot) {
+  return Object.prototype.toString.call(shadowRoot) === "[object ShadowRoot]";
+}
+function fixBrowserCompatibilityIssuesInCSS(cssText) {
+  if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
+    cssText = cssText.replace(
+      /\sbackground-clip:\s*text;/g,
+      " -webkit-background-clip: text; background-clip: text;"
+    );
   }
-  let fired = false;
-  let readyState;
-  try {
-    readyState = win.document.readyState;
-  } catch (error) {
-    return;
+  return cssText;
+}
+function escapeImportStatement(rule2) {
+  const { cssText } = rule2;
+  if (cssText.split('"').length < 3) return cssText;
+  const statement = ["@import", `url(${JSON.stringify(rule2.href)})`];
+  if (rule2.layerName === "") {
+    statement.push(`layer`);
+  } else if (rule2.layerName) {
+    statement.push(`layer(${rule2.layerName})`);
   }
-  if (readyState !== "complete") {
-    const timer = setTimeout(() => {
-      if (!fired) {
-        listener();
-        fired = true;
-      }
-    }, iframeLoadTimeout);
-    iframeEl.addEventListener("load", () => {
-      clearTimeout(timer);
-      fired = true;
-      listener();
-    });
-    return;
+  if (rule2.supportsText) {
+    statement.push(`supports(${rule2.supportsText})`);
   }
-  const blankUrl = "about:blank";
-  if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
-    setTimeout(listener, 0);
-    return iframeEl.addEventListener("load", listener);
+  if (rule2.media.length) {
+    statement.push(rule2.media.mediaText);
   }
-  iframeEl.addEventListener("load", listener);
+  return statement.join(" ") + ";";
 }
-function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
-  let fired = false;
-  let styleSheetLoaded;
+function stringifyStylesheet(s2) {
   try {
-    styleSheetLoaded = link.sheet;
+    const rules2 = s2.rules || s2.cssRules;
+    return rules2 ? fixBrowserCompatibilityIssuesInCSS(
+      Array.from(rules2, stringifyRule).join("")
+    ) : null;
   } catch (error) {
-    return;
+    return null;
   }
-  if (styleSheetLoaded) return;
-  const timer = setTimeout(() => {
-    if (!fired) {
-      listener();
-      fired = true;
-    }
-  }, styleSheetLoadTimeout);
-  link.addEventListener("load", () => {
-    clearTimeout(timer);
-    fired = true;
-    listener();
-  });
 }
-function serializeNode(n2, options) {
-  const {
-    doc,
-    mirror: mirror2,
-    blockClass,
-    blockSelector,
-    needsMask,
-    inlineStylesheet,
-    maskInputOptions = {},
-    maskTextFn,
-    maskInputFn: maskInputFn2,
-    dataURLOptions = {},
-    inlineImages,
-    recordCanvas,
-    keepIframeSrcFn,
-    newlyAddedElement = false
-  } = options;
-  const rootId = getRootId(doc, mirror2);
-  switch (n2.nodeType) {
-    case n2.DOCUMENT_NODE:
-      if (n2.compatMode !== "CSS1Compat") {
-        return {
-          type: NodeType$2.Document,
-          childNodes: [],
-          compatMode: n2.compatMode
-          // probably "BackCompat"
-        };
-      } else {
-        return {
-          type: NodeType$2.Document,
-          childNodes: []
-        };
-      }
-    case n2.DOCUMENT_TYPE_NODE:
-      return {
-        type: NodeType$2.DocumentType,
-        name: n2.name,
-        publicId: n2.publicId,
-        systemId: n2.systemId,
-        rootId
-      };
-    case n2.ELEMENT_NODE:
-      return serializeElementNode(n2, {
-        doc,
-        blockClass,
-        blockSelector,
-        inlineStylesheet,
-        maskInputOptions,
-        maskInputFn: maskInputFn2,
-        dataURLOptions,
-        inlineImages,
-        recordCanvas,
-        keepIframeSrcFn,
-        newlyAddedElement,
-        rootId
-      });
-    case n2.TEXT_NODE:
-      return serializeTextNode(n2, {
-        doc,
-        needsMask,
-        maskTextFn,
-        rootId
-      });
-    case n2.CDATA_SECTION_NODE:
-      return {
-        type: NodeType$2.CDATA,
-        textContent: "",
-        rootId
-      };
-    case n2.COMMENT_NODE:
-      return {
-        type: NodeType$2.Comment,
-        textContent: n2.textContent || "",
-        rootId
-      };
-    default:
-      return false;
+function stringifyRule(rule2) {
+  let importStringified;
+  if (isCSSImportRule(rule2)) {
+    try {
+      importStringified = // for same-origin stylesheets,
+      // we can access the imported stylesheet rules directly
+      stringifyStylesheet(rule2.styleSheet) || // work around browser issues with the raw string `@import url(...)` statement
+      escapeImportStatement(rule2);
+    } catch (error) {
+    }
+  } else if (isCSSStyleRule(rule2) && rule2.selectorText.includes(":")) {
+    return fixSafariColons(rule2.cssText);
   }
+  return importStringified || rule2.cssText;
 }
-function getRootId(doc, mirror2) {
-  if (!mirror2.hasNode(doc)) return void 0;
-  const docId = mirror2.getId(doc);
-  return docId === 1 ? void 0 : docId;
-}
-function serializeTextNode(n2, options) {
-  var _a2;
-  const { needsMask, maskTextFn, rootId } = options;
-  const parentTagName = n2.parentNode && n2.parentNode.tagName;
-  let textContent = n2.textContent;
-  const isStyle = parentTagName === "STYLE" ? true : void 0;
-  const isScript = parentTagName === "SCRIPT" ? true : void 0;
-  if (isStyle && textContent) {
-    try {
-      if (n2.nextSibling || n2.previousSibling) {
-      } else if ((_a2 = n2.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
-        textContent = stringifyStylesheet(
-          n2.parentNode.sheet
-        );
-      }
-    } catch (err) {
-      console.warn(
-        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-        n2
-      );
-    }
-    textContent = absoluteToStylesheet(textContent, getHref(options.doc));
+function fixSafariColons(cssStringified) {
+  const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
+  return cssStringified.replace(regex, "$1\\$2");
+}
+function isCSSImportRule(rule2) {
+  return "styleSheet" in rule2;
+}
+function isCSSStyleRule(rule2) {
+  return "selectorText" in rule2;
+}
+let Mirror$1 = class Mirror {
+  constructor() {
+    __publicField$1$1(this, "idNodeMap", /* @__PURE__ */ new Map());
+    __publicField$1$1(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
-  if (isScript) {
-    textContent = "SCRIPT_PLACEHOLDER";
+  getId(n2) {
+    var _a2;
+    if (!n2) return -1;
+    const id = (_a2 = this.getMeta(n2)) == null ? void 0 : _a2.id;
+    return id ?? -1;
   }
-  if (!isStyle && !isScript && textContent && needsMask) {
-    textContent = maskTextFn ? maskTextFn(textContent, n2.parentElement) : textContent.replace(/[\S]/g, "*");
+  getNode(id) {
+    return this.idNodeMap.get(id) || null;
   }
-  return {
-    type: NodeType$2.Text,
-    textContent: textContent || "",
-    isStyle,
-    rootId
-  };
-}
-function serializeElementNode(n2, options) {
-  const {
-    doc,
-    blockClass,
-    blockSelector,
-    inlineStylesheet,
-    maskInputOptions = {},
-    maskInputFn: maskInputFn2,
-    dataURLOptions = {},
-    inlineImages,
-    recordCanvas,
-    keepIframeSrcFn,
-    newlyAddedElement = false,
-    rootId
-  } = options;
-  const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
-  const tagName = getValidTagName$1(n2);
-  let attributes = {};
-  const len = n2.attributes.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const attr = n2.attributes[i2];
-    if (!ignoreAttribute(tagName, attr.name, attr.value)) {
-      attributes[attr.name] = transformAttribute(
-        doc,
-        tagName,
-        toLowerCase(attr.name),
-        attr.value
+  getIds() {
+    return Array.from(this.idNodeMap.keys());
+  }
+  getMeta(n2) {
+    return this.nodeMetaMap.get(n2) || null;
+  }
+  // removes the node from idNodeMap
+  // doesn't remove the node from nodeMetaMap
+  removeNodeFromMap(n2) {
+    const id = this.getId(n2);
+    this.idNodeMap.delete(id);
+    if (n2.childNodes) {
+      n2.childNodes.forEach(
+        (childNode) => this.removeNodeFromMap(childNode)
       );
     }
   }
-  if (tagName === "link" && inlineStylesheet) {
-    const stylesheet = Array.from(doc.styleSheets).find((s2) => {
-      return s2.href === n2.href;
-    });
-    let cssText = null;
-    if (stylesheet) {
-      cssText = stringifyStylesheet(stylesheet);
-    }
-    if (cssText) {
-      delete attributes.rel;
-      delete attributes.href;
-      attributes._cssText = absoluteToStylesheet(cssText, stylesheet.href);
-    }
+  has(id) {
+    return this.idNodeMap.has(id);
   }
-  if (tagName === "style" && n2.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
-  !(n2.innerText || n2.textContent || "").trim().length) {
-    const cssText = stringifyStylesheet(
-      n2.sheet
-    );
-    if (cssText) {
-      attributes._cssText = absoluteToStylesheet(cssText, getHref(doc));
-    }
+  hasNode(node2) {
+    return this.nodeMetaMap.has(node2);
   }
-  if (tagName === "input" || tagName === "textarea" || tagName === "select") {
-    const value = n2.value;
-    const checked = n2.checked;
-    if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
-      const maskResult = maskInputValue({
-        element: n2,
-        type: getInputType(n2),
-        tagName,
-        value,
-        maskInputOptions,
-        maskInputFn: maskInputFn2
-      });
-      attributes.value = maskResult.value;
-      if (maskResult.masked) {
-        attributes.masked = true;
-      }
-    } else if (checked) {
-      attributes.checked = checked;
+  add(n2, meta) {
+    const id = meta.id;
+    this.idNodeMap.set(id, n2);
+    this.nodeMetaMap.set(n2, meta);
+  }
+  replace(id, n2) {
+    const oldNode = this.getNode(id);
+    if (oldNode) {
+      const meta = this.nodeMetaMap.get(oldNode);
+      if (meta) this.nodeMetaMap.set(n2, meta);
     }
+    this.idNodeMap.set(id, n2);
   }
-  if (tagName === "option") {
-    if (n2.selected && !maskInputOptions["select"]) {
-      attributes.selected = true;
+  reset() {
+    this.idNodeMap = /* @__PURE__ */ new Map();
+    this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
+  }
+};
+function createMirror$2$1() {
+  return new Mirror$1();
+}
+function maskInputValue({
+  element,
+  maskInputOptions,
+  tagName,
+  type,
+  value,
+  maskInputFn: maskInputFn2
+}) {
+  let text = value || "";
+  let returnText = "";
+  const actualType = type && toLowerCase(type);
+  let masked = false;
+  if (maskInputOptions[tagName.toLowerCase()] || actualType && maskInputOptions[actualType]) {
+    if (maskInputFn2) {
+      returnText = maskInputFn2(text, element);
     } else {
-      delete attributes.selected;
+      returnText = "*".repeat(text.length);
     }
+    masked = text !== returnText;
   }
-  if (tagName === "canvas" && recordCanvas) {
-    if (n2.__context === "2d") {
-      if (!is2DCanvasBlank(n2)) {
-        attributes.rr_dataURL = n2.toDataURL(
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
-      }
-    } else if (!("__context" in n2)) {
-      const canvasDataURL = n2.toDataURL(
-        dataURLOptions.type,
-        dataURLOptions.quality
-      );
-      const blankCanvas = doc.createElement("canvas");
-      blankCanvas.width = n2.width;
-      blankCanvas.height = n2.height;
-      const blankCanvasDataURL = blankCanvas.toDataURL(
-        dataURLOptions.type,
-        dataURLOptions.quality
+  return { value: returnText, masked };
+}
+function toLowerCase(str) {
+  return str.toLowerCase();
+}
+const ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
+function is2DCanvasBlank(canvas) {
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return true;
+  const chunkSize = 50;
+  for (let x2 = 0; x2 < canvas.width; x2 += chunkSize) {
+    for (let y = 0; y < canvas.height; y += chunkSize) {
+      const getImageData = ctx.getImageData;
+      const originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
+      const pixelBuffer = new Uint32Array(
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
+        originalGetImageData.call(
+          ctx,
+          x2,
+          y,
+          Math.min(chunkSize, canvas.width - x2),
+          Math.min(chunkSize, canvas.height - y)
+        ).data.buffer
       );
-      if (canvasDataURL !== blankCanvasDataURL) {
-        attributes.rr_dataURL = canvasDataURL;
-      }
+      if (pixelBuffer.some((pixel) => pixel !== 0)) return false;
     }
   }
-  if (tagName === "img" && inlineImages) {
-    if (!canvasService) {
-      canvasService = doc.createElement("canvas");
-      canvasCtx = canvasService.getContext("2d");
-    }
-    const image = n2;
-    const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
-    const priorCrossOrigin = image.crossOrigin;
-    const recordInlineImage = () => {
-      image.removeEventListener("load", recordInlineImage);
-      try {
-        canvasService.width = image.naturalWidth;
-        canvasService.height = image.naturalHeight;
-        canvasCtx.drawImage(image, 0, 0);
-        attributes.rr_dataURL = canvasService.toDataURL(
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
-      } catch (err) {
-        if (image.crossOrigin !== "anonymous") {
-          image.crossOrigin = "anonymous";
-          if (image.complete && image.naturalWidth !== 0)
-            recordInlineImage();
-          else image.addEventListener("load", recordInlineImage);
-          return;
-        } else {
-          console.warn(
-            `Cannot inline img src=${imageSrc}! Error: ${err}`
-          );
-        }
-      }
-      if (image.crossOrigin === "anonymous") {
-        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
+  return true;
+}
+function getInputType(element) {
+  const type = element.type;
+  return element.hasAttribute("data-rr-is-password") ? "password" : type ? (
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+    toLowerCase(type)
+  ) : null;
+}
+function extractFileExtension(path, baseURL) {
+  let url;
+  try {
+    url = new URL(path, baseURL ?? window.location.href);
+  } catch (err) {
+    return null;
+  }
+  const regex = /\.([0-9a-z]+)(?:$)/i;
+  const match = url.pathname.match(regex);
+  return (match == null ? void 0 : match[1]) ?? null;
+}
+let _id = 1;
+const tagNameRegex = new RegExp("[^a-z0-9-_:]");
+const IGNORED_NODE$1 = -2;
+function genId() {
+  return _id++;
+}
+function getValidTagName$1(element) {
+  if (element instanceof HTMLFormElement) {
+    return "form";
+  }
+  const processedTagName = toLowerCase(element.tagName);
+  if (tagNameRegex.test(processedTagName)) {
+    return "div";
+  }
+  return processedTagName;
+}
+function extractOrigin(url) {
+  let origin = "";
+  if (url.indexOf("//") > -1) {
+    origin = url.split("/").slice(0, 3).join("/");
+  } else {
+    origin = url.split("/")[0];
+  }
+  origin = origin.split("?")[0];
+  return origin;
+}
+let canvasService;
+let canvasCtx;
+const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
+const URL_PROTOCOL_MATCH = /^(?:[a-z+]+:)?\/\//i;
+const URL_WWW_MATCH = /^www\..*/i;
+const DATA_URI = /^(data:)([^,]*),(.*)/i;
+function absoluteToStylesheet(cssText, href) {
+  return (cssText || "").replace(
+    URL_IN_CSS_REF,
+    (origin, quote1, path1, quote2, path2, path3) => {
+      const filePath = path1 || path2 || path3;
+      const maybeQuote = quote1 || quote2 || "";
+      if (!filePath) {
+        return origin;
       }
-    };
-    if (image.complete && image.naturalWidth !== 0) recordInlineImage();
-    else image.addEventListener("load", recordInlineImage);
+      if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
+        return `url(${maybeQuote}${filePath}${maybeQuote})`;
+      }
+      if (DATA_URI.test(filePath)) {
+        return `url(${maybeQuote}${filePath}${maybeQuote})`;
+      }
+      if (filePath[0] === "/") {
+        return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
+      }
+      const stack = href.split("/");
+      const parts = filePath.split("/");
+      stack.pop();
+      for (const part of parts) {
+        if (part === ".") {
+          continue;
+        } else if (part === "..") {
+          stack.pop();
+        } else {
+          stack.push(part);
+        }
+      }
+      return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
+    }
+  );
+}
+const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
+const SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
+function getAbsoluteSrcsetString(doc, attributeValue) {
+  if (attributeValue.trim() === "") {
+    return attributeValue;
   }
-  if (tagName === "audio" || tagName === "video") {
-    const mediaAttributes = attributes;
-    mediaAttributes.rr_mediaState = n2.paused ? "paused" : "played";
-    mediaAttributes.rr_mediaCurrentTime = n2.currentTime;
-    mediaAttributes.rr_mediaPlaybackRate = n2.playbackRate;
-    mediaAttributes.rr_mediaMuted = n2.muted;
-    mediaAttributes.rr_mediaLoop = n2.loop;
-    mediaAttributes.rr_mediaVolume = n2.volume;
+  let pos = 0;
+  function collectCharacters(regEx) {
+    let chars2;
+    const match = regEx.exec(attributeValue.substring(pos));
+    if (match) {
+      chars2 = match[0];
+      pos += chars2.length;
+      return chars2;
+    }
+    return "";
   }
-  if (!newlyAddedElement) {
-    if (n2.scrollLeft) {
-      attributes.rr_scrollLeft = n2.scrollLeft;
+  const output = [];
+  while (true) {
+    collectCharacters(SRCSET_COMMAS_OR_SPACES);
+    if (pos >= attributeValue.length) {
+      break;
     }
-    if (n2.scrollTop) {
-      attributes.rr_scrollTop = n2.scrollTop;
+    let url = collectCharacters(SRCSET_NOT_SPACES);
+    if (url.slice(-1) === ",") {
+      url = absoluteToDoc(doc, url.substring(0, url.length - 1));
+      output.push(url);
+    } else {
+      let descriptorsStr = "";
+      url = absoluteToDoc(doc, url);
+      let inParens = false;
+      while (true) {
+        const c2 = attributeValue.charAt(pos);
+        if (c2 === "") {
+          output.push((url + descriptorsStr).trim());
+          break;
+        } else if (!inParens) {
+          if (c2 === ",") {
+            pos += 1;
+            output.push((url + descriptorsStr).trim());
+            break;
+          } else if (c2 === "(") {
+            inParens = true;
+          }
+        } else {
+          if (c2 === ")") {
+            inParens = false;
+          }
+        }
+        descriptorsStr += c2;
+        pos += 1;
+      }
     }
   }
-  if (needBlock) {
-    const { width, height } = n2.getBoundingClientRect();
-    attributes = {
-      class: attributes.class,
-      rr_width: `${width}px`,
-      rr_height: `${height}px`
-    };
+  return output.join(", ");
+}
+const cachedDocument = /* @__PURE__ */ new WeakMap();
+function absoluteToDoc(doc, attributeValue) {
+  if (!attributeValue || attributeValue.trim() === "") {
+    return attributeValue;
   }
-  if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
-    if (!n2.contentDocument) {
-      attributes.rr_src = attributes.src;
-    }
-    delete attributes.src;
+  return getHref(doc, attributeValue);
+}
+function isSVGElement(el) {
+  return Boolean(el.tagName === "svg" || el.ownerSVGElement);
+}
+function getHref(doc, customHref) {
+  let a2 = cachedDocument.get(doc);
+  if (!a2) {
+    a2 = doc.createElement("a");
+    cachedDocument.set(doc, a2);
   }
-  let isCustomElement;
-  try {
-    if (customElements.get(tagName)) isCustomElement = true;
-  } catch (e2) {
+  if (!customHref) {
+    customHref = "";
+  } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
+    return customHref;
   }
-  return {
-    type: NodeType$2.Element,
-    tagName,
-    attributes,
-    childNodes: [],
-    isSVG: isSVGElement(n2) || void 0,
-    needBlock,
-    rootId,
-    isCustom: isCustomElement
-  };
+  a2.setAttribute("href", customHref);
+  return a2.href;
 }
-function lowerIfExists(maybeAttr) {
-  if (maybeAttr === void 0 || maybeAttr === null) {
-    return "";
-  } else {
-    return maybeAttr.toLowerCase();
+function transformAttribute(doc, tagName, name, value) {
+  if (!value) {
+    return value;
+  }
+  if (name === "src" || name === "href" && !(tagName === "use" && value[0] === "#")) {
+    return absoluteToDoc(doc, value);
+  } else if (name === "xlink:href" && value[0] !== "#") {
+    return absoluteToDoc(doc, value);
+  } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
+    return absoluteToDoc(doc, value);
+  } else if (name === "srcset") {
+    return getAbsoluteSrcsetString(doc, value);
+  } else if (name === "style") {
+    return absoluteToStylesheet(value, getHref(doc));
+  } else if (tagName === "object" && name === "data") {
+    return absoluteToDoc(doc, value);
   }
+  return value;
 }
-function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$2.Comment) {
-    return true;
-  } else if (sn.type === NodeType$2.Element) {
-    if (slimDOMOptions.script && // script tag
-    (sn.tagName === "script" || // (module)preload link
-    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
-    sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
-      return true;
-    } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
-      /^msapplication-tile(image|color)$/
-    ) || lowerIfExists(sn.attributes.name) === "application-name" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
-      return true;
-    } else if (sn.tagName === "meta") {
-      if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
-        return true;
-      } else if (slimDOMOptions.headMetaSocial && (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
-      lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) || lowerIfExists(sn.attributes.name) === "pinterest")) {
-        return true;
-      } else if (slimDOMOptions.headMetaRobots && (lowerIfExists(sn.attributes.name) === "robots" || lowerIfExists(sn.attributes.name) === "googlebot" || lowerIfExists(sn.attributes.name) === "bingbot")) {
-        return true;
-      } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
-        return true;
-      } else if (slimDOMOptions.headMetaAuthorship && (lowerIfExists(sn.attributes.name) === "author" || lowerIfExists(sn.attributes.name) === "generator" || lowerIfExists(sn.attributes.name) === "framework" || lowerIfExists(sn.attributes.name) === "publisher" || lowerIfExists(sn.attributes.name) === "progid" || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
-        return true;
-      } else if (slimDOMOptions.headMetaVerification && (lowerIfExists(sn.attributes.name) === "google-site-verification" || lowerIfExists(sn.attributes.name) === "yandex-verification" || lowerIfExists(sn.attributes.name) === "csrf-token" || lowerIfExists(sn.attributes.name) === "p:domain_verify" || lowerIfExists(sn.attributes.name) === "verify-v1" || lowerIfExists(sn.attributes.name) === "verification" || lowerIfExists(sn.attributes.name) === "shopify-checkout-api-token")) {
+function ignoreAttribute(tagName, name, _value) {
+  return (tagName === "video" || tagName === "audio") && name === "autoplay";
+}
+function _isBlockedElement(element, blockClass, blockSelector) {
+  try {
+    if (typeof blockClass === "string") {
+      if (element.classList.contains(blockClass)) {
         return true;
       }
-    }
-  }
-  return false;
+    } else {
+      for (let eIndex = element.classList.length; eIndex--; ) {
+        const className = element.classList[eIndex];
+        if (blockClass.test(className)) {
+          return true;
+        }
+      }
+    }
+    if (blockSelector) {
+      return element.matches(blockSelector);
+    }
+  } catch (e2) {
+  }
+  return false;
 }
-function serializeNodeWithId(n2, options) {
+function classMatchesRegex$1(node2, regex, checkAncestors) {
+  if (!node2) return false;
+  if (node2.nodeType !== node2.ELEMENT_NODE) {
+    if (!checkAncestors) return false;
+    return classMatchesRegex$1(node2.parentNode, regex, checkAncestors);
+  }
+  for (let eIndex = node2.classList.length; eIndex--; ) {
+    const className = node2.classList[eIndex];
+    if (regex.test(className)) {
+      return true;
+    }
+  }
+  if (!checkAncestors) return false;
+  return classMatchesRegex$1(node2.parentNode, regex, checkAncestors);
+}
+function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors) {
+  let el;
+  if (isElement(node2)) {
+    el = node2;
+    if (!el.childNodes.length) {
+      return false;
+    }
+  } else if (node2.parentElement === null) {
+    return false;
+  } else {
+    el = node2.parentElement;
+  }
+  try {
+    if (typeof maskTextClass === "string") {
+      if (checkAncestors) {
+        if (el.closest(`.${maskTextClass}`)) return true;
+      } else {
+        if (el.classList.contains(maskTextClass)) return true;
+      }
+    } else {
+      if (classMatchesRegex$1(el, maskTextClass, checkAncestors)) return true;
+    }
+    if (maskTextSelector) {
+      if (checkAncestors) {
+        if (el.closest(maskTextSelector)) return true;
+      } else {
+        if (el.matches(maskTextSelector)) return true;
+      }
+    }
+  } catch (e2) {
+  }
+  return false;
+}
+function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
+  const win = iframeEl.contentWindow;
+  if (!win) {
+    return;
+  }
+  let fired = false;
+  let readyState;
+  try {
+    readyState = win.document.readyState;
+  } catch (error) {
+    return;
+  }
+  if (readyState !== "complete") {
+    const timer = setTimeout(() => {
+      if (!fired) {
+        listener();
+        fired = true;
+      }
+    }, iframeLoadTimeout);
+    iframeEl.addEventListener("load", () => {
+      clearTimeout(timer);
+      fired = true;
+      listener();
+    });
+    return;
+  }
+  const blankUrl = "about:blank";
+  if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
+    setTimeout(listener, 0);
+    return iframeEl.addEventListener("load", listener);
+  }
+  iframeEl.addEventListener("load", listener);
+}
+function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
+  let fired = false;
+  let styleSheetLoaded;
+  try {
+    styleSheetLoaded = link.sheet;
+  } catch (error) {
+    return;
+  }
+  if (styleSheetLoaded) return;
+  const timer = setTimeout(() => {
+    if (!fired) {
+      listener();
+      fired = true;
+    }
+  }, styleSheetLoadTimeout);
+  link.addEventListener("load", () => {
+    clearTimeout(timer);
+    fired = true;
+    listener();
+  });
+}
+function serializeNode(n2, options) {
   const {
     doc,
     mirror: mirror2,
     blockClass,
     blockSelector,
-    maskTextClass,
-    maskTextSelector,
-    skipChild = false,
-    inlineStylesheet = true,
+    needsMask,
+    inlineStylesheet,
     maskInputOptions = {},
     maskTextFn,
     maskInputFn: maskInputFn2,
-    slimDOMOptions,
     dataURLOptions = {},
-    inlineImages = false,
-    recordCanvas = false,
-    onSerialize,
-    onIframeLoad,
-    iframeLoadTimeout = 5e3,
-    onStylesheetLoad,
-    stylesheetLoadTimeout = 5e3,
-    keepIframeSrcFn = () => false,
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
     newlyAddedElement = false
   } = options;
-  let { needsMask } = options;
-  let { preserveWhiteSpace = true } = options;
-  if (!needsMask) {
-    const checkAncestors = needsMask === void 0;
-    needsMask = needMaskingText(
-      n2,
-      maskTextClass,
-      maskTextSelector,
-      checkAncestors
-    );
+  const rootId = getRootId(doc, mirror2);
+  switch (n2.nodeType) {
+    case n2.DOCUMENT_NODE:
+      if (n2.compatMode !== "CSS1Compat") {
+        return {
+          type: NodeType$2.Document,
+          childNodes: [],
+          compatMode: n2.compatMode
+          // probably "BackCompat"
+        };
+      } else {
+        return {
+          type: NodeType$2.Document,
+          childNodes: []
+        };
+      }
+    case n2.DOCUMENT_TYPE_NODE:
+      return {
+        type: NodeType$2.DocumentType,
+        name: n2.name,
+        publicId: n2.publicId,
+        systemId: n2.systemId,
+        rootId
+      };
+    case n2.ELEMENT_NODE:
+      return serializeElementNode(n2, {
+        doc,
+        blockClass,
+        blockSelector,
+        inlineStylesheet,
+        maskInputOptions,
+        maskInputFn: maskInputFn2,
+        dataURLOptions,
+        inlineImages,
+        recordCanvas,
+        keepIframeSrcFn,
+        newlyAddedElement,
+        rootId
+      });
+    case n2.TEXT_NODE:
+      return serializeTextNode(n2, {
+        doc,
+        needsMask,
+        maskTextFn,
+        rootId
+      });
+    case n2.CDATA_SECTION_NODE:
+      return {
+        type: NodeType$2.CDATA,
+        textContent: "",
+        rootId
+      };
+    case n2.COMMENT_NODE:
+      return {
+        type: NodeType$2.Comment,
+        textContent: n2.textContent || "",
+        rootId
+      };
+    default:
+      return false;
   }
-  const _serializedNode = serializeNode(n2, {
+}
+function getRootId(doc, mirror2) {
+  if (!mirror2.hasNode(doc)) return void 0;
+  const docId = mirror2.getId(doc);
+  return docId === 1 ? void 0 : docId;
+}
+function serializeTextNode(n2, options) {
+  var _a2;
+  const { needsMask, maskTextFn, rootId } = options;
+  const parentTagName = n2.parentNode && n2.parentNode.tagName;
+  let textContent = n2.textContent;
+  const isStyle = parentTagName === "STYLE" ? true : void 0;
+  const isScript = parentTagName === "SCRIPT" ? true : void 0;
+  if (isStyle && textContent) {
+    try {
+      if (n2.nextSibling || n2.previousSibling) {
+      } else if ((_a2 = n2.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
+        textContent = stringifyStylesheet(
+          n2.parentNode.sheet
+        );
+      }
+    } catch (err) {
+      console.warn(
+        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
+        n2
+      );
+    }
+    textContent = absoluteToStylesheet(textContent, getHref(options.doc));
+  }
+  if (isScript) {
+    textContent = "SCRIPT_PLACEHOLDER";
+  }
+  if (!isStyle && !isScript && textContent && needsMask) {
+    textContent = maskTextFn ? maskTextFn(textContent, n2.parentElement) : textContent.replace(/[\S]/g, "*");
+  }
+  return {
+    type: NodeType$2.Text,
+    textContent: textContent || "",
+    isStyle,
+    rootId
+  };
+}
+function serializeElementNode(n2, options) {
+  const {
     doc,
-    mirror: mirror2,
     blockClass,
     blockSelector,
-    needsMask,
     inlineStylesheet,
-    maskInputOptions,
-    maskTextFn,
+    maskInputOptions = {},
     maskInputFn: maskInputFn2,
-    dataURLOptions,
+    dataURLOptions = {},
     inlineImages,
     recordCanvas,
     keepIframeSrcFn,
-    newlyAddedElement
-  });
-  if (!_serializedNode) {
-    console.warn(n2, "not serialized");
-    return null;
-  }
-  let id;
-  if (mirror2.hasNode(n2)) {
-    id = mirror2.getId(n2);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$2.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
-    id = IGNORED_NODE$1;
-  } else {
-    id = genId();
+    newlyAddedElement = false,
+    rootId
+  } = options;
+  const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
+  const tagName = getValidTagName$1(n2);
+  let attributes = {};
+  const len = n2.attributes.length;
+  for (let i2 = 0; i2 < len; i2++) {
+    const attr = n2.attributes[i2];
+    if (!ignoreAttribute(tagName, attr.name, attr.value)) {
+      attributes[attr.name] = transformAttribute(
+        doc,
+        tagName,
+        toLowerCase(attr.name),
+        attr.value
+      );
+    }
   }
-  const serializedNode = Object.assign(_serializedNode, { id });
-  mirror2.add(n2, serializedNode);
-  if (id === IGNORED_NODE$1) {
-    return null;
+  if (tagName === "link" && inlineStylesheet) {
+    const stylesheet = Array.from(doc.styleSheets).find((s2) => {
+      return s2.href === n2.href;
+    });
+    let cssText = null;
+    if (stylesheet) {
+      cssText = stringifyStylesheet(stylesheet);
+    }
+    if (cssText) {
+      delete attributes.rel;
+      delete attributes.href;
+      attributes._cssText = absoluteToStylesheet(cssText, stylesheet.href);
+    }
   }
-  if (onSerialize) {
-    onSerialize(n2);
+  if (tagName === "style" && n2.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
+  !(n2.innerText || n2.textContent || "").trim().length) {
+    const cssText = stringifyStylesheet(
+      n2.sheet
+    );
+    if (cssText) {
+      attributes._cssText = absoluteToStylesheet(cssText, getHref(doc));
+    }
   }
-  let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$2.Element) {
-    recordChild = recordChild && !serializedNode.needBlock;
-    delete serializedNode.needBlock;
-    const shadowRoot = n2.shadowRoot;
-    if (shadowRoot && isNativeShadowDom(shadowRoot))
-      serializedNode.isShadowHost = true;
+  if (tagName === "input" || tagName === "textarea" || tagName === "select") {
+    const value = n2.value;
+    const checked = n2.checked;
+    if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
+      const maskResult = maskInputValue({
+        element: n2,
+        type: getInputType(n2),
+        tagName,
+        value,
+        maskInputOptions,
+        maskInputFn: maskInputFn2
+      });
+      attributes.value = maskResult.value;
+      if (maskResult.masked) {
+        attributes.masked = true;
+      }
+    } else if (checked) {
+      attributes.checked = checked;
+    }
   }
-  if ((serializedNode.type === NodeType$2.Document || serializedNode.type === NodeType$2.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$2.Element && serializedNode.tagName === "head") {
-      preserveWhiteSpace = false;
+  if (tagName === "option") {
+    if (n2.selected && !maskInputOptions["select"]) {
+      attributes.selected = true;
+    } else {
+      delete attributes.selected;
     }
-    const bypassOptions = {
-      doc,
-      mirror: mirror2,
-      blockClass,
-      blockSelector,
-      needsMask,
-      maskTextClass,
-      maskTextSelector,
-      skipChild,
-      inlineStylesheet,
-      maskInputOptions,
-      maskTextFn,
-      maskInputFn: maskInputFn2,
-      slimDOMOptions,
-      dataURLOptions,
-      inlineImages,
-      recordCanvas,
-      preserveWhiteSpace,
-      onSerialize,
-      onIframeLoad,
-      iframeLoadTimeout,
-      onStylesheetLoad,
-      stylesheetLoadTimeout,
-      keepIframeSrcFn
-    };
-    if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
-    else {
-      for (const childN of Array.from(n2.childNodes)) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          serializedNode.childNodes.push(serializedChildNode);
-        }
+  }
+  if (tagName === "canvas" && recordCanvas) {
+    if (n2.__context === "2d") {
+      if (!is2DCanvasBlank(n2)) {
+        attributes.rr_dataURL = n2.toDataURL(
+          dataURLOptions.type,
+          dataURLOptions.quality
+        );
+      }
+    } else if (!("__context" in n2)) {
+      const canvasDataURL = n2.toDataURL(
+        dataURLOptions.type,
+        dataURLOptions.quality
+      );
+      const blankCanvas = doc.createElement("canvas");
+      blankCanvas.width = n2.width;
+      blankCanvas.height = n2.height;
+      const blankCanvasDataURL = blankCanvas.toDataURL(
+        dataURLOptions.type,
+        dataURLOptions.quality
+      );
+      if (canvasDataURL !== blankCanvasDataURL) {
+        attributes.rr_dataURL = canvasDataURL;
       }
     }
-    if (isElement(n2) && n2.shadowRoot) {
-      for (const childN of Array.from(n2.shadowRoot.childNodes)) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          isNativeShadowDom(n2.shadowRoot) && (serializedChildNode.isShadow = true);
-          serializedNode.childNodes.push(serializedChildNode);
+  }
+  if (tagName === "img" && inlineImages) {
+    if (!canvasService) {
+      canvasService = doc.createElement("canvas");
+      canvasCtx = canvasService.getContext("2d");
+    }
+    const image = n2;
+    const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
+    const priorCrossOrigin = image.crossOrigin;
+    const recordInlineImage = () => {
+      image.removeEventListener("load", recordInlineImage);
+      try {
+        canvasService.width = image.naturalWidth;
+        canvasService.height = image.naturalHeight;
+        canvasCtx.drawImage(image, 0, 0);
+        attributes.rr_dataURL = canvasService.toDataURL(
+          dataURLOptions.type,
+          dataURLOptions.quality
+        );
+      } catch (err) {
+        if (image.crossOrigin !== "anonymous") {
+          image.crossOrigin = "anonymous";
+          if (image.complete && image.naturalWidth !== 0)
+            recordInlineImage();
+          else image.addEventListener("load", recordInlineImage);
+          return;
+        } else {
+          console.warn(
+            `Cannot inline img src=${imageSrc}! Error: ${err}`
+          );
         }
       }
-    }
+      if (image.crossOrigin === "anonymous") {
+        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
+      }
+    };
+    if (image.complete && image.naturalWidth !== 0) recordInlineImage();
+    else image.addEventListener("load", recordInlineImage);
   }
-  if (n2.parentNode && isShadowRoot$1(n2.parentNode) && isNativeShadowDom(n2.parentNode)) {
-    serializedNode.isShadow = true;
+  if (tagName === "audio" || tagName === "video") {
+    const mediaAttributes = attributes;
+    mediaAttributes.rr_mediaState = n2.paused ? "paused" : "played";
+    mediaAttributes.rr_mediaCurrentTime = n2.currentTime;
+    mediaAttributes.rr_mediaPlaybackRate = n2.playbackRate;
+    mediaAttributes.rr_mediaMuted = n2.muted;
+    mediaAttributes.rr_mediaLoop = n2.loop;
+    mediaAttributes.rr_mediaVolume = n2.volume;
   }
-  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "iframe") {
-    onceIframeLoaded(
-      n2,
-      () => {
-        const iframeDoc = n2.contentDocument;
-        if (iframeDoc && onIframeLoad) {
-          const serializedIframeNode = serializeNodeWithId(iframeDoc, {
-            doc: iframeDoc,
-            mirror: mirror2,
-            blockClass,
-            blockSelector,
-            needsMask,
-            maskTextClass,
-            maskTextSelector,
-            skipChild: false,
-            inlineStylesheet,
-            maskInputOptions,
-            maskTextFn,
-            maskInputFn: maskInputFn2,
-            slimDOMOptions,
-            dataURLOptions,
-            inlineImages,
-            recordCanvas,
-            preserveWhiteSpace,
-            onSerialize,
-            onIframeLoad,
-            iframeLoadTimeout,
-            onStylesheetLoad,
-            stylesheetLoadTimeout,
-            keepIframeSrcFn
-          });
-          if (serializedIframeNode) {
-            onIframeLoad(
-              n2,
-              serializedIframeNode
-            );
-          }
-        }
-      },
-      iframeLoadTimeout
-    );
+  if (!newlyAddedElement) {
+    if (n2.scrollLeft) {
+      attributes.rr_scrollLeft = n2.scrollLeft;
+    }
+    if (n2.scrollTop) {
+      attributes.rr_scrollTop = n2.scrollTop;
+    }
   }
-  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
-    onceStylesheetLoaded(
-      n2,
-      () => {
-        if (onStylesheetLoad) {
-          const serializedLinkNode = serializeNodeWithId(n2, {
-            doc,
+  if (needBlock) {
+    const { width, height } = n2.getBoundingClientRect();
+    attributes = {
+      class: attributes.class,
+      rr_width: `${width}px`,
+      rr_height: `${height}px`
+    };
+  }
+  if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
+    if (!n2.contentDocument) {
+      attributes.rr_src = attributes.src;
+    }
+    delete attributes.src;
+  }
+  let isCustomElement;
+  try {
+    if (customElements.get(tagName)) isCustomElement = true;
+  } catch (e2) {
+  }
+  return {
+    type: NodeType$2.Element,
+    tagName,
+    attributes,
+    childNodes: [],
+    isSVG: isSVGElement(n2) || void 0,
+    needBlock,
+    rootId,
+    isCustom: isCustomElement
+  };
+}
+function lowerIfExists(maybeAttr) {
+  if (maybeAttr === void 0 || maybeAttr === null) {
+    return "";
+  } else {
+    return maybeAttr.toLowerCase();
+  }
+}
+function slimDOMExcluded(sn, slimDOMOptions) {
+  if (slimDOMOptions.comment && sn.type === NodeType$2.Comment) {
+    return true;
+  } else if (sn.type === NodeType$2.Element) {
+    if (slimDOMOptions.script && // script tag
+    (sn.tagName === "script" || // (module)preload link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
+    sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
+      return true;
+    } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
+      /^msapplication-tile(image|color)$/
+    ) || lowerIfExists(sn.attributes.name) === "application-name" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
+      return true;
+    } else if (sn.tagName === "meta") {
+      if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
+        return true;
+      } else if (slimDOMOptions.headMetaSocial && (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
+      lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) || lowerIfExists(sn.attributes.name) === "pinterest")) {
+        return true;
+      } else if (slimDOMOptions.headMetaRobots && (lowerIfExists(sn.attributes.name) === "robots" || lowerIfExists(sn.attributes.name) === "googlebot" || lowerIfExists(sn.attributes.name) === "bingbot")) {
+        return true;
+      } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
+        return true;
+      } else if (slimDOMOptions.headMetaAuthorship && (lowerIfExists(sn.attributes.name) === "author" || lowerIfExists(sn.attributes.name) === "generator" || lowerIfExists(sn.attributes.name) === "framework" || lowerIfExists(sn.attributes.name) === "publisher" || lowerIfExists(sn.attributes.name) === "progid" || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
+        return true;
+      } else if (slimDOMOptions.headMetaVerification && (lowerIfExists(sn.attributes.name) === "google-site-verification" || lowerIfExists(sn.attributes.name) === "yandex-verification" || lowerIfExists(sn.attributes.name) === "csrf-token" || lowerIfExists(sn.attributes.name) === "p:domain_verify" || lowerIfExists(sn.attributes.name) === "verify-v1" || lowerIfExists(sn.attributes.name) === "verification" || lowerIfExists(sn.attributes.name) === "shopify-checkout-api-token")) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function serializeNodeWithId(n2, options) {
+  const {
+    doc,
+    mirror: mirror2,
+    blockClass,
+    blockSelector,
+    maskTextClass,
+    maskTextSelector,
+    skipChild = false,
+    inlineStylesheet = true,
+    maskInputOptions = {},
+    maskTextFn,
+    maskInputFn: maskInputFn2,
+    slimDOMOptions,
+    dataURLOptions = {},
+    inlineImages = false,
+    recordCanvas = false,
+    onSerialize,
+    onIframeLoad,
+    iframeLoadTimeout = 5e3,
+    onStylesheetLoad,
+    stylesheetLoadTimeout = 5e3,
+    keepIframeSrcFn = () => false,
+    newlyAddedElement = false
+  } = options;
+  let { needsMask } = options;
+  let { preserveWhiteSpace = true } = options;
+  if (!needsMask) {
+    const checkAncestors = needsMask === void 0;
+    needsMask = needMaskingText(
+      n2,
+      maskTextClass,
+      maskTextSelector,
+      checkAncestors
+    );
+  }
+  const _serializedNode = serializeNode(n2, {
+    doc,
+    mirror: mirror2,
+    blockClass,
+    blockSelector,
+    needsMask,
+    inlineStylesheet,
+    maskInputOptions,
+    maskTextFn,
+    maskInputFn: maskInputFn2,
+    dataURLOptions,
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
+    newlyAddedElement
+  });
+  if (!_serializedNode) {
+    console.warn(n2, "not serialized");
+    return null;
+  }
+  let id;
+  if (mirror2.hasNode(n2)) {
+    id = mirror2.getId(n2);
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$2.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+    id = IGNORED_NODE$1;
+  } else {
+    id = genId();
+  }
+  const serializedNode = Object.assign(_serializedNode, { id });
+  mirror2.add(n2, serializedNode);
+  if (id === IGNORED_NODE$1) {
+    return null;
+  }
+  if (onSerialize) {
+    onSerialize(n2);
+  }
+  let recordChild = !skipChild;
+  if (serializedNode.type === NodeType$2.Element) {
+    recordChild = recordChild && !serializedNode.needBlock;
+    delete serializedNode.needBlock;
+    const shadowRoot = n2.shadowRoot;
+    if (shadowRoot && isNativeShadowDom(shadowRoot))
+      serializedNode.isShadowHost = true;
+  }
+  if ((serializedNode.type === NodeType$2.Document || serializedNode.type === NodeType$2.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$2.Element && serializedNode.tagName === "head") {
+      preserveWhiteSpace = false;
+    }
+    const bypassOptions = {
+      doc,
+      mirror: mirror2,
+      blockClass,
+      blockSelector,
+      needsMask,
+      maskTextClass,
+      maskTextSelector,
+      skipChild,
+      inlineStylesheet,
+      maskInputOptions,
+      maskTextFn,
+      maskInputFn: maskInputFn2,
+      slimDOMOptions,
+      dataURLOptions,
+      inlineImages,
+      recordCanvas,
+      preserveWhiteSpace,
+      onSerialize,
+      onIframeLoad,
+      iframeLoadTimeout,
+      onStylesheetLoad,
+      stylesheetLoadTimeout,
+      keepIframeSrcFn
+    };
+    if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    else {
+      for (const childN of Array.from(n2.childNodes)) {
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        if (serializedChildNode) {
+          serializedNode.childNodes.push(serializedChildNode);
+        }
+      }
+    }
+    if (isElement(n2) && n2.shadowRoot) {
+      for (const childN of Array.from(n2.shadowRoot.childNodes)) {
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        if (serializedChildNode) {
+          isNativeShadowDom(n2.shadowRoot) && (serializedChildNode.isShadow = true);
+          serializedNode.childNodes.push(serializedChildNode);
+        }
+      }
+    }
+  }
+  if (n2.parentNode && isShadowRoot$1(n2.parentNode) && isNativeShadowDom(n2.parentNode)) {
+    serializedNode.isShadow = true;
+  }
+  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "iframe") {
+    onceIframeLoaded(
+      n2,
+      () => {
+        const iframeDoc = n2.contentDocument;
+        if (iframeDoc && onIframeLoad) {
+          const serializedIframeNode = serializeNodeWithId(iframeDoc, {
+            doc: iframeDoc,
+            mirror: mirror2,
+            blockClass,
+            blockSelector,
+            needsMask,
+            maskTextClass,
+            maskTextSelector,
+            skipChild: false,
+            inlineStylesheet,
+            maskInputOptions,
+            maskTextFn,
+            maskInputFn: maskInputFn2,
+            slimDOMOptions,
+            dataURLOptions,
+            inlineImages,
+            recordCanvas,
+            preserveWhiteSpace,
+            onSerialize,
+            onIframeLoad,
+            iframeLoadTimeout,
+            onStylesheetLoad,
+            stylesheetLoadTimeout,
+            keepIframeSrcFn
+          });
+          if (serializedIframeNode) {
+            onIframeLoad(
+              n2,
+              serializedIframeNode
+            );
+          }
+        }
+      },
+      iframeLoadTimeout
+    );
+  }
+  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
+    onceStylesheetLoaded(
+      n2,
+      () => {
+        if (onStylesheetLoad) {
+          const serializedLinkNode = serializeNodeWithId(n2, {
+            doc,
             mirror: mirror2,
             blockClass,
             blockSelector,
@@ -19518,957 +20200,374 @@ const ErrorStackParser = {
     }, this);
   },
   parseFFOrSafari: function(error) {
-    const filtered = error.stack.split("\n").filter(function(line) {
-      return !line.match(SAFARI_NATIVE_CODE_REGEXP);
-    }, this);
-    return filtered.map(function(line) {
-      if (line.indexOf(" > eval") > -1) {
-        line = line.replace(
-          / line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,
-          ":$1"
-        );
-      }
-      if (line.indexOf("@") === -1 && line.indexOf(":") === -1) {
-        return new StackFrame({
-          functionName: line
-        });
-      } else {
-        const functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
-        const matches = line.match(functionNameRegex);
-        const functionName = matches && matches[1] ? matches[1] : void 0;
-        const locationParts = this.extractLocation(
-          line.replace(functionNameRegex, "")
-        );
-        return new StackFrame({
-          functionName,
-          fileName: locationParts[0],
-          lineNumber: locationParts[1],
-          columnNumber: locationParts[2]
-        });
-      }
-    }, this);
-  },
-  parseOpera: function(e) {
-    if (!e.stacktrace || e.message.indexOf("\n") > -1 && e.message.split("\n").length > e.stacktrace.split("\n").length) {
-      return this.parseOpera9(e);
-    } else if (!e.stack) {
-      return this.parseOpera10(e);
-    } else {
-      return this.parseOpera11(e);
-    }
-  },
-  parseOpera9: function(e) {
-    const lineRE = /Line (\d+).*script (?:in )?(\S+)/i;
-    const lines = e.message.split("\n");
-    const result2 = [];
-    for (let i = 2, len = lines.length; i < len; i += 2) {
-      const match = lineRE.exec(lines[i]);
-      if (match) {
-        result2.push(
-          new StackFrame({
-            fileName: match[2],
-            lineNumber: parseFloat(match[1])
-          })
-        );
-      }
-    }
-    return result2;
-  },
-  parseOpera10: function(e) {
-    const lineRE = /Line (\d+).*script (?:in )?(\S+)(?:: In function (\S+))?$/i;
-    const lines = e.stacktrace.split("\n");
-    const result2 = [];
-    for (let i = 0, len = lines.length; i < len; i += 2) {
-      const match = lineRE.exec(lines[i]);
-      if (match) {
-        result2.push(
-          new StackFrame({
-            functionName: match[3] || void 0,
-            fileName: match[2],
-            lineNumber: parseFloat(match[1])
-          })
-        );
-      }
-    }
-    return result2;
-  },
-  // Opera 10.65+ Error.stack very similar to FF/Safari
-  parseOpera11: function(error) {
-    const filtered = error.stack.split("\n").filter(function(line) {
-      return !!line.match(FIREFOX_SAFARI_STACK_REGEXP) && !line.match(/^Error created at/);
-    }, this);
-    return filtered.map(function(line) {
-      const tokens = line.split("@");
-      const locationParts = this.extractLocation(tokens.pop());
-      const functionCall = tokens.shift() || "";
-      const functionName = functionCall.replace(/<anonymous function(: (\w+))?>/, "$2").replace(/\([^)]*\)/g, "") || void 0;
-      return new StackFrame({
-        functionName,
-        fileName: locationParts[0],
-        lineNumber: locationParts[1],
-        columnNumber: locationParts[2]
-      });
-    }, this);
-  }
-};
-function pathToSelector(node2) {
-  if (!node2 || !node2.outerHTML) {
-    return "";
-  }
-  let path = "";
-  while (node2.parentElement) {
-    let name = node2.localName;
-    if (!name) {
-      break;
-    }
-    name = name.toLowerCase();
-    const parent = node2.parentElement;
-    const domSiblings = [];
-    if (parent.children && parent.children.length > 0) {
-      for (let i = 0; i < parent.children.length; i++) {
-        const sibling = parent.children[i];
-        if (sibling.localName && sibling.localName.toLowerCase) {
-          if (sibling.localName.toLowerCase() === name) {
-            domSiblings.push(sibling);
-          }
-        }
-      }
-    }
-    if (domSiblings.length > 1) {
-      name += `:eq(${domSiblings.indexOf(node2)})`;
-    }
-    path = name + (path ? ">" + path : "");
-    node2 = parent;
-  }
-  return path;
-}
-function isObject(obj) {
-  return Object.prototype.toString.call(obj) === "[object Object]";
-}
-function isObjTooDeep(obj, limit) {
-  if (limit === 0) {
-    return true;
-  }
-  const keys = Object.keys(obj);
-  for (const key of keys) {
-    if (isObject(obj[key]) && isObjTooDeep(obj[key], limit - 1)) {
-      return true;
-    }
-  }
-  return false;
-}
-function stringify(obj, stringifyOptions) {
-  const options = {
-    numOfKeysLimit: 50,
-    depthOfLimit: 4
-  };
-  Object.assign(options, stringifyOptions);
-  const stack = [];
-  const keys = [];
-  return JSON.stringify(
-    obj,
-    function(key, value) {
-      if (stack.length > 0) {
-        const thisPos = stack.indexOf(this);
-        ~thisPos ? stack.splice(thisPos + 1) : stack.push(this);
-        ~thisPos ? keys.splice(thisPos, Infinity, key) : keys.push(key);
-        if (~stack.indexOf(value)) {
-          if (stack[0] === value) {
-            value = "[Circular ~]";
-          } else {
-            value = "[Circular ~." + keys.slice(0, stack.indexOf(value)).join(".") + "]";
-          }
-        }
-      } else {
-        stack.push(value);
-      }
-      if (value === null) return value;
-      if (value === void 0) return "undefined";
-      if (shouldIgnore(value)) {
-        return toString(value);
-      }
-      if (typeof value === "bigint") {
-        return value.toString() + "n";
-      }
-      if (value instanceof Event) {
-        const eventResult = {};
-        for (const eventKey in value) {
-          const eventValue = value[eventKey];
-          if (Array.isArray(eventValue)) {
-            eventResult[eventKey] = pathToSelector(
-              eventValue.length ? eventValue[0] : null
-            );
-          } else {
-            eventResult[eventKey] = eventValue;
-          }
-        }
-        return eventResult;
-      } else if (value instanceof Node) {
-        if (value instanceof HTMLElement) {
-          return value ? value.outerHTML : "";
-        }
-        return value.nodeName;
-      } else if (value instanceof Error) {
-        return value.stack ? value.stack + "\nEnd of stack for Error object" : value.name + ": " + value.message;
-      }
-      return value;
-    }
-  );
-  function shouldIgnore(_obj) {
-    if (isObject(_obj) && Object.keys(_obj).length > options.numOfKeysLimit) {
-      return true;
-    }
-    if (typeof _obj === "function") {
-      return true;
-    }
-    if (isObject(_obj) && isObjTooDeep(_obj, options.depthOfLimit)) {
-      return true;
-    }
-    return false;
-  }
-  function toString(_obj) {
-    let str = _obj.toString();
-    if (options.stringLengthLimit && str.length > options.stringLengthLimit) {
-      str = `${str.slice(0, options.stringLengthLimit)}...`;
-    }
-    return str;
-  }
-}
-const defaultLogOptions = {
-  level: [
-    "assert",
-    "clear",
-    "count",
-    "countReset",
-    "debug",
-    "dir",
-    "dirxml",
-    "error",
-    "group",
-    "groupCollapsed",
-    "groupEnd",
-    "info",
-    "log",
-    "table",
-    "time",
-    "timeEnd",
-    "timeLog",
-    "trace",
-    "warn"
-  ],
-  lengthThreshold: 1e3,
-  logger: "console"
-};
-function initLogObserver(cb, win, options) {
-  const logOptions = options ? Object.assign({}, defaultLogOptions, options) : defaultLogOptions;
-  const loggerType = logOptions.logger;
-  if (!loggerType) {
-    return () => {
-    };
-  }
-  let logger;
-  if (typeof loggerType === "string") {
-    logger = win[loggerType];
-  } else {
-    logger = loggerType;
-  }
-  let logCount = 0;
-  let inStack = false;
-  const cancelHandlers = [];
-  if (logOptions.level.includes("error")) {
-    const errorHandler2 = (event) => {
-      const message = event.message, error = event.error;
-      const trace = ErrorStackParser.parse(error).map(
-        (stackFrame) => stackFrame.toString()
-      );
-      const payload = [stringify(message, logOptions.stringifyOptions)];
-      cb({
-        level: "error",
-        trace,
-        payload
-      });
-    };
-    win.addEventListener("error", errorHandler2);
-    cancelHandlers.push(() => {
-      win.removeEventListener("error", errorHandler2);
-    });
-    const unhandledrejectionHandler = (event) => {
-      let error;
-      let payload;
-      if (event.reason instanceof Error) {
-        error = event.reason;
-        payload = [
-          stringify(
-            `Uncaught (in promise) ${error.name}: ${error.message}`,
-            logOptions.stringifyOptions
-          )
-        ];
-      } else {
-        error = new Error();
-        payload = [
-          stringify("Uncaught (in promise)", logOptions.stringifyOptions),
-          stringify(event.reason, logOptions.stringifyOptions)
-        ];
-      }
-      const trace = ErrorStackParser.parse(error).map(
-        (stackFrame) => stackFrame.toString()
-      );
-      cb({
-        level: "error",
-        trace,
-        payload
-      });
-    };
-    win.addEventListener("unhandledrejection", unhandledrejectionHandler);
-    cancelHandlers.push(() => {
-      win.removeEventListener("unhandledrejection", unhandledrejectionHandler);
-    });
-  }
-  for (const levelType of logOptions.level) {
-    cancelHandlers.push(replace(logger, levelType));
-  }
-  return () => {
-    cancelHandlers.forEach((h) => h());
-  };
-  function replace(_logger, level) {
-    if (!_logger[level]) {
-      return () => {
-      };
-    }
-    return utils.patch(
-      _logger,
-      level,
-      (original) => {
-        return (...args) => {
-          original.apply(this, args);
-          if (level === "assert" && !!args[0]) {
-            return;
-          }
-          if (inStack) {
-            return;
-          }
-          inStack = true;
-          try {
-            const trace = ErrorStackParser.parse(new Error()).map((stackFrame) => stackFrame.toString()).splice(1);
-            const argsForPayload = level === "assert" ? args.slice(1) : args;
-            const payload = argsForPayload.map(
-              (s) => stringify(s, logOptions.stringifyOptions)
-            );
-            logCount++;
-            if (logCount < logOptions.lengthThreshold) {
-              cb({
-                level,
-                trace,
-                payload
-              });
-            } else if (logCount === logOptions.lengthThreshold) {
-              cb({
-                level: "warn",
-                trace: [],
-                payload: [
-                  stringify("The number of log records reached the threshold.")
-                ]
-              });
-            }
-          } catch (error) {
-            original("@sailfish-rrweb/rrweb logger error:", error, ...args);
-          } finally {
-            inStack = false;
-          }
-        };
-      }
-    );
-  }
-}
-const PLUGIN_NAME = "@sailfish-rrweb/rrweb/console@1";
-const getRecordConsolePlugin = (options) => ({
-  name: PLUGIN_NAME,
-  observer: initLogObserver,
-  options
-});
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-var extendStatics = function(d, b) {
-  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-    d2.__proto__ = b2;
-  } || function(d2, b2) {
-    for (var p in b2) if (b2.hasOwnProperty(p)) d2[p] = b2[p];
-  };
-  return extendStatics(d, b);
-};
-function __extends(d, b) {
-  extendStatics(d, b);
-  function __() {
-    this.constructor = d;
-  }
-  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-function __values(o) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
-  if (m) return m.call(o);
-  return {
-    next: function() {
-      if (o && i >= o.length) o = void 0;
-      return { value: o && o[i++], done: !o };
-    }
-  };
-}
-function __read(o, n2) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n2 === void 0 || n2-- > 0) && !(r = i.next()).done) ar.push(r.value);
-  } catch (error) {
-    e = { error };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"])) m.call(i);
-    } finally {
-      if (e) throw e.error;
-    }
-  }
-  return ar;
-}
-function __spread() {
-  for (var ar = [], i = 0; i < arguments.length; i++)
-    ar = ar.concat(__read(arguments[i]));
-  return ar;
-}
-var Event$1 = (
-  /** @class */
-  /* @__PURE__ */ function() {
-    function Event2(type, target) {
-      this.target = target;
-      this.type = type;
-    }
-    return Event2;
-  }()
-);
-var ErrorEvent = (
-  /** @class */
-  function(_super) {
-    __extends(ErrorEvent2, _super);
-    function ErrorEvent2(error, target) {
-      var _this = _super.call(this, "error", target) || this;
-      _this.message = error.message;
-      _this.error = error;
-      return _this;
-    }
-    return ErrorEvent2;
-  }(Event$1)
-);
-var CloseEvent = (
-  /** @class */
-  function(_super) {
-    __extends(CloseEvent2, _super);
-    function CloseEvent2(code, reason, target) {
-      if (code === void 0) {
-        code = 1e3;
-      }
-      if (reason === void 0) {
-        reason = "";
-      }
-      var _this = _super.call(this, "close", target) || this;
-      _this.wasClean = true;
-      _this.code = code;
-      _this.reason = reason;
-      return _this;
-    }
-    return CloseEvent2;
-  }(Event$1)
-);
-/*!
- * Reconnecting WebSocket
- * by Pedro Ladaria <pedro.ladaria@gmail.com>
- * https://github.com/pladaria/reconnecting-websocket
- * License MIT
- */
-var getGlobalWebSocket = function() {
-  if (typeof WebSocket !== "undefined") {
-    return WebSocket;
-  }
-};
-var isWebSocket = function(w) {
-  return typeof w !== "undefined" && !!w && w.CLOSING === 2;
-};
-var DEFAULT = {
-  maxReconnectionDelay: 1e4,
-  minReconnectionDelay: 1e3 + Math.random() * 4e3,
-  minUptime: 5e3,
-  reconnectionDelayGrowFactor: 1.3,
-  connectionTimeout: 4e3,
-  maxRetries: Infinity,
-  maxEnqueuedMessages: Infinity,
-  startClosed: false,
-  debug: false
-};
-var ReconnectingWebSocket = (
-  /** @class */
-  function() {
-    function ReconnectingWebSocket2(url, protocols, options) {
-      var _this = this;
-      if (options === void 0) {
-        options = {};
-      }
-      this._listeners = {
-        error: [],
-        message: [],
-        open: [],
-        close: []
-      };
-      this._retryCount = -1;
-      this._shouldReconnect = true;
-      this._connectLock = false;
-      this._binaryType = "blob";
-      this._closeCalled = false;
-      this._messageQueue = [];
-      this.onclose = null;
-      this.onerror = null;
-      this.onmessage = null;
-      this.onopen = null;
-      this._handleOpen = function(event) {
-        _this._debug("open event");
-        var _a2 = _this._options.minUptime, minUptime = _a2 === void 0 ? DEFAULT.minUptime : _a2;
-        clearTimeout(_this._connectTimeout);
-        _this._uptimeTimeout = setTimeout(function() {
-          return _this._acceptOpen();
-        }, minUptime);
-        _this._ws.binaryType = _this._binaryType;
-        _this._messageQueue.forEach(function(message) {
-          return _this._ws.send(message);
-        });
-        _this._messageQueue = [];
-        if (_this.onopen) {
-          _this.onopen(event);
-        }
-        _this._listeners.open.forEach(function(listener) {
-          return _this._callEventListener(event, listener);
-        });
-      };
-      this._handleMessage = function(event) {
-        _this._debug("message event");
-        if (_this.onmessage) {
-          _this.onmessage(event);
-        }
-        _this._listeners.message.forEach(function(listener) {
-          return _this._callEventListener(event, listener);
-        });
-      };
-      this._handleError = function(event) {
-        _this._debug("error event", event.message);
-        _this._disconnect(void 0, event.message === "TIMEOUT" ? "timeout" : void 0);
-        if (_this.onerror) {
-          _this.onerror(event);
-        }
-        _this._debug("exec error listeners");
-        _this._listeners.error.forEach(function(listener) {
-          return _this._callEventListener(event, listener);
-        });
-        _this._connect();
-      };
-      this._handleClose = function(event) {
-        _this._debug("close event");
-        _this._clearTimeouts();
-        if (_this._shouldReconnect) {
-          _this._connect();
-        }
-        if (_this.onclose) {
-          _this.onclose(event);
-        }
-        _this._listeners.close.forEach(function(listener) {
-          return _this._callEventListener(event, listener);
-        });
-      };
-      this._url = url;
-      this._protocols = protocols;
-      this._options = options;
-      if (this._options.startClosed) {
-        this._shouldReconnect = false;
-      }
-      this._connect();
-    }
-    Object.defineProperty(ReconnectingWebSocket2, "CONNECTING", {
-      get: function() {
-        return 0;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2, "OPEN", {
-      get: function() {
-        return 1;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2, "CLOSING", {
-      get: function() {
-        return 2;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2, "CLOSED", {
-      get: function() {
-        return 3;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "CONNECTING", {
-      get: function() {
-        return ReconnectingWebSocket2.CONNECTING;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "OPEN", {
-      get: function() {
-        return ReconnectingWebSocket2.OPEN;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "CLOSING", {
-      get: function() {
-        return ReconnectingWebSocket2.CLOSING;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "CLOSED", {
-      get: function() {
-        return ReconnectingWebSocket2.CLOSED;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "binaryType", {
-      get: function() {
-        return this._ws ? this._ws.binaryType : this._binaryType;
-      },
-      set: function(value) {
-        this._binaryType = value;
-        if (this._ws) {
-          this._ws.binaryType = value;
-        }
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "retryCount", {
-      /**
-       * Returns the number or connection retries
-       */
-      get: function() {
-        return Math.max(this._retryCount, 0);
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "bufferedAmount", {
-      /**
-       * The number of bytes of data that have been queued using calls to send() but not yet
-       * transmitted to the network. This value resets to zero once all queued data has been sent.
-       * This value does not reset to zero when the connection is closed; if you keep calling send(),
-       * this will continue to climb. Read only
-       */
-      get: function() {
-        var bytes = this._messageQueue.reduce(function(acc, message) {
-          if (typeof message === "string") {
-            acc += message.length;
-          } else if (message instanceof Blob) {
-            acc += message.size;
-          } else {
-            acc += message.byteLength;
-          }
-          return acc;
-        }, 0);
-        return bytes + (this._ws ? this._ws.bufferedAmount : 0);
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "extensions", {
-      /**
-       * The extensions selected by the server. This is currently only the empty string or a list of
-       * extensions as negotiated by the connection
-       */
-      get: function() {
-        return this._ws ? this._ws.extensions : "";
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "protocol", {
-      /**
-       * A string indicating the name of the sub-protocol the server selected;
-       * this will be one of the strings specified in the protocols parameter when creating the
-       * WebSocket object
-       */
-      get: function() {
-        return this._ws ? this._ws.protocol : "";
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "readyState", {
-      /**
-       * The current state of the connection; this is one of the Ready state constants
-       */
-      get: function() {
-        if (this._ws) {
-          return this._ws.readyState;
-        }
-        return this._options.startClosed ? ReconnectingWebSocket2.CLOSED : ReconnectingWebSocket2.CONNECTING;
-      },
-      enumerable: true,
-      configurable: true
-    });
-    Object.defineProperty(ReconnectingWebSocket2.prototype, "url", {
-      /**
-       * The URL as resolved by the constructor
-       */
-      get: function() {
-        return this._ws ? this._ws.url : "";
-      },
-      enumerable: true,
-      configurable: true
-    });
-    ReconnectingWebSocket2.prototype.close = function(code, reason) {
-      if (code === void 0) {
-        code = 1e3;
-      }
-      this._closeCalled = true;
-      this._shouldReconnect = false;
-      this._clearTimeouts();
-      if (!this._ws) {
-        this._debug("close enqueued: no ws instance");
-        return;
-      }
-      if (this._ws.readyState === this.CLOSED) {
-        this._debug("close: already closed");
-        return;
-      }
-      this._ws.close(code, reason);
-    };
-    ReconnectingWebSocket2.prototype.reconnect = function(code, reason) {
-      this._shouldReconnect = true;
-      this._closeCalled = false;
-      this._retryCount = -1;
-      if (!this._ws || this._ws.readyState === this.CLOSED) {
-        this._connect();
-      } else {
-        this._disconnect(code, reason);
-        this._connect();
-      }
-    };
-    ReconnectingWebSocket2.prototype.send = function(data) {
-      if (this._ws && this._ws.readyState === this.OPEN) {
-        this._debug("send", data);
-        this._ws.send(data);
-      } else {
-        var _a2 = this._options.maxEnqueuedMessages, maxEnqueuedMessages = _a2 === void 0 ? DEFAULT.maxEnqueuedMessages : _a2;
-        if (this._messageQueue.length < maxEnqueuedMessages) {
-          this._debug("enqueue", data);
-          this._messageQueue.push(data);
-        }
-      }
-    };
-    ReconnectingWebSocket2.prototype.addEventListener = function(type, listener) {
-      if (this._listeners[type]) {
-        this._listeners[type].push(listener);
-      }
-    };
-    ReconnectingWebSocket2.prototype.dispatchEvent = function(event) {
-      var e_1, _a2;
-      var listeners = this._listeners[event.type];
-      if (listeners) {
-        try {
-          for (var listeners_1 = __values(listeners), listeners_1_1 = listeners_1.next(); !listeners_1_1.done; listeners_1_1 = listeners_1.next()) {
-            var listener = listeners_1_1.value;
-            this._callEventListener(event, listener);
-          }
-        } catch (e_1_1) {
-          e_1 = { error: e_1_1 };
-        } finally {
-          try {
-            if (listeners_1_1 && !listeners_1_1.done && (_a2 = listeners_1.return)) _a2.call(listeners_1);
-          } finally {
-            if (e_1) throw e_1.error;
-          }
-        }
+    const filtered = error.stack.split("\n").filter(function(line) {
+      return !line.match(SAFARI_NATIVE_CODE_REGEXP);
+    }, this);
+    return filtered.map(function(line) {
+      if (line.indexOf(" > eval") > -1) {
+        line = line.replace(
+          / line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,
+          ":$1"
+        );
       }
-      return true;
-    };
-    ReconnectingWebSocket2.prototype.removeEventListener = function(type, listener) {
-      if (this._listeners[type]) {
-        this._listeners[type] = this._listeners[type].filter(function(l) {
-          return l !== listener;
+      if (line.indexOf("@") === -1 && line.indexOf(":") === -1) {
+        return new StackFrame({
+          functionName: line
+        });
+      } else {
+        const functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
+        const matches = line.match(functionNameRegex);
+        const functionName = matches && matches[1] ? matches[1] : void 0;
+        const locationParts = this.extractLocation(
+          line.replace(functionNameRegex, "")
+        );
+        return new StackFrame({
+          functionName,
+          fileName: locationParts[0],
+          lineNumber: locationParts[1],
+          columnNumber: locationParts[2]
         });
       }
-    };
-    ReconnectingWebSocket2.prototype._debug = function() {
-      var args = [];
-      for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-      }
-      if (this._options.debug) {
-        console.log.apply(console, __spread(["RWS>"], args));
+    }, this);
+  },
+  parseOpera: function(e) {
+    if (!e.stacktrace || e.message.indexOf("\n") > -1 && e.message.split("\n").length > e.stacktrace.split("\n").length) {
+      return this.parseOpera9(e);
+    } else if (!e.stack) {
+      return this.parseOpera10(e);
+    } else {
+      return this.parseOpera11(e);
+    }
+  },
+  parseOpera9: function(e) {
+    const lineRE = /Line (\d+).*script (?:in )?(\S+)/i;
+    const lines = e.message.split("\n");
+    const result2 = [];
+    for (let i = 2, len = lines.length; i < len; i += 2) {
+      const match = lineRE.exec(lines[i]);
+      if (match) {
+        result2.push(
+          new StackFrame({
+            fileName: match[2],
+            lineNumber: parseFloat(match[1])
+          })
+        );
       }
-    };
-    ReconnectingWebSocket2.prototype._getNextDelay = function() {
-      var _a2 = this._options, _b = _a2.reconnectionDelayGrowFactor, reconnectionDelayGrowFactor = _b === void 0 ? DEFAULT.reconnectionDelayGrowFactor : _b, _c = _a2.minReconnectionDelay, minReconnectionDelay = _c === void 0 ? DEFAULT.minReconnectionDelay : _c, _d = _a2.maxReconnectionDelay, maxReconnectionDelay = _d === void 0 ? DEFAULT.maxReconnectionDelay : _d;
-      var delay = 0;
-      if (this._retryCount > 0) {
-        delay = minReconnectionDelay * Math.pow(reconnectionDelayGrowFactor, this._retryCount - 1);
-        if (delay > maxReconnectionDelay) {
-          delay = maxReconnectionDelay;
-        }
+    }
+    return result2;
+  },
+  parseOpera10: function(e) {
+    const lineRE = /Line (\d+).*script (?:in )?(\S+)(?:: In function (\S+))?$/i;
+    const lines = e.stacktrace.split("\n");
+    const result2 = [];
+    for (let i = 0, len = lines.length; i < len; i += 2) {
+      const match = lineRE.exec(lines[i]);
+      if (match) {
+        result2.push(
+          new StackFrame({
+            functionName: match[3] || void 0,
+            fileName: match[2],
+            lineNumber: parseFloat(match[1])
+          })
+        );
       }
-      this._debug("next delay", delay);
-      return delay;
-    };
-    ReconnectingWebSocket2.prototype._wait = function() {
-      var _this = this;
-      return new Promise(function(resolve2) {
-        setTimeout(resolve2, _this._getNextDelay());
+    }
+    return result2;
+  },
+  // Opera 10.65+ Error.stack very similar to FF/Safari
+  parseOpera11: function(error) {
+    const filtered = error.stack.split("\n").filter(function(line) {
+      return !!line.match(FIREFOX_SAFARI_STACK_REGEXP) && !line.match(/^Error created at/);
+    }, this);
+    return filtered.map(function(line) {
+      const tokens = line.split("@");
+      const locationParts = this.extractLocation(tokens.pop());
+      const functionCall = tokens.shift() || "";
+      const functionName = functionCall.replace(/<anonymous function(: (\w+))?>/, "$2").replace(/\([^)]*\)/g, "") || void 0;
+      return new StackFrame({
+        functionName,
+        fileName: locationParts[0],
+        lineNumber: locationParts[1],
+        columnNumber: locationParts[2]
       });
-    };
-    ReconnectingWebSocket2.prototype._getNextUrl = function(urlProvider) {
-      if (typeof urlProvider === "string") {
-        return Promise.resolve(urlProvider);
-      }
-      if (typeof urlProvider === "function") {
-        var url = urlProvider();
-        if (typeof url === "string") {
-          return Promise.resolve(url);
-        }
-        if (!!url.then) {
-          return url;
+    }, this);
+  }
+};
+function pathToSelector(node2) {
+  if (!node2 || !node2.outerHTML) {
+    return "";
+  }
+  let path = "";
+  while (node2.parentElement) {
+    let name = node2.localName;
+    if (!name) {
+      break;
+    }
+    name = name.toLowerCase();
+    const parent = node2.parentElement;
+    const domSiblings = [];
+    if (parent.children && parent.children.length > 0) {
+      for (let i = 0; i < parent.children.length; i++) {
+        const sibling = parent.children[i];
+        if (sibling.localName && sibling.localName.toLowerCase) {
+          if (sibling.localName.toLowerCase() === name) {
+            domSiblings.push(sibling);
+          }
         }
       }
-      throw Error("Invalid URL");
-    };
-    ReconnectingWebSocket2.prototype._connect = function() {
-      var _this = this;
-      if (this._connectLock || !this._shouldReconnect) {
-        return;
-      }
-      this._connectLock = true;
-      var _a2 = this._options, _b = _a2.maxRetries, maxRetries = _b === void 0 ? DEFAULT.maxRetries : _b, _c = _a2.connectionTimeout, connectionTimeout = _c === void 0 ? DEFAULT.connectionTimeout : _c, _d = _a2.WebSocket, WebSocket2 = _d === void 0 ? getGlobalWebSocket() : _d;
-      if (this._retryCount >= maxRetries) {
-        this._debug("max retries reached", this._retryCount, ">=", maxRetries);
-        return;
-      }
-      this._retryCount++;
-      this._debug("connect", this._retryCount);
-      this._removeListeners();
-      if (!isWebSocket(WebSocket2)) {
-        throw Error("No valid WebSocket class provided");
-      }
-      this._wait().then(function() {
-        return _this._getNextUrl(_this._url);
-      }).then(function(url) {
-        if (_this._closeCalled) {
-          return;
+    }
+    if (domSiblings.length > 1) {
+      name += `:eq(${domSiblings.indexOf(node2)})`;
+    }
+    path = name + (path ? ">" + path : "");
+    node2 = parent;
+  }
+  return path;
+}
+function isObject(obj) {
+  return Object.prototype.toString.call(obj) === "[object Object]";
+}
+function isObjTooDeep(obj, limit) {
+  if (limit === 0) {
+    return true;
+  }
+  const keys = Object.keys(obj);
+  for (const key of keys) {
+    if (isObject(obj[key]) && isObjTooDeep(obj[key], limit - 1)) {
+      return true;
+    }
+  }
+  return false;
+}
+function stringify(obj, stringifyOptions) {
+  const options = {
+    numOfKeysLimit: 50,
+    depthOfLimit: 4
+  };
+  Object.assign(options, stringifyOptions);
+  const stack = [];
+  const keys = [];
+  return JSON.stringify(
+    obj,
+    function(key, value) {
+      if (stack.length > 0) {
+        const thisPos = stack.indexOf(this);
+        ~thisPos ? stack.splice(thisPos + 1) : stack.push(this);
+        ~thisPos ? keys.splice(thisPos, Infinity, key) : keys.push(key);
+        if (~stack.indexOf(value)) {
+          if (stack[0] === value) {
+            value = "[Circular ~]";
+          } else {
+            value = "[Circular ~." + keys.slice(0, stack.indexOf(value)).join(".") + "]";
+          }
         }
-        _this._debug("connect", { url, protocols: _this._protocols });
-        _this._ws = _this._protocols ? new WebSocket2(url, _this._protocols) : new WebSocket2(url);
-        _this._ws.binaryType = _this._binaryType;
-        _this._connectLock = false;
-        _this._addListeners();
-        _this._connectTimeout = setTimeout(function() {
-          return _this._handleTimeout();
-        }, connectionTimeout);
-      });
-    };
-    ReconnectingWebSocket2.prototype._handleTimeout = function() {
-      this._debug("timeout event");
-      this._handleError(new ErrorEvent(Error("TIMEOUT"), this));
-    };
-    ReconnectingWebSocket2.prototype._disconnect = function(code, reason) {
-      if (code === void 0) {
-        code = 1e3;
+      } else {
+        stack.push(value);
       }
-      this._clearTimeouts();
-      if (!this._ws) {
-        return;
+      if (value === null) return value;
+      if (value === void 0) return "undefined";
+      if (shouldIgnore(value)) {
+        return toString(value);
       }
-      this._removeListeners();
-      try {
-        this._ws.close(code, reason);
-        this._handleClose(new CloseEvent(code, reason, this));
-      } catch (error) {
+      if (typeof value === "bigint") {
+        return value.toString() + "n";
+      }
+      if (value instanceof Event) {
+        const eventResult = {};
+        for (const eventKey in value) {
+          const eventValue = value[eventKey];
+          if (Array.isArray(eventValue)) {
+            eventResult[eventKey] = pathToSelector(
+              eventValue.length ? eventValue[0] : null
+            );
+          } else {
+            eventResult[eventKey] = eventValue;
+          }
+        }
+        return eventResult;
+      } else if (value instanceof Node) {
+        if (value instanceof HTMLElement) {
+          return value ? value.outerHTML : "";
+        }
+        return value.nodeName;
+      } else if (value instanceof Error) {
+        return value.stack ? value.stack + "\nEnd of stack for Error object" : value.name + ": " + value.message;
       }
+      return value;
+    }
+  );
+  function shouldIgnore(_obj) {
+    if (isObject(_obj) && Object.keys(_obj).length > options.numOfKeysLimit) {
+      return true;
+    }
+    if (typeof _obj === "function") {
+      return true;
+    }
+    if (isObject(_obj) && isObjTooDeep(_obj, options.depthOfLimit)) {
+      return true;
+    }
+    return false;
+  }
+  function toString(_obj) {
+    let str = _obj.toString();
+    if (options.stringLengthLimit && str.length > options.stringLengthLimit) {
+      str = `${str.slice(0, options.stringLengthLimit)}...`;
+    }
+    return str;
+  }
+}
+const defaultLogOptions = {
+  level: [
+    "assert",
+    "clear",
+    "count",
+    "countReset",
+    "debug",
+    "dir",
+    "dirxml",
+    "error",
+    "group",
+    "groupCollapsed",
+    "groupEnd",
+    "info",
+    "log",
+    "table",
+    "time",
+    "timeEnd",
+    "timeLog",
+    "trace",
+    "warn"
+  ],
+  lengthThreshold: 1e3,
+  logger: "console"
+};
+function initLogObserver(cb, win, options) {
+  const logOptions = options ? Object.assign({}, defaultLogOptions, options) : defaultLogOptions;
+  const loggerType = logOptions.logger;
+  if (!loggerType) {
+    return () => {
     };
-    ReconnectingWebSocket2.prototype._acceptOpen = function() {
-      this._debug("accept open");
-      this._retryCount = 0;
+  }
+  let logger;
+  if (typeof loggerType === "string") {
+    logger = win[loggerType];
+  } else {
+    logger = loggerType;
+  }
+  let logCount = 0;
+  let inStack = false;
+  const cancelHandlers = [];
+  if (logOptions.level.includes("error")) {
+    const errorHandler2 = (event) => {
+      const message = event.message, error = event.error;
+      const trace = ErrorStackParser.parse(error).map(
+        (stackFrame) => stackFrame.toString()
+      );
+      const payload = [stringify(message, logOptions.stringifyOptions)];
+      cb({
+        level: "error",
+        trace,
+        payload
+      });
     };
-    ReconnectingWebSocket2.prototype._callEventListener = function(event, listener) {
-      if ("handleEvent" in listener) {
-        listener.handleEvent(event);
+    win.addEventListener("error", errorHandler2);
+    cancelHandlers.push(() => {
+      win.removeEventListener("error", errorHandler2);
+    });
+    const unhandledrejectionHandler = (event) => {
+      let error;
+      let payload;
+      if (event.reason instanceof Error) {
+        error = event.reason;
+        payload = [
+          stringify(
+            `Uncaught (in promise) ${error.name}: ${error.message}`,
+            logOptions.stringifyOptions
+          )
+        ];
       } else {
-        listener(event);
-      }
-    };
-    ReconnectingWebSocket2.prototype._removeListeners = function() {
-      if (!this._ws) {
-        return;
-      }
-      this._debug("removeListeners");
-      this._ws.removeEventListener("open", this._handleOpen);
-      this._ws.removeEventListener("close", this._handleClose);
-      this._ws.removeEventListener("message", this._handleMessage);
-      this._ws.removeEventListener("error", this._handleError);
-    };
-    ReconnectingWebSocket2.prototype._addListeners = function() {
-      if (!this._ws) {
-        return;
+        error = new Error();
+        payload = [
+          stringify("Uncaught (in promise)", logOptions.stringifyOptions),
+          stringify(event.reason, logOptions.stringifyOptions)
+        ];
       }
-      this._debug("addListeners");
-      this._ws.addEventListener("open", this._handleOpen);
-      this._ws.addEventListener("close", this._handleClose);
-      this._ws.addEventListener("message", this._handleMessage);
-      this._ws.addEventListener("error", this._handleError);
-    };
-    ReconnectingWebSocket2.prototype._clearTimeouts = function() {
-      clearTimeout(this._connectTimeout);
-      clearTimeout(this._uptimeTimeout);
+      const trace = ErrorStackParser.parse(error).map(
+        (stackFrame) => stackFrame.toString()
+      );
+      cb({
+        level: "error",
+        trace,
+        payload
+      });
     };
-    return ReconnectingWebSocket2;
-  }()
-);
-const version = "1.0.0-beta-14";
-function initializeWebSocket(backendApi, apiKey, sessionId) {
-  const wsHost = getWebSocketHost(backendApi);
-  const wsScheme = window.location.protocol === "https:" ? "wss" : "ws";
-  const wsUrl = `${wsScheme}://${wsHost}/ws/notify/?apiKey=${apiKey}&sessionId=${sessionId}&sender=JS%2FTS&version=${version}`;
-  const options = {
-    connectionTimeout: 1e4
+    win.addEventListener("unhandledrejection", unhandledrejectionHandler);
+    cancelHandlers.push(() => {
+      win.removeEventListener("unhandledrejection", unhandledrejectionHandler);
+    });
+  }
+  for (const levelType of logOptions.level) {
+    cancelHandlers.push(replace(logger, levelType));
+  }
+  return () => {
+    cancelHandlers.forEach((h) => h());
   };
-  const webSocket = new ReconnectingWebSocket(wsUrl, [], options);
-  return webSocket;
-}
-function getWebSocketHost(url) {
-  const parser2 = document.createElement("a");
-  parser2.href = url;
-  return `${parser2.hostname}${parser2.port ? `:${parser2.port}` : ""}`;
+  function replace(_logger, level) {
+    if (!_logger[level]) {
+      return () => {
+      };
+    }
+    return utils.patch(
+      _logger,
+      level,
+      (original) => {
+        return (...args) => {
+          original.apply(this, args);
+          if (level === "assert" && !!args[0]) {
+            return;
+          }
+          if (inStack) {
+            return;
+          }
+          inStack = true;
+          try {
+            const trace = ErrorStackParser.parse(new Error()).map((stackFrame) => stackFrame.toString()).splice(1);
+            const argsForPayload = level === "assert" ? args.slice(1) : args;
+            const payload = argsForPayload.map(
+              (s) => stringify(s, logOptions.stringifyOptions)
+            );
+            logCount++;
+            if (logCount < logOptions.lengthThreshold) {
+              cb({
+                level,
+                trace,
+                payload
+              });
+            } else if (logCount === logOptions.lengthThreshold) {
+              cb({
+                level: "warn",
+                trace: [],
+                payload: [
+                  stringify("The number of log records reached the threshold.")
+                ]
+              });
+            }
+          } catch (error) {
+            original("@sailfish-rrweb/rrweb logger error:", error, ...args);
+          } finally {
+            inStack = false;
+          }
+        };
+      }
+    );
+  }
 }
+const PLUGIN_NAME = "@sailfish-rrweb/rrweb/console@1";
+const getRecordConsolePlugin = (options) => ({
+  name: PLUGIN_NAME,
+  observer: initLogObserver,
+  options
+});
 const MASK_CLASS = "sailfishSanitize";
 function maskInputFn(text, node2) {
   var _a2;
@@ -20492,6 +20591,7 @@ function maskInputFn(text, node2) {
   return text;
 }
 async function initializeRecording(captureSettings, consoleRecordSettings, networkRecordSettings, backendApi, apiKey, sessionId) {
+  const webSocket2 = initializeWebSocket(backendApi, apiKey, sessionId);
   try {
     record({
       emit(event) {
@@ -20507,17 +20607,39 @@ async function initializeRecording(captureSettings, consoleRecordSettings, netwo
       maskTextClass: MASK_CLASS,
       ...captureSettings
     });
-    const webSocket = initializeWebSocket(backendApi, apiKey, sessionId);
     setInterval(
-      () => sendRecordingEvents(
-        webSocket,
-        sessionId
-      ),
+      () => sendRecordingEvents(webSocket2),
       1e4
     );
   } catch (error) {
     console.error("Error importing plugins!", error);
   }
+  return webSocket2;
+}
+let lastIdentifyMessage = null;
+let lastMetadataMessage = null;
+function identify(userId, traits = {}, overwrite = false) {
+  const message = {
+    type: "identify",
+    userId,
+    traits
+  };
+  if (lastIdentifyMessage && lastIdentifyMessage.userId === userId && JSON.stringify(lastIdentifyMessage.traits) === JSON.stringify(traits)) {
+    return;
+  }
+  lastIdentifyMessage = { userId, traits, overwrite };
+  sendMessage(message);
+}
+function addOrUpdateMetadata(metadata) {
+  const message = {
+    type: "addOrUpdateMetadata",
+    metadata
+  };
+  if (lastMetadataMessage && JSON.stringify(lastMetadataMessage) === JSON.stringify(metadata)) {
+    return;
+  }
+  lastMetadataMessage = metadata;
+  sendMessage(message);
 }
 const DEFAULT_DOMAINS_TO_IGNORE = [];
 const DEFAULT_CAPTURE_SETTINGS = {
@@ -20560,12 +20682,66 @@ const DEFAULT_NETWORK_CAPTURE_SETTINGS = {
   recordBody: true,
   recordInitialRequests: false
 };
+function getOrSetSessionId(forceNew = false) {
+  let sessionId = sessionStorage.getItem("sailfishSessionId");
+  if (!sessionId || forceNew) {
+    sessionId = v4();
+    sessionStorage.setItem("sailfishSessionId", sessionId);
+  }
+  return sessionId;
+}
+function handleVisibilityChange() {
+  if (document.visibilityState === "visible") {
+    getOrSetSessionId(true);
+  }
+}
+document.addEventListener("visibilitychange", handleVisibilityChange);
+window.addEventListener("beforeunload", () => {
+  sessionStorage.removeItem("sailfishSessionId");
+});
+function storeCredentialsAndConnection({
+  apiKey,
+  backendApi
+}) {
+  sessionStorage.setItem("sailfishApiKey", apiKey);
+  sessionStorage.setItem("sailfishBackendApi", backendApi);
+}
+(function() {
+  const originalOpen = XMLHttpRequest.prototype.open;
+  const originalSend = XMLHttpRequest.prototype.send;
+  const sessionId = getOrSetSessionId();
+  XMLHttpRequest.prototype.open = function(...args) {
+    this._url = args[1];
+    originalOpen.apply(this, args);
+  };
+  XMLHttpRequest.prototype.send = function(...args) {
+    if (sessionId) {
+      this.setRequestHeader("X-Sf3-Rid", sessionId);
+    }
+    originalSend.apply(this, args);
+  };
+})();
+(function() {
+  const originalFetch = window.fetch;
+  const sessionId = getOrSetSessionId();
+  window.fetch = async function(input2, init = {}) {
+    if (sessionId) {
+      init.headers = {
+        ...init.headers,
+        "X-Sf3-Rid": sessionId
+      };
+    }
+    return originalFetch(input2, init);
+  };
+})();
 async function startRecording({
   apiKey,
   backendApi
 }) {
   var _a2, _b;
-  const sessionId = v4();
+  let sessionId = getOrSetSessionId();
+  storeCredentialsAndConnection({ apiKey, backendApi });
+  gatherAndCacheDeviceInfo();
   try {
     const captureSettingsResponse = await fetchCaptureSettings(
       apiKey,
@@ -20578,8 +20754,7 @@ async function startRecording({
       backendApi
     );
     if ((_b = sessionResponse.data) == null ? void 0 : _b.startRecordingSession) {
-      const webSocket = initializeWebSocket(backendApi, apiKey, sessionId);
-      initializeRecording(
+      const websocket = await initializeRecording(
         captureSettings,
         DEFAULT_CONSOLE_RECORDING_SETTINGS,
         DEFAULT_NETWORK_CAPTURE_SETTINGS,
@@ -20587,7 +20762,12 @@ async function startRecording({
         apiKey,
         sessionId
       );
-      setInterval(() => sendRecordingEvents(webSocket, sessionId), 1e4);
+      setInterval(() => {
+        if (websocket && websocket.readyState === WebSocket.OPEN) {
+          sendRecordingEvents(websocket);
+        } else {
+        }
+      }, 1e4);
     } else {
       console.error(
         "Failed to start recording session:",
@@ -20609,11 +20789,14 @@ export {
   DEFAULT_CONSOLE_RECORDING_SETTINGS,
   DEFAULT_DOMAINS_TO_IGNORE,
   DEFAULT_NETWORK_CAPTURE_SETTINGS,
+  addOrUpdateMetadata,
   cacheEvents,
   fetchCaptureSettings,
+  identify,
   initializeRecording,
   initializeWebSocket,
   sendGraphQLRequest,
+  sendMessage,
   sendRecordingEvents,
   startRecording,
   startRecordingSession