@leanbase-giangnd/js 0.1.2 → 0.2.2

package/dist/index.mjs

@@ -1,5 +1,4 @@
-import { isArray, isNullish, isFormData, hasOwnProperty, isString, isNull, isNumber, PostHogPersistedProperty, isUndefined, isFile, isFunction, includes, stripLeadingDollar, isObject, isEmptyObject, trim, isBoolean, clampToRange, BucketedRateLimiter, PostHogCore, getFetch, isEmptyString } from '@posthog/core';
-import { record } from '@rrweb/record';
+import { isArray, isNullish, isFormData, hasOwnProperty, isString, isNull, isNumber, PostHogPersistedProperty, isUndefined, isFunction, includes, stripLeadingDollar, isObject, isEmptyObject, trim, isBoolean, clampToRange, BucketedRateLimiter, PostHogCore, getFetch, isEmptyString } from '@posthog/core';
 import { strFromU8, gzipSync, strToU8 } from 'fflate';
 
 const breaker = {};
@@ -15,6 +14,8 @@ global?.fetch;
 global?.XMLHttpRequest && 'withCredentials' in new global.XMLHttpRequest() ? global.XMLHttpRequest : undefined;
 global?.AbortController;
 const userAgent = navigator$1?.userAgent;
+// assignableWindow mirrors browser package's assignableWindow for extension loading shims
+const assignableWindow = win ?? {};
 function eachArray(obj, iterator, thisArg) {
   if (isArray(obj)) {
     if (nativeForEach && obj.forEach === nativeForEach) {
@@ -228,7 +229,7 @@ PostHogPersistedProperty.Queue, PostHogPersistedProperty.FeatureFlagDetails, Pos
 
 /* eslint-disable no-console */
 const PREFIX = '[Leanbase]';
-const logger$3 = {
+const logger$2 = {
   info: (...args) => {
     if (typeof console !== 'undefined') {
       console.log(PREFIX, ...args);
@@ -526,7 +527,7 @@ function chooseCookieDomain(hostname, cross_subdomain) {
     if (!matchedSubDomain) {
       const originalMatch = originalCookieDomainFn(hostname);
       if (originalMatch !== matchedSubDomain) {
-        logger$3.info('Warning: cookie subdomain discovery mismatch', originalMatch, matchedSubDomain);
+        logger$2.info('Warning: cookie subdomain discovery mismatch', originalMatch, matchedSubDomain);
       }
       matchedSubDomain = originalMatch;
     }
@@ -538,7 +539,7 @@ function chooseCookieDomain(hostname, cross_subdomain) {
 const cookieStore = {
   _is_supported: () => !!document,
   _error: function (msg) {
-    logger$3.error('cookieStore error: ' + msg);
+    logger$2.error('cookieStore error: ' + msg);
   },
   _get: function (name) {
     if (!document) {
@@ -587,7 +588,7 @@ const cookieStore = {
       const new_cookie_val = name + '=' + encodeURIComponent(JSON.stringify(value)) + expires + '; SameSite=Lax; path=/' + cdomain + secure;
       // 4096 bytes is the size at which some browsers (e.g. firefox) will not store a cookie, warn slightly before that
       if (new_cookie_val.length > 4096 * 0.9) {
-        logger$3.warn('cookieStore warning: large cookie, len=' + new_cookie_val.length);
+        logger$2.warn('cookieStore warning: large cookie, len=' + new_cookie_val.length);
       }
       document.cookie = new_cookie_val;
       return new_cookie_val;
@@ -629,13 +630,13 @@ const localStore = {
       supported = false;
     }
     if (!supported) {
-      logger$3.error('localStorage unsupported; falling back to cookie store');
+      logger$2.error('localStorage unsupported; falling back to cookie store');
     }
     _localStorage_supported = supported;
     return supported;
   },
   _error: function (msg) {
-    logger$3.error('localStorage error: ' + msg);
+    logger$2.error('localStorage error: ' + msg);
   },
   _get: function (name) {
     try {
@@ -721,7 +722,7 @@ const memoryStore = {
     return true;
   },
   _error: function (msg) {
-    logger$3.error('memoryStorage error: ' + msg);
+    logger$2.error('memoryStorage error: ' + msg);
   },
   _get: function (name) {
     return memoryStorage[name] || null;
@@ -762,7 +763,7 @@ const sessionStore = {
     return sessionStorageSupported;
   },
   _error: function (msg) {
-    logger$3.error('sessionStorage error: ', msg);
+    logger$2.error('sessionStorage error: ', msg);
   },
   _get: function (name) {
     try {
@@ -811,21 +812,6 @@ const convertToURL = url => {
   location.href = url;
   return location;
 };
-const formDataToQuery = function (formdata, arg_separator = '&') {
-  let use_val;
-  let use_key;
-  const tph_arr = [];
-  each(formdata, function (val, key) {
-    // the key might be literally the string undefined for e.g. if {undefined: 'something'}
-    if (isUndefined(val) || isUndefined(key) || key === 'undefined') {
-      return;
-    }
-    use_val = encodeURIComponent(isFile(val) ? val.name : val.toString());
-    use_key = encodeURIComponent(key);
-    tph_arr[tph_arr.length] = use_key + '=' + use_val;
-  });
-  return tph_arr.join(arg_separator);
-};
 // NOTE: Once we get rid of IE11/op_mini we can start using URLSearchParams
 const getQueryParam = function (url, param) {
   const withoutHash = url.split('#')[0] || '';
@@ -849,7 +835,7 @@ const getQueryParam = function (url, param) {
     try {
       result = decodeURIComponent(result);
     } catch {
-      logger$3.error('Skipping decoding for malformed query param: ' + result);
+      logger$2.error('Skipping decoding for malformed query param: ' + result);
     }
     return result.replace(/\+/g, ' ');
   }
@@ -1183,7 +1169,7 @@ const detectDeviceType = function (user_agent) {
   }
 };
 
-var version = "0.1.2";
+var version = "0.2.2";
 var packageInfo = {
 	version: version};
 
@@ -1448,7 +1434,7 @@ class LeanbasePersistence {
     this._storage = this._buildStorage(config);
     this.load();
     if (config.debug) {
-      logger$3.info('Persistence loaded', config['persistence'], {
+      logger$2.info('Persistence loaded', config['persistence'], {
         ...this.props
       });
     }
@@ -1464,7 +1450,7 @@ class LeanbasePersistence {
   }
   _buildStorage(config) {
     if (CASE_INSENSITIVE_PERSISTENCE_TYPES.indexOf(config['persistence'].toLowerCase()) === -1) {
-      logger$3.info('Unknown persistence type ' + config['persistence'] + '; falling back to localStorage+cookie');
+      logger$2.info('Unknown persistence type ' + config['persistence'] + '; falling back to localStorage+cookie');
       config['persistence'] = 'localStorage+cookie';
     }
     let store;
@@ -2100,7 +2086,7 @@ function getNestedSpanText(target) {
             text = `${text} ${getNestedSpanText(child)}`.trim();
           }
         } catch (e) {
-          logger$3.error('[AutoCapture]', e);
+          logger$2.error('[AutoCapture]', e);
         }
       }
     });
@@ -2402,7 +2388,7 @@ class Autocapture {
   }
   _addDomEventHandlers() {
     if (!this.isBrowserSupported()) {
-      logger$3.info('Disabling Automatic Event Collection because this browser is not supported');
+      logger$2.info('Disabling Automatic Event Collection because this browser is not supported');
       return;
     }
     if (!win || !document) {
@@ -2413,7 +2399,7 @@ class Autocapture {
       try {
         this._captureEvent(e);
       } catch (error) {
-        logger$3.error('Failed to capture event', error);
+        logger$2.error('Failed to capture event', error);
       }
     };
     addEventListener(document, 'submit', handler, {
@@ -2598,7 +2584,7 @@ class SessionIdManager {
     this._windowIdGenerator = windowIdGenerator || uuidv7;
     const persistenceName = this._config['persistence_name'] || this._config['token'];
     const desiredTimeout = this._config['session_idle_timeout_seconds'] || DEFAULT_SESSION_IDLE_TIMEOUT_SECONDS;
-    this._sessionTimeoutMs = clampToRange(desiredTimeout, MIN_SESSION_IDLE_TIMEOUT_SECONDS, MAX_SESSION_IDLE_TIMEOUT_SECONDS, logger$3, DEFAULT_SESSION_IDLE_TIMEOUT_SECONDS) * 1000;
+    this._sessionTimeoutMs = clampToRange(desiredTimeout, MIN_SESSION_IDLE_TIMEOUT_SECONDS, MAX_SESSION_IDLE_TIMEOUT_SECONDS, logger$2, DEFAULT_SESSION_IDLE_TIMEOUT_SECONDS) * 1000;
     instance.register({
       $configured_session_timeout_ms: this._sessionTimeoutMs
     });
@@ -2625,7 +2611,7 @@ class SessionIdManager {
         const sessionStartTimestamp = uuid7ToTimestampMs(this._config.bootstrap.sessionID);
         this._setSessionId(this._config.bootstrap.sessionID, new Date().getTime(), sessionStartTimestamp);
       } catch (e) {
-        logger$3.error('Invalid sessionID in bootstrap', e);
+        logger$2.error('Invalid sessionID in bootstrap', e);
       }
     }
     this._listenToReloadWindow();
@@ -2766,7 +2752,7 @@ class SessionIdManager {
     if (noSessionId || activityTimeout || sessionPastMaximumLength) {
       sessionId = this._sessionIdGenerator();
       windowId = this._windowIdGenerator();
-      logger$3.info('new session ID generated', {
+      logger$2.info('new session ID generated', {
         sessionId,
         windowId,
         changeReason: {
@@ -2955,10 +2941,10 @@ class PageViewManager {
         lastContentY = Math.ceil(lastContentY);
         maxContentY = Math.ceil(maxContentY);
         // if the maximum scroll height is near 0, then the percentage is 1
-        const lastScrollPercentage = maxScrollHeight <= 1 ? 1 : clampToRange(lastScrollY / maxScrollHeight, 0, 1, logger$3);
-        const maxScrollPercentage = maxScrollHeight <= 1 ? 1 : clampToRange(maxScrollY / maxScrollHeight, 0, 1, logger$3);
-        const lastContentPercentage = maxContentHeight <= 1 ? 1 : clampToRange(lastContentY / maxContentHeight, 0, 1, logger$3);
-        const maxContentPercentage = maxContentHeight <= 1 ? 1 : clampToRange(maxContentY / maxContentHeight, 0, 1, logger$3);
+        const lastScrollPercentage = maxScrollHeight <= 1 ? 1 : clampToRange(lastScrollY / maxScrollHeight, 0, 1, logger$2);
+        const maxScrollPercentage = maxScrollHeight <= 1 ? 1 : clampToRange(maxScrollY / maxScrollHeight, 0, 1, logger$2);
+        const lastContentPercentage = maxContentHeight <= 1 ? 1 : clampToRange(lastContentY / maxContentHeight, 0, 1, logger$2);
+        const maxContentPercentage = maxContentHeight <= 1 ? 1 : clampToRange(maxContentY / maxContentHeight, 0, 1, logger$2);
         properties = extend(properties, {
           $prev_pageview_last_scroll: lastScrollY,
           $prev_pageview_last_scroll_percentage: lastScrollPercentage,
@@ -3121,83 +3107,217 @@ const isLikelyBot = function (navigator, customBlockedUserAgents) {
   // It would be very bad if posthog-js caused a permission prompt to appear on every page load.
 };
 
-const _createLogger = prefix => {
-  return {
-    info: (...args) => logger$3.info(prefix, ...args),
-    warn: (...args) => logger$3.warn(prefix, ...args),
-    error: (...args) => logger$3.error(prefix, ...args),
-    critical: (...args) => logger$3.critical(prefix, ...args),
-    uninitializedWarning: methodName => {
-      logger$3.error(prefix, `You must initialize Leanbase before calling ${methodName}`);
-    },
-    createLogger: additionalPrefix => _createLogger(`${prefix} ${additionalPrefix}`)
-  };
-};
-const logger$2 = _createLogger('[Leanbase]');
-const createLogger = _createLogger;
-
-function patch(source, name, replacement) {
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// We avoid importing '@rrweb/record' at module load time to prevent IIFE builds
+// from requiring a top-level global. Instead, expose a lazy proxy that will
+// dynamically import the module the first time it's used.
+let _cachedRRWeb = null;
+async function _loadRRWebModule() {
+  if (_cachedRRWeb) return _cachedRRWeb;
   try {
-    if (!(name in source)) {
-      return () => {
-        //
-      };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const mod = await import('@rrweb/record');
+    _cachedRRWeb = mod;
+    return _cachedRRWeb;
+  } catch (e) {
+    return null;
+  }
+}
+// queue for method calls before rrweb loads
+const _queuedCalls = [];
+// Create a proxy function that delegates to the real rrweb.record when called
+const rrwebRecordProxy = function (...args) {
+  let realStop;
+  let calledReal = false;
+  // Start loading asynchronously and call the real record when available
+  void (async () => {
+    const mod = await _loadRRWebModule();
+    const real = mod && (mod.record ?? mod.default?.record);
+    if (real) {
+      try {
+        calledReal = true;
+        realStop = real(...args);
+        // flush any queued calls that were waiting for rrweb
+        while (_queuedCalls.length) {
+          try {
+            const fn = _queuedCalls.shift();
+            fn();
+          } catch (e) {
+            // ignore
+          }
+        }
+      } catch (e) {
+        // ignore
+      }
     }
-    const original = source[name];
-    const wrapped = replacement(original);
-    if (isFunction(wrapped)) {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      wrapped.prototype = wrapped.prototype || {};
-      Object.defineProperties(wrapped, {
-        __posthog_wrapped__: {
-          enumerable: false,
-          value: true
+  })();
+  // return a stop function that will call the real stop when available
+  return () => {
+    if (realStop) {
+      try {
+        realStop();
+      } catch (e) {
+        // ignore
+      }
+    } else if (!calledReal) {
+      // If rrweb hasn't been initialised yet, queue a stop request that will
+      // call the real stop once available.
+      _queuedCalls.push(() => {
+        try {
+          realStop?.();
+        } catch (e) {
+          // ignore
         }
       });
     }
-    source[name] = wrapped;
-    return () => {
-      source[name] = original;
-    };
-  } catch {
-    return () => {
-      //
-    };
-  }
-}
-
-function hostnameFromURL(url) {
-  try {
-    if (typeof url === 'string') {
-      return new URL(url).hostname;
-    }
-    if ('url' in url) {
-      return new URL(url.url).hostname;
+  };
+};
+// methods that can be called on the rrweb.record object - queue until real module is available
+rrwebRecordProxy.addCustomEvent = function (tag, payload) {
+  const call = () => {
+    try {
+      const real = _cachedRRWeb && (_cachedRRWeb.record ?? _cachedRRWeb.default?.record);
+      real?.addCustomEvent?.(tag, payload);
+    } catch (e) {
+      // ignore
     }
-    return url.hostname;
-  } catch {
-    return null;
-  }
-}
-function isHostOnDenyList(url, options) {
-  const hostname = hostnameFromURL(url);
-  const defaultNotDenied = {
-    hostname,
-    isHostDenied: false
   };
-  if (!options.payloadHostDenyList?.length || !hostname?.trim().length) {
-    return defaultNotDenied;
-  }
-  for (const deny of options.payloadHostDenyList) {
-    if (hostname.endsWith(deny)) {
-      return {
-        hostname,
-        isHostDenied: true
-      };
+  if (_cachedRRWeb) call();else _queuedCalls.push(call);
+};
+rrwebRecordProxy.takeFullSnapshot = function () {
+  const call = () => {
+    try {
+      const real = _cachedRRWeb && (_cachedRRWeb.record ?? _cachedRRWeb.default?.record);
+      real?.takeFullSnapshot?.();
+    } catch (e) {
+      // ignore
     }
+  };
+  if (_cachedRRWeb) call();else _queuedCalls.push(call);
+};
+// Use a safe global target (prefer `win`, fallback to globalThis)
+const _target = win ?? globalThis;
+_target.__PosthogExtensions__ = _target.__PosthogExtensions__ || {};
+// Expose rrweb.record under the same contract. We provide a lazy proxy so
+// builds that execute this file don't require rrweb at module evaluation time.
+_target.__PosthogExtensions__.rrweb = _target.__PosthogExtensions__.rrweb || {
+  record: rrwebRecordProxy
+};
+// Provide initSessionRecording if not present — return a new LazyLoadedSessionRecording when called
+_target.__PosthogExtensions__.initSessionRecording = _target.__PosthogExtensions__.initSessionRecording || (instance => {
+  const factory = _target.__PosthogExtensions__._initSessionRecordingFactory;
+  if (factory) {
+    return factory(instance);
   }
-  return defaultNotDenied;
-}
+  // If no factory is registered yet, return undefined — callers should handle lazy-loading.
+  return undefined;
+});
+// Provide a no-op loadExternalDependency that calls the callback immediately (since rrweb is bundled)
+_target.__PosthogExtensions__.loadExternalDependency = _target.__PosthogExtensions__.loadExternalDependency || ((instance, scriptName, cb) => {
+  if (cb) cb(undefined);
+});
+// Provide rrwebPlugins object with network plugin factory if not present
+_target.__PosthogExtensions__.rrwebPlugins = _target.__PosthogExtensions__.rrwebPlugins || {};
+// Default to undefined; the lazy-loaded recorder will register the real factory when it initializes.
+_target.__PosthogExtensions__.rrwebPlugins.getRecordNetworkPlugin = _target.__PosthogExtensions__.rrwebPlugins.getRecordNetworkPlugin || (() => undefined);
+
+// Type definitions copied from @rrweb/types@2.0.0-alpha.17 and rrweb-snapshot@2.0.0-alpha.17
+// Both packages are MIT licensed: https://github.com/rrweb-io/rrweb
+//
+// These types are copied here to avoid requiring users to install peer dependencies
+// solely for TypeScript type information.
+//
+// Original sources:
+// - @rrweb/types: https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/types
+// - rrweb-snapshot: https://github.com/rrweb-io/rrweb/tree/main/packages/rrweb-snapshot
+var NodeType;
+(function (NodeType) {
+  NodeType[NodeType["Document"] = 0] = "Document";
+  NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
+  NodeType[NodeType["Element"] = 2] = "Element";
+  NodeType[NodeType["Text"] = 3] = "Text";
+  NodeType[NodeType["CDATA"] = 4] = "CDATA";
+  NodeType[NodeType["Comment"] = 5] = "Comment";
+})(NodeType || (NodeType = {}));
+var EventType;
+(function (EventType) {
+  EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
+  EventType[EventType["Load"] = 1] = "Load";
+  EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
+  EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
+  EventType[EventType["Meta"] = 4] = "Meta";
+  EventType[EventType["Custom"] = 5] = "Custom";
+  EventType[EventType["Plugin"] = 6] = "Plugin";
+})(EventType || (EventType = {}));
+var IncrementalSource;
+(function (IncrementalSource) {
+  IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
+  IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
+  IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
+  IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
+  IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
+  IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
+  IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
+  IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
+  IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
+  IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
+  IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
+  IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
+  IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
+  IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
+  IncrementalSource[IncrementalSource["Selection"] = 14] = "Selection";
+  IncrementalSource[IncrementalSource["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
+  IncrementalSource[IncrementalSource["CustomElement"] = 16] = "CustomElement";
+})(IncrementalSource || (IncrementalSource = {}));
+var MouseInteractions;
+(function (MouseInteractions) {
+  MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
+  MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
+  MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
+  MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
+  MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
+  MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
+  MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
+  MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
+  MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+  MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
+  MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
+})(MouseInteractions || (MouseInteractions = {}));
+var PointerTypes;
+(function (PointerTypes) {
+  PointerTypes[PointerTypes["Mouse"] = 0] = "Mouse";
+  PointerTypes[PointerTypes["Pen"] = 1] = "Pen";
+  PointerTypes[PointerTypes["Touch"] = 2] = "Touch";
+})(PointerTypes || (PointerTypes = {}));
+var MediaInteractions;
+(function (MediaInteractions) {
+  MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
+  MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
+  MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
+  MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
+  MediaInteractions[MediaInteractions["RateChange"] = 4] = "RateChange";
+})(MediaInteractions || (MediaInteractions = {}));
+var CanvasContext;
+(function (CanvasContext) {
+  CanvasContext[CanvasContext["2D"] = 0] = "2D";
+  CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
+  CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
+})(CanvasContext || (CanvasContext = {}));
+
+const _createLogger = prefix => {
+  return {
+    info: (...args) => logger$2.info(prefix, ...args),
+    warn: (...args) => logger$2.warn(prefix, ...args),
+    error: (...args) => logger$2.error(prefix, ...args),
+    critical: (...args) => logger$2.critical(prefix, ...args),
+    uninitializedWarning: methodName => {
+      logger$2.error(prefix, `You must initialize Leanbase before calling ${methodName}`);
+    },
+    createLogger: additionalPrefix => _createLogger(`${prefix} ${additionalPrefix}`)
+  };
+};
+const logger$1 = _createLogger('[Leanbase]');
+const createLogger = _createLogger;
 
 const LOGGER_PREFIX$2 = '[SessionRecording]';
 const REDACTED = 'redacted';
@@ -3270,7 +3390,7 @@ function enforcePayloadSizeLimit(payload, headers, limit, description) {
 // people can have arbitrarily large payloads on their site, but we don't want to ingest them
 const limitPayloadSize = options => {
   // the smallest of 1MB or the specified limit if there is one
-  const limit = Math.min(1000000, options.payloadSizeLimitBytes ?? 1000000);
+  const limit = Math.min(1000000, options.payloadSizeLimitBytes);
   return data => {
     if (data?.requestBody) {
       data.requestBody = enforcePayloadSizeLimit(data.requestBody, data.requestHeaders, limit, 'Request');
@@ -3328,7 +3448,7 @@ const buildNetworkRequestOptions = (instanceConfig, remoteNetworkOptions = {}) =
   const enforcedCleaningFn = d => payloadLimiter(ignorePostHogPaths(removeAuthorizationHeader(d), instanceConfig.host || ''));
   const hasDeprecatedMaskFunction = isFunction(sessionRecordingConfig.maskNetworkRequestFn);
   if (hasDeprecatedMaskFunction && isFunction(sessionRecordingConfig.maskCapturedNetworkRequestFn)) {
-    logger$2.warn('Both `maskNetworkRequestFn` and `maskCapturedNetworkRequestFn` are defined. `maskNetworkRequestFn` will be ignored.');
+    logger$1.warn('Both `maskNetworkRequestFn` and `maskCapturedNetworkRequestFn` are defined. `maskNetworkRequestFn` will be ignored.');
   }
   if (hasDeprecatedMaskFunction) {
     sessionRecordingConfig.maskCapturedNetworkRequestFn = data => {
@@ -3355,666 +3475,6 @@ const buildNetworkRequestOptions = (instanceConfig, remoteNetworkOptions = {}) =
   };
 };
 
-/// <reference lib="dom" />
-const logger$1 = createLogger('[Recorder]');
-const isNavigationTiming = entry => entry.entryType === 'navigation';
-const isResourceTiming = entry => entry.entryType === 'resource';
-function findLast(array, predicate) {
-  const length = array.length;
-  for (let i = length - 1; i >= 0; i -= 1) {
-    if (predicate(array[i])) {
-      return array[i];
-    }
-  }
-  return undefined;
-}
-function isDocument(value) {
-  return !!value && typeof value === 'object' && 'nodeType' in value && value.nodeType === 9;
-}
-function initPerformanceObserver(cb, win, options) {
-  // if we are only observing timings then we could have a single observer for all types, with buffer true,
-  // but we are going to filter by initiatorType _if we are wrapping fetch and xhr as the wrapped functions
-  // will deal with those.
-  // so we have a block which captures requests from before fetch/xhr is wrapped
-  // these are marked `isInitial` so playback can display them differently if needed
-  // they will never have method/status/headers/body because they are pre-wrapping that provides that
-  if (options.recordInitialRequests) {
-    const initialPerformanceEntries = win.performance.getEntries().filter(entry => isNavigationTiming(entry) || isResourceTiming(entry) && options.initiatorTypes.includes(entry.initiatorType));
-    cb({
-      requests: initialPerformanceEntries.flatMap(entry => prepareRequest({
-        entry,
-        method: undefined,
-        status: undefined,
-        networkRequest: {},
-        isInitial: true
-      })),
-      isInitial: true
-    });
-  }
-  const observer = new win.PerformanceObserver(entries => {
-    // if recordBody or recordHeaders is true then we don't want to record fetch or xhr here
-    // as the wrapped functions will do that. Otherwise, this filter becomes a noop
-    // because we do want to record them here
-    const wrappedInitiatorFilter = entry => options.recordBody || options.recordHeaders ? entry.initiatorType !== 'xmlhttprequest' && entry.initiatorType !== 'fetch' : true;
-    const performanceEntries = entries.getEntries().filter(entry => isNavigationTiming(entry) || isResourceTiming(entry) && options.initiatorTypes.includes(entry.initiatorType) &&
-    // TODO if we are _only_ capturing timing we don't want to filter initiator here
-    wrappedInitiatorFilter(entry));
-    cb({
-      requests: performanceEntries.flatMap(entry => prepareRequest({
-        entry,
-        method: undefined,
-        status: undefined,
-        networkRequest: {}
-      }))
-    });
-  });
-  // compat checked earlier
-  // eslint-disable-next-line compat/compat
-  const entryTypes = PerformanceObserver.supportedEntryTypes.filter(x => options.performanceEntryTypeToObserve.includes(x));
-  // initial records are gathered above, so we don't need to observe and buffer each type separately
-  observer.observe({
-    entryTypes
-  });
-  return () => {
-    observer.disconnect();
-  };
-}
-function shouldRecordHeaders(type, recordHeaders) {
-  return !!recordHeaders && (isBoolean(recordHeaders) || recordHeaders[type]);
-}
-function shouldRecordBody({
-  type,
-  recordBody,
-  headers,
-  url
-}) {
-  function matchesContentType(contentTypes) {
-    const contentTypeHeader = Object.keys(headers).find(key => key.toLowerCase() === 'content-type');
-    const contentType = contentTypeHeader && headers[contentTypeHeader];
-    return contentTypes.some(ct => contentType?.includes(ct));
-  }
-  /**
-   * particularly in canvas applications we see many requests to blob URLs
-   * e.g. blob:https://video_url
-   * these blob/object URLs are local to the browser, we can never capture that body
-   * so we can just return false here
-   */
-  function isBlobURL(url) {
-    try {
-      if (typeof url === 'string') {
-        return url.startsWith('blob:');
-      }
-      if (url instanceof URL) {
-        return url.protocol === 'blob:';
-      }
-      if (url instanceof Request) {
-        return isBlobURL(url.url);
-      }
-      return false;
-    } catch {
-      return false;
-    }
-  }
-  if (!recordBody) return false;
-  if (isBlobURL(url)) return false;
-  if (isBoolean(recordBody)) return true;
-  if (isArray(recordBody)) return matchesContentType(recordBody);
-  const recordBodyType = recordBody[type];
-  if (isBoolean(recordBodyType)) return recordBodyType;
-  return matchesContentType(recordBodyType);
-}
-async function getRequestPerformanceEntry(win, initiatorType, url, start, end, attempt = 0) {
-  if (attempt > 10) {
-    logger$1.warn('Failed to get performance entry for request', {
-      url,
-      initiatorType
-    });
-    return null;
-  }
-  const urlPerformanceEntries = win.performance.getEntriesByName(url);
-  const performanceEntry = findLast(urlPerformanceEntries, entry => isResourceTiming(entry) && entry.initiatorType === initiatorType && (isUndefined(start) || entry.startTime >= start) && (isUndefined(end) || entry.startTime <= end));
-  if (!performanceEntry) {
-    await new Promise(resolve => setTimeout(resolve, 50 * attempt));
-    return getRequestPerformanceEntry(win, initiatorType, url, start, end, attempt + 1);
-  }
-  return performanceEntry;
-}
-/**
- * According to MDN https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/response
- * xhr response is typed as any but can be an ArrayBuffer, a Blob, a Document, a JavaScript object,
- * or a string, depending on the value of XMLHttpRequest.responseType, that contains the response entity body.
- *
- * XHR request body is Document | XMLHttpRequestBodyInit | null | undefined
- */
-function _tryReadXHRBody({
-  body,
-  options,
-  url
-}) {
-  if (isNullish(body)) {
-    return null;
-  }
-  const {
-    hostname,
-    isHostDenied
-  } = isHostOnDenyList(url, options);
-  if (isHostDenied) {
-    return hostname + ' is in deny list';
-  }
-  if (isString(body)) {
-    return body;
-  }
-  if (isDocument(body)) {
-    return body.textContent;
-  }
-  if (isFormData(body)) {
-    return formDataToQuery(body);
-  }
-  if (isObject(body)) {
-    try {
-      return JSON.stringify(body);
-    } catch {
-      return '[SessionReplay] Failed to stringify response object';
-    }
-  }
-  return '[SessionReplay] Cannot read body of type ' + toString.call(body);
-}
-function initXhrObserver(cb, win, options) {
-  if (!options.initiatorTypes.includes('xmlhttprequest')) {
-    return () => {
-      //
-    };
-  }
-  const recordRequestHeaders = shouldRecordHeaders('request', options.recordHeaders);
-  const recordResponseHeaders = shouldRecordHeaders('response', options.recordHeaders);
-  const restorePatch = patch(win.XMLHttpRequest.prototype, 'open',
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  originalOpen => {
-    return function (method, url, async = true, username, password) {
-      // because this function is returned in its actual context `this` _is_ an XMLHttpRequest
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      const xhr = this;
-      // check IE earlier than this, we only initialize if Request is present
-      // eslint-disable-next-line compat/compat
-      const req = new Request(url);
-      const networkRequest = {};
-      let start;
-      let end;
-      const requestHeaders = {};
-      const originalSetRequestHeader = xhr.setRequestHeader.bind(xhr);
-      xhr.setRequestHeader = (header, value) => {
-        requestHeaders[header] = value;
-        return originalSetRequestHeader(header, value);
-      };
-      if (recordRequestHeaders) {
-        networkRequest.requestHeaders = requestHeaders;
-      }
-      const originalSend = xhr.send.bind(xhr);
-      xhr.send = body => {
-        if (shouldRecordBody({
-          type: 'request',
-          headers: requestHeaders,
-          url,
-          recordBody: options.recordBody
-        })) {
-          networkRequest.requestBody = _tryReadXHRBody({
-            body,
-            options,
-            url
-          });
-        }
-        start = win.performance.now();
-        return originalSend(body);
-      };
-      const readyStateListener = () => {
-        if (xhr.readyState !== xhr.DONE) {
-          return;
-        }
-        // Clean up the listener immediately when done to prevent memory leaks
-        xhr.removeEventListener('readystatechange', readyStateListener);
-        end = win.performance.now();
-        const responseHeaders = {};
-        const rawHeaders = xhr.getAllResponseHeaders();
-        const headers = rawHeaders.trim().split(/[\r\n]+/);
-        headers.forEach(line => {
-          const parts = line.split(': ');
-          const header = parts.shift();
-          const value = parts.join(': ');
-          if (header) {
-            responseHeaders[header] = value;
-          }
-        });
-        if (recordResponseHeaders) {
-          networkRequest.responseHeaders = responseHeaders;
-        }
-        if (shouldRecordBody({
-          type: 'response',
-          headers: responseHeaders,
-          url,
-          recordBody: options.recordBody
-        })) {
-          networkRequest.responseBody = _tryReadXHRBody({
-            body: xhr.response,
-            options,
-            url
-          });
-        }
-        getRequestPerformanceEntry(win, 'xmlhttprequest', req.url, start, end).then(entry => {
-          const requests = prepareRequest({
-            entry,
-            method: method,
-            status: xhr?.status,
-            networkRequest,
-            start,
-            end,
-            url: url.toString(),
-            initiatorType: 'xmlhttprequest'
-          });
-          cb({
-            requests
-          });
-        }).catch(() => {
-          //
-        });
-      };
-      // This is very tricky code, and making it passive won't bring many performance benefits,
-      // so let's ignore the rule here.
-      // eslint-disable-next-line posthog-js/no-add-event-listener
-      xhr.addEventListener('readystatechange', readyStateListener);
-      originalOpen.call(xhr, method, url, async, username, password);
-    };
-  });
-  return () => {
-    restorePatch();
-  };
-}
-/**
- *  Check if this PerformanceEntry is either a PerformanceResourceTiming or a PerformanceNavigationTiming
- *  NB PerformanceNavigationTiming extends PerformanceResourceTiming
- *  Here we don't care which interface it implements as both expose `serverTimings`
- */
-const exposesServerTiming = event => !isNull(event) && (event.entryType === 'navigation' || event.entryType === 'resource');
-function prepareRequest({
-  entry,
-  method,
-  status,
-  networkRequest,
-  isInitial,
-  start,
-  end,
-  url,
-  initiatorType
-}) {
-  start = entry ? entry.startTime : start;
-  end = entry ? entry.responseEnd : end;
-  // kudos to sentry javascript sdk for excellent background on why to use Date.now() here
-  // https://github.com/getsentry/sentry-javascript/blob/e856e40b6e71a73252e788cd42b5260f81c9c88e/packages/utils/src/time.ts#L70
-  // can't start observer if performance.now() is not available
-  // eslint-disable-next-line compat/compat
-  const timeOrigin = Math.floor(Date.now() - performance.now());
-  // clickhouse can't ingest timestamps that are floats
-  // (in this case representing fractions of a millisecond we don't care about anyway)
-  // use timeOrigin if we really can't gather a start time
-  const timestamp = Math.floor(timeOrigin + (start || 0));
-  const entryJSON = entry ? entry.toJSON() : {
-    name: url
-  };
-  const requests = [{
-    ...entryJSON,
-    startTime: isUndefined(start) ? undefined : Math.round(start),
-    endTime: isUndefined(end) ? undefined : Math.round(end),
-    timeOrigin,
-    timestamp,
-    method: method,
-    initiatorType: initiatorType ? initiatorType : entry ? entry.initiatorType : undefined,
-    status,
-    requestHeaders: networkRequest.requestHeaders,
-    requestBody: networkRequest.requestBody,
-    responseHeaders: networkRequest.responseHeaders,
-    responseBody: networkRequest.responseBody,
-    isInitial
-  }];
-  if (exposesServerTiming(entry)) {
-    for (const timing of entry.serverTiming || []) {
-      requests.push({
-        timeOrigin,
-        timestamp,
-        startTime: Math.round(entry.startTime),
-        name: timing.name,
-        duration: timing.duration,
-        // the spec has a closed list of possible types
-        // https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry/entryType
-        // but, we need to know this was a server timing so that we know to
-        // match it to the appropriate navigation or resource timing
-        // that matching will have to be on timestamp and $current_url
-        entryType: 'serverTiming'
-      });
-    }
-  }
-  return requests;
-}
-const contentTypePrefixDenyList = ['video/', 'audio/'];
-function _checkForCannotReadResponseBody({
-  r,
-  options,
-  url
-}) {
-  if (r.headers.get('Transfer-Encoding') === 'chunked') {
-    return 'Chunked Transfer-Encoding is not supported';
-  }
-  // `get` and `has` are case-insensitive
-  // but return the header value with the casing that was supplied
-  const contentType = r.headers.get('Content-Type')?.toLowerCase();
-  const contentTypeIsDenied = contentTypePrefixDenyList.some(prefix => contentType?.startsWith(prefix));
-  if (contentType && contentTypeIsDenied) {
-    return `Content-Type ${contentType} is not supported`;
-  }
-  const {
-    hostname,
-    isHostDenied
-  } = isHostOnDenyList(url, options);
-  if (isHostDenied) {
-    return hostname + ' is in deny list';
-  }
-  return null;
-}
-function _tryReadBody(r) {
-  // there are now already multiple places where we're using Promise...
-  // eslint-disable-next-line compat/compat
-  return new Promise((resolve, reject) => {
-    const timeout = setTimeout(() => resolve('[SessionReplay] Timeout while trying to read body'), 500);
-    try {
-      r.clone().text().then(txt => resolve(txt), reason => reject(reason)).finally(() => clearTimeout(timeout));
-    } catch {
-      clearTimeout(timeout);
-      resolve('[SessionReplay] Failed to read body');
-    }
-  });
-}
-async function _tryReadRequestBody({
-  r,
-  options,
-  url
-}) {
-  const {
-    hostname,
-    isHostDenied
-  } = isHostOnDenyList(url, options);
-  if (isHostDenied) {
-    return Promise.resolve(hostname + ' is in deny list');
-  }
-  return _tryReadBody(r);
-}
-async function _tryReadResponseBody({
-  r,
-  options,
-  url
-}) {
-  const cannotReadBodyReason = _checkForCannotReadResponseBody({
-    r,
-    options,
-    url
-  });
-  if (!isNull(cannotReadBodyReason)) {
-    return Promise.resolve(cannotReadBodyReason);
-  }
-  return _tryReadBody(r);
-}
-function initFetchObserver(cb, win, options) {
-  if (!options.initiatorTypes.includes('fetch')) {
-    return () => {
-      //
-    };
-  }
-  const recordRequestHeaders = shouldRecordHeaders('request', options.recordHeaders);
-  const recordResponseHeaders = shouldRecordHeaders('response', options.recordHeaders);
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  const restorePatch = patch(win, 'fetch', originalFetch => {
-    return async function (url, init) {
-      // check IE earlier than this, we only initialize if Request is present
-      // eslint-disable-next-line compat/compat
-      const req = new Request(url, init);
-      let res;
-      const networkRequest = {};
-      let start;
-      let end;
-      try {
-        const requestHeaders = {};
-        req.headers.forEach((value, header) => {
-          requestHeaders[header] = value;
-        });
-        if (recordRequestHeaders) {
-          networkRequest.requestHeaders = requestHeaders;
-        }
-        if (shouldRecordBody({
-          type: 'request',
-          headers: requestHeaders,
-          url,
-          recordBody: options.recordBody
-        })) {
-          networkRequest.requestBody = await _tryReadRequestBody({
-            r: req,
-            options,
-            url
-          });
-        }
-        start = win.performance.now();
-        res = await originalFetch(req);
-        end = win.performance.now();
-        const responseHeaders = {};
-        res.headers.forEach((value, header) => {
-          responseHeaders[header] = value;
-        });
-        if (recordResponseHeaders) {
-          networkRequest.responseHeaders = responseHeaders;
-        }
-        if (shouldRecordBody({
-          type: 'response',
-          headers: responseHeaders,
-          url,
-          recordBody: options.recordBody
-        })) {
-          networkRequest.responseBody = await _tryReadResponseBody({
-            r: res,
-            options,
-            url
-          });
-        }
-        return res;
-      } finally {
-        getRequestPerformanceEntry(win, 'fetch', req.url, start, end).then(entry => {
-          const requests = prepareRequest({
-            entry,
-            method: req.method,
-            status: res?.status,
-            networkRequest,
-            start,
-            end,
-            url: req.url,
-            initiatorType: 'fetch'
-          });
-          cb({
-            requests
-          });
-        }).catch(() => {
-          //
-        });
-      }
-    };
-  });
-  return () => {
-    restorePatch();
-  };
-}
-let initialisedHandler = null;
-function initNetworkObserver(callback, win,
-// top window or in an iframe
-options) {
-  if (!('performance' in win)) {
-    return () => {
-      //
-    };
-  }
-  if (initialisedHandler) {
-    logger$1.warn('Network observer already initialised, doing nothing');
-    return () => {
-      // the first caller should already have this handler and will be responsible for teardown
-    };
-  }
-  const networkOptions = options ? Object.assign({}, defaultNetworkOptions, options) : defaultNetworkOptions;
-  const cb = data => {
-    const requests = [];
-    data.requests.forEach(request => {
-      const maskedRequest = networkOptions.maskRequestFn(request);
-      if (maskedRequest) {
-        requests.push(maskedRequest);
-      }
-    });
-    if (requests.length > 0) {
-      callback({
-        ...data,
-        requests
-      });
-    }
-  };
-  const performanceObserver = initPerformanceObserver(cb, win, networkOptions);
-  // only wrap fetch and xhr if headers or body are being recorded
-  let xhrObserver = () => {};
-  let fetchObserver = () => {};
-  if (networkOptions.recordHeaders || networkOptions.recordBody) {
-    xhrObserver = initXhrObserver(cb, win, networkOptions);
-    fetchObserver = initFetchObserver(cb, win, networkOptions);
-  }
-  const teardown = () => {
-    performanceObserver();
-    xhrObserver();
-    fetchObserver();
-    // allow future observers to initialize after cleanup
-    initialisedHandler = null;
-  };
-  initialisedHandler = teardown;
-  return teardown;
-}
-// use the plugin name so that when this functionality is adopted into rrweb
-// we can remove this plugin and use the core functionality with the same data
-const NETWORK_PLUGIN_NAME = 'rrweb/network@1';
-// TODO how should this be typed?
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-const getRecordNetworkPlugin = options => {
-  return {
-    name: NETWORK_PLUGIN_NAME,
-    observer: initNetworkObserver,
-    options: options
-  };
-};
-// rrweb/networ@1 ends
-
-// Use a safe global target (prefer `win`, fallback to globalThis)
-const _target = win ?? globalThis;
-_target.__PosthogExtensions__ = _target.__PosthogExtensions__ || {};
-// Expose rrweb.record under the same contract
-_target.__PosthogExtensions__.rrweb = _target.__PosthogExtensions__.rrweb || {
-  record: record
-};
-// Provide initSessionRecording if not present — return a new LazyLoadedSessionRecording when called
-_target.__PosthogExtensions__.initSessionRecording = _target.__PosthogExtensions__.initSessionRecording || (instance => {
-  return new LazyLoadedSessionRecording(instance);
-});
-// Provide a no-op loadExternalDependency that calls the callback immediately (since rrweb is bundled)
-_target.__PosthogExtensions__.loadExternalDependency = _target.__PosthogExtensions__.loadExternalDependency || ((instance, scriptName, cb) => {
-  if (cb) cb(undefined);
-});
-// Provide rrwebPlugins object with network plugin factory if not present
-_target.__PosthogExtensions__.rrwebPlugins = _target.__PosthogExtensions__.rrwebPlugins || {};
-_target.__PosthogExtensions__.rrwebPlugins.getRecordNetworkPlugin = _target.__PosthogExtensions__.rrwebPlugins.getRecordNetworkPlugin || (() => getRecordNetworkPlugin);
-
-// Type definitions copied from @rrweb/types@2.0.0-alpha.17 and rrweb-snapshot@2.0.0-alpha.17
-// Both packages are MIT licensed: https://github.com/rrweb-io/rrweb
-//
-// These types are copied here to avoid requiring users to install peer dependencies
-// solely for TypeScript type information.
-//
-// Original sources:
-// - @rrweb/types: https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/types
-// - rrweb-snapshot: https://github.com/rrweb-io/rrweb/tree/main/packages/rrweb-snapshot
-var NodeType;
-(function (NodeType) {
-  NodeType[NodeType["Document"] = 0] = "Document";
-  NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
-  NodeType[NodeType["Element"] = 2] = "Element";
-  NodeType[NodeType["Text"] = 3] = "Text";
-  NodeType[NodeType["CDATA"] = 4] = "CDATA";
-  NodeType[NodeType["Comment"] = 5] = "Comment";
-})(NodeType || (NodeType = {}));
-var EventType;
-(function (EventType) {
-  EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
-  EventType[EventType["Load"] = 1] = "Load";
-  EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
-  EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
-  EventType[EventType["Meta"] = 4] = "Meta";
-  EventType[EventType["Custom"] = 5] = "Custom";
-  EventType[EventType["Plugin"] = 6] = "Plugin";
-})(EventType || (EventType = {}));
-var IncrementalSource;
-(function (IncrementalSource) {
-  IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
-  IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
-  IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
-  IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
-  IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
-  IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
-  IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
-  IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
-  IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
-  IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
-  IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
-  IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
-  IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
-  IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
-  IncrementalSource[IncrementalSource["Selection"] = 14] = "Selection";
-  IncrementalSource[IncrementalSource["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
-  IncrementalSource[IncrementalSource["CustomElement"] = 16] = "CustomElement";
-})(IncrementalSource || (IncrementalSource = {}));
-var MouseInteractions;
-(function (MouseInteractions) {
-  MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
-  MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
-  MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
-  MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
-  MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
-  MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
-  MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
-  MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
-  MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
-  MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
-  MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
-})(MouseInteractions || (MouseInteractions = {}));
-var PointerTypes;
-(function (PointerTypes) {
-  PointerTypes[PointerTypes["Mouse"] = 0] = "Mouse";
-  PointerTypes[PointerTypes["Pen"] = 1] = "Pen";
-  PointerTypes[PointerTypes["Touch"] = 2] = "Touch";
-})(PointerTypes || (PointerTypes = {}));
-var MediaInteractions;
-(function (MediaInteractions) {
-  MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
-  MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
-  MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
-  MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
-  MediaInteractions[MediaInteractions["RateChange"] = 4] = "RateChange";
-})(MediaInteractions || (MediaInteractions = {}));
-var CanvasContext;
-(function (CanvasContext) {
-  CanvasContext[CanvasContext["2D"] = 0] = "2D";
-  CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
-  CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
-})(CanvasContext || (CanvasContext = {}));
-
 const DISABLED = 'disabled';
 const SAMPLED = 'sampled';
 const ACTIVE = 'active';
@@ -4422,7 +3882,7 @@ class MutationThrottler {
       refillInterval: 1000,
       // one second
       _onBucketRateLimited: this._onNodeRateLimited,
-      _logger: logger$2
+      _logger: logger$1
     });
   }
   reset() {
@@ -4446,9 +3906,10 @@ function simpleHash(str) {
  * receives percent as a number between 0 and 1
  */
 function sampleOnProperty(prop, percent) {
-  return simpleHash(prop) % 100 < clampToRange(percent * 100, 0, 100, logger$2);
+  return simpleHash(prop) % 100 < clampToRange(percent * 100, 0, 100, logger$1);
 }
 
+/* eslint-disable posthog-js/no-direct-function-check */
 const BASE_ENDPOINT = '/s/';
 const DEFAULT_CANVAS_QUALITY = 0.4;
 const DEFAULT_CANVAS_FPS = 4;
@@ -4459,6 +3920,19 @@ const ONE_KB = 1024;
 const ONE_MINUTE = 1000 * 60;
 const FIVE_MINUTES = ONE_MINUTE * 5;
 const RECORDING_IDLE_THRESHOLD_MS = FIVE_MINUTES;
+// Register a factory on the global extensions object so the extension shim can
+// instantiate a LazyLoadedSessionRecording without importing this module directly.
+try {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const ext = globalThis.__PosthogExtensions__;
+  if (ext) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ext._initSessionRecordingFactory = ext._initSessionRecordingFactory || (instance => new LazyLoadedSessionRecording(instance));
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+} catch (e) {
+  // ignore
+}
 const RECORDING_MAX_EVENT_SIZE = ONE_KB * ONE_KB * 0.9; // ~1mb (with some wiggle room)
 const RECORDING_BUFFER_TIMEOUT = 2000; // 2 seconds
 const SESSION_RECORDING_BATCH_KEY = 'recordings';
@@ -4480,7 +3954,41 @@ function getRRWebRecord() {
   } catch {
     // ignore
   }
-  return record;
+  // If we've previously loaded rrweb via dynamic import, return the cached reference
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const cached = getRRWebRecord._cachedRRWebRecord;
+  return cached;
+}
+async function loadRRWeb() {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ext = globalThis.__PosthogExtensions__;
+    if (ext && ext.rrweb && ext.rrweb.record) {
+      ;
+      getRRWebRecord._cachedRRWebRecord = ext.rrweb.record;
+      return ext.rrweb.record;
+    }
+    // If already cached, return it
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const already = getRRWebRecord._cachedRRWebRecord;
+    if (already) {
+      return already;
+    }
+    // Dynamic import - let the bundler (IIFE build) include rrweb in the bundle or allow lazy-load
+    // Note: we intentionally use a dynamic import so rrweb is not referenced at the module top-level
+    // which would cause IIFE builds to assume a global is present at script execution.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const mod = await import('@rrweb/record');
+    const rr = mod && (mod.record ?? (mod.default && mod.default.record));
+    if (rr) {
+      ;
+      getRRWebRecord._cachedRRWebRecord = rr;
+      return rr;
+    }
+  } catch (e) {
+    logger.error('could not dynamically load rrweb', e);
+  }
+  return null;
 }
 function gzipToString(data) {
   return strFromU8(gzipSync(strToU8(JSON.stringify(data))), true);
@@ -4737,7 +4245,13 @@ class LazyLoadedSessionRecording {
     if (this._networkPayloadCapture) {
       const canRecordNetwork = !isLocalhost() || this._forceAllowLocalhostNetworkCapture;
       if (canRecordNetwork) {
-        plugins.push(getRecordNetworkPlugin(buildNetworkRequestOptions(this._instance.config, this._networkPayloadCapture)));
+        const assignableWindow = globalThis;
+        const networkFactory = assignableWindow.__PosthogExtensions__?.rrwebPlugins?.getRecordNetworkPlugin?.();
+        if (typeof networkFactory === 'function') {
+          plugins.push(networkFactory(buildNetworkRequestOptions(this._instance.config, this._networkPayloadCapture)));
+        } else {
+          logger.info('Network plugin factory not available yet; skipping network plugin');
+        }
       } else {
         logger.info('NetworkCapture not started because we are on localhost.');
       }
@@ -4897,7 +4411,7 @@ class LazyLoadedSessionRecording {
     const parsedConfig = isObject(persistedConfig) ? persistedConfig : JSON.parse(persistedConfig);
     return parsedConfig;
   }
-  start(startReason) {
+  async start(startReason) {
     const config = this._remoteConfig;
     if (!config) {
       logger.info('remote config must be stored in persistence before recording can start');
@@ -4931,7 +4445,7 @@ class LazyLoadedSessionRecording {
       });
     });
     this._makeSamplingDecision(this.sessionId);
-    this._startRecorder();
+    await this._startRecorder();
     // calling addEventListener multiple times is safe and will not add duplicates
     addEventListener(win, 'beforeunload', this._onBeforeUnload);
     addEventListener(win, 'offline', this._onOffline);
@@ -5387,7 +4901,7 @@ class LazyLoadedSessionRecording {
       $sdk_debug_session_start: sessionStartTimestamp
     };
   }
-  _startRecorder() {
+  async _startRecorder() {
     if (this._stopRrweb) {
       return;
     }
@@ -5443,7 +4957,12 @@ class LazyLoadedSessionRecording {
       sessionRecordingOptions.maskTextSelector = this._masking.maskTextSelector ?? undefined;
       sessionRecordingOptions.blockSelector = this._masking.blockSelector ?? undefined;
     }
-    const rrwebRecord = getRRWebRecord();
+    // Ensure rrweb is loaded (either via global extension or dynamic import)
+    let rrwebRecord = getRRWebRecord();
+    if (!rrwebRecord) {
+      const loaded = await loadRRWeb();
+      rrwebRecord = loaded ?? undefined;
+    }
     if (!rrwebRecord) {
       logger.error('_startRecorder was called but rrwebRecord is not available. This indicates something has gone wrong.');
       return;
@@ -5485,11 +5004,12 @@ class LazyLoadedSessionRecording {
   }
 }
 
+/* eslint-disable posthog-js/no-direct-function-check */
 const LOGGER_PREFIX = '[SessionRecording]';
 const log = {
-  info: (...args) => logger$3.info(LOGGER_PREFIX, ...args),
-  warn: (...args) => logger$3.warn(LOGGER_PREFIX, ...args),
-  error: (...args) => logger$3.error(LOGGER_PREFIX, ...args)
+  info: (...args) => logger$2.info(LOGGER_PREFIX, ...args),
+  warn: (...args) => logger$2.warn(LOGGER_PREFIX, ...args),
+  error: (...args) => logger$2.error(LOGGER_PREFIX, ...args)
 };
 class SessionRecording {
   get started() {
@@ -5553,6 +5073,18 @@ class SessionRecording {
     if (!this._isRecordingEnabled) {
       return;
     }
+    // If extensions provide a loader, use it. Otherwise fallback to the local _onScriptLoaded which
+    // will create the local LazyLoadedSessionRecording (so tests that mock it work correctly).
+    const loader = assignableWindow.__PosthogExtensions__?.loadExternalDependency;
+    if (typeof loader === 'function') {
+      loader(this._instance, this._scriptName, err => {
+        if (err) {
+          return log.error('could not load recorder', err);
+        }
+        this._onScriptLoaded(startReason);
+      });
+      return;
+    }
     this._onScriptLoaded(startReason);
   }
   stopRecording() {
@@ -5628,15 +5160,43 @@ class SessionRecording {
     if (this._lazyLoadedSessionRecording?.log) {
       this._lazyLoadedSessionRecording.log(message, level);
     } else {
-      logger$3.warn('log called before recorder was ready');
+      logger$2.warn('log called before recorder was ready');
     }
   }
+  get _scriptName() {
+    const remoteConfig = this._instance?.persistence?.get_property(SESSION_RECORDING_REMOTE_CONFIG);
+    return remoteConfig?.scriptConfig?.script || 'lazy-recorder';
+  }
   _onScriptLoaded(startReason) {
+    // If extensions provide an init function, use it. Otherwise, fall back to the local LazyLoadedSessionRecording
+    if (assignableWindow.__PosthogExtensions__?.initSessionRecording) {
+      if (!this._lazyLoadedSessionRecording) {
+        this._lazyLoadedSessionRecording = assignableWindow.__PosthogExtensions__?.initSessionRecording(this._instance);
+        this._lazyLoadedSessionRecording._forceAllowLocalhostNetworkCapture = this._forceAllowLocalhostNetworkCapture;
+      }
+      try {
+        const maybePromise = this._lazyLoadedSessionRecording.start(startReason);
+        if (maybePromise && typeof maybePromise.catch === 'function') {
+          maybePromise.catch(e => logger$2.error('error starting session recording', e));
+        }
+      } catch (e) {
+        logger$2.error('error starting session recording', e);
+      }
+      return;
+    }
     if (!this._lazyLoadedSessionRecording) {
       this._lazyLoadedSessionRecording = new LazyLoadedSessionRecording(this._instance);
       this._lazyLoadedSessionRecording._forceAllowLocalhostNetworkCapture = this._forceAllowLocalhostNetworkCapture;
     }
-    this._lazyLoadedSessionRecording.start(startReason);
+    // start may perform a dynamic import; handle both sync and Promise returns
+    try {
+      const maybePromise = this._lazyLoadedSessionRecording.start(startReason);
+      if (maybePromise && typeof maybePromise.catch === 'function') {
+        maybePromise.catch(e => logger$2.error('error starting session recording', e));
+      }
+    } catch (e) {
+      logger$2.error('error starting session recording', e);
+    }
   }
   /**
    * this is maintained on the public API only because it has always been on the public API
@@ -5893,7 +5453,7 @@ class Leanbase extends PostHogCore {
       };
       properties['distinct_id'] = persistenceProps.distinct_id;
       if (!(isString(properties['distinct_id']) || isNumber(properties['distinct_id'])) || isEmptyString(properties['distinct_id'])) {
-        logger$3.error('Invalid distinct_id for replay event. This indicates a bug in your implementation');
+        logger$2.error('Invalid distinct_id for replay event. This indicates a bug in your implementation');
       }
       return properties;
     }
@@ -5968,11 +5528,11 @@ class Leanbase extends PostHogCore {
       return;
     }
     if (isUndefined(event) || !isString(event)) {
-      logger$3.error('No event name provided to posthog.capture');
+      logger$2.error('No event name provided to posthog.capture');
       return;
     }
     if (properties?.$current_url && !isString(properties?.$current_url)) {
-      logger$3.error('Invalid `$current_url` property provided to `posthog.capture`. Input must be a string. Ignoring provided value.');
+      logger$2.error('Invalid `$current_url` property provided to `posthog.capture`. Input must be a string. Ignoring provided value.');
       delete properties?.$current_url;
     }
     this.sessionPersistence.update_search_keyword();