@sailfish-ai/recorder 1.8.19 → 1.8.21-alpha5

package/README.md

@@ -9,3 +9,4 @@
 ## Trigger build - 11182025 1125AM GMT+4
 
 ## Trigger build - 02122025 0330PM GMT+4
+## Trigger build - 26122025 0330PM GMT+4

package/dist/graphql.js

@@ -38,6 +38,7 @@ export function fetchCaptureSettings(apiKey, backendApi) {
         recordSsn
         recordDob
         sampling
+        textEditThrottleEnabled
       }
     }
   `, { apiKey, backendApi });

package/dist/recorder.cjs

@@ -465,7 +465,7 @@ function initializeWebSocket(e, a, u, m2) {
     const a2 = document.createElement("a");
     return a2.href = e2, `${a2.hostname}${a2.port ? `:${a2.port}` : ""}`;
   })(e);
-  let b2 = `${"https:" === new URL(e).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.19`;
+  let b2 = `${"https:" === new URL(e).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.21-alpha5`;
   m2 && (b2 += `&envValue=${encodeURIComponent(m2)}`);
   return oe = new U(b2, [], { connectionTimeout: 3e4 }), oe.addEventListener("open", () => {
     ne && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (ce ? "ENABLED" : "DISABLED"))), (async () => {
@@ -1294,7 +1294,7 @@ function sendGraphQLRequest(e, a, u, m2 = 5, w2 = 2e3, b2 = 2) {
   }), "Sending GraphQL request to Sailfish AI", m2, w2, b2);
 }
 function fetchCaptureSettings(e, a) {
-  return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n      }\n    }\n  ", { apiKey: e, backendApi: a });
+  return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n        textEditThrottleEnabled\n      }\n    }\n  ", { apiKey: e, backendApi: a });
 }
 function fetchFunctionSpanTrackingEnabled(e, a) {
   return sendGraphQLRequest("GetFunctionSpanTrackingEnabledFromApiKey", "\n    query GetFunctionSpanTrackingEnabledFromApiKey($apiKey: String!) {\n      isFunctionSpanTrackingEnabledFromApiKey(apiKey: $apiKey)\n    }\n  ", { apiKey: e, backendApi: a });
@@ -2297,7 +2297,7 @@ function showStatusModal(e, a) {
 function fadeCardAndRemove(e, a, u = 300) {
   a.style.opacity = "0", a.addEventListener("transitionend", () => e.remove(), { once: true }), setTimeout(() => e.remove(), u + 100);
 }
-var yt = Object.defineProperty, b$1 = (e, a, u) => ((e2, a2, u2) => a2 in e2 ? yt(e2, a2, { enumerable: true, configurable: true, writable: true, value: u2 }) : e2[a2] = u2)(e, "symbol" != typeof a ? a + "" : a, u), wt = Object.defineProperty, xn = (e, a, u) => ((e2, a2, u2) => a2 in e2 ? wt(e2, a2, { enumerable: true, configurable: true, writable: true, value: u2 }) : e2[a2] = u2)(e, "symbol" != typeof a ? a + "" : a, u), bt = ((e) => (e[e.Document = 0] = "Document", e[e.DocumentType = 1] = "DocumentType", e[e.Element = 2] = "Element", e[e.Text = 3] = "Text", e[e.CDATA = 4] = "CDATA", e[e.Comment = 5] = "Comment", e))(bt || {});
+var yt = Object.defineProperty, b$1 = (e, a, u) => ((e2, a2, u2) => a2 in e2 ? yt(e2, a2, { enumerable: true, configurable: true, writable: true, value: u2 }) : e2[a2] = u2)(e, "symbol" != typeof a ? a + "" : a, u), wt = Object.defineProperty, xn = (e, a, u) => ((e2, a2, u2) => a2 in e2 ? wt(e2, a2, { enumerable: true, configurable: true, writable: true, value: u2 }) : e2[a2] = u2)(e, "symbol" != typeof a ? a + "" : a, u), St = ((e) => (e[e.Document = 0] = "Document", e[e.DocumentType = 1] = "DocumentType", e[e.Element = 2] = "Element", e[e.Text = 3] = "Text", e[e.CDATA = 4] = "CDATA", e[e.Comment = 5] = "Comment", e))(St || {});
 function vr(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
@@ -2339,7 +2339,7 @@ function kr(e) {
   })(e.cssText);
   return a || e.cssText;
 }
-let St = class {
+let bt = class {
   constructor() {
     xn(this, "idNodeMap", /* @__PURE__ */ new Map()), xn(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
@@ -2525,9 +2525,9 @@ function zi(e, a) {
   })(u, m2);
   switch (e.nodeType) {
     case e.DOCUMENT_NODE:
-      return "CSS1Compat" !== e.compatMode ? { type: bt.Document, childNodes: [], compatMode: e.compatMode } : { type: bt.Document, childNodes: [] };
+      return "CSS1Compat" !== e.compatMode ? { type: St.Document, childNodes: [], compatMode: e.compatMode } : { type: St.Document, childNodes: [] };
     case e.DOCUMENT_TYPE_NODE:
-      return { type: bt.DocumentType, name: e.name, publicId: e.publicId, systemId: e.systemId, rootId: U2 };
+      return { type: St.DocumentType, name: e.name, publicId: e.publicId, systemId: e.systemId, rootId: U2 };
     case e.ELEMENT_NODE:
       return (function Vi(e2, a2) {
         const { doc: u2, blockClass: m3, blockSelector: w3, inlineStylesheet: b3, maskInputOptions: x3 = {}, maskInputFn: C3, dataURLOptions: I3 = {}, inlineImages: E3, recordCanvas: _3, keepIframeSrcFn: O3, newlyAddedElement: F3 = false, rootId: D3 } = a2, $3 = (function Ui(e3, a3, u3) {
@@ -2613,7 +2613,7 @@ function zi(e, a) {
           customElements.get(B3) && (z2 = true);
         } catch {
         }
-        return { type: bt.Element, tagName: B3, attributes: U3, childNodes: [], isSVG: Fi(e2) || void 0, needBlock: $3, rootId: D3, isCustom: z2 };
+        return { type: St.Element, tagName: B3, attributes: U3, childNodes: [], isSVG: Fi(e2) || void 0, needBlock: $3, rootId: D3, isCustom: z2 };
       })(e, { doc: u, blockClass: w2, blockSelector: b2, inlineStylesheet: C2, maskInputOptions: I2, maskInputFn: _2, dataURLOptions: O2, inlineImages: F2, recordCanvas: D2, keepIframeSrcFn: $2, newlyAddedElement: B2, rootId: U2 });
     case e.TEXT_NODE:
       return (function ji(e2, a2) {
@@ -2629,12 +2629,12 @@ function zi(e, a) {
           }
           C3 = Pt(C3, $t(a2.doc));
         }
-        return E3 && (C3 = "SCRIPT_PLACEHOLDER"), !I3 && !E3 && C3 && m3 && (C3 = w3 ? w3(C3, e2.parentElement) : C3.replace(/[\S]/g, "*")), { type: bt.Text, textContent: C3 || "", isStyle: I3, rootId: b3 };
+        return E3 && (C3 = "SCRIPT_PLACEHOLDER"), !I3 && !E3 && C3 && m3 && (C3 = w3 ? w3(C3, e2.parentElement) : C3.replace(/[\S]/g, "*")), { type: St.Text, textContent: C3 || "", isStyle: I3, rootId: b3 };
       })(e, { doc: u, needsMask: x2, maskTextFn: E2, rootId: U2 });
     case e.CDATA_SECTION_NODE:
-      return { type: bt.CDATA, textContent: "", rootId: U2 };
+      return { type: St.CDATA, textContent: "", rootId: U2 };
     case e.COMMENT_NODE:
-      return { type: bt.Comment, textContent: e.textContent || "", rootId: U2 };
+      return { type: St.Comment, textContent: e.textContent || "", rootId: U2 };
     default:
       return false;
   }
@@ -2650,21 +2650,21 @@ function Se(e, a) {
   if (!ee2) return console.warn(e, "not serialized"), null;
   let te2;
   te2 = m2.hasNode(e) ? m2.getId(e) : (function Gi(e2, a2) {
-    return !!(a2.comment && e2.type === bt.Comment || e2.type === bt.Element && (a2.script && ("script" === e2.tagName || "link" === e2.tagName && ("preload" === e2.attributes.rel || "modulepreload" === e2.attributes.rel) && "script" === e2.attributes.as || "link" === e2.tagName && "prefetch" === e2.attributes.rel && "string" == typeof e2.attributes.href && "js" === xr(e2.attributes.href)) || a2.headFavicon && ("link" === e2.tagName && "shortcut icon" === e2.attributes.rel || "meta" === e2.tagName && (N(e2.attributes.name).match(/^msapplication-tile(image|color)$/) || "application-name" === N(e2.attributes.name) || "icon" === N(e2.attributes.rel) || "apple-touch-icon" === N(e2.attributes.rel) || "shortcut icon" === N(e2.attributes.rel))) || "meta" === e2.tagName && (a2.headMetaDescKeywords && N(e2.attributes.name).match(/^description|keywords$/) || a2.headMetaSocial && (N(e2.attributes.property).match(/^(og|twitter|fb):/) || N(e2.attributes.name).match(/^(og|twitter):/) || "pinterest" === N(e2.attributes.name)) || a2.headMetaRobots && ("robots" === N(e2.attributes.name) || "googlebot" === N(e2.attributes.name) || "bingbot" === N(e2.attributes.name)) || a2.headMetaHttpEquiv && void 0 !== e2.attributes["http-equiv"] || a2.headMetaAuthorship && ("author" === N(e2.attributes.name) || "generator" === N(e2.attributes.name) || "framework" === N(e2.attributes.name) || "publisher" === N(e2.attributes.name) || "progid" === N(e2.attributes.name) || N(e2.attributes.property).match(/^article:/) || N(e2.attributes.property).match(/^product:/)) || a2.headMetaVerification && ("google-site-verification" === N(e2.attributes.name) || "yandex-verification" === N(e2.attributes.name) || "csrf-token" === N(e2.attributes.name) || "p:domain_verify" === N(e2.attributes.name) || "verify-v1" === N(e2.attributes.name) || "verification" === N(e2.attributes.name) || "shopify-checkout-api-token" === N(e2.attributes.name)))));
-  })(ee2, D2) || !Q2 && ee2.type === bt.Text && !ee2.isStyle && !ee2.textContent.replace(/^\s+|\s+$/gm, "").length ? -2 : Ir();
+    return !!(a2.comment && e2.type === St.Comment || e2.type === St.Element && (a2.script && ("script" === e2.tagName || "link" === e2.tagName && ("preload" === e2.attributes.rel || "modulepreload" === e2.attributes.rel) && "script" === e2.attributes.as || "link" === e2.tagName && "prefetch" === e2.attributes.rel && "string" == typeof e2.attributes.href && "js" === xr(e2.attributes.href)) || a2.headFavicon && ("link" === e2.tagName && "shortcut icon" === e2.attributes.rel || "meta" === e2.tagName && (N(e2.attributes.name).match(/^msapplication-tile(image|color)$/) || "application-name" === N(e2.attributes.name) || "icon" === N(e2.attributes.rel) || "apple-touch-icon" === N(e2.attributes.rel) || "shortcut icon" === N(e2.attributes.rel))) || "meta" === e2.tagName && (a2.headMetaDescKeywords && N(e2.attributes.name).match(/^description|keywords$/) || a2.headMetaSocial && (N(e2.attributes.property).match(/^(og|twitter|fb):/) || N(e2.attributes.name).match(/^(og|twitter):/) || "pinterest" === N(e2.attributes.name)) || a2.headMetaRobots && ("robots" === N(e2.attributes.name) || "googlebot" === N(e2.attributes.name) || "bingbot" === N(e2.attributes.name)) || a2.headMetaHttpEquiv && void 0 !== e2.attributes["http-equiv"] || a2.headMetaAuthorship && ("author" === N(e2.attributes.name) || "generator" === N(e2.attributes.name) || "framework" === N(e2.attributes.name) || "publisher" === N(e2.attributes.name) || "progid" === N(e2.attributes.name) || N(e2.attributes.property).match(/^article:/) || N(e2.attributes.property).match(/^product:/)) || a2.headMetaVerification && ("google-site-verification" === N(e2.attributes.name) || "yandex-verification" === N(e2.attributes.name) || "csrf-token" === N(e2.attributes.name) || "p:domain_verify" === N(e2.attributes.name) || "verify-v1" === N(e2.attributes.name) || "verification" === N(e2.attributes.name) || "shopify-checkout-api-token" === N(e2.attributes.name)))));
+  })(ee2, D2) || !Q2 && ee2.type === St.Text && !ee2.isStyle && !ee2.textContent.replace(/^\s+|\s+$/gm, "").length ? -2 : Ir();
   const ne2 = Object.assign(ee2, { id: te2 });
   if (m2.add(e, ne2), -2 === te2) return null;
   j2 && j2(e);
   let re2 = !I2;
-  if (ne2.type === bt.Element) {
+  if (ne2.type === St.Element) {
     re2 = re2 && !ne2.needBlock, delete ne2.needBlock;
     const a2 = e.shadowRoot;
     a2 && ze(a2) && (ne2.isShadowHost = true);
   }
-  if ((ne2.type === bt.Document || ne2.type === bt.Element) && re2) {
-    D2.headWhitespace && ne2.type === bt.Element && "head" === ne2.tagName && (Q2 = false);
+  if ((ne2.type === St.Document || ne2.type === St.Element) && re2) {
+    D2.headWhitespace && ne2.type === St.Element && "head" === ne2.tagName && (Q2 = false);
     const a2 = { doc: u, mirror: m2, blockClass: w2, blockSelector: b2, needsMask: X2, maskTextClass: x2, maskTextSelector: C2, skipChild: I2, inlineStylesheet: E2, maskInputOptions: _2, maskTextFn: O2, maskInputFn: F2, slimDOMOptions: D2, dataURLOptions: $2, inlineImages: B2, recordCanvas: U2, preserveWhiteSpace: Q2, onSerialize: j2, onIframeLoad: z2, iframeLoadTimeout: q2, onStylesheetLoad: V2, stylesheetLoadTimeout: H2, keepIframeSrcFn: J2 };
-    if (ne2.type !== bt.Element || "textarea" !== ne2.tagName || void 0 === ne2.attributes.value) for (const u2 of Array.from(e.childNodes)) {
+    if (ne2.type !== St.Element || "textarea" !== ne2.tagName || void 0 === ne2.attributes.value) for (const u2 of Array.from(e.childNodes)) {
       const e2 = Se(u2, a2);
       e2 && ne2.childNodes.push(e2);
     }
@@ -2673,7 +2673,7 @@ function Se(e, a) {
       m3 && (ze(e.shadowRoot) && (m3.isShadow = true), ne2.childNodes.push(m3));
     }
   }
-  return e.parentNode && We(e.parentNode) && ze(e.parentNode) && (ne2.isShadow = true), ne2.type === bt.Element && "iframe" === ne2.tagName && (function _i(e2, a2, u2) {
+  return e.parentNode && We(e.parentNode) && ze(e.parentNode) && (ne2.isShadow = true), ne2.type === St.Element && "iframe" === ne2.tagName && (function _i(e2, a2, u2) {
     const m3 = e2.contentWindow;
     if (!m3) return;
     let w3, b3 = false;
@@ -2699,7 +2699,7 @@ function Se(e, a) {
       const u2 = Se(a2, { doc: a2, mirror: m2, blockClass: w2, blockSelector: b2, needsMask: X2, maskTextClass: x2, maskTextSelector: C2, skipChild: false, inlineStylesheet: E2, maskInputOptions: _2, maskTextFn: O2, maskInputFn: F2, slimDOMOptions: D2, dataURLOptions: $2, inlineImages: B2, recordCanvas: U2, preserveWhiteSpace: Q2, onSerialize: j2, onIframeLoad: z2, iframeLoadTimeout: q2, onStylesheetLoad: V2, stylesheetLoadTimeout: H2, keepIframeSrcFn: J2 });
       u2 && z2(e, u2);
     }
-  }, q2), ne2.type === bt.Element && "link" === ne2.tagName && "string" == typeof ne2.attributes.rel && ("stylesheet" === ne2.attributes.rel || "preload" === ne2.attributes.rel && "string" == typeof ne2.attributes.href && "css" === xr(ne2.attributes.href)) && (function Wi(e2, a2, u2) {
+  }, q2), ne2.type === St.Element && "link" === ne2.tagName && "string" == typeof ne2.attributes.rel && ("stylesheet" === ne2.attributes.rel || "preload" === ne2.attributes.rel && "string" == typeof ne2.attributes.href && "css" === xr(ne2.attributes.href)) && (function Wi(e2, a2, u2) {
     let m3, w3 = false;
     try {
       m3 = e2.sheet;
@@ -3121,7 +3121,7 @@ let gn = pn, yn = class extends gn {
 };
 var wn = yn;
 yn.default = yn;
-let bn, Sn, In, Mn, En = mn, _n = wn, On = pn, { isClean: Tn, my: Ln } = on;
+let Sn, bn, In, Mn, En = mn, _n = wn, On = pn, { isClean: Tn, my: Ln } = on;
 function _r(e) {
   return e.map((e2) => (e2.nodes && (e2.nodes = _r(e2.nodes)), delete e2.source, e2));
 }
@@ -3180,7 +3180,7 @@ let Rn = class zr extends On {
     return this.markDirty(), this;
   }
   normalize(e, a) {
-    if ("string" == typeof e) e = _r(Sn(e).nodes);
+    if ("string" == typeof e) e = _r(bn(e).nodes);
     else if (typeof e > "u") e = [];
     else if (Array.isArray(e)) {
       e = e.slice(0);
@@ -3193,7 +3193,7 @@ let Rn = class zr extends On {
       if (typeof e.value > "u") throw new Error("Value field is missed in node creation");
       "string" != typeof e.value && (e.value = String(e.value)), e = [new _n(e)];
     } else if (e.selector || e.selectors) e = [new Mn(e)];
-    else if (e.name) e = [new bn(e)];
+    else if (e.name) e = [new Sn(e)];
     else {
       if (!e.text) throw new Error("Unknown node type in node creation");
       e = [new En(e)];
@@ -3275,17 +3275,17 @@ let Rn = class zr extends On {
   }
 };
 Rn.registerParse = (e) => {
-  Sn = e;
+  bn = e;
 }, Rn.registerRule = (e) => {
   Mn = e;
 }, Rn.registerAtRule = (e) => {
-  bn = e;
+  Sn = e;
 }, Rn.registerRoot = (e) => {
   In = e;
 };
 var An = Rn;
 Rn.default = Rn, Rn.rebuild = (e) => {
-  "atrule" === e.type ? Object.setPrototypeOf(e, bn.prototype) : "rule" === e.type ? Object.setPrototypeOf(e, Mn.prototype) : "decl" === e.type ? Object.setPrototypeOf(e, _n.prototype) : "comment" === e.type ? Object.setPrototypeOf(e, En.prototype) : "root" === e.type && Object.setPrototypeOf(e, In.prototype), e[Ln] = true, e.nodes && e.nodes.forEach((e2) => {
+  "atrule" === e.type ? Object.setPrototypeOf(e, Sn.prototype) : "rule" === e.type ? Object.setPrototypeOf(e, Mn.prototype) : "decl" === e.type ? Object.setPrototypeOf(e, _n.prototype) : "comment" === e.type ? Object.setPrototypeOf(e, En.prototype) : "root" === e.type && Object.setPrototypeOf(e, In.prototype), e[Ln] = true, e.nodes && e.nodes.forEach((e2) => {
     Rn.rebuild(e2);
   });
 };
@@ -4302,8 +4302,8 @@ gs.registerPostcss = (e) => {
 };
 var ys = gs;
 gs.default = gs, is.registerLazyResult(gs), ns.registerLazyResult(gs);
-let ws = ho, bs = Ko;
-const Ss = Qo;
+let ws = ho, Ss = Ko;
+const bs = Qo;
 let vs = rn, xs = so, Is = class {
   get content() {
     return this.result.css;
@@ -4325,7 +4325,7 @@ let vs = rn, xs = so, Is = class {
   }
   get root() {
     if (this._root) return this._root;
-    let e, a = bs;
+    let e, a = Ss;
     try {
       e = a(this._css, this._opts);
     } catch (e2) {
@@ -4340,7 +4340,7 @@ let vs = rn, xs = so, Is = class {
   constructor(e, a, u) {
     a = a.toString(), this.stringified = false, this._processor = e, this._css = a, this._opts = u, this._map = void 0;
     let m2, w2 = vs;
-    this.result = new Ss(this._processor, m2, this._opts), this.result.css = a;
+    this.result = new bs(this._processor, m2, this._opts), this.result.css = a;
     let b2 = this;
     Object.defineProperty(this.result, "root", { get: () => b2.root });
     let x2 = new ws(w2, m2, this._opts, a);
@@ -4690,7 +4690,7 @@ class Vl {
     });
   }
   patchRootIdOnNode(e, a) {
-    e.type !== bt.Document && !e.rootId && (e.rootId = a), "childNodes" in e && e.childNodes.forEach((e2) => {
+    e.type !== St.Document && !e.rootId && (e.rootId = a), "childNodes" in e && e.childNodes.forEach((e2) => {
       this.patchRootIdOnNode(e2, a);
     });
   }
@@ -5623,7 +5623,7 @@ try {
   console.debug("Unable to override Array.from", Ni2);
 }
 const ra = (function Ci() {
-  return new St();
+  return new bt();
 })();
 function ae(e = {}) {
   const { emit: a, checkoutEveryNms: u, checkoutEveryNth: m2, blockClass: w2 = "rr-block", blockSelector: b2 = null, ignoreClass: x2 = "rr-ignore", ignoreSelector: C2 = null, maskTextClass: I2 = "rr-mask", maskTextSelector: E2 = null, inlineStylesheet: _2 = true, maskAllInputs: O2, maskInputOptions: F2, slimDOMOptions: D2, maskInputFn: $2, maskTextFn: B2, hooks: U2, packFn: j2, sampling: z2 = {}, dataURLOptions: q2 = {}, mousemoveWait: V2, recordDOM: H2 = true, recordCanvas: J2 = false, recordCrossOriginIframes: Y2 = false, recordAfter: X2 = "DOMContentLoaded" === e.recordAfter ? e.recordAfter : "load", userTriggeredOnInput: Q2 = false, collectFonts: ee2 = false, inlineImages: te2 = false, plugins: ne2, keepIframeSrcFn: re2 = () => false, ignoreCSSAttributes: oe2 = /* @__PURE__ */ new Set([]), errorHandler: se2 } = e;
@@ -5684,7 +5684,7 @@ function ae(e = {}) {
     if (!H2) return;
     Xi({ type: ci.Meta, data: { href: window.location.href, width: mo(), height: fo() } }, e2), me2.reset(), we2.init(), Mi.forEach((e3) => e3.lock());
     const a2 = (function Zi(e3, a3) {
-      const { mirror: u2 = new St(), blockClass: m3 = "rr-block", blockSelector: w3 = null, maskTextClass: b3 = "rr-mask", maskTextSelector: x3 = null, inlineStylesheet: C3 = true, inlineImages: I3 = false, recordCanvas: E3 = false, maskAllInputs: _3 = false, maskTextFn: O3, maskInputFn: F3, slimDOM: D3 = false, dataURLOptions: $3, preserveWhiteSpace: B3, onSerialize: U3, onIframeLoad: j3, iframeLoadTimeout: z3, onStylesheetLoad: q3, stylesheetLoadTimeout: V3, keepIframeSrcFn: H3 = () => false } = a3 || {};
+      const { mirror: u2 = new bt(), blockClass: m3 = "rr-block", blockSelector: w3 = null, maskTextClass: b3 = "rr-mask", maskTextSelector: x3 = null, inlineStylesheet: C3 = true, inlineImages: I3 = false, recordCanvas: E3 = false, maskAllInputs: _3 = false, maskTextFn: O3, maskInputFn: F3, slimDOM: D3 = false, dataURLOptions: $3, preserveWhiteSpace: B3, onSerialize: U3, onIframeLoad: j3, iframeLoadTimeout: z3, onStylesheetLoad: q3, stylesheetLoadTimeout: V3, keepIframeSrcFn: H3 = () => false } = a3 || {};
       return Se(e3, { doc: e3, mirror: u2, blockClass: m3, blockSelector: w3, maskTextClass: b3, maskTextSelector: x3, skipChild: false, inlineStylesheet: C3, maskInputOptions: true === _3 ? { color: true, date: true, "datetime-local": true, email: true, month: true, number: true, range: true, search: true, tel: true, text: true, time: true, url: true, week: true, textarea: true, select: true, password: true } : false === _3 ? { password: true } : _3, maskTextFn: O3, maskInputFn: F3, slimDOMOptions: true === D3 || "all" === D3 ? { script: true, comment: true, headFavicon: true, headWhitespace: true, headMetaDescKeywords: "all" === D3, headMetaSocial: true, headMetaRobots: true, headMetaHttpEquiv: true, headMetaAuthorship: true, headMetaVerification: true } : false === D3 ? {} : D3, dataURLOptions: $3, inlineImages: I3, recordCanvas: E3, preserveWhiteSpace: B3, onSerialize: U3, onIframeLoad: j3, iframeLoadTimeout: z3, onStylesheetLoad: q3, stylesheetLoadTimeout: V3, keepIframeSrcFn: H3, newlyAddedElement: false });
     })(document, { mirror: ra, blockClass: w2, blockSelector: b2, maskTextClass: I2, maskTextSelector: E2, inlineStylesheet: _2, maskAllInputs: ce2, maskTextFn: B2, maskInputFn: $2, slimDOM: de2, dataURLOptions: q2, recordCanvas: J2, inlineImages: te2, onSerialize: (e3) => {
       wo(e3, ra) && ge2.addIframe(e3), bo(e3, ra) && me2.trackLinkElement(e3), Fs(e3) && we2.addShadowRoot(e3.shadowRoot, document);
@@ -5957,7 +5957,7 @@ var ya = zs;
 zs.default = zs;
 var wa = {};
 wa.isClean = Symbol("isClean"), wa.my = Symbol("my");
-let ba = pa, Sa = ma, va = ya, { isClean: ka, my: xa } = wa;
+let Sa = pa, ba = ma, va = ya, { isClean: ka, my: xa } = wa;
 function Bs(e, a) {
   let u = new e.constructor();
   for (let m2 in e) {
@@ -6028,7 +6028,7 @@ let Ca = class {
       let { end: u, start: m2 } = this.rangeBy(a);
       return this.source.input.error(e, { column: m2.column, line: m2.line }, { column: u.column, line: u.line }, a);
     }
-    return new ba(e);
+    return new Sa(e);
   }
   getProxyProcessor() {
     return { get: (e, a) => "proxyOf" === a ? e : "root" === a ? () => e.root().toProxy() : e[a], set: (e, a, u) => (e[a] === u || (e[a] = u, ("prop" === a || "value" === a || "name" === a || "params" === a || "important" === a || "text" === a) && e.markDirty()), true) };
@@ -6076,7 +6076,7 @@ let Ca = class {
     return (u.line < a.line || u.line === a.line && u.column <= a.column) && (u = { column: a.column + 1, line: a.line }), { end: u, start: a };
   }
   raw(e, a) {
-    return new Sa().raw(this, e, a);
+    return new ba().raw(this, e, a);
   }
   remove() {
     return this.parent && this.parent.removeChild(this), this.parent = void 0, this;
@@ -6417,13 +6417,13 @@ let il = class {
 };
 var al = il;
 il.default = il;
-let { nanoid: ll } = Qa, { isAbsolute: cl, resolve: ul } = aa, { SourceMapConsumer: dl, SourceMapGenerator: pl } = aa, { fileURLToPath: hl, pathToFileURL: fl } = aa, ml = pa, gl = al, yl = aa, wl = Symbol("fromOffsetCache"), bl = !(!dl || !pl), Sl = !(!ul || !cl), vl = class {
+let { nanoid: ll } = Qa, { isAbsolute: cl, resolve: ul } = aa, { SourceMapConsumer: dl, SourceMapGenerator: pl } = aa, { fileURLToPath: hl, pathToFileURL: fl } = aa, ml = pa, gl = al, yl = aa, wl = Symbol("fromOffsetCache"), Sl = !(!dl || !pl), bl = !(!ul || !cl), vl = class {
   get from() {
     return this.file || this.id;
   }
   constructor(e, a = {}) {
     if (null === e || typeof e > "u" || "object" == typeof e && !e.toString) throw new Error(`PostCSS received ${e} instead of CSS string`);
-    if (this.css = e.toString(), "\uFEFF" === this.css[0] || "￾" === this.css[0] ? (this.hasBOM = true, this.css = this.css.slice(1)) : this.hasBOM = false, this.document = this.css, a.document && (this.document = a.document.toString()), a.from && (!Sl || /^\w+:\/\//.test(a.from) || cl(a.from) ? this.file = a.from : this.file = ul(a.from)), Sl && bl) {
+    if (this.css = e.toString(), "\uFEFF" === this.css[0] || "￾" === this.css[0] ? (this.hasBOM = true, this.css = this.css.slice(1)) : this.hasBOM = false, this.document = this.css, a.document && (this.document = a.document.toString()), a.from && (!bl || /^\w+:\/\//.test(a.from) || cl(a.from) ? this.file = a.from : this.file = ul(a.from)), bl && Sl) {
       let e2 = new gl(this.css, a);
       if (e2.text) {
         this.map = e2;
@@ -6706,8 +6706,8 @@ var mc = class {
     return this.memoizedURLs.set(e, u), u;
   }
 };
-const gc = /[\t\n\f\r "#'()/;[\\\]{}]/g, yc = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, wc = /.[\r\n"'(/\\]/, bc = /[\da-f]/i;
-let Sc = qa, vc = _a, xc = La, Ic = El, Mc = Nl, kc = function(e, a = {}) {
+const gc = /[\t\n\f\r "#'()/;[\\\]{}]/g, yc = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, wc = /.[\r\n"'(/\\]/, Sc = /[\da-f]/i;
+let bc = qa, vc = _a, xc = La, Ic = El, Mc = Nl, kc = function(e, a = {}) {
   let u, m2, w2, b2, x2, C2, I2, E2, _2, O2, F2 = e.css.valueOf(), D2 = a.ignoreErrors, $2 = F2.length, B2 = 0, U2 = [], j2 = [];
   function y2(a2) {
     throw e.error("Unclosed " + a2, B2);
@@ -6779,8 +6779,8 @@ let Sc = qa, vc = _a, xc = La, Ic = El, Mc = Nl, kc = function(e, a = {}) {
         break;
       case 92:
         for (b2 = B2, w2 = true; 92 === F2.charCodeAt(b2 + 1); ) b2 += 1, w2 = !w2;
-        if (u = F2.charCodeAt(b2 + 1), w2 && 47 !== u && 32 !== u && 10 !== u && 9 !== u && 13 !== u && 12 !== u && (b2 += 1, bc.test(F2.charAt(b2)))) {
-          for (; bc.test(F2.charAt(b2 + 1)); ) b2 += 1;
+        if (u = F2.charCodeAt(b2 + 1), w2 && 47 !== u && 32 !== u && 10 !== u && 9 !== u && 13 !== u && 12 !== u && (b2 += 1, Sc.test(F2.charAt(b2)))) {
+          for (; Sc.test(F2.charAt(b2 + 1)); ) b2 += 1;
           32 === F2.charCodeAt(b2 + 1) && (b2 += 1);
         }
         C2 = ["word", F2.slice(B2, b2 + 1), B2, b2], B2 = b2;
@@ -6799,7 +6799,7 @@ var _c = class {
     this.input = e, this.root = new Ic(), this.current = this.root, this.spaces = "", this.semicolon = false, this.createTokenizer(), this.root.source = { input: e, start: { column: 1, line: 1, offset: 0 } };
   }
   atrule(e) {
-    let a = new Sc();
+    let a = new bc();
     a.name = e[1].slice(1), "" === a.name && this.unnamedAtrule(a, e), this.init(a, e[2]);
     let u, m2, w2, b2 = false, x2 = false, C2 = [], I2 = [];
     for (; !this.tokenizer.endOfFile(); ) {
@@ -7621,10 +7621,10 @@ function R(e, a, u) {
     };
   }
 }
-var hd = ((e) => (e[e.DomContentLoaded = 0] = "DomContentLoaded", e[e.Load = 1] = "Load", e[e.FullSnapshot = 2] = "FullSnapshot", e[e.IncrementalSnapshot = 3] = "IncrementalSnapshot", e[e.Meta = 4] = "Meta", e[e.Custom = 5] = "Custom", e[e.Plugin = 6] = "Plugin", e[e.Device = 24] = "Device", e[e.SailfishCustom = 25] = "SailfishCustom", e))(hd || {});
-const fd = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
+var hd = ((e) => (e[e.DomContentLoaded = 0] = "DomContentLoaded", e[e.Load = 1] = "Load", e[e.FullSnapshot = 2] = "FullSnapshot", e[e.IncrementalSnapshot = 3] = "IncrementalSnapshot", e[e.Meta = 4] = "Meta", e[e.Custom = 5] = "Custom", e[e.Plugin = 6] = "Plugin", e[e.Device = 24] = "Device", e[e.SailfishCustom = 25] = "SailfishCustom", e))(hd || {}), fd = ((e) => (e[e.Mutation = 0] = "Mutation", e[e.MouseMove = 1] = "MouseMove", e[e.MouseInteraction = 2] = "MouseInteraction", e[e.Scroll = 3] = "Scroll", e[e.ViewportResize = 4] = "ViewportResize", e[e.Input = 5] = "Input", e[e.TouchMove = 6] = "TouchMove", e[e.MediaInteraction = 7] = "MediaInteraction", e[e.StyleSheetRule = 8] = "StyleSheetRule", e[e.CanvasMutation = 9] = "CanvasMutation", e[e.Font = 10] = "Font", e[e.Log = 11] = "Log", e[e.Drag = 12] = "Drag", e[e.StyleDeclaration = 13] = "StyleDeclaration", e[e.Selection = 14] = "Selection", e[e.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", e[e.CustomElement = 16] = "CustomElement", e[e.Typing = 17] = "Typing", e))(fd || {});
+const md = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
 function shouldSkipFrame(e) {
-  return fd.some((a) => e.includes(a));
+  return md.some((a) => e.includes(a));
 }
 function normalizeFilePath(e) {
   let a = e;
@@ -7686,7 +7686,7 @@ function suppressConsoleLogsDuringCall(e) {
     console.log = a, console.warn = u, console.error = m2;
   }
 }
-const md = "zendesk_chat", gd = "Zendesk";
+const gd = "zendesk_chat", yd = "Zendesk";
 function zE_safe(...e) {
   try {
     if ((function hasZendesk() {
@@ -7732,13 +7732,42 @@ function initializeConsolePlugin(e, a) {
 async function initializeRecording(e, a, u, m2, w2) {
   const b2 = initializeWebSocket(a, u, m2, w2);
   try {
+    const a2 = (function createThrottledEmit(e2, a3 = 1e3) {
+      if (!e2) return { emit: (e3) => sendEvent(e3), flush: () => {
+      } };
+      const u2 = /* @__PURE__ */ new Map();
+      let m3 = null;
+      return { emit: (e3) => {
+        var _a2, _b;
+        const w3 = (_a2 = e3.data) == null ? void 0 : _a2.source;
+        if (3 !== e3.type || 0 !== w3 && 5 !== w3) return void sendEvent(e3);
+        const b3 = `3:${w3}:${((_b = e3.data) == null ? void 0 : _b.id) || "unknown"}`;
+        u2.set(b3, e3), m3 || (m3 = setInterval(() => {
+          0 !== u2.size && (u2.forEach((e4) => sendEvent(e4)), u2.clear());
+        }, a3));
+      }, flush: () => {
+        u2.size > 0 && (u2.forEach((e3) => sendEvent(e3)), u2.clear()), m3 && (clearInterval(m3), m3 = null);
+      } };
+    })(e.textEditThrottleEnabled), emitWithContext = (e2) => {
+      Object.assign(e2, getUrlAndStoredUuids()), e2.sessionId = m2, a2.emit(e2);
+    };
     ae({ emit(e2) {
-      Object.assign(e2, getUrlAndStoredUuids()), e2.sessionId = m2, sendEvent(e2);
-    }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: "sailfishSanitize", ...e }), (function whenZendeskReady(e2) {
+      emitWithContext(e2);
+    }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: "sailfishSanitize", ...e });
+    const textareaInputHandler = (e2) => {
+      var _a2, _b;
+      const a3 = e2.target;
+      if (!a3 || "TEXTAREA" !== a3.tagName) return;
+      const u2 = (_b = (_a2 = ae.mirror) == null ? void 0 : _a2.getId) == null ? void 0 : _b.call(_a2, a3);
+      "number" != typeof u2 || u2 < 0 || emitWithContext({ type: hd.IncrementalSnapshot, data: { source: fd.Input, id: u2, text: a3.value, isChecked: false, userTriggered: true, masked: false }, timestamp: Date.now() });
+    };
+    document.addEventListener("input", textareaInputHandler), window.addEventListener("beforeunload", () => {
+      a2.flush(), document.removeEventListener("input", textareaInputHandler);
+    }), (function whenZendeskReady(e2) {
       if ("undefined" == typeof window) return;
-      const a2 = window.zE;
-      if ("function" == typeof a2) try {
-        a2(e2);
+      const a3 = window.zE;
+      if ("function" == typeof a3) try {
+        a3(e2);
       } catch {
       }
     })(() => {
@@ -7746,11 +7775,11 @@ async function initializeRecording(e, a, u, m2, w2) {
         zE_safe("messenger:set", "conversationTags", [`sailfish-session-${m2}`]);
       });
       const handleWidgetOpen = () => {
-        ae.addSailfishEvent(hd.SailfishCustom, { action: "customer support chat opened", element_id: md, provider: gd });
+        ae.addSailfishEvent(hd.SailfishCustom, { action: "customer support chat opened", element_id: gd, provider: yd });
       }, handleWidgetClose = () => {
-        ae.addSailfishEvent(hd.SailfishCustom, { action: "customer support chat closed", element_id: md, provider: gd });
+        ae.addSailfishEvent(hd.SailfishCustom, { action: "customer support chat closed", element_id: gd, provider: yd });
       }, handleUnreadMessages = (e2) => {
-        ae.addSailfishEvent(hd.SailfishCustom, { action: "zendesk unreadmessages", element_id: md, provider: gd });
+        ae.addSailfishEvent(hd.SailfishCustom, { action: "zendesk unreadmessages", element_id: gd, provider: yd });
       };
       suppressConsoleLogsDuringCall(() => {
         zE_safe("messenger:on", "open", handleWidgetOpen), zE_safe("messenger:on", "close", handleWidgetClose), zE_safe("messenger:on", "unreadMessages", handleUnreadMessages);
@@ -7761,8 +7790,8 @@ async function initializeRecording(e, a, u, m2, w2) {
   }
   return b2;
 }
-let yd = null, wd = null;
-const bd = readDebugFlag(), Sd = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], vd = [400, 403], kd = "CORS", xd = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Cd = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
+let wd = null, Sd = null;
+const bd = readDebugFlag(), vd = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], kd = [400, 403], xd = "CORS", Cd = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Id = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
 function trackDomainChangesOnce() {
   const e = window.__sailfish_recorder || (window.__sailfish_recorder = {});
   if (e.routeWatcherIntervalId) return;
@@ -7829,7 +7858,7 @@ function shouldSkipHeadersPropagation(e, a = []) {
     return true;
   }
   for (const e2 of O) if (u.pathname.toLowerCase().endsWith(e2)) return true;
-  return !!matchUrlWithWildcard(e, [...Sd, ...a]);
+  return !!matchUrlWithWildcard(e, [...vd, ...a]);
 }
 function setupFetchInterceptor(e = []) {
   const a = window.fetch, u = getOrSetSessionId();
@@ -7883,7 +7912,7 @@ function setupFetchInterceptor(e = []) {
             return _3.set(b, `${w4}/${x4}/${C4}`), I4 && (_3.set(I4.name, I4.value), bd && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof u3 ? u3 : u3.href, header: I4.name })), E3.headers = _3, await e3.call(a4, u3, E3);
           }
         })(e2, a3, m3, w3, x3, E2.page_visit_uuid, I3), B2 = false;
-        vd.includes($3.status) && (bd && console.log("Perform retry as status was fail:", $3), I3 = v4(), $3 = await (async function retryWithoutPropagateHeaders(e3, a4, u3, m4) {
+        kd.includes($3.status) && (bd && console.log("Perform retry as status was fail:", $3), I3 = v4(), $3 = await (async function retryWithoutPropagateHeaders(e3, a4, u3, m4) {
           try {
             let m5 = u3[0], w4 = u3[1] || {};
             if ("string" == typeof m5 || m5 instanceof URL) {
@@ -7921,7 +7950,7 @@ function setupFetchInterceptor(e = []) {
         return sendEvent({ type: 27, timestamp: U2, sessionId: x3, data: { request_id: I3, session_id: x3, timestamp_start: O2, timestamp_end: U2, response_code: j2, success: z2, error: q2, method: _2, url: C3, retry_without_trace_id: B2, request_headers: D2, request_body: F2, response_headers: H2, response_body: V2 }, ...E2 }), $3;
       } catch (m4) {
         const w4 = Date.now(), b2 = false, $3 = ((_b = m4.response) == null ? void 0 : _b.status) || 500, B2 = m4.message || "Fetch request failed";
-        if (m4 instanceof TypeError && ((_c2 = m4 == null ? void 0 : m4.message) == null ? void 0 : _c2.toLowerCase().includes(kd.toLowerCase()))) return e2.apply(a3, u2);
+        if (m4 instanceof TypeError && ((_c2 = m4 == null ? void 0 : m4.message) == null ? void 0 : _c2.toLowerCase().includes(xd.toLowerCase()))) return e2.apply(a3, u2);
         throw sendEvent({ type: 27, timestamp: w4, sessionId: x3, data: { request_id: I3, session_id: x3, timestamp_start: O2, timestamp_end: w4, response_code: $3, success: b2, error: B2, method: _2, url: C3, request_headers: D2, request_body: F2, response_body: null }, ...E2 }), m4;
       }
     })(a2, m2, w2, C2, I2, u, x2);
@@ -7955,7 +7984,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
   })(), D2 = getOrSetSessionId(), $2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
   if ($2.sessionId = D2, $2.apiKey = e, $2.backendApi = a, $2.serviceAdditionalMetadata = I2, $2.initialized && $2.sessionId === D2 && $2.ws && 1 === $2.ws.readyState) trackDomainChangesOnce();
   else {
-    $2.domEventsInit || (initializeDomContentEvents(D2), $2.domEventsInit = true), $2.consoleInit || (initializeConsolePlugin(Cd, D2), $2.consoleInit = true), $2.errorInit || (!(function initializeErrorInterceptor() {
+    $2.domEventsInit || (initializeDomContentEvents(D2), $2.domEventsInit = true), $2.consoleInit || (initializeConsolePlugin(Id, D2), $2.consoleInit = true), $2.errorInit || (!(function initializeErrorInterceptor() {
       window.addEventListener("error", (e2) => {
         captureError(e2.error || e2.message);
       }), window.addEventListener("unhandledrejection", (e2) => {
@@ -7968,7 +7997,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
       ((_a3 = e2.data) == null ? void 0 : _a3.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? bd && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), bd && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
     }).catch((e2) => {
       bd && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e2);
-    }), $2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e, [...m2, ...Sd], a).catch((e2) => console.error("Failed to send domains to not propagate header to:", e2)), $2.sentDoNotPropagateOnce = true), $2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e2 = []) {
+    }), $2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e, [...m2, ...vd], a).catch((e2) => console.error("Failed to send domains to not propagate header to:", e2)), $2.sentDoNotPropagateOnce = true), $2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e2 = []) {
       const a2 = XMLHttpRequest.prototype.open, u2 = XMLHttpRequest.prototype.send, m3 = XMLHttpRequest.prototype.setRequestHeader, w3 = getOrSetSessionId();
       XMLHttpRequest.prototype.setRequestHeader = function(e3, a3) {
         return this._capturedRequestHeaders || (this._capturedRequestHeaders = {}), this._capturedRequestHeaders[e3] = a3, m3.call(this, e3, a3);
@@ -8032,7 +8061,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
       sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
     })();
     try {
-      const u2 = await fetchCaptureSettings(e, a), m3 = ((_a2 = u2.data) == null ? void 0 : _a2.captureSettingsFromApiKey) || xd;
+      const u2 = await fetchCaptureSettings(e, a), m3 = ((_a2 = u2.data) == null ? void 0 : _a2.captureSettingsFromApiKey) || Cd;
       if ($2.ws && 1 === $2.ws.readyState) return;
       const b2 = withAppUrlMetadata(I2), C3 = await startRecordingSession(e, D2, a, _2, O2, F2, E2, "JS/TS", b2);
       if ((_b = C3.data) == null ? void 0 : _b.startRecordingSession) {
@@ -8076,12 +8105,12 @@ H && (!(function sendUserDeviceUuid() {
 }), H && window.addEventListener("beforeunload", () => {
   clearPageVisitDataFromSessionStorage();
 });
-exports.DEFAULT_CAPTURE_SETTINGS = xd, exports.DEFAULT_CONSOLE_RECORDING_SETTINGS = Cd, exports.STORAGE_VERSION = 1, exports.addOrUpdateMetadata = function addOrUpdateMetadata(e) {
+exports.DEFAULT_CAPTURE_SETTINGS = Cd, exports.DEFAULT_CONSOLE_RECORDING_SETTINGS = Id, exports.STORAGE_VERSION = 1, exports.addOrUpdateMetadata = function addOrUpdateMetadata(e) {
   const a = { type: "addOrUpdateMetadata", metadata: e };
-  wd && JSON.stringify(wd) === JSON.stringify(e) || (wd = e, sendMessage(a));
+  Sd && JSON.stringify(Sd) === JSON.stringify(e) || (Sd = e, sendMessage(a));
 }, exports.buildBatches = buildBatches, exports.clearStaleFuncSpanState = clearStaleFuncSpanState, exports.createTriageAndIssueFromRecorder = createTriageAndIssueFromRecorder, exports.createTriageFromRecorder = createTriageFromRecorder, exports.disableFunctionSpanTracking = disableFunctionSpanTracking, exports.enableFunctionSpanTracking = enableFunctionSpanTracking, exports.eventSize = eventSize, exports.fetchCaptureSettings = fetchCaptureSettings, exports.fetchEngineeringTicketPlatformIntegrations = fetchEngineeringTicketPlatformIntegrations, exports.fetchFunctionSpanTrackingEnabled = fetchFunctionSpanTrackingEnabled, exports.flushBufferedEvents = flushBufferedEvents, exports.getFuncSpanHeader = getFuncSpanHeader, exports.getOrSetSessionId = getOrSetSessionId, exports.getUrlAndStoredUuids = getUrlAndStoredUuids, exports.identify = function identify(e, a = {}, u = false) {
   const m2 = { type: "identify", userId: e, traits: a };
-  yd && yd.userId === e && JSON.stringify(yd.traits) === JSON.stringify(a) || (yd = { userId: e, traits: a, overwrite: u }, sendMessage(m2));
+  wd && wd.userId === e && JSON.stringify(wd.traits) === JSON.stringify(a) || (wd = { userId: e, traits: a, overwrite: u }, sendMessage(m2));
 }, exports.initRecorder = async (e) => {
   if ("undefined" == typeof window) return;
   const a = window.__sailfish_recorder || (window.__sailfish_recorder = {}), u = getOrSetSessionId();

package/dist/recorder.js

@@ -465,7 +465,7 @@ function initializeWebSocket(e, a, u, m2) {
     const a2 = document.createElement("a");
     return a2.href = e2, `${a2.hostname}${a2.port ? `:${a2.port}` : ""}`;
   })(e);
-  let b2 = `${"https:" === new URL(e).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.19`;
+  let b2 = `${"https:" === new URL(e).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.21-alpha5`;
   m2 && (b2 += `&envValue=${encodeURIComponent(m2)}`);
   return se = new U(b2, [], { connectionTimeout: 3e4 }), se.addEventListener("open", () => {
     re && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (de ? "ENABLED" : "DISABLED"))), (async () => {
@@ -1294,7 +1294,7 @@ function sendGraphQLRequest(e, a, u, m2 = 5, w2 = 2e3, b2 = 2) {
   }), "Sending GraphQL request to Sailfish AI", m2, w2, b2);
 }
 function fetchCaptureSettings(e, a) {
-  return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n      }\n    }\n  ", { apiKey: e, backendApi: a });
+  return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n        textEditThrottleEnabled\n      }\n    }\n  ", { apiKey: e, backendApi: a });
 }
 function fetchFunctionSpanTrackingEnabled(e, a) {
   return sendGraphQLRequest("GetFunctionSpanTrackingEnabledFromApiKey", "\n    query GetFunctionSpanTrackingEnabledFromApiKey($apiKey: String!) {\n      isFunctionSpanTrackingEnabledFromApiKey(apiKey: $apiKey)\n    }\n  ", { apiKey: e, backendApi: a });
@@ -7624,10 +7624,10 @@ function R(e, a, u) {
     };
   }
 }
-var fd = ((e) => (e[e.DomContentLoaded = 0] = "DomContentLoaded", e[e.Load = 1] = "Load", e[e.FullSnapshot = 2] = "FullSnapshot", e[e.IncrementalSnapshot = 3] = "IncrementalSnapshot", e[e.Meta = 4] = "Meta", e[e.Custom = 5] = "Custom", e[e.Plugin = 6] = "Plugin", e[e.Device = 24] = "Device", e[e.SailfishCustom = 25] = "SailfishCustom", e))(fd || {});
-const md = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
+var fd = ((e) => (e[e.DomContentLoaded = 0] = "DomContentLoaded", e[e.Load = 1] = "Load", e[e.FullSnapshot = 2] = "FullSnapshot", e[e.IncrementalSnapshot = 3] = "IncrementalSnapshot", e[e.Meta = 4] = "Meta", e[e.Custom = 5] = "Custom", e[e.Plugin = 6] = "Plugin", e[e.Device = 24] = "Device", e[e.SailfishCustom = 25] = "SailfishCustom", e))(fd || {}), md = ((e) => (e[e.Mutation = 0] = "Mutation", e[e.MouseMove = 1] = "MouseMove", e[e.MouseInteraction = 2] = "MouseInteraction", e[e.Scroll = 3] = "Scroll", e[e.ViewportResize = 4] = "ViewportResize", e[e.Input = 5] = "Input", e[e.TouchMove = 6] = "TouchMove", e[e.MediaInteraction = 7] = "MediaInteraction", e[e.StyleSheetRule = 8] = "StyleSheetRule", e[e.CanvasMutation = 9] = "CanvasMutation", e[e.Font = 10] = "Font", e[e.Log = 11] = "Log", e[e.Drag = 12] = "Drag", e[e.StyleDeclaration = 13] = "StyleDeclaration", e[e.Selection = 14] = "Selection", e[e.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", e[e.CustomElement = 16] = "CustomElement", e[e.Typing = 17] = "Typing", e))(md || {});
+const gd = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
 function shouldSkipFrame(e) {
-  return md.some((a) => e.includes(a));
+  return gd.some((a) => e.includes(a));
 }
 function normalizeFilePath(e) {
   let a = e;
@@ -7689,7 +7689,7 @@ function suppressConsoleLogsDuringCall(e) {
     console.log = a, console.warn = u, console.error = m2;
   }
 }
-const gd = "zendesk_chat", yd = "Zendesk";
+const yd = "zendesk_chat", wd = "Zendesk";
 function zE_safe(...e) {
   try {
     if ((function hasZendesk() {
@@ -7735,13 +7735,42 @@ function initializeConsolePlugin(e, a) {
 async function initializeRecording(e, a, u, m2, w2) {
   const b2 = initializeWebSocket(a, u, m2, w2);
   try {
+    const a2 = (function createThrottledEmit(e2, a3 = 1e3) {
+      if (!e2) return { emit: (e3) => sendEvent(e3), flush: () => {
+      } };
+      const u2 = /* @__PURE__ */ new Map();
+      let m3 = null;
+      return { emit: (e3) => {
+        var _a2, _b;
+        const w3 = (_a2 = e3.data) == null ? void 0 : _a2.source;
+        if (3 !== e3.type || 0 !== w3 && 5 !== w3) return void sendEvent(e3);
+        const b3 = `3:${w3}:${((_b = e3.data) == null ? void 0 : _b.id) || "unknown"}`;
+        u2.set(b3, e3), m3 || (m3 = setInterval(() => {
+          0 !== u2.size && (u2.forEach((e4) => sendEvent(e4)), u2.clear());
+        }, a3));
+      }, flush: () => {
+        u2.size > 0 && (u2.forEach((e3) => sendEvent(e3)), u2.clear()), m3 && (clearInterval(m3), m3 = null);
+      } };
+    })(e.textEditThrottleEnabled), emitWithContext = (e2) => {
+      Object.assign(e2, getUrlAndStoredUuids()), e2.sessionId = m2, a2.emit(e2);
+    };
     ae({ emit(e2) {
-      Object.assign(e2, getUrlAndStoredUuids()), e2.sessionId = m2, sendEvent(e2);
-    }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: "sailfishSanitize", ...e }), (function whenZendeskReady(e2) {
+      emitWithContext(e2);
+    }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: "sailfishSanitize", ...e });
+    const textareaInputHandler = (e2) => {
+      var _a2, _b;
+      const a3 = e2.target;
+      if (!a3 || "TEXTAREA" !== a3.tagName) return;
+      const u2 = (_b = (_a2 = ae.mirror) == null ? void 0 : _a2.getId) == null ? void 0 : _b.call(_a2, a3);
+      "number" != typeof u2 || u2 < 0 || emitWithContext({ type: fd.IncrementalSnapshot, data: { source: md.Input, id: u2, text: a3.value, isChecked: false, userTriggered: true, masked: false }, timestamp: Date.now() });
+    };
+    document.addEventListener("input", textareaInputHandler), window.addEventListener("beforeunload", () => {
+      a2.flush(), document.removeEventListener("input", textareaInputHandler);
+    }), (function whenZendeskReady(e2) {
       if ("undefined" == typeof window) return;
-      const a2 = window.zE;
-      if ("function" == typeof a2) try {
-        a2(e2);
+      const a3 = window.zE;
+      if ("function" == typeof a3) try {
+        a3(e2);
       } catch {
       }
     })(() => {
@@ -7749,11 +7778,11 @@ async function initializeRecording(e, a, u, m2, w2) {
         zE_safe("messenger:set", "conversationTags", [`sailfish-session-${m2}`]);
       });
       const handleWidgetOpen = () => {
-        ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat opened", element_id: gd, provider: yd });
+        ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat opened", element_id: yd, provider: wd });
       }, handleWidgetClose = () => {
-        ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat closed", element_id: gd, provider: yd });
+        ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat closed", element_id: yd, provider: wd });
       }, handleUnreadMessages = (e2) => {
-        ae.addSailfishEvent(fd.SailfishCustom, { action: "zendesk unreadmessages", element_id: gd, provider: yd });
+        ae.addSailfishEvent(fd.SailfishCustom, { action: "zendesk unreadmessages", element_id: yd, provider: wd });
       };
       suppressConsoleLogsDuringCall(() => {
         zE_safe("messenger:on", "open", handleWidgetOpen), zE_safe("messenger:on", "close", handleWidgetClose), zE_safe("messenger:on", "unreadMessages", handleUnreadMessages);
@@ -7764,19 +7793,19 @@ async function initializeRecording(e, a, u, m2, w2) {
   }
   return b2;
 }
-let wd = null, bd = null;
+let bd = null, Sd = null;
 function identify(e, a = {}, u = false) {
   const m2 = { type: "identify", userId: e, traits: a };
-  wd && wd.userId === e && JSON.stringify(wd.traits) === JSON.stringify(a) || (wd = { userId: e, traits: a, overwrite: u }, sendMessage(m2));
+  bd && bd.userId === e && JSON.stringify(bd.traits) === JSON.stringify(a) || (bd = { userId: e, traits: a, overwrite: u }, sendMessage(m2));
 }
 function addOrUpdateMetadata(e) {
   const a = { type: "addOrUpdateMetadata", metadata: e };
-  bd && JSON.stringify(bd) === JSON.stringify(e) || (bd = e, sendMessage(a));
+  Sd && JSON.stringify(Sd) === JSON.stringify(e) || (Sd = e, sendMessage(a));
 }
 function trackingEvent(e) {
   sendMessage({ type: "trackingEvent", trackingData: e, timestamp: ne() });
 }
-const Sd = readDebugFlag(), vd = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], kd = [400, 403], Cd = "CORS", xd = 1, Id = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Md = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
+const vd = readDebugFlag(), kd = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], Cd = [400, 403], xd = "CORS", Id = 1, Md = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Ed = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
 function trackDomainChangesOnce() {
   const e = window.__sailfish_recorder || (window.__sailfish_recorder = {});
   if (e.routeWatcherIntervalId) return;
@@ -7843,7 +7872,7 @@ function shouldSkipHeadersPropagation(e, a = []) {
     return true;
   }
   for (const e2 of O) if (u.pathname.toLowerCase().endsWith(e2)) return true;
-  return !!matchUrlWithWildcard(e, [...vd, ...a]);
+  return !!matchUrlWithWildcard(e, [...kd, ...a]);
 }
 function setupFetchInterceptor(e = []) {
   const a = window.fetch, u = getOrSetSessionId();
@@ -7878,7 +7907,7 @@ function setupFetchInterceptor(e = []) {
           D2[e3] = a4;
         }) : D2 = { ...w3.headers }), F2 = w3.body;
       } catch (e3) {
-        Sd && console.warn("[Sailfish] Failed to capture request data:", e3);
+        vd && console.warn("[Sailfish] Failed to capture request data:", e3);
       }
       delete D2[b];
       const $2 = (_a2 = getFuncSpanHeader()) == null ? void 0 : _a2.name;
@@ -7888,16 +7917,16 @@ function setupFetchInterceptor(e = []) {
           const I4 = getFuncSpanHeader();
           if (u3 instanceof Request) {
             const E3 = u3.clone(), _3 = new Headers(E3.headers);
-            _3.set(b, `${w4}/${C4}/${x4}`), I4 && (_3.set(I4.name, I4.value), Sd && console.log("[Sailfish] Added funcspan header to HTTP Request:", { url: u3.url, header: I4.name }));
+            _3.set(b, `${w4}/${C4}/${x4}`), I4 && (_3.set(I4.name, I4.value), vd && console.log("[Sailfish] Added funcspan header to HTTP Request:", { url: u3.url, header: I4.name }));
             const O3 = new Request(E3, { headers: _3 });
             return await e3.call(a4, O3, m4);
           }
           {
             const E3 = { ...m4 }, _3 = new Headers(m4.headers || {});
-            return _3.set(b, `${w4}/${C4}/${x4}`), I4 && (_3.set(I4.name, I4.value), Sd && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof u3 ? u3 : u3.href, header: I4.name })), E3.headers = _3, await e3.call(a4, u3, E3);
+            return _3.set(b, `${w4}/${C4}/${x4}`), I4 && (_3.set(I4.name, I4.value), vd && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof u3 ? u3 : u3.href, header: I4.name })), E3.headers = _3, await e3.call(a4, u3, E3);
           }
         })(e2, a3, m3, w3, C3, E2.page_visit_uuid, I3), B2 = false;
-        kd.includes($3.status) && (Sd && console.log("Perform retry as status was fail:", $3), I3 = v4(), $3 = await (async function retryWithoutPropagateHeaders(e3, a4, u3, m4) {
+        Cd.includes($3.status) && (vd && console.log("Perform retry as status was fail:", $3), I3 = v4(), $3 = await (async function retryWithoutPropagateHeaders(e3, a4, u3, m4) {
           try {
             let m5 = u3[0], w4 = u3[1] || {};
             if ("string" == typeof m5 || m5 instanceof URL) {
@@ -7913,7 +7942,7 @@ function setupFetchInterceptor(e = []) {
             }
             return e3.apply(a4, u3);
           } catch (e4) {
-            throw Sd && console.log(`Retry without ${b} for ${m4} also failed:`, e4), e4;
+            throw vd && console.log(`Retry without ${b} for ${m4} also failed:`, e4), e4;
           }
         })(e2, a3, u2, x3), B2 = true);
         const U2 = Date.now(), j2 = $3.status, z2 = $3.ok, q2 = z2 ? "" : `Request Error: ${$3.statusText}`;
@@ -7922,7 +7951,7 @@ function setupFetchInterceptor(e = []) {
           const e3 = $3.clone();
           V2 = await e3.text();
         } catch (e3) {
-          Sd && console.warn("[Sailfish] Failed to capture response data:", e3), V2 = null;
+          vd && console.warn("[Sailfish] Failed to capture response data:", e3), V2 = null;
         }
         let H2 = null;
         try {
@@ -7930,12 +7959,12 @@ function setupFetchInterceptor(e = []) {
             H2[a4] = e3;
           });
         } catch (e3) {
-          Sd && console.warn("[Sailfish] Failed to capture response headers:", e3), H2 = null;
+          vd && console.warn("[Sailfish] Failed to capture response headers:", e3), H2 = null;
         }
         return sendEvent({ type: 27, timestamp: U2, sessionId: C3, data: { request_id: I3, session_id: C3, timestamp_start: O2, timestamp_end: U2, response_code: j2, success: z2, error: q2, method: _2, url: x3, retry_without_trace_id: B2, request_headers: D2, request_body: F2, response_headers: H2, response_body: V2 }, ...E2 }), $3;
       } catch (m4) {
         const w4 = Date.now(), b2 = false, $3 = ((_b = m4.response) == null ? void 0 : _b.status) || 500, B2 = m4.message || "Fetch request failed";
-        if (m4 instanceof TypeError && ((_c2 = m4 == null ? void 0 : m4.message) == null ? void 0 : _c2.toLowerCase().includes(Cd.toLowerCase()))) return e2.apply(a3, u2);
+        if (m4 instanceof TypeError && ((_c2 = m4 == null ? void 0 : m4.message) == null ? void 0 : _c2.toLowerCase().includes(xd.toLowerCase()))) return e2.apply(a3, u2);
         throw sendEvent({ type: 27, timestamp: w4, sessionId: C3, data: { request_id: I3, session_id: C3, timestamp_start: O2, timestamp_end: w4, response_code: $3, success: b2, error: B2, method: _2, url: x3, request_headers: D2, request_body: F2, response_body: null }, ...E2 }), m4;
       }
     })(a2, m2, w2, x2, I2, u, C2);
@@ -7969,7 +7998,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
   })(), D2 = getOrSetSessionId(), $2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
   if ($2.sessionId = D2, $2.apiKey = e, $2.backendApi = a, $2.serviceAdditionalMetadata = I2, $2.initialized && $2.sessionId === D2 && $2.ws && 1 === $2.ws.readyState) trackDomainChangesOnce();
   else {
-    $2.domEventsInit || (initializeDomContentEvents(D2), $2.domEventsInit = true), $2.consoleInit || (initializeConsolePlugin(Md, D2), $2.consoleInit = true), $2.errorInit || (!(function initializeErrorInterceptor() {
+    $2.domEventsInit || (initializeDomContentEvents(D2), $2.domEventsInit = true), $2.consoleInit || (initializeConsolePlugin(Ed, D2), $2.consoleInit = true), $2.errorInit || (!(function initializeErrorInterceptor() {
       window.addEventListener("error", (e2) => {
         captureError(e2.error || e2.message);
       }), window.addEventListener("unhandledrejection", (e2) => {
@@ -7979,10 +8008,10 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
       X && (sessionStorage.setItem("sailfishApiKey", e2), sessionStorage.setItem("sailfishBackendApi", a2));
     })({ apiKey: e, backendApi: a }), trackDomainChangesOnce(), sessionStorage.setItem("sailfishApiKey", e), sessionStorage.setItem("sailfishBackendApi", a), !isFunctionSpanTrackingEnabled() || $2.ws && 1 === $2.ws.readyState || fetchFunctionSpanTrackingEnabled(e, a).then((e2) => {
       var _a3;
-      ((_a3 = e2.data) == null ? void 0 : _a3.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? Sd && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), Sd && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
+      ((_a3 = e2.data) == null ? void 0 : _a3.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? vd && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), vd && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
     }).catch((e2) => {
-      Sd && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e2);
-    }), $2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e, [...m2, ...vd], a).catch((e2) => console.error("Failed to send domains to not propagate header to:", e2)), $2.sentDoNotPropagateOnce = true), $2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e2 = []) {
+      vd && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e2);
+    }), $2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e, [...m2, ...kd], a).catch((e2) => console.error("Failed to send domains to not propagate header to:", e2)), $2.sentDoNotPropagateOnce = true), $2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e2 = []) {
       const a2 = XMLHttpRequest.prototype.open, u2 = XMLHttpRequest.prototype.send, m3 = XMLHttpRequest.prototype.setRequestHeader, w3 = getOrSetSessionId();
       XMLHttpRequest.prototype.setRequestHeader = function(e3, a3) {
         return this._capturedRequestHeaders || (this._capturedRequestHeaders = {}), this._capturedRequestHeaders[e3] = a3, m3.call(this, e3, a3);
@@ -8000,9 +8029,9 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
         }
         const E3 = getFuncSpanHeader();
         if (E3) try {
-          this.setRequestHeader(E3.name, E3.value), Sd && console.log("[Sailfish] Added funcspan header to XMLHttpRequest:", { url: m4, header: E3.name });
+          this.setRequestHeader(E3.name, E3.value), vd && console.log("[Sailfish] Added funcspan header to XMLHttpRequest:", { url: m4, header: E3.name });
         } catch (e3) {
-          Sd && console.warn(`[Sailfish] Could not set funcspan header for ${m4}`, e3);
+          vd && console.warn(`[Sailfish] Could not set funcspan header for ${m4}`, e3);
         }
         const _3 = Date.now();
         let O3 = false;
@@ -8030,7 +8059,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
               2 === a5.length && (u3[a5[0]] = a5[1]);
             });
           } catch (e4) {
-            Sd && console.warn("[Sailfish] Failed to capture XHR response headers:", e4), u3 = null;
+            vd && console.warn("[Sailfish] Failed to capture XHR response headers:", e4), u3 = null;
           }
           if (e3 >= 200 && e3 < 300) emitFinished(true, e3, "", a4, u3);
           else {
@@ -8046,7 +8075,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
       sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
     })();
     try {
-      const u2 = await fetchCaptureSettings(e, a), m3 = ((_a2 = u2.data) == null ? void 0 : _a2.captureSettingsFromApiKey) || Id;
+      const u2 = await fetchCaptureSettings(e, a), m3 = ((_a2 = u2.data) == null ? void 0 : _a2.captureSettingsFromApiKey) || Md;
       if ($2.ws && 1 === $2.ws.readyState) return;
       const b2 = withAppUrlMetadata(I2), x3 = await startRecordingSession(e, D2, a, _2, O2, F2, E2, "JS/TS", b2);
       if ((_b = x3.data) == null ? void 0 : _b.startRecordingSession) {
@@ -8082,7 +8111,7 @@ H && (!(function sendUserDeviceUuid() {
   const e = document.visibilityState, a = Date.now();
   "visible" === e && getOrSetSessionId();
   try {
-    sendMessage({ type: "visibilityChange", data: { state: e, url: window.location.href.split("?")[0], timestamp: a, ...getUrlAndStoredUuids() } }), Sd && console.log(`[Sailfish] Tab became ${e}, sent visibility change event`);
+    sendMessage({ type: "visibilityChange", data: { state: e, url: window.location.href.split("?")[0], timestamp: a, ...getUrlAndStoredUuids() } }), vd && console.log(`[Sailfish] Tab became ${e}, sent visibility change event`);
   } catch (e2) {
     console.warn("[Sailfish] Failed to send visibility change event:", e2);
   }
@@ -8109,9 +8138,9 @@ const initRecorder = async (e) => {
   })), a.initPromise);
 };
 export {
-  Id as DEFAULT_CAPTURE_SETTINGS,
-  Md as DEFAULT_CONSOLE_RECORDING_SETTINGS,
-  xd as STORAGE_VERSION,
+  Md as DEFAULT_CAPTURE_SETTINGS,
+  Ed as DEFAULT_CONSOLE_RECORDING_SETTINGS,
+  Id as STORAGE_VERSION,
   addOrUpdateMetadata,
   buildBatches,
   clearStaleFuncSpanState,

package/dist/recorder.umd.cjs

@@ -467,7 +467,7 @@
       const a3 = document.createElement("a");
       return a3.href = e3, `${a3.hostname}${a3.port ? `:${a3.port}` : ""}`;
     })(e2);
-    let b2 = `${"https:" === new URL(e2).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a2}&sessionId=${u2}&sender=JS%2FTS&version=1.8.19`;
+    let b2 = `${"https:" === new URL(e2).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a2}&sessionId=${u2}&sender=JS%2FTS&version=1.8.21-alpha5`;
     m2 && (b2 += `&envValue=${encodeURIComponent(m2)}`);
     return se = new j(b2, [], { connectionTimeout: 3e4 }), se.addEventListener("open", () => {
       re && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (de ? "ENABLED" : "DISABLED"))), (async () => {
@@ -1296,7 +1296,7 @@
     }), "Sending GraphQL request to Sailfish AI", m2, w2, b2);
   }
   function fetchCaptureSettings(e2, a2) {
-    return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n      }\n    }\n  ", { apiKey: e2, backendApi: a2 });
+    return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n        textEditThrottleEnabled\n      }\n    }\n  ", { apiKey: e2, backendApi: a2 });
   }
   function fetchFunctionSpanTrackingEnabled(e2, a2) {
     return sendGraphQLRequest("GetFunctionSpanTrackingEnabledFromApiKey", "\n    query GetFunctionSpanTrackingEnabledFromApiKey($apiKey: String!) {\n      isFunctionSpanTrackingEnabledFromApiKey(apiKey: $apiKey)\n    }\n  ", { apiKey: e2, backendApi: a2 });
@@ -7623,10 +7623,10 @@
       };
     }
   }
-  var fd = ((e2) => (e2[e2.DomContentLoaded = 0] = "DomContentLoaded", e2[e2.Load = 1] = "Load", e2[e2.FullSnapshot = 2] = "FullSnapshot", e2[e2.IncrementalSnapshot = 3] = "IncrementalSnapshot", e2[e2.Meta = 4] = "Meta", e2[e2.Custom = 5] = "Custom", e2[e2.Plugin = 6] = "Plugin", e2[e2.Device = 24] = "Device", e2[e2.SailfishCustom = 25] = "SailfishCustom", e2))(fd || {});
-  const md = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
+  var fd = ((e2) => (e2[e2.DomContentLoaded = 0] = "DomContentLoaded", e2[e2.Load = 1] = "Load", e2[e2.FullSnapshot = 2] = "FullSnapshot", e2[e2.IncrementalSnapshot = 3] = "IncrementalSnapshot", e2[e2.Meta = 4] = "Meta", e2[e2.Custom = 5] = "Custom", e2[e2.Plugin = 6] = "Plugin", e2[e2.Device = 24] = "Device", e2[e2.SailfishCustom = 25] = "SailfishCustom", e2))(fd || {}), md = ((e2) => (e2[e2.Mutation = 0] = "Mutation", e2[e2.MouseMove = 1] = "MouseMove", e2[e2.MouseInteraction = 2] = "MouseInteraction", e2[e2.Scroll = 3] = "Scroll", e2[e2.ViewportResize = 4] = "ViewportResize", e2[e2.Input = 5] = "Input", e2[e2.TouchMove = 6] = "TouchMove", e2[e2.MediaInteraction = 7] = "MediaInteraction", e2[e2.StyleSheetRule = 8] = "StyleSheetRule", e2[e2.CanvasMutation = 9] = "CanvasMutation", e2[e2.Font = 10] = "Font", e2[e2.Log = 11] = "Log", e2[e2.Drag = 12] = "Drag", e2[e2.StyleDeclaration = 13] = "StyleDeclaration", e2[e2.Selection = 14] = "Selection", e2[e2.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", e2[e2.CustomElement = 16] = "CustomElement", e2[e2.Typing = 17] = "Typing", e2))(md || {});
+  const gd = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
   function shouldSkipFrame(e2) {
-    return md.some((a2) => e2.includes(a2));
+    return gd.some((a2) => e2.includes(a2));
   }
   function normalizeFilePath(e2) {
     let a2 = e2;
@@ -7688,7 +7688,7 @@
       console.log = a2, console.warn = u2, console.error = m2;
     }
   }
-  const gd = "zendesk_chat", yd = "Zendesk";
+  const yd = "zendesk_chat", wd = "Zendesk";
   function zE_safe(...e2) {
     try {
       if ((function hasZendesk() {
@@ -7734,13 +7734,42 @@
   async function initializeRecording(e2, a2, u2, m2, w2) {
     const b2 = initializeWebSocket(a2, u2, m2, w2);
     try {
+      const a3 = (function createThrottledEmit(e3, a4 = 1e3) {
+        if (!e3) return { emit: (e4) => sendEvent(e4), flush: () => {
+        } };
+        const u3 = /* @__PURE__ */ new Map();
+        let m3 = null;
+        return { emit: (e4) => {
+          var _a2, _b;
+          const w3 = (_a2 = e4.data) == null ? void 0 : _a2.source;
+          if (3 !== e4.type || 0 !== w3 && 5 !== w3) return void sendEvent(e4);
+          const b3 = `3:${w3}:${((_b = e4.data) == null ? void 0 : _b.id) || "unknown"}`;
+          u3.set(b3, e4), m3 || (m3 = setInterval(() => {
+            0 !== u3.size && (u3.forEach((e5) => sendEvent(e5)), u3.clear());
+          }, a4));
+        }, flush: () => {
+          u3.size > 0 && (u3.forEach((e4) => sendEvent(e4)), u3.clear()), m3 && (clearInterval(m3), m3 = null);
+        } };
+      })(e2.textEditThrottleEnabled), emitWithContext = (e3) => {
+        Object.assign(e3, getUrlAndStoredUuids()), e3.sessionId = m2, a3.emit(e3);
+      };
       ae({ emit(e3) {
-        Object.assign(e3, getUrlAndStoredUuids()), e3.sessionId = m2, sendEvent(e3);
-      }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: "sailfishSanitize", ...e2 }), (function whenZendeskReady(e3) {
+        emitWithContext(e3);
+      }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: "sailfishSanitize", ...e2 });
+      const textareaInputHandler = (e3) => {
+        var _a2, _b;
+        const a4 = e3.target;
+        if (!a4 || "TEXTAREA" !== a4.tagName) return;
+        const u3 = (_b = (_a2 = ae.mirror) == null ? void 0 : _a2.getId) == null ? void 0 : _b.call(_a2, a4);
+        "number" != typeof u3 || u3 < 0 || emitWithContext({ type: fd.IncrementalSnapshot, data: { source: md.Input, id: u3, text: a4.value, isChecked: false, userTriggered: true, masked: false }, timestamp: Date.now() });
+      };
+      document.addEventListener("input", textareaInputHandler), window.addEventListener("beforeunload", () => {
+        a3.flush(), document.removeEventListener("input", textareaInputHandler);
+      }), (function whenZendeskReady(e3) {
         if ("undefined" == typeof window) return;
-        const a3 = window.zE;
-        if ("function" == typeof a3) try {
-          a3(e3);
+        const a4 = window.zE;
+        if ("function" == typeof a4) try {
+          a4(e3);
         } catch {
         }
       })(() => {
@@ -7748,11 +7777,11 @@
           zE_safe("messenger:set", "conversationTags", [`sailfish-session-${m2}`]);
         });
         const handleWidgetOpen = () => {
-          ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat opened", element_id: gd, provider: yd });
+          ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat opened", element_id: yd, provider: wd });
         }, handleWidgetClose = () => {
-          ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat closed", element_id: gd, provider: yd });
+          ae.addSailfishEvent(fd.SailfishCustom, { action: "customer support chat closed", element_id: yd, provider: wd });
         }, handleUnreadMessages = (e3) => {
-          ae.addSailfishEvent(fd.SailfishCustom, { action: "zendesk unreadmessages", element_id: gd, provider: yd });
+          ae.addSailfishEvent(fd.SailfishCustom, { action: "zendesk unreadmessages", element_id: yd, provider: wd });
         };
         suppressConsoleLogsDuringCall(() => {
           zE_safe("messenger:on", "open", handleWidgetOpen), zE_safe("messenger:on", "close", handleWidgetClose), zE_safe("messenger:on", "unreadMessages", handleUnreadMessages);
@@ -7763,8 +7792,8 @@
     }
     return b2;
   }
-  let wd = null, bd = null;
-  const Sd = readDebugFlag(), vd = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], kd = [400, 403], Cd = "CORS", xd = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Id = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
+  let bd = null, Sd = null;
+  const vd = readDebugFlag(), kd = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], Cd = [400, 403], xd = "CORS", Id = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Md = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
   function trackDomainChangesOnce() {
     const e2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
     if (e2.routeWatcherIntervalId) return;
@@ -7831,7 +7860,7 @@
       return true;
     }
     for (const e3 of F) if (u2.pathname.toLowerCase().endsWith(e3)) return true;
-    return !!matchUrlWithWildcard(e2, [...vd, ...a2]);
+    return !!matchUrlWithWildcard(e2, [...kd, ...a2]);
   }
   function setupFetchInterceptor(e2 = []) {
     const a2 = window.fetch, u2 = getOrSetSessionId();
@@ -7866,7 +7895,7 @@
             D2[e4] = a5;
           }) : D2 = { ...w3.headers }), F2 = w3.body;
         } catch (e4) {
-          Sd && console.warn("[Sailfish] Failed to capture request data:", e4);
+          vd && console.warn("[Sailfish] Failed to capture request data:", e4);
         }
         delete D2[C];
         const $2 = (_a2 = getFuncSpanHeader()) == null ? void 0 : _a2.name;
@@ -7876,16 +7905,16 @@
             const I4 = getFuncSpanHeader();
             if (u4 instanceof Request) {
               const E3 = u4.clone(), _3 = new Headers(E3.headers);
-              _3.set(C, `${w4}/${b4}/${x4}`), I4 && (_3.set(I4.name, I4.value), Sd && console.log("[Sailfish] Added funcspan header to HTTP Request:", { url: u4.url, header: I4.name }));
+              _3.set(C, `${w4}/${b4}/${x4}`), I4 && (_3.set(I4.name, I4.value), vd && console.log("[Sailfish] Added funcspan header to HTTP Request:", { url: u4.url, header: I4.name }));
               const O3 = new Request(E3, { headers: _3 });
               return await e4.call(a5, O3, m4);
             }
             {
               const E3 = { ...m4 }, _3 = new Headers(m4.headers || {});
-              return _3.set(C, `${w4}/${b4}/${x4}`), I4 && (_3.set(I4.name, I4.value), Sd && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof u4 ? u4 : u4.href, header: I4.name })), E3.headers = _3, await e4.call(a5, u4, E3);
+              return _3.set(C, `${w4}/${b4}/${x4}`), I4 && (_3.set(I4.name, I4.value), vd && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof u4 ? u4 : u4.href, header: I4.name })), E3.headers = _3, await e4.call(a5, u4, E3);
             }
           })(e3, a4, m3, w3, b3, E2.page_visit_uuid, I3), B2 = false;
-          kd.includes($3.status) && (Sd && console.log("Perform retry as status was fail:", $3), I3 = v4(), $3 = await (async function retryWithoutPropagateHeaders(e4, a5, u4, m4) {
+          Cd.includes($3.status) && (vd && console.log("Perform retry as status was fail:", $3), I3 = v4(), $3 = await (async function retryWithoutPropagateHeaders(e4, a5, u4, m4) {
             try {
               let m5 = u4[0], w4 = u4[1] || {};
               if ("string" == typeof m5 || m5 instanceof URL) {
@@ -7901,7 +7930,7 @@
               }
               return e4.apply(a5, u4);
             } catch (e5) {
-              throw Sd && console.log(`Retry without ${C} for ${m4} also failed:`, e5), e5;
+              throw vd && console.log(`Retry without ${C} for ${m4} also failed:`, e5), e5;
             }
           })(e3, a4, u3, x3), B2 = true);
           const U2 = Date.now(), j2 = $3.status, z2 = $3.ok, q2 = z2 ? "" : `Request Error: ${$3.statusText}`;
@@ -7910,7 +7939,7 @@
             const e4 = $3.clone();
             V2 = await e4.text();
           } catch (e4) {
-            Sd && console.warn("[Sailfish] Failed to capture response data:", e4), V2 = null;
+            vd && console.warn("[Sailfish] Failed to capture response data:", e4), V2 = null;
           }
           let H2 = null;
           try {
@@ -7918,12 +7947,12 @@
               H2[a5] = e4;
             });
           } catch (e4) {
-            Sd && console.warn("[Sailfish] Failed to capture response headers:", e4), H2 = null;
+            vd && console.warn("[Sailfish] Failed to capture response headers:", e4), H2 = null;
           }
           return sendEvent({ type: 27, timestamp: U2, sessionId: b3, data: { request_id: I3, session_id: b3, timestamp_start: O2, timestamp_end: U2, response_code: j2, success: z2, error: q2, method: _2, url: x3, retry_without_trace_id: B2, request_headers: D2, request_body: F2, response_headers: H2, response_body: V2 }, ...E2 }), $3;
         } catch (m4) {
           const w4 = Date.now(), C2 = false, $3 = ((_b = m4.response) == null ? void 0 : _b.status) || 500, B2 = m4.message || "Fetch request failed";
-          if (m4 instanceof TypeError && ((_c2 = m4 == null ? void 0 : m4.message) == null ? void 0 : _c2.toLowerCase().includes(Cd.toLowerCase()))) return e3.apply(a4, u3);
+          if (m4 instanceof TypeError && ((_c2 = m4 == null ? void 0 : m4.message) == null ? void 0 : _c2.toLowerCase().includes(xd.toLowerCase()))) return e3.apply(a4, u3);
           throw sendEvent({ type: 27, timestamp: w4, sessionId: b3, data: { request_id: I3, session_id: b3, timestamp_start: O2, timestamp_end: w4, response_code: $3, success: C2, error: B2, method: _2, url: x3, request_headers: D2, request_body: F2, response_body: null }, ...E2 }), m4;
         }
       })(a3, m2, w2, x2, I2, u2, b2);
@@ -7957,7 +7986,7 @@
     })(), D2 = getOrSetSessionId(), $2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
     if ($2.sessionId = D2, $2.apiKey = e2, $2.backendApi = a2, $2.serviceAdditionalMetadata = I2, $2.initialized && $2.sessionId === D2 && $2.ws && 1 === $2.ws.readyState) trackDomainChangesOnce();
     else {
-      $2.domEventsInit || (initializeDomContentEvents(D2), $2.domEventsInit = true), $2.consoleInit || (initializeConsolePlugin(Id, D2), $2.consoleInit = true), $2.errorInit || (!(function initializeErrorInterceptor() {
+      $2.domEventsInit || (initializeDomContentEvents(D2), $2.domEventsInit = true), $2.consoleInit || (initializeConsolePlugin(Md, D2), $2.consoleInit = true), $2.errorInit || (!(function initializeErrorInterceptor() {
         window.addEventListener("error", (e3) => {
           captureError(e3.error || e3.message);
         }), window.addEventListener("unhandledrejection", (e3) => {
@@ -7967,10 +7996,10 @@
         Q && (sessionStorage.setItem("sailfishApiKey", e3), sessionStorage.setItem("sailfishBackendApi", a3));
       })({ apiKey: e2, backendApi: a2 }), trackDomainChangesOnce(), sessionStorage.setItem("sailfishApiKey", e2), sessionStorage.setItem("sailfishBackendApi", a2), !isFunctionSpanTrackingEnabled() || $2.ws && 1 === $2.ws.readyState || fetchFunctionSpanTrackingEnabled(e2, a2).then((e3) => {
         var _a3;
-        ((_a3 = e3.data) == null ? void 0 : _a3.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? Sd && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), Sd && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
+        ((_a3 = e3.data) == null ? void 0 : _a3.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? vd && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), vd && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
       }).catch((e3) => {
-        Sd && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
-      }), $2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...m2, ...vd], a2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), $2.sentDoNotPropagateOnce = true), $2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = []) {
+        vd && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
+      }), $2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...m2, ...kd], a2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), $2.sentDoNotPropagateOnce = true), $2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = []) {
         const a3 = XMLHttpRequest.prototype.open, u3 = XMLHttpRequest.prototype.send, m3 = XMLHttpRequest.prototype.setRequestHeader, w3 = getOrSetSessionId();
         XMLHttpRequest.prototype.setRequestHeader = function(e4, a4) {
           return this._capturedRequestHeaders || (this._capturedRequestHeaders = {}), this._capturedRequestHeaders[e4] = a4, m3.call(this, e4, a4);
@@ -7988,9 +8017,9 @@
           }
           const E3 = getFuncSpanHeader();
           if (E3) try {
-            this.setRequestHeader(E3.name, E3.value), Sd && console.log("[Sailfish] Added funcspan header to XMLHttpRequest:", { url: m4, header: E3.name });
+            this.setRequestHeader(E3.name, E3.value), vd && console.log("[Sailfish] Added funcspan header to XMLHttpRequest:", { url: m4, header: E3.name });
           } catch (e4) {
-            Sd && console.warn(`[Sailfish] Could not set funcspan header for ${m4}`, e4);
+            vd && console.warn(`[Sailfish] Could not set funcspan header for ${m4}`, e4);
           }
           const _3 = Date.now();
           let O3 = false;
@@ -8018,7 +8047,7 @@
                 2 === a6.length && (u4[a6[0]] = a6[1]);
               });
             } catch (e5) {
-              Sd && console.warn("[Sailfish] Failed to capture XHR response headers:", e5), u4 = null;
+              vd && console.warn("[Sailfish] Failed to capture XHR response headers:", e5), u4 = null;
             }
             if (e4 >= 200 && e4 < 300) emitFinished(true, e4, "", a5, u4);
             else {
@@ -8034,7 +8063,7 @@
         sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
       })();
       try {
-        const u3 = await fetchCaptureSettings(e2, a2), m3 = ((_a2 = u3.data) == null ? void 0 : _a2.captureSettingsFromApiKey) || xd;
+        const u3 = await fetchCaptureSettings(e2, a2), m3 = ((_a2 = u3.data) == null ? void 0 : _a2.captureSettingsFromApiKey) || Id;
         if ($2.ws && 1 === $2.ws.readyState) return;
         const C2 = withAppUrlMetadata(I2), x3 = await startRecordingSession(e2, D2, a2, _2, O2, F2, E2, "JS/TS", C2);
         if ((_b = x3.data) == null ? void 0 : _b.startRecordingSession) {
@@ -8070,7 +8099,7 @@
     const e2 = document.visibilityState, a2 = Date.now();
     "visible" === e2 && getOrSetSessionId();
     try {
-      sendMessage({ type: "visibilityChange", data: { state: e2, url: window.location.href.split("?")[0], timestamp: a2, ...getUrlAndStoredUuids() } }), Sd && console.log(`[Sailfish] Tab became ${e2}, sent visibility change event`);
+      sendMessage({ type: "visibilityChange", data: { state: e2, url: window.location.href.split("?")[0], timestamp: a2, ...getUrlAndStoredUuids() } }), vd && console.log(`[Sailfish] Tab became ${e2}, sent visibility change event`);
     } catch (e3) {
       console.warn("[Sailfish] Failed to send visibility change event:", e3);
     }
@@ -8078,12 +8107,12 @@
   }), J && window.addEventListener("beforeunload", () => {
     clearPageVisitDataFromSessionStorage();
   });
-  e.DEFAULT_CAPTURE_SETTINGS = xd, e.DEFAULT_CONSOLE_RECORDING_SETTINGS = Id, e.STORAGE_VERSION = 1, e.addOrUpdateMetadata = function addOrUpdateMetadata(e2) {
+  e.DEFAULT_CAPTURE_SETTINGS = Id, e.DEFAULT_CONSOLE_RECORDING_SETTINGS = Md, e.STORAGE_VERSION = 1, e.addOrUpdateMetadata = function addOrUpdateMetadata(e2) {
     const a2 = { type: "addOrUpdateMetadata", metadata: e2 };
-    bd && JSON.stringify(bd) === JSON.stringify(e2) || (bd = e2, sendMessage(a2));
+    Sd && JSON.stringify(Sd) === JSON.stringify(e2) || (Sd = e2, sendMessage(a2));
   }, e.buildBatches = buildBatches, e.clearStaleFuncSpanState = clearStaleFuncSpanState, e.createTriageAndIssueFromRecorder = createTriageAndIssueFromRecorder, e.createTriageFromRecorder = createTriageFromRecorder, e.disableFunctionSpanTracking = disableFunctionSpanTracking, e.enableFunctionSpanTracking = enableFunctionSpanTracking, e.eventSize = eventSize, e.fetchCaptureSettings = fetchCaptureSettings, e.fetchEngineeringTicketPlatformIntegrations = fetchEngineeringTicketPlatformIntegrations, e.fetchFunctionSpanTrackingEnabled = fetchFunctionSpanTrackingEnabled, e.flushBufferedEvents = flushBufferedEvents, e.getFuncSpanHeader = getFuncSpanHeader, e.getOrSetSessionId = getOrSetSessionId, e.getUrlAndStoredUuids = getUrlAndStoredUuids, e.identify = function identify(e2, a2 = {}, u2 = false) {
     const m2 = { type: "identify", userId: e2, traits: a2 };
-    wd && wd.userId === e2 && JSON.stringify(wd.traits) === JSON.stringify(a2) || (wd = { userId: e2, traits: a2, overwrite: u2 }, sendMessage(m2));
+    bd && bd.userId === e2 && JSON.stringify(bd.traits) === JSON.stringify(a2) || (bd = { userId: e2, traits: a2, overwrite: u2 }, sendMessage(m2));
   }, e.initRecorder = async (e2) => {
     if ("undefined" == typeof window) return;
     const a2 = window.__sailfish_recorder || (window.__sailfish_recorder = {}), u2 = getOrSetSessionId();

package/dist/recording.js

@@ -1,7 +1,7 @@
 import { record } from "@sailfish-rrweb/rrweb-record-only";
 import { getRecordConsolePlugin, } from "@sailfish-rrweb/rrweb-plugin-console-record";
 // import { NetworkRecordOptions } from "@sailfish-rrweb/rrweb-plugin-network-record";
-import { EventType } from "@sailfish-rrweb/types";
+import { EventType, IncrementalSource } from "@sailfish-rrweb/types";
 import { Complete, DomContentEventId, DomContentSource, Loading, } from "./constants";
 import { getCallerLocation, getCallerLocationFromTrace, } from "./sourceLocation";
 import suppressConsoleLogsDuringCall from "./suppressConsoleLogsDuringCall";
@@ -166,23 +166,119 @@ export function initializeConsolePlugin(consoleRecordSettings, sessionId) {
         sendEvent(eventData);
     }, window, consoleRecordSettings);
 }
+/**
+ * Creates a throttled emit wrapper that batches text edit events (source: 0 and 5) only.
+ * All other events are sent immediately without throttling.
+ *
+ * Source 0 (Mutation) includes text changes in contenteditable/text nodes.
+ * Source 5 (Input) includes form input changes.
+ *
+ * @param enabled - Whether throttling is enabled
+ * @param intervalMs - Throttle interval in milliseconds (default: 1000ms)
+ * @returns An emit function that handles throttling for text edit events
+ */
+function createThrottledEmit(enabled, intervalMs = 1000) {
+    if (!enabled) {
+        // No throttling - return object with emit and flush
+        return {
+            emit: (event) => sendEvent(event),
+            flush: () => { }, // No-op flush when throttling is disabled
+        };
+    }
+    // Event buffer: Map<eventKey, latestEvent> to keep only the last text input event
+    const eventBuffer = new Map();
+    let uploadInterval = null;
+    const emit = (event) => {
+        // Throttle Type 3 (IncrementalSnapshot) events with:
+        // - source 0 (Mutation - includes text changes in contenteditable/text nodes)
+        // - source 5 (Input - form input changes)
+        const eventSource = event.data?.source;
+        const isTextEditEvent = event.type === 3 && (eventSource === 0 || eventSource === 5);
+        if (!isTextEditEvent) {
+            // Send all non-text-edit events immediately (mouse, scroll, etc.)
+            sendEvent(event);
+            return;
+        }
+        // For text edit events (mutation or input), buffer and send periodically
+        // Create a key for this event (include source and target id for granular buffering)
+        const targetId = event.data?.id || 'unknown';
+        const eventKey = `3:${eventSource}:${targetId}`;
+        // Store only the LATEST text edit event for this key (overwrites previous)
+        eventBuffer.set(eventKey, event);
+        // Start upload interval if not already running
+        if (!uploadInterval) {
+            uploadInterval = setInterval(() => {
+                if (eventBuffer.size === 0)
+                    return;
+                // Send only the FINAL text edit event for each source/target combination
+                eventBuffer.forEach(e => sendEvent(e));
+                eventBuffer.clear();
+            }, intervalMs);
+        }
+    };
+    const flush = () => {
+        // Immediately send any buffered events
+        if (eventBuffer.size > 0) {
+            eventBuffer.forEach(e => sendEvent(e));
+            eventBuffer.clear();
+        }
+        // Clear the interval
+        if (uploadInterval) {
+            clearInterval(uploadInterval);
+            uploadInterval = null;
+        }
+    };
+    return { emit, flush };
+}
 export async function initializeRecording(captureSettings, // TODO - Sibyl post-launch - replace type
 // networkRecordSettings: NetworkRecordOptions,
 backendApi, apiKey, sessionId, envValue) {
     const webSocket = initializeWebSocket(backendApi, apiKey, sessionId, envValue);
     try {
+        // Create throttled emit wrapper (only for text edit events)
+        const throttledEmit = createThrottledEmit(captureSettings.textEditThrottleEnabled);
+        const emitWithContext = (event) => {
+            Object.assign(event, getUrlAndStoredUuids());
+            event.sessionId = sessionId;
+            throttledEmit.emit(event);
+        };
         record({
             emit(event) {
-                Object.assign(event, getUrlAndStoredUuids());
-                // Attach sessionId to each event
-                event.sessionId = sessionId;
-                sendEvent(event);
+                emitWithContext(event);
             },
-            maskInputOptions: { text: true }, // Fix the incorrect property name
+            maskInputOptions: { text: true },
             maskInputFn,
             maskTextClass: MASK_CLASS,
             ...captureSettings,
         });
+        const textareaInputHandler = (event) => {
+            const target = event.target;
+            if (!target || target.tagName !== "TEXTAREA") {
+                return;
+            }
+            const targetId = record.mirror?.getId?.(target);
+            if (typeof targetId !== "number" || targetId < 0) {
+                return;
+            }
+            emitWithContext({
+                type: EventType.IncrementalSnapshot,
+                data: {
+                    source: IncrementalSource.Input,
+                    id: targetId,
+                    text: target.value,
+                    isChecked: false,
+                    userTriggered: true,
+                    masked: false,
+                },
+                timestamp: Date.now(),
+            });
+        };
+        document.addEventListener("input", textareaInputHandler);
+        // Flush buffered text edits before page unload
+        window.addEventListener('beforeunload', () => {
+            throttledEmit.flush();
+            document.removeEventListener("input", textareaInputHandler);
+        });
         // ───────────────────────────────────────────────────────────────────────
         // Zendesk (Messaging) — OPTIONAL
         // If a site uses Zendesk Messaging (and includes the snippet), wire tags

package/dist/types/types.d.ts

@@ -9,6 +9,7 @@ export interface CaptureSettings {
     recordSsn: boolean;
     recordDob: boolean;
     sampling: object;
+    textEditThrottleEnabled?: boolean;
 }
 export interface ConsoleRecordSettings {
     level: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailfish-ai/recorder",
-  "version": "1.8.19",
+  "version": "1.8.21-alpha5",
   "publishPublicly": true,
   "type": "module",
   "main": "dist/recorder.cjs",