@myinterview/widget-react 1.1.23-beta-78ffddc → 1.1.23-binary-001

package/dist/cjs/index.js

@@ -8,26 +8,51 @@ var reactDom = require('react-dom');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 // eslint-disable-next-line @typescript-eslint/unbound-method
 const objectToString = Object.prototype.toString;
 
@@ -948,12 +973,6 @@ function createStackParser(...parsers) {
       // Remove webpack (error: *) wrappers
       const cleanedLine = WEBPACK_ERROR_REGEXP.test(line) ? line.replace(WEBPACK_ERROR_REGEXP, '$1') : line;
 
-      // https://github.com/getsentry/sentry-javascript/issues/7813
-      // Skip Error: lines
-      if (cleanedLine.match(/\S*Error: /)) {
-        continue;
-      }
-
       for (const parser of sortedParsers) {
         const frame = parser(cleanedLine);
 
@@ -1138,8 +1157,6 @@ function supportsHistory() {
 // eslint-disable-next-line deprecation/deprecation
 const WINDOW$3 = getGlobalObject();
 
-const SENTRY_XHR_DATA_KEY = '__sentry_xhr_v2__';
-
 /**
  * Instrument native APIs to call handlers that can be used to create breadcrumbs, APM spans etc.
  *  - Console API
@@ -1252,13 +1269,11 @@ function instrumentFetch() {
 
   fill(WINDOW$3, 'fetch', function (originalFetch) {
     return function (...args) {
-      const { method, url } = parseFetchArgs(args);
-
       const handlerData = {
         args,
         fetchData: {
-          method,
-          url,
+          method: getFetchMethod(args),
+          url: getFetchUrl(args),
         },
         startTimestamp: Date.now(),
       };
@@ -1293,53 +1308,29 @@ function instrumentFetch() {
   });
 }
 
-function hasProp(obj, prop) {
-  return !!obj && typeof obj === 'object' && !!(obj )[prop];
-}
-
-function getUrlFromResource(resource) {
-  if (typeof resource === 'string') {
-    return resource;
-  }
-
-  if (!resource) {
-    return '';
-  }
-
-  if (hasProp(resource, 'url')) {
-    return resource.url;
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/** Extract `method` from fetch call arguments */
+function getFetchMethod(fetchArgs = []) {
+  if ('Request' in WINDOW$3 && isInstanceOf(fetchArgs[0], Request) && fetchArgs[0].method) {
+    return String(fetchArgs[0].method).toUpperCase();
   }
-
-  if (resource.toString) {
-    return resource.toString();
+  if (fetchArgs[1] && fetchArgs[1].method) {
+    return String(fetchArgs[1].method).toUpperCase();
   }
-
-  return '';
+  return 'GET';
 }
 
-/**
- * Parses the fetch arguments to find the used Http method and the url of the request
- */
-function parseFetchArgs(fetchArgs) {
-  if (fetchArgs.length === 0) {
-    return { method: 'GET', url: '' };
+/** Extract `url` from fetch call arguments */
+function getFetchUrl(fetchArgs = []) {
+  if (typeof fetchArgs[0] === 'string') {
+    return fetchArgs[0];
   }
-
-  if (fetchArgs.length === 2) {
-    const [url, options] = fetchArgs ;
-
-    return {
-      url: getUrlFromResource(url),
-      method: hasProp(options, 'method') ? String(options.method).toUpperCase() : 'GET',
-    };
+  if ('Request' in WINDOW$3 && isInstanceOf(fetchArgs[0], Request)) {
+    return fetchArgs[0].url;
   }
-
-  const arg = fetchArgs[0];
-  return {
-    url: getUrlFromResource(arg ),
-    method: hasProp(arg, 'method') ? String(arg.method).toUpperCase() : 'GET',
-  };
+  return String(fetchArgs[0]);
 }
+/* eslint-enable @typescript-eslint/no-unsafe-member-access */
 
 /** JSDoc */
 function instrumentXHR() {
@@ -1352,11 +1343,10 @@ function instrumentXHR() {
   fill(xhrproto, 'open', function (originalOpen) {
     return function ( ...args) {
       const url = args[1];
-      const xhrInfo = (this[SENTRY_XHR_DATA_KEY] = {
+      const xhrInfo = (this.__sentry_xhr__ = {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
         method: isString$2(args[0]) ? args[0].toUpperCase() : args[0],
         url: args[1],
-        request_headers: {},
       });
 
       // if Sentry key appears in URL, don't capture it as a request
@@ -1367,7 +1357,7 @@ function instrumentXHR() {
 
       const onreadystatechangeHandler = () => {
         // For whatever reason, this is not the same instance here as from the outer method
-        const xhrInfo = this[SENTRY_XHR_DATA_KEY];
+        const xhrInfo = this.__sentry_xhr__;
 
         if (!xhrInfo) {
           return;
@@ -1402,32 +1392,14 @@ function instrumentXHR() {
         this.addEventListener('readystatechange', onreadystatechangeHandler);
       }
 
-      // Intercepting `setRequestHeader` to access the request headers of XHR instance.
-      // This will only work for user/library defined headers, not for the default/browser-assigned headers.
-      // Request cookies are also unavailable for XHR, as `Cookie` header can't be defined by `setRequestHeader`.
-      fill(this, 'setRequestHeader', function (original) {
-        return function ( ...setRequestHeaderArgs) {
-          const [header, value] = setRequestHeaderArgs ;
-
-          const xhrInfo = this[SENTRY_XHR_DATA_KEY];
-
-          if (xhrInfo) {
-            xhrInfo.request_headers[header.toLowerCase()] = value;
-          }
-
-          return original.apply(this, setRequestHeaderArgs);
-        };
-      });
-
       return originalOpen.apply(this, args);
     };
   });
 
   fill(xhrproto, 'send', function (originalSend) {
     return function ( ...args) {
-      const sentryXhrData = this[SENTRY_XHR_DATA_KEY];
-      if (sentryXhrData && args[0] !== undefined) {
-        sentryXhrData.body = args[0];
+      if (this.__sentry_xhr__ && args[0] !== undefined) {
+        this.__sentry_xhr__.body = args[0];
       }
 
       triggerHandlers('xhr', {
@@ -1726,15 +1698,13 @@ function instrumentError() {
       url,
     });
 
-    if (_oldOnErrorHandler && !_oldOnErrorHandler.__SENTRY_LOADER__) {
+    if (_oldOnErrorHandler) {
       // eslint-disable-next-line prefer-rest-params
       return _oldOnErrorHandler.apply(this, arguments);
     }
 
     return false;
   };
-
-  WINDOW$3.onerror.__SENTRY_INSTRUMENTED__ = true;
 }
 
 let _oldOnUnhandledRejectionHandler = null;
@@ -1745,15 +1715,13 @@ function instrumentUnhandledRejection() {
   WINDOW$3.onunhandledrejection = function (e) {
     triggerHandlers('unhandledrejection', e);
 
-    if (_oldOnUnhandledRejectionHandler && !_oldOnUnhandledRejectionHandler.__SENTRY_LOADER__) {
+    if (_oldOnUnhandledRejectionHandler) {
       // eslint-disable-next-line prefer-rest-params
       return _oldOnUnhandledRejectionHandler.apply(this, arguments);
     }
 
     return true;
   };
-
-  WINDOW$3.onunhandledrejection.__SENTRY_INSTRUMENTED__ = true;
 }
 
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
@@ -2051,7 +2019,7 @@ function loadModule(moduleName) {
  * @returns A normalized version of the object, or `"**non-serializable**"` if any errors are thrown during normalization.
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function normalize(input, depth = 100, maxProperties = +Infinity) {
+function normalize(input, depth = +Infinity, maxProperties = +Infinity) {
   try {
     // since we're at the outermost level, we don't provide a key
     return visit('', input, depth, maxProperties);
@@ -2097,10 +2065,7 @@ function visit(
   const [memoize, unmemoize] = memo;
 
   // Get the simple cases out of the way first
-  if (
-    value == null || // this matches null and undefined -> eqeq not eqeqeq
-    (['number', 'boolean', 'string'].includes(typeof value) && !isNaN$1(value))
-  ) {
+  if (value === null || (['number', 'boolean', 'string'].includes(typeof value) && !isNaN$1(value))) {
     return value ;
   }
 
@@ -2121,16 +2086,17 @@ function visit(
     return value ;
   }
 
-  // We can set `__sentry_override_normalization_depth__` on an object to ensure that from there
-  // We keep a certain amount of depth.
-  // This should be used sparingly, e.g. we use it for the redux integration to ensure we get a certain amount of state.
-  const remainingDepth =
-    typeof (value )['__sentry_override_normalization_depth__'] === 'number'
-      ? ((value )['__sentry_override_normalization_depth__'] )
-      : depth;
+  // Do not normalize objects that we know have already been normalized. As a general rule, the
+  // "__sentry_skip_normalization__" property should only be used sparingly and only should only be set on objects that
+  // have already been normalized.
+  let overriddenDepth = depth;
+
+  if (typeof (value )['__sentry_override_normalization_depth__'] === 'number') {
+    overriddenDepth = (value )['__sentry_override_normalization_depth__'] ;
+  }
 
   // We're also done if we've reached the max depth
-  if (remainingDepth === 0) {
+  if (overriddenDepth === 0) {
     // At this point we know `serialized` is a string of the form `"[object XXXX]"`. Clean it up so it's just `"[XXXX]"`.
     return stringified.replace('object ', '');
   }
@@ -2146,7 +2112,7 @@ function visit(
     try {
       const jsonValue = valueWithToJSON.toJSON();
       // We need to normalize the return value of `.toJSON()` in case it has circular references
-      return visit('', jsonValue, remainingDepth - 1, maxProperties, memo);
+      return visit('', jsonValue, overriddenDepth - 1, maxProperties, memo);
     } catch (err) {
       // pass (The built-in `toJSON` failed, but we can still try to do it ourselves)
     }
@@ -2175,7 +2141,7 @@ function visit(
 
     // Recursively visit all the child nodes
     const visitValue = visitable[visitKey];
-    normalized[visitKey] = visit(visitKey, visitValue, remainingDepth - 1, maxProperties, memo);
+    normalized[visitKey] = visit(visitKey, visitValue, overriddenDepth - 1, maxProperties, memo);
 
     numAdded++;
   }
@@ -2187,7 +2153,6 @@ function visit(
   return normalized;
 }
 
-/* eslint-disable complexity */
 /**
  * Stringify the given value. Handles various known special values and types.
  *
@@ -2238,6 +2203,11 @@ function stringifyValue(
       return '[NaN]';
     }
 
+    // this catches `undefined` (but not `null`, which is a primitive and can be serialized on its own)
+    if (value === void 0) {
+      return '[undefined]';
+    }
+
     if (typeof value === 'function') {
       return `[Function: ${getFunctionName(value)}]`;
     }
@@ -2255,19 +2225,11 @@ function stringifyValue(
     // them to strings means that instances of classes which haven't defined their `toStringTag` will just come out as
     // `"[object Object]"`. If we instead look at the constructor's name (which is the same as the name of the class),
     // we can make sure that only plain objects come out that way.
-    const objName = getConstructorName(value);
-
-    // Handle HTML Elements
-    if (/^HTML(\w*)Element$/.test(objName)) {
-      return `[HTMLElement: ${objName}]`;
-    }
-
-    return `[object ${objName}]`;
+    return `[object ${getConstructorName(value)}]`;
   } catch (err) {
     return `**non-serializable** (${err})`;
   }
 }
-/* eslint-enable complexity */
 
 function getConstructorName(value) {
   const prototype = Object.getPrototypeOf(value);
@@ -2578,7 +2540,9 @@ function makePromiseBuffer(limit) {
  * // environments where DOM might not be available
  * @returns parsed URL object
  */
-function parseUrl(url) {
+function parseUrl(url)
+
+ {
   if (!url) {
     return {};
   }
@@ -2596,8 +2560,6 @@ function parseUrl(url) {
     host: match[4],
     path: match[5],
     protocol: match[2],
-    search: query,
-    hash: fragment,
     relative: match[5] + query + fragment, // everything minus origin
   };
 }
@@ -2982,7 +2944,6 @@ const ITEM_TYPE_TO_DATA_CATEGORY_MAP = {
   profile: 'profile',
   replay_event: 'replay',
   replay_recording: 'replay',
-  check_in: 'monitor',
 };
 
 /**
@@ -3012,14 +2973,16 @@ function createEventEnvelopeHeaders(
   dsn,
 ) {
   const dynamicSamplingContext = event.sdkProcessingMetadata && event.sdkProcessingMetadata.dynamicSamplingContext;
+
   return {
     event_id: event.event_id ,
     sent_at: new Date().toISOString(),
     ...(sdkInfo && { sdk: sdkInfo }),
     ...(!!tunnel && { dsn: dsnToString(dsn) }),
-    ...(dynamicSamplingContext && {
-      trace: dropUndefinedKeys({ ...dynamicSamplingContext }),
-    }),
+    ...(event.type === 'transaction' &&
+      dynamicSamplingContext && {
+        trace: dropUndefinedKeys({ ...dynamicSamplingContext }),
+      }),
   };
 }
 
@@ -3724,16 +3687,9 @@ class Scope  {
     // errors with transaction and it relies on that.
     if (this._span) {
       event.contexts = { trace: this._span.getTraceContext(), ...event.contexts };
-      const transaction = this._span.transaction;
-      if (transaction) {
-        event.sdkProcessingMetadata = {
-          dynamicSamplingContext: transaction.getDynamicSamplingContext(),
-          ...event.sdkProcessingMetadata,
-        };
-        const transactionName = transaction.name;
-        if (transactionName) {
-          event.tags = { transaction: transactionName, ...event.tags };
-        }
+      const transactionName = this._span.transaction && this._span.transaction.name;
+      if (transactionName) {
+        event.tags = { transaction: transactionName, ...event.tags };
       }
     }
 
@@ -3857,6 +3813,11 @@ const API_VERSION = 4;
  */
 const DEFAULT_BREADCRUMBS = 100;
 
+/**
+ * A layer in the process stack.
+ * @hidden
+ */
+
 /**
  * @inheritDoc
  */
@@ -4134,17 +4095,7 @@ class Hub  {
    * @inheritDoc
    */
    startTransaction(context, customSamplingContext) {
-    const result = this._callExtensionMethod('startTransaction', context, customSamplingContext);
-
-    if ((typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && !result) {
-      // eslint-disable-next-line no-console
-      console.warn(`Tracing extension 'startTransaction' has not been added. Call 'addTracingExtensions' before calling 'init':
-Sentry.addTracingExtensions();
-Sentry.init({...});
-`);
-    }
-
-    return result;
+    return this._callExtensionMethod('startTransaction', context, customSamplingContext);
   }
 
   /**
@@ -4229,10 +4180,13 @@ Sentry.init({...});
    */
    _sendSessionUpdate() {
     const { scope, client } = this.getStackTop();
+    if (!scope) return;
 
     const session = scope.getSession();
-    if (session && client && client.captureSession) {
-      client.captureSession(session);
+    if (session) {
+      if (client && client.captureSession) {
+        client.captureSession(session);
+      }
     }
   }
 
@@ -4302,28 +4256,47 @@ function getCurrentHub() {
   // Get main carrier (global for every environment)
   const registry = getMainCarrier();
 
-  if (registry.__SENTRY__ && registry.__SENTRY__.acs) {
-    const hub = registry.__SENTRY__.acs.getCurrentHub();
-
-    if (hub) {
-      return hub;
-    }
-  }
-
-  // Return hub that lives on a global object
-  return getGlobalHub(registry);
-}
-
-function getGlobalHub(registry = getMainCarrier()) {
   // If there's no hub, or its an old API, assign a new one
   if (!hasHubOnCarrier(registry) || getHubFromCarrier(registry).isOlderThan(API_VERSION)) {
     setHubOnCarrier(registry, new Hub());
   }
 
+  // Prefer domains over global if they are there (applicable only to Node environment)
+  if (isNodeEnv()) {
+    return getHubFromActiveDomain(registry);
+  }
   // Return hub that lives on a global object
   return getHubFromCarrier(registry);
 }
 
+/**
+ * Try to read the hub from an active domain, and fallback to the registry if one doesn't exist
+ * @returns discovered hub
+ */
+function getHubFromActiveDomain(registry) {
+  try {
+    const sentry = getMainCarrier().__SENTRY__;
+    const activeDomain = sentry && sentry.extensions && sentry.extensions.domain && sentry.extensions.domain.active;
+
+    // If there's no active domain, just return global hub
+    if (!activeDomain) {
+      return getHubFromCarrier(registry);
+    }
+
+    // If there's no hub on current domain, or it's an old API, assign a new one
+    if (!hasHubOnCarrier(activeDomain) || getHubFromCarrier(activeDomain).isOlderThan(API_VERSION)) {
+      const registryHubTopStack = getHubFromCarrier(registry).getStackTop();
+      setHubOnCarrier(activeDomain, new Hub(registryHubTopStack.client, Scope.clone(registryHubTopStack.scope)));
+    }
+
+    // Return hub that lives on a domain
+    return getHubFromCarrier(activeDomain);
+  } catch (_Oo) {
+    // Return hub that lives on a global object
+    return getHubFromCarrier(registry);
+  }
+}
+
 /**
  * This will tell whether a carrier has a hub on it or not
  * @param carrier object
@@ -4397,69 +4370,6 @@ var SpanStatus; (function (SpanStatus) {
   const DataLoss = 'data_loss'; SpanStatus["DataLoss"] = DataLoss;
 })(SpanStatus || (SpanStatus = {}));
 
-/**
- * Wraps a function with a transaction/span and finishes the span after the function is done.
- *
- * Note that if you have not enabled tracing extensions via `addTracingExtensions`, this function
- * will not generate spans, and the `span` returned from the callback may be undefined.
- *
- * This function is meant to be used internally and may break at any time. Use at your own risk.
- *
- * @internal
- * @private
- */
-function trace(
-  context,
-  callback,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onError = () => {},
-) {
-  const ctx = { ...context };
-  // If a name is set and a description is not, set the description to the name.
-  if (ctx.name !== undefined && ctx.description === undefined) {
-    ctx.description = ctx.name;
-  }
-
-  const hub = getCurrentHub();
-  const scope = hub.getScope();
-
-  const parentSpan = scope.getSpan();
-  const activeSpan = parentSpan ? parentSpan.startChild(ctx) : hub.startTransaction(ctx);
-  scope.setSpan(activeSpan);
-
-  function finishAndSetSpan() {
-    activeSpan && activeSpan.finish();
-    hub.getScope().setSpan(parentSpan);
-  }
-
-  let maybePromiseResult;
-  try {
-    maybePromiseResult = callback(activeSpan);
-  } catch (e) {
-    activeSpan && activeSpan.setStatus('internal_error');
-    onError(e);
-    finishAndSetSpan();
-    throw e;
-  }
-
-  if (isThenable(maybePromiseResult)) {
-    Promise.resolve(maybePromiseResult).then(
-      () => {
-        finishAndSetSpan();
-      },
-      e => {
-        activeSpan && activeSpan.setStatus('internal_error');
-        onError(e);
-        finishAndSetSpan();
-      },
-    );
-  } else {
-    finishAndSetSpan();
-  }
-
-  return maybePromiseResult;
-}
-
 // Note: All functions in this file are typed with a return value of `ReturnType<Hub[HUB_FUNCTION]>`,
 // where HUB_FUNCTION is some method on the Hub class.
 //
@@ -4801,11 +4711,7 @@ function prepareEvent(
 
   applyClientOptions(prepared, options);
   applyIntegrationsMetadata(prepared, integrations);
-
-  // Only apply debug metadata to error events.
-  if (event.type === undefined) {
-    applyDebugMetadata(prepared, options.stackParser);
-  }
+  applyDebugMetadata(prepared, options.stackParser);
 
   // If we have scope given to us, use it as the base for further modifications.
   // This allows us to prevent unnecessary copying of data if `captureContext` is not provided.
@@ -4882,8 +4788,6 @@ function applyClientOptions(event, options) {
   }
 }
 
-const debugIdStackParserCache = new WeakMap();
-
 /**
  * Applies debug metadata images to the event in order to apply source maps by looking up their debug ID.
  */
@@ -4894,28 +4798,10 @@ function applyDebugMetadata(event, stackParser) {
     return;
   }
 
-  let debugIdStackFramesCache;
-  const cachedDebugIdStackFrameCache = debugIdStackParserCache.get(stackParser);
-  if (cachedDebugIdStackFrameCache) {
-    debugIdStackFramesCache = cachedDebugIdStackFrameCache;
-  } else {
-    debugIdStackFramesCache = new Map();
-    debugIdStackParserCache.set(stackParser, debugIdStackFramesCache);
-  }
-
   // Build a map of filename -> debug_id
   const filenameDebugIdMap = Object.keys(debugIdMap).reduce((acc, debugIdStackTrace) => {
-    let parsedStack;
-    const cachedParsedStack = debugIdStackFramesCache.get(debugIdStackTrace);
-    if (cachedParsedStack) {
-      parsedStack = cachedParsedStack;
-    } else {
-      parsedStack = stackParser(debugIdStackTrace);
-      debugIdStackFramesCache.set(debugIdStackTrace, parsedStack);
-    }
-
-    for (let i = parsedStack.length - 1; i >= 0; i--) {
-      const stackFrame = parsedStack[i];
+    const parsedStack = stackParser(debugIdStackTrace);
+    for (const stackFrame of parsedStack) {
       if (stackFrame.filename) {
         acc[stackFrame.filename] = debugIdMap[debugIdStackTrace];
         break;
@@ -5820,7 +5706,7 @@ function getEventForEnvelopeItem(item, type) {
   return Array.isArray(item) ? (item )[1] : undefined;
 }
 
-const SDK_VERSION = '7.52.1';
+const SDK_VERSION = '7.46.0';
 
 let originalFunctionToString;
 
@@ -5843,17 +5729,11 @@ class FunctionToString  {constructor() { FunctionToString.prototype.__init.call(
     // eslint-disable-next-line @typescript-eslint/unbound-method
     originalFunctionToString = Function.prototype.toString;
 
-    // intrinsics (like Function.prototype) might be immutable in some environments
-    // e.g. Node with --frozen-intrinsics, XS (an embedded JavaScript engine) or SES (a JavaScript proposal)
-    try {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Function.prototype.toString = function ( ...args) {
-        const context = getOriginalFunction(this) || this;
-        return originalFunctionToString.apply(context, args);
-      };
-    } catch (e) {
-      // ignore errors here, just don't patch this
-    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    Function.prototype.toString = function ( ...args) {
+      const context = getOriginalFunction(this) || this;
+      return originalFunctionToString.apply(context, args);
+    };
   }
 } FunctionToString.__initStatic();
 
@@ -6001,9 +5881,8 @@ function _getPossibleEventMessages(event) {
     return [event.message];
   }
   if (event.exception) {
-    const { values } = event.exception;
     try {
-      const { type = '', value = '' } = (values && values[values.length - 1]) || {};
+      const { type = '', value = '' } = (event.exception.values && event.exception.values[0]) || {};
       return [`${value}`, `${type}: ${value}`];
     } catch (oO) {
       (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.error(`Cannot extract message for event ${getEventDescription(event)}`);
@@ -6053,9 +5932,9 @@ function _getEventFilterUrl(event) {
 }
 
 var Integrations = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  FunctionToString: FunctionToString,
-  InboundFilters: InboundFilters
+    __proto__: null,
+    FunctionToString: FunctionToString,
+    InboundFilters: InboundFilters
 });
 
 const WINDOW$1 = GLOBAL_OBJ ;
@@ -6662,14 +6541,12 @@ function _consoleBreadcrumb(handlerData) {
 function _xhrBreadcrumb(handlerData) {
   const { startTimestamp, endTimestamp } = handlerData;
 
-  const sentryXhrData = handlerData.xhr[SENTRY_XHR_DATA_KEY];
-
   // We only capture complete, non-sentry requests
-  if (!startTimestamp || !endTimestamp || !sentryXhrData) {
+  if (!startTimestamp || !endTimestamp || !handlerData.xhr.__sentry_xhr__) {
     return;
   }
 
-  const { method, url, status_code, body } = sentryXhrData;
+  const { method, url, status_code, body } = handlerData.xhr.__sentry_xhr__;
 
   const data = {
     method,
@@ -6787,43 +6664,6 @@ function _isEvent(event) {
   return event && !!(event ).target;
 }
 
-/**
- * Creates an envelope from a user feedback.
- */
-function createUserFeedbackEnvelope(
-  feedback,
-  {
-    metadata,
-    tunnel,
-    dsn,
-  }
-
-,
-) {
-  const headers = {
-    event_id: feedback.event_id,
-    sent_at: new Date().toISOString(),
-    ...(metadata &&
-      metadata.sdk && {
-        sdk: {
-          name: metadata.sdk.name,
-          version: metadata.sdk.version,
-        },
-      }),
-    ...(!!tunnel && !!dsn && { dsn: dsnToString(dsn) }),
-  };
-  const item = createUserFeedbackEnvelopeItem(feedback);
-
-  return createEnvelope(headers, [item]);
-}
-
-function createUserFeedbackEnvelopeItem(feedback) {
-  const feedbackHeaders = {
-    type: 'user_report',
-  };
-  return [feedbackHeaders, feedback];
-}
-
 /**
  * Configuration options for the Sentry Browser SDK.
  * @see @sentry/types Options for more information.
@@ -6906,23 +6746,6 @@ class BrowserClient extends BaseClient {
     super.sendEvent(event, hint);
   }
 
-  /**
-   * Sends user feedback to Sentry.
-   */
-   captureUserFeedback(feedback) {
-    if (!this._isEnabled()) {
-      (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.warn('SDK not enabled, will not capture user feedback.');
-      return;
-    }
-
-    const envelope = createUserFeedbackEnvelope(feedback, {
-      metadata: this.getSdkMetadata(),
-      dsn: this.getDsn(),
-      tunnel: this.getOptions().tunnel,
-    });
-    void this._sendEnvelope(envelope);
-  }
-
   /**
    * @inheritDoc
    */
@@ -7165,7 +6988,7 @@ function createFrame(filename, func, lineno, colno) {
 
 // Chromium based browsers: Chrome, Brave, new Opera, new Edge
 const chromeRegex =
-  /^\s*at (?:(.+?\)(?: \[.+\])?|.*?) ?\((?:address at )?)?(?:async )?((?:<anonymous>|[-a-z]+:|.*bundle|\/)?.*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
+  /^\s*at (?:(.*\).*?|.*?) ?\((?:address at )?)?(?:async )?((?:file|https?|blob|chrome-extension|address|native|eval|webpack|<anonymous>|[-a-z]+:|.*bundle|\/)?.*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
 const chromeEvalRegex = /\((\S*)(?::(\d+))(?::(\d+))\)/;
 
 const chrome = line => {
@@ -7201,7 +7024,7 @@ const chromeStackLineParser = [CHROME_PRIORITY, chrome];
 // generates filenames without a prefix like `file://` the filenames in the stacktrace are just 42.js
 // We need this specific case for now because we want no other regex to match.
 const geckoREgex =
-  /^\s*(.*?)(?:\((.*?)\))?(?:^|@)?((?:[-a-z]+)?:\/.*?|\[native code\]|[^@]*(?:bundle|\d+\.js)|\/[\w\-. /=]+)(?::(\d+))?(?::(\d+))?\s*$/i;
+  /^\s*(.*?)(?:\((.*?)\))?(?:^|@)?((?:file|https?|blob|chrome|webpack|resource|moz-extension|safari-extension|safari-web-extension|capacitor)?:\/.*?|\[native code\]|[^@]*(?:bundle|\d+\.js)|\/[\w\-. /=]+)(?::(\d+))?(?::(\d+))?\s*$/i;
 const geckoEvalRegex = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i;
 
 const gecko = line => {
@@ -7233,7 +7056,8 @@ const gecko = line => {
 
 const geckoStackLineParser = [GECKO_PRIORITY, gecko];
 
-const winjsRegex = /^\s*at (?:((?:\[object object\])?.+) )?\(?((?:[-a-z]+):.*?):(\d+)(?::(\d+))?\)?\s*$/i;
+const winjsRegex =
+  /^\s*at (?:((?:\[object object\])?.+) )?\(?((?:file|ms-appx|https?|webpack|blob):.*?):(\d+)(?::(\d+))?\)?\s*$/i;
 
 const winjs = line => {
   const parts = winjsRegex.exec(line);
@@ -8279,13 +8103,13 @@ function startSessionTracking() {
 }
 
 var index$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  GlobalHandlers: GlobalHandlers,
-  TryCatch: TryCatch,
-  Breadcrumbs: Breadcrumbs,
-  LinkedErrors: LinkedErrors,
-  HttpContext: HttpContext,
-  Dedupe: Dedupe
+    __proto__: null,
+    GlobalHandlers: GlobalHandlers,
+    TryCatch: TryCatch,
+    Breadcrumbs: Breadcrumbs,
+    LinkedErrors: LinkedErrors,
+    HttpContext: HttpContext,
+    Dedupe: Dedupe
 });
 
 // exporting a separate copy of `WINDOW` rather than exporting the one from `@sentry/browser`
@@ -8298,14 +8122,11 @@ const REPLAY_SESSION_KEY = 'sentryReplaySession';
 const REPLAY_EVENT_NAME = 'replay_event';
 const UNABLE_TO_SEND_REPLAY = 'Unable to send Replay';
 
-// The idle limit for a session after which recording is paused.
-const SESSION_IDLE_PAUSE_DURATION = 300000; // 5 minutes in ms
-
-// The idle limit for a session after which the session expires.
-const SESSION_IDLE_EXPIRE_DURATION = 900000; // 15 minutes in ms
+// The idle limit for a session
+const SESSION_IDLE_DURATION = 300000; // 5 minutes in ms
 
 // The maximum length of a session
-const MAX_SESSION_LIFE = 3600000; // 60 minutes in ms
+const MAX_SESSION_LIFE = 3600000; // 60 minutes
 
 /** Default flush delays */
 const DEFAULT_FLUSH_MIN_DELAY = 5000;
@@ -8314,16 +8135,13 @@ const DEFAULT_FLUSH_MIN_DELAY = 5000;
 const DEFAULT_FLUSH_MAX_DELAY = 5500;
 
 /* How long to wait for error checkouts */
-const BUFFER_CHECKOUT_TIME = 60000;
+const ERROR_CHECKOUT_TIME = 60000;
 
 const RETRY_BASE_INTERVAL = 5000;
 const RETRY_MAX_COUNT = 3;
 
-/* The max (uncompressed) size in bytes of a network body. Any body larger than this will be truncated. */
-const NETWORK_BODY_MAX_SIZE = 150000;
-
-/* The max size of a single console arg that is captured. Any arg larger than this will be truncated. */
-const CONSOLE_ARG_MAX_SIZE = 5000;
+/* The max (uncompressed) size in bytes of a network body. Any body larger than this will be dropped. */
+const NETWORK_BODY_MAX_SIZE = 300000;
 
 var NodeType$1;
 (function (NodeType) {
@@ -8360,7 +8178,7 @@ function maskInputValue({ input, maskInputSelector, unmaskInputSelector, maskInp
     if (unmaskInputSelector && input.matches(unmaskInputSelector)) {
         return text;
     }
-    if (input.hasAttribute('data-rr-is-password')) {
+    if (input.hasAttribute('rr_is_password')) {
         type = 'password';
     }
     if (isInputTypeMasked({ maskInputOptions, tagName, type }) ||
@@ -8393,21 +8211,6 @@ function is2DCanvasBlank(canvas) {
     }
     return true;
 }
-function getInputType(element) {
-    const type = element.type;
-    return element.hasAttribute('data-rr-is-password')
-        ? 'password'
-        : type
-            ? type.toLowerCase()
-            : null;
-}
-function getInputValue(el, tagName, type) {
-    typeof type === 'string' ? type.toLowerCase() : '';
-    if (tagName === 'INPUT' && (type === 'radio' || type === 'checkbox')) {
-        return el.getAttribute('value') || '';
-    }
-    return el.value;
-}
 
 let _id = 1;
 const tagNameRegex = new RegExp('[^a-z0-9-_:]');
@@ -8446,13 +8249,6 @@ function getCssRuleString(rule) {
         catch (_a) {
         }
     }
-    return validateStringifiedCssRule(cssStringified);
-}
-function validateStringifiedCssRule(cssStringified) {
-    if (cssStringified.indexOf(':') > -1) {
-        const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
-        return cssStringified.replace(regex, '$1\\$2');
-    }
     return cssStringified;
 }
 function isCSSImportRule(rule) {
@@ -8461,7 +8257,7 @@ function isCSSImportRule(rule) {
 function stringifyStyleSheet(sheet) {
     return sheet.cssRules
         ? Array.from(sheet.cssRules)
-            .map((rule) => rule.cssText ? validateStringifiedCssRule(rule.cssText) : '')
+            .map((rule) => rule.cssText || '')
             .join('')
         : '';
 }
@@ -8796,15 +8592,14 @@ function serializeNode(n, options) {
                 tagName === 'select' ||
                 tagName === 'option') {
                 const el = n;
-                const type = getInputType(el);
-                const value = getInputValue(el, tagName.toUpperCase(), type);
+                const value = getInputValue(tagName, el, attributes);
                 const checked = n.checked;
-                if (type !== 'submit' &&
-                    type !== 'button' &&
+                if (attributes.type !== 'submit' &&
+                    attributes.type !== 'button' &&
                     value) {
                     attributes.value = maskInputValue({
                         input: el,
-                        type,
+                        type: attributes.type,
                         tagName,
                         value,
                         maskInputSelector,
@@ -9277,8 +9072,15 @@ function snapshot(n, options) {
 function skipAttribute(tagName, attributeName, value) {
     return ((tagName === 'video' || tagName === 'audio') && attributeName === 'autoplay');
 }
+function getInputValue(tagName, el, attributes) {
+    if (tagName === 'input' &&
+        (attributes.type === 'radio' || attributes.type === 'checkbox')) {
+        return el.getAttribute('value') || '';
+    }
+    return el.value;
+}
 
-var EventType$1;
+var EventType;
 (function (EventType) {
     EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
     EventType[EventType["Load"] = 1] = "Load";
@@ -9287,7 +9089,7 @@ var EventType$1;
     EventType[EventType["Meta"] = 4] = "Meta";
     EventType[EventType["Custom"] = 5] = "Custom";
     EventType[EventType["Plugin"] = 6] = "Plugin";
-})(EventType$1 || (EventType$1 = {}));
+})(EventType || (EventType = {}));
 var IncrementalSource;
 (function (IncrementalSource) {
     IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
@@ -9902,9 +9704,9 @@ class MutationBuffer {
                         this.attributes.push(item);
                     }
                     if (m.attributeName === 'type' &&
-                        target.tagName === 'INPUT' &&
+                        m.target.tagName === 'INPUT' &&
                         (m.oldValue || '').toLowerCase() === 'password') {
-                        target.setAttribute('data-rr-is-password', 'true');
+                        m.target.setAttribute('rr_is_password', 'true');
                     }
                     if (m.attributeName === 'style') {
                         const old = this.doc.createElement('span');
@@ -10301,25 +10103,27 @@ function initInputObserver({ inputCb, doc, mirror, blockClass, blockSelector, un
             isBlocked(target, blockClass, blockSelector, unblockSelector)) {
             return;
         }
-        const el = target;
-        const type = getInputType(el);
-        if (el.classList.contains(ignoreClass) ||
-            (ignoreSelector && el.matches(ignoreSelector))) {
+        let type = target.type;
+        if (target.classList.contains(ignoreClass) ||
+            (ignoreSelector && target.matches(ignoreSelector))) {
             return;
         }
-        let text = getInputValue(el, tagName, type);
+        let text = target.value;
         let isChecked = false;
+        if (target.hasAttribute('rr_is_password')) {
+            type = 'password';
+        }
         if (type === 'radio' || type === 'checkbox') {
             isChecked = target.checked;
         }
-        if (hasInputMaskOptions({
+        else if (hasInputMaskOptions({
             maskInputOptions,
             maskInputSelector,
             tagName,
             type,
         })) {
             text = maskInputValue({
-                input: el,
+                input: target,
                 maskInputOptions,
                 maskInputSelector,
                 unmaskInputSelector,
@@ -10336,18 +10140,8 @@ function initInputObserver({ inputCb, doc, mirror, blockClass, blockSelector, un
                 .querySelectorAll(`input[type="radio"][name="${name}"]`)
                 .forEach((el) => {
                 if (el !== target) {
-                    const text = maskInputValue({
-                        input: el,
-                        maskInputOptions,
-                        maskInputSelector,
-                        unmaskInputSelector,
-                        tagName,
-                        type,
-                        value: getInputValue(el, tagName, type),
-                        maskInputFn,
-                    });
                     cbWithDedup(el, callbackWrapper(wrapEventWithUserTriggeredFlag)({
-                        text,
+                        text: el.value,
                         isChecked: !isChecked,
                         userTriggered: false,
                     }, userTriggeredOnInput));
@@ -11260,17 +11054,17 @@ function record(options = {}) {
     wrappedEmit = (e, isCheckout) => {
         var _a;
         if (((_a = mutationBuffers[0]) === null || _a === void 0 ? void 0 : _a.isFrozen()) &&
-            e.type !== EventType$1.FullSnapshot &&
-            !(e.type === EventType$1.IncrementalSnapshot &&
+            e.type !== EventType.FullSnapshot &&
+            !(e.type === EventType.IncrementalSnapshot &&
                 e.data.source === IncrementalSource.Mutation)) {
             mutationBuffers.forEach((buf) => buf.unfreeze());
         }
         emit(eventProcessor(e), isCheckout);
-        if (e.type === EventType$1.FullSnapshot) {
+        if (e.type === EventType.FullSnapshot) {
             lastFullSnapshotEvent = e;
             incrementalSnapshotCount = 0;
         }
-        else if (e.type === EventType$1.IncrementalSnapshot) {
+        else if (e.type === EventType.IncrementalSnapshot) {
             if (e.data.source === IncrementalSource.Mutation &&
                 e.data.isAttachIframe) {
                 return;
@@ -11286,16 +11080,16 @@ function record(options = {}) {
     };
     const wrappedMutationEmit = (m) => {
         wrappedEmit(wrapEvent({
-            type: EventType$1.IncrementalSnapshot,
+            type: EventType.IncrementalSnapshot,
             data: Object.assign({ source: IncrementalSource.Mutation }, m),
         }));
     };
     const wrappedScrollEmit = (p) => wrappedEmit(wrapEvent({
-        type: EventType$1.IncrementalSnapshot,
+        type: EventType.IncrementalSnapshot,
         data: Object.assign({ source: IncrementalSource.Scroll }, p),
     }));
     const wrappedCanvasMutationEmit = (p) => wrappedEmit(wrapEvent({
-        type: EventType$1.IncrementalSnapshot,
+        type: EventType.IncrementalSnapshot,
         data: Object.assign({ source: IncrementalSource.CanvasMutation }, p),
     }));
     const iframeManager = new IframeManager({
@@ -11340,7 +11134,7 @@ function record(options = {}) {
     takeFullSnapshot = (isCheckout = false) => {
         var _a, _b, _c, _d;
         wrappedEmit(wrapEvent({
-            type: EventType$1.Meta,
+            type: EventType.Meta,
             data: {
                 href: window.location.href,
                 width: getWindowWidth(),
@@ -11383,7 +11177,7 @@ function record(options = {}) {
         }
         mirror.map = idNodeMap;
         wrappedEmit(wrapEvent({
-            type: EventType$1.FullSnapshot,
+            type: EventType.FullSnapshot,
             data: {
                 node,
                 initialOffset: {
@@ -11408,7 +11202,7 @@ function record(options = {}) {
         const handlers = [];
         handlers.push(on$1('DOMContentLoaded', () => {
             wrappedEmit(wrapEvent({
-                type: EventType$1.DomContentLoaded,
+                type: EventType.DomContentLoaded,
                 data: {},
             }));
         }));
@@ -11418,40 +11212,40 @@ function record(options = {}) {
                 onMutation,
                 mutationCb: wrappedMutationEmit,
                 mousemoveCb: (positions, source) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: {
                         source,
                         positions,
                     },
                 })),
                 mouseInteractionCb: (d) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.MouseInteraction }, d),
                 })),
                 scrollCb: wrappedScrollEmit,
                 viewportResizeCb: (d) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.ViewportResize }, d),
                 })),
                 inputCb: (v) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.Input }, v),
                 })),
                 mediaInteractionCb: (p) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.MediaInteraction }, p),
                 })),
                 styleSheetRuleCb: (r) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.StyleSheetRule }, r),
                 })),
                 styleDeclarationCb: (r) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.StyleDeclaration }, r),
                 })),
                 canvasMutationCb: wrappedCanvasMutationEmit,
                 fontCb: (p) => wrappedEmit(wrapEvent({
-                    type: EventType$1.IncrementalSnapshot,
+                    type: EventType.IncrementalSnapshot,
                     data: Object.assign({ source: IncrementalSource.Font }, p),
                 })),
                 blockClass,
@@ -11484,7 +11278,7 @@ function record(options = {}) {
                     observer: p.observer,
                     options: p.options,
                     callback: (payload) => wrappedEmit(wrapEvent({
-                        type: EventType$1.Plugin,
+                        type: EventType.Plugin,
                         data: {
                             plugin: p.name,
                             payload,
@@ -11512,7 +11306,7 @@ function record(options = {}) {
         else {
             handlers.push(on$1('load', () => {
                 wrappedEmit(wrapEvent({
-                    type: EventType$1.Load,
+                    type: EventType.Load,
                     data: {},
                 }));
                 init();
@@ -11531,7 +11325,7 @@ record.addCustomEvent = (tag, payload) => {
         throw new Error('please add custom event after start recording');
     }
     wrappedEmit(wrapEvent({
-        type: EventType$1.Custom,
+        type: EventType.Custom,
         data: {
             tag,
             payload,
@@ -11549,475 +11343,6 @@ record.takeFullSnapshot = (isCheckout) => {
 };
 record.mirror = mirror;
 
-/**
- * Create a breadcrumb for a replay.
- */
-function createBreadcrumb(
-  breadcrumb,
-) {
-  return {
-    timestamp: Date.now() / 1000,
-    type: 'default',
-    ...breadcrumb,
-  };
-}
-
-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 = {}));
-
-/**
- * Converts a timestamp to ms, if it was in s, or keeps it as ms.
- */
-function timestampToMs(timestamp) {
-  const isMs = timestamp > 9999999999;
-  return isMs ? timestamp : timestamp * 1000;
-}
-
-/**
- * Add an event to the event buffer.
- * `isCheckout` is true if this is either the very first event, or an event triggered by `checkoutEveryNms`.
- */
-async function addEvent(
-  replay,
-  event,
-  isCheckout,
-) {
-  if (!replay.eventBuffer) {
-    // This implies that `_isEnabled` is false
-    return null;
-  }
-
-  if (replay.isPaused()) {
-    // Do not add to event buffer when recording is paused
-    return null;
-  }
-
-  const timestampInMs = timestampToMs(event.timestamp);
-
-  // Throw out events that happen more than 5 minutes ago. This can happen if
-  // page has been left open and idle for a long period of time and user
-  // comes back to trigger a new session. The performance entries rely on
-  // `performance.timeOrigin`, which is when the page first opened.
-  if (timestampInMs + replay.timeouts.sessionIdlePause < Date.now()) {
-    return null;
-  }
-
-  try {
-    if (isCheckout) {
-      replay.eventBuffer.clear();
-    }
-
-    return await replay.eventBuffer.addEvent(event);
-  } catch (error) {
-    (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.error(error);
-    await replay.stop('addEvent');
-
-    const client = getCurrentHub().getClient();
-
-    if (client) {
-      client.recordDroppedEvent('internal_sdk_error', 'replay');
-    }
-  }
-}
-
-/**
- * Add a breadcrumb event to replay.
- */
-function addBreadcrumbEvent(replay, breadcrumb) {
-  if (breadcrumb.category === 'sentry.transaction') {
-    return;
-  }
-
-  if (['ui.click', 'ui.input'].includes(breadcrumb.category )) {
-    replay.triggerUserActivity();
-  } else {
-    replay.checkAndHandleExpiredSession();
-  }
-
-  replay.addUpdate(() => {
-    void addEvent(replay, {
-      type: EventType$1.Custom,
-      // TODO: We were converting from ms to seconds for breadcrumbs, spans,
-      // but maybe we should just keep them as milliseconds
-      timestamp: (breadcrumb.timestamp || 0) * 1000,
-      data: {
-        tag: 'breadcrumb',
-        // normalize to max. 10 depth and 1_000 properties per object
-        payload: normalize(breadcrumb, 10, 1000),
-      },
-    });
-
-    // Do not flush after console log messages
-    return breadcrumb.category === 'console';
-  });
-}
-
-/**
- * Detect a slow click on a button/a tag,
- * and potentially create a corresponding breadcrumb.
- */
-function detectSlowClick(
-  replay,
-  config,
-  clickBreadcrumb,
-  node,
-) {
-  if (ignoreElement(node, config)) {
-    return;
-  }
-
-  /*
-    We consider a slow click a click on a button/a, which does not trigger one of:
-     - DOM mutation
-     - Scroll (within 100ms)
-     Within the given threshold time.
-     After time timeout time, we stop listening and mark it as a slow click anyhow.
-  */
-
-  let cleanup = () => {
-    // replaced further down
-  };
-
-  // After timeout time, def. consider this a slow click, and stop watching for mutations
-  const timeout = setTimeout(() => {
-    handleSlowClick(replay, clickBreadcrumb, config.timeout, 'timeout');
-    cleanup();
-  }, config.timeout);
-
-  const mutationHandler = () => {
-    maybeHandleSlowClick(replay, clickBreadcrumb, config.threshold, config.timeout, 'mutation');
-    cleanup();
-  };
-
-  const scrollHandler = () => {
-    maybeHandleSlowClick(replay, clickBreadcrumb, config.scrollTimeout, config.timeout, 'scroll');
-    cleanup();
-  };
-
-  const obs = new MutationObserver(mutationHandler);
-
-  obs.observe(WINDOW.document.documentElement, {
-    attributes: true,
-    characterData: true,
-    childList: true,
-    subtree: true,
-  });
-
-  WINDOW.addEventListener('scroll', scrollHandler);
-
-  // Stop listening to scroll timeouts early
-  const scrollTimeout = setTimeout(() => {
-    WINDOW.removeEventListener('scroll', scrollHandler);
-  }, config.scrollTimeout);
-
-  cleanup = () => {
-    clearTimeout(timeout);
-    clearTimeout(scrollTimeout);
-    obs.disconnect();
-    WINDOW.removeEventListener('scroll', scrollHandler);
-  };
-}
-
-function maybeHandleSlowClick(
-  replay,
-  clickBreadcrumb,
-  threshold,
-  timeout,
-  endReason,
-) {
-  const now = Date.now();
-  const timeAfterClickMs = now - clickBreadcrumb.timestamp * 1000;
-
-  if (timeAfterClickMs > threshold) {
-    handleSlowClick(replay, clickBreadcrumb, Math.min(timeAfterClickMs, timeout), endReason);
-    return true;
-  }
-
-  return false;
-}
-
-function handleSlowClick(
-  replay,
-  clickBreadcrumb,
-  timeAfterClickMs,
-  endReason,
-) {
-  const breadcrumb = {
-    message: clickBreadcrumb.message,
-    timestamp: clickBreadcrumb.timestamp,
-    category: 'ui.slowClickDetected',
-    data: {
-      ...clickBreadcrumb.data,
-      url: WINDOW.location.href,
-      // TODO FN: add parametrized route, when possible
-      timeAfterClickMs,
-      endReason,
-    },
-  };
-
-  addBreadcrumbEvent(replay, breadcrumb);
-}
-
-const SLOW_CLICK_IGNORE_TAGS = ['SELECT', 'OPTION'];
-
-function ignoreElement(node, config) {
-  // If <input> tag, we only want to consider input[type='submit'] & input[type='button']
-  if (node.tagName === 'INPUT' && !['submit', 'button'].includes(node.getAttribute('type') || '')) {
-    return true;
-  }
-
-  if (SLOW_CLICK_IGNORE_TAGS.includes(node.tagName)) {
-    return true;
-  }
-
-  // If <a> tag, detect special variants that may not lead to an action
-  // If target !== _self, we may open the link somewhere else, which would lead to no action
-  // Also, when downloading a file, we may not leave the page, but still not trigger an action
-  if (
-    node.tagName === 'A' &&
-    (node.hasAttribute('download') || (node.hasAttribute('target') && node.getAttribute('target') !== '_self'))
-  ) {
-    return true;
-  }
-
-  if (config.ignoreSelector && node.matches(config.ignoreSelector)) {
-    return true;
-  }
-
-  return false;
-}
-
-// Note that these are the serialized attributes and not attributes directly on
-// the DOM Node. Attributes we are interested in:
-const ATTRIBUTES_TO_RECORD = new Set([
-  'id',
-  'class',
-  'aria-label',
-  'role',
-  'name',
-  'alt',
-  'title',
-  'data-test-id',
-  'data-testid',
-]);
-
-/**
- * Inclusion list of attributes that we want to record from the DOM element
- */
-function getAttributesToRecord(attributes) {
-  const obj = {};
-  for (const key in attributes) {
-    if (ATTRIBUTES_TO_RECORD.has(key)) {
-      let normalizedKey = key;
-
-      if (key === 'data-testid' || key === 'data-test-id') {
-        normalizedKey = 'testId';
-      }
-
-      obj[normalizedKey] = attributes[key];
-    }
-  }
-
-  return obj;
-}
-
-const handleDomListener = (
-  replay,
-) => {
-  const slowClickExperiment = replay.getOptions()._experiments.slowClicks;
-
-  const slowClickConfig = slowClickExperiment
-    ? {
-        threshold: slowClickExperiment.threshold,
-        timeout: slowClickExperiment.timeout,
-        scrollTimeout: slowClickExperiment.scrollTimeout,
-        ignoreSelector: slowClickExperiment.ignoreSelectors ? slowClickExperiment.ignoreSelectors.join(',') : '',
-      }
-    : undefined;
-
-  return (handlerData) => {
-    if (!replay.isEnabled()) {
-      return;
-    }
-
-    const result = handleDom(handlerData);
-
-    if (!result) {
-      return;
-    }
-
-    const isClick = handlerData.name === 'click';
-    const event = isClick && (handlerData.event );
-    // Ignore clicks if ctrl/alt/meta keys are held down as they alter behavior of clicks (e.g. open in new tab)
-    if (isClick && slowClickConfig && event && !event.altKey && !event.metaKey && !event.ctrlKey) {
-      detectSlowClick(
-        replay,
-        slowClickConfig,
-        result ,
-        getClickTargetNode(handlerData.event) ,
-      );
-    }
-
-    addBreadcrumbEvent(replay, result);
-  };
-};
-
-/** Get the base DOM breadcrumb. */
-function getBaseDomBreadcrumb(target, message) {
-  // `__sn` property is the serialized node created by rrweb
-  const serializedNode = target && isRrwebNode(target) && target.__sn.type === NodeType.Element ? target.__sn : null;
-
-  return {
-    message,
-    data: serializedNode
-      ? {
-          nodeId: serializedNode.id,
-          node: {
-            id: serializedNode.id,
-            tagName: serializedNode.tagName,
-            textContent: target
-              ? Array.from(target.childNodes)
-                  .map(
-                    (node) => '__sn' in node && node.__sn.type === NodeType.Text && node.__sn.textContent,
-                  )
-                  .filter(Boolean) // filter out empty values
-                  .map(text => (text ).trim())
-                  .join('')
-              : '',
-            attributes: getAttributesToRecord(serializedNode.attributes),
-          },
-        }
-      : {},
-  };
-}
-
-/**
- * An event handler to react to DOM events.
- * Exported for tests.
- */
-function handleDom(handlerData) {
-  const { target, message } = getDomTarget(handlerData);
-
-  return createBreadcrumb({
-    category: `ui.${handlerData.name}`,
-    ...getBaseDomBreadcrumb(target, message),
-  });
-}
-
-function getDomTarget(handlerData) {
-  const isClick = handlerData.name === 'click';
-
-  let message;
-  let target = null;
-
-  // Accessing event.target can throw (see getsentry/raven-js#838, #768)
-  try {
-    target = isClick ? getClickTargetNode(handlerData.event) : getTargetNode(handlerData.event);
-    message = htmlTreeAsString(target, { maxStringLength: 200 }) || '<unknown>';
-  } catch (e) {
-    message = '<unknown>';
-  }
-
-  return { target, message };
-}
-
-function isRrwebNode(node) {
-  return '__sn' in node;
-}
-
-function getTargetNode(event) {
-  if (isEventWithTarget(event)) {
-    return event.target ;
-  }
-
-  return event;
-}
-
-const INTERACTIVE_SELECTOR = 'button,a';
-
-// For clicks, we check if the target is inside of a button or link
-// If so, we use this as the target instead
-// This is useful because if you click on the image in <button><img></button>,
-// The target will be the image, not the button, which we don't want here
-function getClickTargetNode(event) {
-  const target = getTargetNode(event);
-
-  if (!target || !(target instanceof Element)) {
-    return target;
-  }
-
-  const closestInteractive = target.closest(INTERACTIVE_SELECTOR);
-  return closestInteractive || target;
-}
-
-function isEventWithTarget(event) {
-  return typeof event === 'object' && !!event && 'target' in event;
-}
-
-/** Handle keyboard events & create breadcrumbs. */
-function handleKeyboardEvent(replay, event) {
-  if (!replay.isEnabled()) {
-    return;
-  }
-
-  replay.triggerUserActivity();
-
-  const breadcrumb = getKeyboardBreadcrumb(event);
-
-  if (!breadcrumb) {
-    return;
-  }
-
-  addBreadcrumbEvent(replay, breadcrumb);
-}
-
-/** exported only for tests */
-function getKeyboardBreadcrumb(event) {
-  const { metaKey, shiftKey, ctrlKey, altKey, key, target } = event;
-
-  // never capture for input fields
-  if (!target || isInputElement(target )) {
-    return null;
-  }
-
-  // Note: We do not consider shift here, as that means "uppercase"
-  const hasModifierKey = metaKey || ctrlKey || altKey;
-  const isCharacterKey = key.length === 1; // other keys like Escape, Tab, etc have a longer length
-
-  // Do not capture breadcrumb if only a word key is pressed
-  // This could leak e.g. user input
-  if (!hasModifierKey && isCharacterKey) {
-    return null;
-  }
-
-  const message = htmlTreeAsString(target, { maxStringLength: 200 }) || '<unknown>';
-  const baseBreadcrumb = getBaseDomBreadcrumb(target , message);
-
-  return createBreadcrumb({
-    category: 'ui.keyDown',
-    message,
-    data: {
-      ...baseBreadcrumb.data,
-      metaKey,
-      shiftKey,
-      ctrlKey,
-      altKey,
-      key,
-    },
-  });
-}
-
-function isInputElement(target) {
-  return target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable;
-}
-
 const NAVIGATION_ENTRY_KEYS = [
   'name',
   'type',
@@ -12171,19 +11496,20 @@ class EventBufferArray  {
     return this.events.length > 0;
   }
 
-  /** @inheritdoc */
-   get type() {
-    return 'sync';
-  }
-
   /** @inheritdoc */
    destroy() {
     this.events = [];
   }
 
   /** @inheritdoc */
-   async addEvent(event) {
+   async addEvent(event, isCheckout) {
+    if (isCheckout) {
+      this.events = [event];
+      return;
+    }
+
     this.events.push(event);
+    return;
   }
 
   /** @inheritdoc */
@@ -12197,22 +11523,6 @@ class EventBufferArray  {
       resolve(JSON.stringify(eventsRet));
     });
   }
-
-  /** @inheritdoc */
-   clear() {
-    this.events = [];
-  }
-
-  /** @inheritdoc */
-   getEarliestTimestamp() {
-    const timestamp = this.events.map(event => event.timestamp).sort()[0];
-
-    if (!timestamp) {
-      return null;
-    }
-
-    return timestampToMs(timestamp);
-  }
 }
 
 /**
@@ -12320,20 +11630,11 @@ class WorkerHandler {
  * Exported only for testing.
  */
 class EventBufferCompressionWorker  {
+  /** @inheritdoc */
 
    constructor(worker) {
     this._worker = new WorkerHandler(worker);
-    this._earliestTimestamp = null;
-  }
-
-  /** @inheritdoc */
-   get hasEvents() {
-    return !!this._earliestTimestamp;
-  }
-
-  /** @inheritdoc */
-   get type() {
-    return 'worker';
+    this.hasEvents = false;
   }
 
   /**
@@ -12356,10 +11657,13 @@ class EventBufferCompressionWorker  {
    *
    * Returns true if event was successfuly received and processed by worker.
    */
-   addEvent(event) {
-    const timestamp = timestampToMs(event.timestamp);
-    if (!this._earliestTimestamp || timestamp < this._earliestTimestamp) {
-      this._earliestTimestamp = timestamp;
+   async addEvent(event, isCheckout) {
+    this.hasEvents = true;
+
+    if (isCheckout) {
+      // This event is a checkout, make sure worker buffer is cleared before
+      // proceeding.
+      await this._clear();
     }
 
     return this._sendEventToWorker(event);
@@ -12372,18 +11676,6 @@ class EventBufferCompressionWorker  {
     return this._finishRequest();
   }
 
-  /** @inheritdoc */
-   clear() {
-    this._earliestTimestamp = null;
-    // We do not wait on this, as we assume the order of messages is consistent for the worker
-    void this._worker.postMessage('clear');
-  }
-
-  /** @inheritdoc */
-   getEarliestTimestamp() {
-    return this._earliestTimestamp;
-  }
-
   /**
    * Send the event to the worker.
    */
@@ -12397,10 +11689,15 @@ class EventBufferCompressionWorker  {
    async _finishRequest() {
     const response = await this._worker.postMessage('finish');
 
-    this._earliestTimestamp = null;
+    this.hasEvents = false;
 
     return response;
   }
+
+  /** Clear any pending events from the worker. */
+   _clear() {
+    return this._worker.postMessage('clear');
+  }
 }
 
 /**
@@ -12418,11 +11715,6 @@ class EventBufferProxy  {
     this._ensureWorkerIsLoadedPromise = this._ensureWorkerIsLoaded();
   }
 
-  /** @inheritdoc */
-   get type() {
-    return this._used.type;
-  }
-
   /** @inheritDoc */
    get hasEvents() {
     return this._used.hasEvents;
@@ -12434,23 +11726,13 @@ class EventBufferProxy  {
     this._compression.destroy();
   }
 
-  /** @inheritdoc */
-   clear() {
-    return this._used.clear();
-  }
-
-  /** @inheritdoc */
-   getEarliestTimestamp() {
-    return this._used.getEarliestTimestamp();
-  }
-
   /**
    * Add an event to the event buffer.
    *
    * Returns true if event was successfully added.
    */
-   addEvent(event) {
-    return this._used.addEvent(event);
+   addEvent(event, isCheckout) {
+    return this._used.addEvent(event, isCheckout);
   }
 
   /** @inheritDoc */
@@ -12525,31 +11807,6 @@ function createEventBuffer({ useCompression }) {
   return new EventBufferArray();
 }
 
-/**
- * Removes the session from Session Storage and unsets session in replay instance
- */
-function clearSession(replay) {
-  deleteSession();
-  replay.session = undefined;
-}
-
-/**
- * Deletes a session from storage
- */
-function deleteSession() {
-  const hasSessionStorage = 'sessionStorage' in WINDOW;
-
-  if (!hasSessionStorage) {
-    return;
-  }
-
-  try {
-    WINDOW.sessionStorage.removeItem(REPLAY_SESSION_KEY);
-  } catch (e) {
-    // Ignore potential SecurityError exceptions
-  }
-}
-
 /**
  * Given an initial timestamp and an expiry duration, checks to see if current
  * time should be considered as expired.
@@ -12580,26 +11837,11 @@ function isSessionExpired(session, timeouts, targetTime = +new Date()) {
     // First, check that maximum session length has not been exceeded
     isExpired(session.started, timeouts.maxSessionLife, targetTime) ||
     // check that the idle timeout has not been exceeded (i.e. user has
-    // performed an action within the last `sessionIdleExpire` ms)
-    isExpired(session.lastActivity, timeouts.sessionIdleExpire, targetTime)
+    // performed an action within the last `idleTimeout` ms)
+    isExpired(session.lastActivity, timeouts.sessionIdle, targetTime)
   );
 }
 
-/**
- * Given a sample rate, returns true if replay should be sampled.
- *
- * 1.0 = 100% sampling
- * 0.0 = 0% sampling
- */
-function isSampled(sampleRate) {
-  if (sampleRate === undefined) {
-    return false;
-  }
-
-  // Math.random() returns a number in range of 0 to 1 (inclusive of 0, but not 1)
-  return Math.random() < sampleRate;
-}
-
 /**
  * Save a session to session storage.
  */
@@ -12616,6 +11858,21 @@ function saveSession(session) {
   }
 }
 
+/**
+ * Given a sample rate, returns true if replay should be sampled.
+ *
+ * 1.0 = 100% sampling
+ * 0.0 = 0% sampling
+ */
+function isSampled(sampleRate) {
+  if (sampleRate === undefined) {
+    return false;
+  }
+
+  // Math.random() returns a number in range of 0 to 1 (inclusive of 0, but not 1)
+  return Math.random() < sampleRate;
+}
+
 /**
  * Get a session with defaults & applied sampling.
  */
@@ -12634,15 +11891,14 @@ function makeSession(session) {
     lastActivity,
     segmentId,
     sampled,
-    shouldRefresh: true,
   };
 }
 
 /**
  * Get the sampled status for a session based on sample rates & current sampled status.
  */
-function getSessionSampleType(sessionSampleRate, allowBuffering) {
-  return isSampled(sessionSampleRate) ? 'session' : allowBuffering ? 'buffer' : false;
+function getSessionSampleType(sessionSampleRate, errorSampleRate) {
+  return isSampled(sessionSampleRate) ? 'session' : isSampled(errorSampleRate) ? 'error' : false;
 }
 
 /**
@@ -12650,8 +11906,8 @@ function getSessionSampleType(sessionSampleRate, allowBuffering) {
  * that all replays will be saved to as attachments. Currently, we only expect
  * one of these Sentry events per "replay session".
  */
-function createSession({ sessionSampleRate, allowBuffering, stickySession = false }) {
-  const sampled = getSessionSampleType(sessionSampleRate, allowBuffering);
+function createSession({ sessionSampleRate, errorSampleRate, stickySession = false }) {
+  const sampled = getSessionSampleType(sessionSampleRate, errorSampleRate);
   const session = makeSession({
     sampled,
   });
@@ -12699,7 +11955,7 @@ function getSession({
   currentSession,
   stickySession,
   sessionSampleRate,
-  allowBuffering,
+  errorSampleRate,
 }) {
   // If session exists and is passed, use it instead of always hitting session storage
   const session = currentSession || (stickySession && fetchSession());
@@ -12712,9 +11968,8 @@ function getSession({
 
     if (!isExpired) {
       return { type: 'saved', session };
-    } else if (!session.shouldRefresh) {
-      // In this case, stop
-      // This is the case if we have an error session that is completed (=triggered an error)
+    } else if (session.sampled === 'error') {
+      // Error samples should not be re-created when expired, but instead we stop when the replay is done
       const discardedSession = makeSession({ sampled: false });
       return { type: 'new', session: discardedSession };
     } else {
@@ -12726,12 +11981,65 @@ function getSession({
   const newSession = createSession({
     stickySession,
     sessionSampleRate,
-    allowBuffering,
+    errorSampleRate,
   });
 
   return { type: 'new', session: newSession };
 }
 
+/**
+ * Add an event to the event buffer.
+ * `isCheckout` is true if this is either the very first event, or an event triggered by `checkoutEveryNms`.
+ */
+async function addEvent(
+  replay,
+  event,
+  isCheckout,
+) {
+  if (!replay.eventBuffer) {
+    // This implies that `_isEnabled` is false
+    return null;
+  }
+
+  if (replay.isPaused()) {
+    // Do not add to event buffer when recording is paused
+    return null;
+  }
+
+  // TODO: sadness -- we will want to normalize timestamps to be in ms -
+  // requires coordination with frontend
+  const isMs = event.timestamp > 9999999999;
+  const timestampInMs = isMs ? event.timestamp : event.timestamp * 1000;
+
+  // Throw out events that happen more than 5 minutes ago. This can happen if
+  // page has been left open and idle for a long period of time and user
+  // comes back to trigger a new session. The performance entries rely on
+  // `performance.timeOrigin`, which is when the page first opened.
+  if (timestampInMs + replay.timeouts.sessionIdle < Date.now()) {
+    return null;
+  }
+
+  // Only record earliest event if a new session was created, otherwise it
+  // shouldn't be relevant
+  const earliestEvent = replay.getContext().earliestEvent;
+  if (replay.session && replay.session.segmentId === 0 && (!earliestEvent || timestampInMs < earliestEvent)) {
+    replay.getContext().earliestEvent = timestampInMs;
+  }
+
+  try {
+    return await replay.eventBuffer.addEvent(event, isCheckout);
+  } catch (error) {
+    (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.error(error);
+    replay.stop('addEvent');
+
+    const client = getCurrentHub().getClient();
+
+    if (client) {
+      client.recordDroppedEvent('internal_sdk_error', 'replay');
+    }
+  }
+}
+
 /** If the event is an error event */
 function isErrorEvent(event) {
   return !event.type;
@@ -12781,21 +12089,31 @@ function handleAfterSendEvent(replay) {
       return;
     }
 
-    // Add error to list of errorIds of replay. This is ok to do even if not
-    // sampled because context will get reset at next checkout.
-    // XXX: There is also a race condition where it's possible to capture an
-    // error to Sentry before Replay SDK has loaded, but response returns after
-    // it was loaded, and this gets called.
+    // Add error to list of errorIds of replay
     if (event.event_id) {
       replay.getContext().errorIds.add(event.event_id);
     }
 
-    // If error event is tagged with replay id it means it was sampled (when in buffer mode)
+    // Trigger error recording
     // Need to be very careful that this does not cause an infinite loop
-    if (replay.recordingMode === 'buffer' && event.tags && event.tags.replayId) {
-      setTimeout(() => {
-        // Capture current event buffer as new replay
-        void replay.sendBufferedReplayOrFlush();
+    if (
+      replay.recordingMode === 'error' &&
+      event.exception &&
+      event.message !== UNABLE_TO_SEND_REPLAY // ignore this error because otherwise we could loop indefinitely with trying to capture replay and failing
+    ) {
+      setTimeout(async () => {
+        // Allow flush to complete before resuming as a session recording, otherwise
+        // the checkout from `startRecording` may be included in the payload.
+        // Prefer to keep the error replay as a separate (and smaller) segment
+        // than the session replay.
+        await replay.flushImmediate();
+
+        if (replay.stopRecording()) {
+          // Reset all "capture on error" configuration before
+          // starting a new recording
+          replay.recordingMode = 'session';
+          replay.startRecording();
+        }
       });
     }
   };
@@ -12817,6 +12135,166 @@ function isBaseTransportSend() {
   );
 }
 
+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 = {}));
+
+/**
+ * Create a breadcrumb for a replay.
+ */
+function createBreadcrumb(
+  breadcrumb,
+) {
+  return {
+    timestamp: Date.now() / 1000,
+    type: 'default',
+    ...breadcrumb,
+  };
+}
+
+/**
+ * Add a breadcrumb event to replay.
+ */
+function addBreadcrumbEvent(replay, breadcrumb) {
+  if (breadcrumb.category === 'sentry.transaction') {
+    return;
+  }
+
+  if (['ui.click', 'ui.input'].includes(breadcrumb.category )) {
+    replay.triggerUserActivity();
+  } else {
+    replay.checkAndHandleExpiredSession();
+  }
+
+  replay.addUpdate(() => {
+    void addEvent(replay, {
+      type: EventType.Custom,
+      // TODO: We were converting from ms to seconds for breadcrumbs, spans,
+      // but maybe we should just keep them as milliseconds
+      timestamp: (breadcrumb.timestamp || 0) * 1000,
+      data: {
+        tag: 'breadcrumb',
+        payload: breadcrumb,
+      },
+    });
+
+    // Do not flush after console log messages
+    return breadcrumb.category === 'console';
+  });
+}
+
+// Note that these are the serialized attributes and not attributes directly on
+// the DOM Node. Attributes we are interested in:
+const ATTRIBUTES_TO_RECORD = new Set([
+  'id',
+  'class',
+  'aria-label',
+  'role',
+  'name',
+  'alt',
+  'title',
+  'data-test-id',
+  'data-testid',
+]);
+
+/**
+ * Inclusion list of attributes that we want to record from the DOM element
+ */
+function getAttributesToRecord(attributes) {
+  const obj = {};
+  for (const key in attributes) {
+    if (ATTRIBUTES_TO_RECORD.has(key)) {
+      let normalizedKey = key;
+
+      if (key === 'data-testid' || key === 'data-test-id') {
+        normalizedKey = 'testId';
+      }
+
+      obj[normalizedKey] = attributes[key];
+    }
+  }
+
+  return obj;
+}
+
+const handleDomListener =
+  (replay) =>
+  (handlerData) => {
+    if (!replay.isEnabled()) {
+      return;
+    }
+
+    const result = handleDom(handlerData);
+
+    if (!result) {
+      return;
+    }
+
+    addBreadcrumbEvent(replay, result);
+  };
+
+/**
+ * An event handler to react to DOM events.
+ */
+function handleDom(handlerData) {
+  let target;
+  let targetNode;
+
+  // Accessing event.target can throw (see getsentry/raven-js#838, #768)
+  try {
+    targetNode = getTargetNode(handlerData);
+    target = htmlTreeAsString(targetNode);
+  } catch (e) {
+    target = '<unknown>';
+  }
+
+  // `__sn` property is the serialized node created by rrweb
+  const serializedNode =
+    targetNode && '__sn' in targetNode && targetNode.__sn.type === NodeType.Element ? targetNode.__sn : null;
+
+  return createBreadcrumb({
+    category: `ui.${handlerData.name}`,
+    message: target,
+    data: serializedNode
+      ? {
+          nodeId: serializedNode.id,
+          node: {
+            id: serializedNode.id,
+            tagName: serializedNode.tagName,
+            textContent: targetNode
+              ? Array.from(targetNode.childNodes)
+                  .map(
+                    (node) => '__sn' in node && node.__sn.type === NodeType.Text && node.__sn.textContent,
+                  )
+                  .filter(Boolean) // filter out empty values
+                  .map(text => (text ).trim())
+                  .join('')
+              : '',
+            attributes: getAttributesToRecord(serializedNode.attributes),
+          },
+        }
+      : {},
+  });
+}
+
+function getTargetNode(handlerData) {
+  if (isEventWithTarget(handlerData.event)) {
+    return handlerData.event.target;
+  }
+
+  return handlerData.event;
+}
+
+function isEventWithTarget(event) {
+  return !!(event ).target;
+}
+
 /**
  * Returns true if we think the given event is an error originating inside of rrweb.
  */
@@ -12840,30 +12318,6 @@ function isRrwebError(event, hint) {
   });
 }
 
-/**
- * Determine if event should be sampled (only applies in buffer mode).
- * When an event is captured by `hanldleGlobalEvent`, when in buffer mode
- * we determine if we want to sample the error or not.
- */
-function shouldSampleForBufferEvent(replay, event) {
-  if (replay.recordingMode !== 'buffer') {
-    return false;
-  }
-
-  // ignore this error because otherwise we could loop indefinitely with
-  // trying to capture replay and failing
-  if (event.message === UNABLE_TO_SEND_REPLAY) {
-    return false;
-  }
-
-  // Require the event to be an error event & to have an exception
-  if (!event.exception || event.type) {
-    return false;
-  }
-
-  return isSampled(replay.getOptions().errorSampleRate);
-}
-
 /**
  * Returns a listener to be added to `addGlobalEventProcessor(listener)`.
  */
@@ -12893,16 +12347,8 @@ function handleGlobalEventListener(
       return null;
     }
 
-    // When in buffer mode, we decide to sample here.
-    // Later, in `handleAfterSendEvent`, if the replayId is set, we know that we sampled
-    // And convert the buffer session to a full session
-    const isErrorEventSampled = shouldSampleForBufferEvent(replay, event);
-
-    // Tag errors if it has been sampled in buffer mode, or if it is session mode
-    // Only tag transactions if in session mode
-    const shouldTagReplayId = isErrorEventSampled || replay.recordingMode === 'session';
-
-    if (shouldTagReplayId) {
+    // Only tag transactions with replayId if not waiting for an error
+    if (isErrorEvent(event) || (isTransactionEvent(event) && replay.recordingMode === 'session')) {
       event.tags = { ...event.tags, replayId: replay.getSessionId() };
     }
 
@@ -12952,7 +12398,7 @@ function createPerformanceSpans(
 ) {
   return entries.map(({ type, start, end, name, data }) =>
     addEvent(replay, {
-      type: EventType$1.Custom,
+      type: EventType.Custom,
       timestamp: start,
       data: {
         tag: 'performanceSpan',
@@ -13101,14 +12547,12 @@ function handleFetchSpanListener(replay) {
 function handleXhr(handlerData) {
   const { startTimestamp, endTimestamp, xhr } = handlerData;
 
-  const sentryXhrData = xhr[SENTRY_XHR_DATA_KEY];
-
-  if (!startTimestamp || !endTimestamp || !sentryXhrData) {
+  if (!startTimestamp || !endTimestamp || !xhr.__sentry_xhr__) {
     return null;
   }
 
   // This is only used as a fallback, so we know the body sizes are never set here
-  const { method, url, status_code: statusCode } = sentryXhrData;
+  const { method, url, status_code: statusCode } = xhr.__sentry_xhr__;
 
   if (url === undefined) {
     return null;
@@ -13141,393 +12585,6 @@ function handleXhrSpanListener(replay) {
   };
 }
 
-const OBJ = 10;
-const OBJ_KEY = 11;
-const OBJ_KEY_STR = 12;
-const OBJ_VAL = 13;
-const OBJ_VAL_STR = 14;
-const OBJ_VAL_COMPLETED = 15;
-
-const ARR = 20;
-const ARR_VAL = 21;
-const ARR_VAL_STR = 22;
-const ARR_VAL_COMPLETED = 23;
-
-const ALLOWED_PRIMITIVES = ['true', 'false', 'null'];
-
-/**
- * Complete an incomplete JSON string.
- * This will ensure that the last element always has a `"~~"` to indicate it was truncated.
- * For example, `[1,2,` will be completed to `[1,2,"~~"]`
- * and `{"aa":"b` will be completed to `{"aa":"b~~"}`
- */
-function completeJson(incompleteJson, stack) {
-  if (!stack.length) {
-    return incompleteJson;
-  }
-
-  let json = incompleteJson;
-
-  // Most checks are only needed for the last step in the stack
-  const lastPos = stack.length - 1;
-  const lastStep = stack[lastPos];
-
-  json = _fixLastStep(json, lastStep);
-
-  // Complete remaining steps - just add closing brackets
-  for (let i = lastPos; i >= 0; i--) {
-    const step = stack[i];
-
-    switch (step) {
-      case OBJ:
-        json = `${json}}`;
-        break;
-      case ARR:
-        json = `${json}]`;
-        break;
-    }
-  }
-
-  return json;
-}
-
-function _fixLastStep(json, lastStep) {
-  switch (lastStep) {
-    // Object cases
-    case OBJ:
-      return `${json}"~~":"~~"`;
-    case OBJ_KEY:
-      return `${json}:"~~"`;
-    case OBJ_KEY_STR:
-      return `${json}~~":"~~"`;
-    case OBJ_VAL:
-      return _maybeFixIncompleteObjValue(json);
-    case OBJ_VAL_STR:
-      return `${json}~~"`;
-    case OBJ_VAL_COMPLETED:
-      return `${json},"~~":"~~"`;
-
-    // Array cases
-    case ARR:
-      return `${json}"~~"`;
-    case ARR_VAL:
-      return _maybeFixIncompleteArrValue(json);
-    case ARR_VAL_STR:
-      return `${json}~~"`;
-    case ARR_VAL_COMPLETED:
-      return `${json},"~~"`;
-  }
-
-  return json;
-}
-
-function _maybeFixIncompleteArrValue(json) {
-  const pos = _findLastArrayDelimiter(json);
-
-  if (pos > -1) {
-    const part = json.slice(pos + 1);
-
-    if (ALLOWED_PRIMITIVES.includes(part.trim())) {
-      return `${json},"~~"`;
-    }
-
-    // Everything else is replaced with `"~~"`
-    return `${json.slice(0, pos + 1)}"~~"`;
-  }
-
-  // fallback, this shouldn't happen, to be save
-  return json;
-}
-
-function _findLastArrayDelimiter(json) {
-  for (let i = json.length - 1; i >= 0; i--) {
-    const char = json[i];
-
-    if (char === ',' || char === '[') {
-      return i;
-    }
-  }
-
-  return -1;
-}
-
-function _maybeFixIncompleteObjValue(json) {
-  const startPos = json.lastIndexOf(':');
-
-  const part = json.slice(startPos + 1);
-
-  if (ALLOWED_PRIMITIVES.includes(part.trim())) {
-    return `${json},"~~":"~~"`;
-  }
-
-  // Everything else is replaced with `"~~"`
-  // This also means we do not have incomplete numbers, e.g `[1` is replaced with `["~~"]`
-  return `${json.slice(0, startPos + 1)}"~~"`;
-}
-
-/**
- * Evaluate an (incomplete) JSON string.
- */
-function evaluateJson(json) {
-  const stack = [];
-
-  for (let pos = 0; pos < json.length; pos++) {
-    _evaluateJsonPos(stack, json, pos);
-  }
-
-  return stack;
-}
-
-function _evaluateJsonPos(stack, json, pos) {
-  const curStep = stack[stack.length - 1];
-
-  const char = json[pos];
-
-  const whitespaceRegex = /\s/;
-
-  if (whitespaceRegex.test(char)) {
-    return;
-  }
-
-  if (char === '"' && !_isEscaped(json, pos)) {
-    _handleQuote(stack, curStep);
-    return;
-  }
-
-  switch (char) {
-    case '{':
-      _handleObj(stack, curStep);
-      break;
-    case '[':
-      _handleArr(stack, curStep);
-      break;
-    case ':':
-      _handleColon(stack, curStep);
-      break;
-    case ',':
-      _handleComma(stack, curStep);
-      break;
-    case '}':
-      _handleObjClose(stack, curStep);
-      break;
-    case ']':
-      _handleArrClose(stack, curStep);
-      break;
-  }
-}
-
-function _handleQuote(stack, curStep) {
-  // End of obj value
-  if (curStep === OBJ_VAL_STR) {
-    stack.pop();
-    stack.push(OBJ_VAL_COMPLETED);
-    return;
-  }
-
-  // End of arr value
-  if (curStep === ARR_VAL_STR) {
-    stack.pop();
-    stack.push(ARR_VAL_COMPLETED);
-    return;
-  }
-
-  // Start of obj value
-  if (curStep === OBJ_VAL) {
-    stack.push(OBJ_VAL_STR);
-    return;
-  }
-
-  // Start of arr value
-  if (curStep === ARR_VAL) {
-    stack.push(ARR_VAL_STR);
-    return;
-  }
-
-  // Start of obj key
-  if (curStep === OBJ) {
-    stack.push(OBJ_KEY_STR);
-    return;
-  }
-
-  // End of obj key
-  if (curStep === OBJ_KEY_STR) {
-    stack.pop();
-    stack.push(OBJ_KEY);
-    return;
-  }
-}
-
-function _handleObj(stack, curStep) {
-  // Initial object
-  if (!curStep) {
-    stack.push(OBJ);
-    return;
-  }
-
-  // New object as obj value
-  if (curStep === OBJ_VAL) {
-    stack.push(OBJ);
-    return;
-  }
-
-  // New object as array element
-  if (curStep === ARR_VAL) {
-    stack.push(OBJ);
-  }
-
-  // New object as first array element
-  if (curStep === ARR) {
-    stack.push(OBJ);
-    return;
-  }
-}
-
-function _handleArr(stack, curStep) {
-  // Initial array
-  if (!curStep) {
-    stack.push(ARR);
-    stack.push(ARR_VAL);
-    return;
-  }
-
-  // New array as obj value
-  if (curStep === OBJ_VAL) {
-    stack.push(ARR);
-    stack.push(ARR_VAL);
-    return;
-  }
-
-  // New array as array element
-  if (curStep === ARR_VAL) {
-    stack.push(ARR);
-    stack.push(ARR_VAL);
-  }
-
-  // New array as first array element
-  if (curStep === ARR) {
-    stack.push(ARR);
-    stack.push(ARR_VAL);
-    return;
-  }
-}
-
-function _handleColon(stack, curStep) {
-  if (curStep === OBJ_KEY) {
-    stack.pop();
-    stack.push(OBJ_VAL);
-  }
-}
-
-function _handleComma(stack, curStep) {
-  // Comma after obj value
-  if (curStep === OBJ_VAL) {
-    stack.pop();
-    return;
-  }
-  if (curStep === OBJ_VAL_COMPLETED) {
-    // Pop OBJ_VAL_COMPLETED & OBJ_VAL
-    stack.pop();
-    stack.pop();
-    return;
-  }
-
-  // Comma after arr value
-  if (curStep === ARR_VAL) {
-    // do nothing - basically we'd pop ARR_VAL but add it right back
-    return;
-  }
-
-  if (curStep === ARR_VAL_COMPLETED) {
-    // Pop ARR_VAL_COMPLETED
-    stack.pop();
-
-    // basically we'd pop ARR_VAL but add it right back
-    return;
-  }
-}
-
-function _handleObjClose(stack, curStep) {
-  // Empty object {}
-  if (curStep === OBJ) {
-    stack.pop();
-  }
-
-  // Object with element
-  if (curStep === OBJ_VAL) {
-    // Pop OBJ_VAL, OBJ
-    stack.pop();
-    stack.pop();
-  }
-
-  // Obj with element
-  if (curStep === OBJ_VAL_COMPLETED) {
-    // Pop OBJ_VAL_COMPLETED, OBJ_VAL, OBJ
-    stack.pop();
-    stack.pop();
-    stack.pop();
-  }
-
-  // if was obj value, complete it
-  if (stack[stack.length - 1] === OBJ_VAL) {
-    stack.push(OBJ_VAL_COMPLETED);
-  }
-
-  // if was arr value, complete it
-  if (stack[stack.length - 1] === ARR_VAL) {
-    stack.push(ARR_VAL_COMPLETED);
-  }
-}
-
-function _handleArrClose(stack, curStep) {
-  // Empty array []
-  if (curStep === ARR) {
-    stack.pop();
-  }
-
-  // Array with element
-  if (curStep === ARR_VAL) {
-    // Pop ARR_VAL, ARR
-    stack.pop();
-    stack.pop();
-  }
-
-  // Array with element
-  if (curStep === ARR_VAL_COMPLETED) {
-    // Pop ARR_VAL_COMPLETED, ARR_VAL, ARR
-    stack.pop();
-    stack.pop();
-    stack.pop();
-  }
-
-  // if was obj value, complete it
-  if (stack[stack.length - 1] === OBJ_VAL) {
-    stack.push(OBJ_VAL_COMPLETED);
-  }
-
-  // if was arr value, complete it
-  if (stack[stack.length - 1] === ARR_VAL) {
-    stack.push(ARR_VAL_COMPLETED);
-  }
-}
-
-function _isEscaped(str, pos) {
-  const previousChar = str[pos - 1];
-
-  return previousChar === '\\' && !_isEscaped(str, pos - 1);
-}
-
-/* eslint-disable max-lines */
-
-/**
- * Takes an incomplete JSON string, and returns a hopefully valid JSON string.
- * Note that this _can_ fail, so you should check the return value is valid JSON.
- */
-function fixJson(incompleteJson) {
-  const stack = evaluateJson(incompleteJson);
-
-  return completeJson(incompleteJson, stack);
-}
-
 /** Get the size of a body. */
 function getBodySize(
   body,
@@ -13621,68 +12678,51 @@ function makeNetworkReplayBreadcrumb(
   return result;
 }
 
-/** Build the request or response part of a replay network breadcrumb that was skipped. */
-function buildSkippedNetworkRequestOrResponse(bodySize) {
-  return {
-    headers: {},
-    size: bodySize,
-    _meta: {
-      warnings: ['URL_SKIPPED'],
-    },
-  };
+/** Get either a JSON network body, or a text representation. */
+function getNetworkBody(bodyText) {
+  if (!bodyText) {
+    return;
+  }
+
+  try {
+    return JSON.parse(bodyText);
+  } catch (e2) {
+    // return text
+  }
+
+  return bodyText;
 }
 
 /** Build the request or response part of a replay network breadcrumb. */
 function buildNetworkRequestOrResponse(
-  headers,
   bodySize,
   body,
 ) {
-  if (!bodySize && Object.keys(headers).length === 0) {
-    return undefined;
-  }
-
   if (!bodySize) {
-    return {
-      headers,
-    };
+    return undefined;
   }
 
   if (!body) {
     return {
-      headers,
       size: bodySize,
     };
   }
 
   const info = {
-    headers,
     size: bodySize,
   };
 
-  const { body: normalizedBody, warnings } = normalizeNetworkBody(body);
-  info.body = normalizedBody;
-  if (warnings.length > 0) {
+  if (bodySize < NETWORK_BODY_MAX_SIZE) {
+    info.body = body;
+  } else {
     info._meta = {
-      warnings,
+      errors: ['MAX_BODY_SIZE_EXCEEDED'],
     };
   }
 
   return info;
 }
 
-/** Filter a set of headers */
-function getAllowedHeaders(headers, allowedHeaders) {
-  return Object.keys(headers).reduce((filteredHeaders, key) => {
-    const normalizedKey = key.toLowerCase();
-    // Avoid putting empty strings into the headers
-    if (allowedHeaders.includes(normalizedKey) && headers[key]) {
-      filteredHeaders[normalizedKey] = headers[key];
-    }
-    return filteredHeaders;
-  }, {});
-}
-
 function _serializeFormData(formData) {
   // This is a bit simplified, but gives us a decent estimate
   // This converts e.g. { name: 'Anne Smith', age: 13 } to 'name=Anne+Smith&age=13'
@@ -13690,78 +12730,6 @@ function _serializeFormData(formData) {
   return new URLSearchParams(formData).toString();
 }
 
-function normalizeNetworkBody(body)
-
- {
-  if (!body || typeof body !== 'string') {
-    return {
-      body,
-      warnings: [],
-    };
-  }
-
-  const exceedsSizeLimit = body.length > NETWORK_BODY_MAX_SIZE;
-
-  if (_strIsProbablyJson(body)) {
-    try {
-      const json = exceedsSizeLimit ? fixJson(body.slice(0, NETWORK_BODY_MAX_SIZE)) : body;
-      const normalizedBody = JSON.parse(json);
-      return {
-        body: normalizedBody,
-        warnings: exceedsSizeLimit ? ['JSON_TRUNCATED'] : [],
-      };
-    } catch (e3) {
-      return {
-        body: exceedsSizeLimit ? `${body.slice(0, NETWORK_BODY_MAX_SIZE)}…` : body,
-        warnings: exceedsSizeLimit ? ['INVALID_JSON', 'TEXT_TRUNCATED'] : ['INVALID_JSON'],
-      };
-    }
-  }
-
-  return {
-    body: exceedsSizeLimit ? `${body.slice(0, NETWORK_BODY_MAX_SIZE)}…` : body,
-    warnings: exceedsSizeLimit ? ['TEXT_TRUNCATED'] : [],
-  };
-}
-
-function _strIsProbablyJson(str) {
-  const first = str[0];
-  const last = str[str.length - 1];
-
-  // Simple check: If this does not start & end with {} or [], it's not JSON
-  return (first === '[' && last === ']') || (first === '{' && last === '}');
-}
-
-/** Match an URL against a list of strings/Regex. */
-function urlMatches(url, urls) {
-  const fullUrl = getFullUrl(url);
-
-  return stringMatchesSomePattern(fullUrl, urls);
-}
-
-/** exported for tests */
-function getFullUrl(url, baseURI = WINDOW.document.baseURI) {
-  // Short circuit for common cases:
-  if (url.startsWith('http://') || url.startsWith('https://') || url.startsWith(WINDOW.location.origin)) {
-    return url;
-  }
-  const fixedUrl = new URL(url, baseURI);
-
-  // If these do not match, we are not dealing with a relative URL, so just return it
-  if (fixedUrl.origin !== new URL(baseURI).origin) {
-    return url;
-  }
-
-  const fullUrl = fixedUrl.href;
-
-  // Remove trailing slashes, if they don't match the original URL
-  if (!url.endsWith('/') && fullUrl.endsWith('/')) {
-    return fullUrl.slice(0, -1);
-  }
-
-  return fullUrl;
-}
-
 /**
  * Capture a fetch breadcrumb to a replay.
  * This adds additional data (where approriate).
@@ -13769,9 +12737,7 @@ function getFullUrl(url, baseURI = WINDOW.document.baseURI) {
 async function captureFetchBreadcrumbToReplay(
   breadcrumb,
   hint,
-  options
-
-,
+  options,
 ) {
   try {
     const data = await _prepareFetchData(breadcrumb, hint, options);
@@ -13798,7 +12764,6 @@ function enrichFetchBreadcrumb(
 
   const body = _getFetchRequestArgBody(input);
   const reqSize = getBodySize(body, options.textEncoder);
-
   const resSize = response ? parseContentLengthHeader(response.headers.get('content-length')) : undefined;
 
   if (reqSize !== undefined) {
@@ -13812,109 +12777,97 @@ function enrichFetchBreadcrumb(
 async function _prepareFetchData(
   breadcrumb,
   hint,
-  options
-
-,
+  options,
 ) {
   const { startTimestamp, endTimestamp } = hint;
 
   const {
     url,
     method,
-    status_code: statusCode = 0,
+    status_code: statusCode,
     request_body_size: requestBodySize,
     response_body_size: responseBodySize,
   } = breadcrumb.data;
 
-  const captureDetails = urlMatches(url, options.networkDetailAllowUrls);
-
-  const request = captureDetails
-    ? _getRequestInfo(options, hint.input, requestBodySize)
-    : buildSkippedNetworkRequestOrResponse(requestBodySize);
-  const response = await _getResponseInfo(captureDetails, options, hint.response, responseBodySize);
+  const request = _getRequestInfo(options, hint.input, requestBodySize);
+  const response = await _getResponseInfo(options, hint.response, responseBodySize);
 
   return {
     startTimestamp,
     endTimestamp,
     url,
     method,
-    statusCode,
+    statusCode: statusCode || 0,
     request,
     response,
   };
 }
 
 function _getRequestInfo(
-  { networkCaptureBodies, networkRequestHeaders },
+  { captureBodies },
   input,
   requestBodySize,
 ) {
-  const headers = getRequestHeaders(input, networkRequestHeaders);
-
-  if (!networkCaptureBodies) {
-    return buildNetworkRequestOrResponse(headers, requestBodySize, undefined);
+  if (!captureBodies) {
+    return buildNetworkRequestOrResponse(requestBodySize, undefined);
   }
 
   // We only want to transmit string or string-like bodies
   const requestBody = _getFetchRequestArgBody(input);
-  const bodyStr = getBodyString(requestBody);
-  return buildNetworkRequestOrResponse(headers, requestBodySize, bodyStr);
+  const body = getNetworkBody(getBodyString(requestBody));
+  return buildNetworkRequestOrResponse(requestBodySize, body);
 }
 
 async function _getResponseInfo(
-  captureDetails,
-  {
-    networkCaptureBodies,
-    textEncoder,
-    networkResponseHeaders,
-  }
-
-,
+  { captureBodies, textEncoder },
   response,
   responseBodySize,
 ) {
-  if (!captureDetails && responseBodySize !== undefined) {
-    return buildSkippedNetworkRequestOrResponse(responseBodySize);
-  }
-
-  const headers = getAllHeaders(response.headers, networkResponseHeaders);
-
-  if (!networkCaptureBodies && responseBodySize !== undefined) {
-    return buildNetworkRequestOrResponse(headers, responseBodySize, undefined);
+  if (!captureBodies && responseBodySize !== undefined) {
+    return buildNetworkRequestOrResponse(responseBodySize, undefined);
   }
 
   // Only clone the response if we need to
   try {
     // We have to clone this, as the body can only be read once
     const res = response.clone();
-    const bodyText = await _parseFetchBody(res);
+    const { body, bodyText } = await _parseFetchBody(res);
 
     const size =
       bodyText && bodyText.length && responseBodySize === undefined
         ? getBodySize(bodyText, textEncoder)
         : responseBodySize;
 
-    if (!captureDetails) {
-      return buildSkippedNetworkRequestOrResponse(size);
+    if (captureBodies) {
+      return buildNetworkRequestOrResponse(size, body);
     }
 
-    if (networkCaptureBodies) {
-      return buildNetworkRequestOrResponse(headers, size, bodyText);
-    }
-
-    return buildNetworkRequestOrResponse(headers, size, undefined);
+    return buildNetworkRequestOrResponse(size, undefined);
   } catch (e) {
     // fallback
-    return buildNetworkRequestOrResponse(headers, responseBodySize, undefined);
+    return buildNetworkRequestOrResponse(responseBodySize, undefined);
   }
 }
 
-async function _parseFetchBody(response) {
+async function _parseFetchBody(
+  response,
+) {
+  let bodyText;
+
   try {
-    return await response.text();
+    bodyText = await response.text();
   } catch (e2) {
-    return undefined;
+    return {};
+  }
+
+  try {
+    const body = JSON.parse(bodyText);
+    return { body, bodyText };
+  } catch (e3) {
+    // just send bodyText
   }
+
+  return { bodyText, body: bodyText };
 }
 
 function _getFetchRequestArgBody(fetchArgs = []) {
@@ -13926,56 +12879,6 @@ function _getFetchRequestArgBody(fetchArgs = []) {
   return (fetchArgs[1] ).body;
 }
 
-function getAllHeaders(headers, allowedHeaders) {
-  const allHeaders = {};
-
-  allowedHeaders.forEach(header => {
-    if (headers.get(header)) {
-      allHeaders[header] = headers.get(header) ;
-    }
-  });
-
-  return allHeaders;
-}
-
-function getRequestHeaders(fetchArgs, allowedHeaders) {
-  if (fetchArgs.length === 1 && typeof fetchArgs[0] !== 'string') {
-    return getHeadersFromOptions(fetchArgs[0] , allowedHeaders);
-  }
-
-  if (fetchArgs.length === 2) {
-    return getHeadersFromOptions(fetchArgs[1] , allowedHeaders);
-  }
-
-  return {};
-}
-
-function getHeadersFromOptions(
-  input,
-  allowedHeaders,
-) {
-  if (!input) {
-    return {};
-  }
-
-  const headers = input.headers;
-
-  if (!headers) {
-    return {};
-  }
-
-  if (headers instanceof Headers) {
-    return getAllHeaders(headers, allowedHeaders);
-  }
-
-  // We do not support this, as it is not really documented (anymore?)
-  if (Array.isArray(headers)) {
-    return {};
-  }
-
-  return getAllowedHeaders(headers, allowedHeaders);
-}
-
 /**
  * Capture an XHR breadcrumb to a replay.
  * This adds additional data (where approriate).
@@ -14026,12 +12929,12 @@ function _prepareXhrData(
   hint,
   options,
 ) {
-  const { startTimestamp, endTimestamp, input, xhr } = hint;
+  const { startTimestamp, endTimestamp, input } = hint;
 
   const {
     url,
     method,
-    status_code: statusCode = 0,
+    status_code: statusCode,
     request_body_size: requestBodySize,
     response_body_size: responseBodySize,
   } = breadcrumb.data;
@@ -14040,35 +12943,13 @@ function _prepareXhrData(
     return null;
   }
 
-  if (!urlMatches(url, options.networkDetailAllowUrls)) {
-    const request = buildSkippedNetworkRequestOrResponse(requestBodySize);
-    const response = buildSkippedNetworkRequestOrResponse(responseBodySize);
-    return {
-      startTimestamp,
-      endTimestamp,
-      url,
-      method,
-      statusCode,
-      request,
-      response,
-    };
-  }
-
-  const xhrInfo = xhr[SENTRY_XHR_DATA_KEY];
-  const networkRequestHeaders = xhrInfo
-    ? getAllowedHeaders(xhrInfo.request_headers, options.networkRequestHeaders)
-    : {};
-  const networkResponseHeaders = getAllowedHeaders(getResponseHeaders(xhr), options.networkResponseHeaders);
-
   const request = buildNetworkRequestOrResponse(
-    networkRequestHeaders,
     requestBodySize,
-    options.networkCaptureBodies ? getBodyString(input) : undefined,
+    options.captureBodies ? getNetworkBody(getBodyString(input)) : undefined,
   );
   const response = buildNetworkRequestOrResponse(
-    networkResponseHeaders,
     responseBodySize,
-    options.networkCaptureBodies ? hint.xhr.responseText : undefined,
+    options.captureBodies ? getNetworkBody(hint.xhr.responseText) : undefined,
   );
 
   return {
@@ -14076,26 +12957,12 @@ function _prepareXhrData(
     endTimestamp,
     url,
     method,
-    statusCode,
+    statusCode: statusCode || 0,
     request,
     response,
   };
 }
 
-function getResponseHeaders(xhr) {
-  const headers = xhr.getAllResponseHeaders();
-
-  if (!headers) {
-    return {};
-  }
-
-  return headers.split('\r\n').reduce((acc, line) => {
-    const [key, value] = line.split(': ');
-    acc[key.toLowerCase()] = value;
-    return acc;
-  }, {});
-}
-
 /**
  * This method does two things:
  * - It enriches the regular XHR/fetch breadcrumbs with request/response size data
@@ -14108,16 +12975,10 @@ function handleNetworkBreadcrumbs(replay) {
   try {
     const textEncoder = new TextEncoder();
 
-    const { networkDetailAllowUrls, networkCaptureBodies, networkRequestHeaders, networkResponseHeaders } =
-      replay.getOptions();
-
     const options = {
       replay,
       textEncoder,
-      networkDetailAllowUrls,
-      networkCaptureBodies,
-      networkRequestHeaders,
-      networkResponseHeaders,
+      captureBodies: replay.getOptions()._experiments.captureNetworkBodies || false,
     };
 
     if (client && client.on) {
@@ -14225,66 +13086,9 @@ function handleScope(scope) {
     return null;
   }
 
-  if (newBreadcrumb.category === 'console') {
-    return normalizeConsoleBreadcrumb(newBreadcrumb);
-  }
-
   return createBreadcrumb(newBreadcrumb);
 }
 
-/** exported for tests only */
-function normalizeConsoleBreadcrumb(breadcrumb) {
-  const args = breadcrumb.data && breadcrumb.data.arguments;
-
-  if (!Array.isArray(args) || args.length === 0) {
-    return createBreadcrumb(breadcrumb);
-  }
-
-  let isTruncated = false;
-
-  // Avoid giant args captures
-  const normalizedArgs = args.map(arg => {
-    if (!arg) {
-      return arg;
-    }
-    if (typeof arg === 'string') {
-      if (arg.length > CONSOLE_ARG_MAX_SIZE) {
-        isTruncated = true;
-        return `${arg.slice(0, CONSOLE_ARG_MAX_SIZE)}…`;
-      }
-
-      return arg;
-    }
-    if (typeof arg === 'object') {
-      try {
-        const normalizedArg = normalize(arg, 7);
-        const stringified = JSON.stringify(normalizedArg);
-        if (stringified.length > CONSOLE_ARG_MAX_SIZE) {
-          const fixedJson = fixJson(stringified.slice(0, CONSOLE_ARG_MAX_SIZE));
-          const json = JSON.parse(fixedJson);
-          // We only set this after JSON.parse() was successfull, so we know we didn't run into `catch`
-          isTruncated = true;
-          return json;
-        }
-        return normalizedArg;
-      } catch (e) {
-        // fall back to default
-      }
-    }
-
-    return arg;
-  });
-
-  return createBreadcrumb({
-    ...breadcrumb,
-    data: {
-      ...breadcrumb.data,
-      arguments: normalizedArgs,
-      ...(isTruncated ? { _meta: { warnings: ['CONSOLE_ARG_TRUNCATED'] } } : {}),
-    },
-  });
-}
-
 /**
  * Add global listeners that cannot be removed.
  */
@@ -14309,8 +13113,7 @@ function addGlobalListeners(replay) {
     client.on('afterSendEvent', handleAfterSendEvent(replay));
     client.on('createDsc', (dsc) => {
       const replayId = replay.getSessionId();
-      // We do not want to set the DSC when in buffer mode, as that means the replay has not been sent (yet)
-      if (replayId && replay.isEnabled() && replay.recordingMode === 'session') {
+      if (replayId) {
         dsc.replay_id = replayId;
       }
     });
@@ -14590,23 +13393,6 @@ function debounce(func, wait, options) {
   return debounced;
 }
 
-/* eslint-disable @typescript-eslint/naming-convention */
-
-var EventType; (function (EventType) {
-  const DomContentLoaded = 0; EventType[EventType["DomContentLoaded"] = DomContentLoaded] = "DomContentLoaded";
-  const Load = 1; EventType[EventType["Load"] = Load] = "Load";
-  const FullSnapshot = 2; EventType[EventType["FullSnapshot"] = FullSnapshot] = "FullSnapshot";
-  const IncrementalSnapshot = 3; EventType[EventType["IncrementalSnapshot"] = IncrementalSnapshot] = "IncrementalSnapshot";
-  const Meta = 4; EventType[EventType["Meta"] = Meta] = "Meta";
-  const Custom = 5; EventType[EventType["Custom"] = Custom] = "Custom";
-  const Plugin = 6; EventType[EventType["Plugin"] = Plugin] = "Plugin";
-})(EventType || (EventType = {}));
-
-/**
- * This is a partial copy of rrweb's eventWithTime type which only contains the properties
- * we specifcally need in the SDK.
- */
-
 /**
  * Handler for recording events.
  *
@@ -14635,7 +13421,7 @@ function getHandleRecordingEmit(replay) {
       // when an error occurs. Clear any state that happens before this current
       // checkout. This needs to happen before `addEvent()` which updates state
       // dependent on this reset.
-      if (replay.recordingMode === 'buffer' && isCheckout) {
+      if (replay.recordingMode === 'error' && isCheckout) {
         replay.setInitialState();
       }
 
@@ -14649,14 +13435,6 @@ function getHandleRecordingEmit(replay) {
         return false;
       }
 
-      // Additionally, create a meta event that will capture certain SDK settings.
-      // In order to handle buffer mode, this needs to either be done when we
-      // receive checkout events or at flush time.
-      //
-      // `isCheckout` is always true, but want to be explicit that it should
-      // only be added for checkouts
-      void addSettingsEvent(replay, isCheckout);
-
       // If there is a previousSessionId after a full snapshot occurs, then
       // the replay session was started due to session expiration. The new session
       // is started before triggering a new checkout and contains the id
@@ -14667,10 +13445,10 @@ function getHandleRecordingEmit(replay) {
         return true;
       }
 
-      // When in buffer mode, make sure we adjust the session started date to the current earliest event of the buffer
-      // this should usually be the timestamp of the checkout event, but to be safe...
-      if (replay.recordingMode === 'buffer' && replay.session && replay.eventBuffer) {
-        const earliestEvent = replay.eventBuffer.getEarliestTimestamp();
+      // See note above re: session start needs to reflect the most recent
+      // checkout.
+      if (replay.recordingMode === 'error' && replay.session) {
+        const { earliestEvent } = replay.getContext();
         if (earliestEvent) {
           replay.session.started = earliestEvent;
 
@@ -14694,46 +13472,6 @@ function getHandleRecordingEmit(replay) {
   };
 }
 
-/**
- * Exported for tests
- */
-function createOptionsEvent(replay) {
-  const options = replay.getOptions();
-  return {
-    type: EventType.Custom,
-    timestamp: Date.now(),
-    data: {
-      tag: 'options',
-      payload: {
-        sessionSampleRate: options.sessionSampleRate,
-        errorSampleRate: options.errorSampleRate,
-        useCompressionOption: options.useCompression,
-        blockAllMedia: options.blockAllMedia,
-        maskAllText: options.maskAllText,
-        maskAllInputs: options.maskAllInputs,
-        useCompression: replay.eventBuffer ? replay.eventBuffer.type === 'worker' : false,
-        networkDetailHasUrls: options.networkDetailAllowUrls.length > 0,
-        networkCaptureBodies: options.networkCaptureBodies,
-        networkRequestHasHeaders: options.networkRequestHeaders.length > 0,
-        networkResponseHasHeaders: options.networkResponseHeaders.length > 0,
-      },
-    },
-  };
-}
-
-/**
- * Add a "meta" event that contains a simplified view on current configuration
- * options. This should only be included on the first segment of a recording.
- */
-function addSettingsEvent(replay, isCheckout) {
-  // Only need to add this event when sending the first segment
-  if (!isCheckout || !replay.session || replay.session.segmentId !== 0) {
-    return Promise.resolve(null);
-  }
-
-  return addEvent(replay, createOptionsEvent(replay), false);
-}
-
 /**
  * Create a replay envelope ready to be sent.
  * This includes both the replay event, as well as the recording data.
@@ -14845,9 +13583,11 @@ async function sendReplayRequest({
   recordingData,
   replayId,
   segmentId: segment_id,
+  includeReplayStartTimestamp,
   eventContext,
   timestamp,
   session,
+  options,
 }) {
   const preparedRecordingData = prepareRecordingData({
     recordingData,
@@ -14869,8 +13609,9 @@ async function sendReplayRequest({
   }
 
   const baseEvent = {
+    // @ts-ignore private api
     type: REPLAY_EVENT_NAME,
-    replay_start_timestamp: initialTimestamp / 1000,
+    ...(includeReplayStartTimestamp ? { replay_start_timestamp: initialTimestamp / 1000 } : {}),
     timestamp: timestamp / 1000,
     error_ids: errorIds,
     trace_ids: traceIds,
@@ -14889,6 +13630,15 @@ async function sendReplayRequest({
     return;
   }
 
+  replayEvent.contexts = {
+    ...replayEvent.contexts,
+    replay: {
+      ...(replayEvent.contexts && replayEvent.contexts.replay),
+      session_sample_rate: options.sessionSampleRate,
+      error_sample_rate: options.errorSampleRate,
+    },
+  };
+
   /*
   For reference, the fully built event looks something like this:
   {
@@ -14919,6 +13669,10 @@ async function sendReplayRequest({
       },
       "sdkProcessingMetadata": {},
       "contexts": {
+        "replay": {
+          "session_sample_rate": 1,
+          "error_sample_rate": 0,
+        },
       },
   }
   */
@@ -15044,11 +13798,9 @@ class ReplayContainer  {
    __init2() {this.performanceEvents = [];}
 
   /**
-   * Recording can happen in one of three modes:
-   *   - session: Record the whole session, sending it continuously
-   *   - buffer: Always keep the last 60s of recording, requires:
-   *     - having replaysOnErrorSampleRate > 0 to capture replay when an error occurs
-   *     - or calling `flush()` to send the replay
+   * Recording can happen in one of two modes:
+   * * session: Record the whole session, sending it continuously
+   * * error: Always keep the last 60s of recording, and when an error occurs, send it immediately
    */
    __init3() {this.recordingMode = 'session';}
 
@@ -15057,8 +13809,7 @@ class ReplayContainer  {
    * @hidden
    */
     __init4() {this.timeouts = {
-    sessionIdlePause: SESSION_IDLE_PAUSE_DURATION,
-    sessionIdleExpire: SESSION_IDLE_EXPIRE_DURATION,
+    sessionIdle: SESSION_IDLE_DURATION,
     maxSessionLife: MAX_SESSION_LIFE,
   }; }
 
@@ -15102,6 +13853,7 @@ class ReplayContainer  {
     errorIds: new Set(),
     traceIds: new Set(),
     urls: [],
+    earliestEvent: null,
     initialTimestamp: Date.now(),
     initialUrl: '',
   };}
@@ -15111,7 +13863,7 @@ class ReplayContainer  {
     recordingOptions,
   }
 
-) {ReplayContainer.prototype.__init.call(this);ReplayContainer.prototype.__init2.call(this);ReplayContainer.prototype.__init3.call(this);ReplayContainer.prototype.__init4.call(this);ReplayContainer.prototype.__init5.call(this);ReplayContainer.prototype.__init6.call(this);ReplayContainer.prototype.__init7.call(this);ReplayContainer.prototype.__init8.call(this);ReplayContainer.prototype.__init9.call(this);ReplayContainer.prototype.__init10.call(this);ReplayContainer.prototype.__init11.call(this);ReplayContainer.prototype.__init12.call(this);ReplayContainer.prototype.__init13.call(this);ReplayContainer.prototype.__init14.call(this);ReplayContainer.prototype.__init15.call(this);ReplayContainer.prototype.__init16.call(this);ReplayContainer.prototype.__init17.call(this);ReplayContainer.prototype.__init18.call(this);
+) {ReplayContainer.prototype.__init.call(this);ReplayContainer.prototype.__init2.call(this);ReplayContainer.prototype.__init3.call(this);ReplayContainer.prototype.__init4.call(this);ReplayContainer.prototype.__init5.call(this);ReplayContainer.prototype.__init6.call(this);ReplayContainer.prototype.__init7.call(this);ReplayContainer.prototype.__init8.call(this);ReplayContainer.prototype.__init9.call(this);ReplayContainer.prototype.__init10.call(this);ReplayContainer.prototype.__init11.call(this);ReplayContainer.prototype.__init12.call(this);ReplayContainer.prototype.__init13.call(this);ReplayContainer.prototype.__init14.call(this);ReplayContainer.prototype.__init15.call(this);ReplayContainer.prototype.__init16.call(this);ReplayContainer.prototype.__init17.call(this);
     this._recordingOptions = recordingOptions;
     this._options = options;
 
@@ -15141,102 +13893,49 @@ class ReplayContainer  {
   }
 
   /**
-   * Initializes the plugin based on sampling configuration. Should not be
-   * called outside of constructor.
+   * Initializes the plugin.
+   *
+   * Creates or loads a session, attaches listeners to varying events (DOM,
+   * _performanceObserver, Recording, Sentry SDK, etc)
    */
-   initializeSampling() {
-    const { errorSampleRate, sessionSampleRate } = this._options;
-
-    // If neither sample rate is > 0, then do nothing - user will need to call one of
-    // `start()` or `startBuffering` themselves.
-    if (errorSampleRate <= 0 && sessionSampleRate <= 0) {
-      return;
-    }
-
-    // Otherwise if there is _any_ sample rate set, try to load an existing
-    // session, or create a new one.
-    const isSessionSampled = this._loadAndCheckSession();
+   start() {
+    this.setInitialState();
 
-    if (!isSessionSampled) {
-      // This should only occur if `errorSampleRate` is 0 and was unsampled for
-      // session-based replay. In this case there is nothing to do.
+    if (!this._loadAndCheckSession()) {
       return;
     }
 
+    // If there is no session, then something bad has happened - can't continue
     if (!this.session) {
-      // This should not happen, something wrong has occurred
-      this._handleException(new Error('Unable to initialize and create session'));
+      this._handleException(new Error('No session found'));
       return;
     }
 
-    if (this.session.sampled && this.session.sampled !== 'session') {
-      // If not sampled as session-based, then recording mode will be `buffer`
-      // Note that we don't explicitly check if `sampled === 'buffer'` because we
-      // could have sessions from Session storage that are still `error` from
-      // prior SDK version.
-      this.recordingMode = 'buffer';
-    }
-
-    this._initializeRecording();
-  }
-
-  /**
-   * Start a replay regardless of sampling rate. Calling this will always
-   * create a new session. Will throw an error if replay is already in progress.
-   *
-   * Creates or loads a session, attaches listeners to varying events (DOM,
-   * _performanceObserver, Recording, Sentry SDK, etc)
-   */
-   start() {
-    if (this._isEnabled && this.recordingMode === 'session') {
-      throw new Error('Replay recording is already in progress');
+    if (!this.session.sampled) {
+      // If session was not sampled, then we do not initialize the integration at all.
+      return;
     }
 
-    if (this._isEnabled && this.recordingMode === 'buffer') {
-      throw new Error('Replay buffering is in progress, call `flush()` to save the replay');
+    // If session is sampled for errors, then we need to set the recordingMode
+    // to 'error', which will configure recording with different options.
+    if (this.session.sampled === 'error') {
+      this.recordingMode = 'error';
     }
 
-    const previousSessionId = this.session && this.session.id;
+    // setup() is generally called on page load or manually - in both cases we
+    // should treat it as an activity
+    this._updateSessionActivity();
 
-    const { session } = getSession({
-      timeouts: this.timeouts,
-      stickySession: Boolean(this._options.stickySession),
-      currentSession: this.session,
-      // This is intentional: create a new session-based replay when calling `start()`
-      sessionSampleRate: 1,
-      allowBuffering: false,
+    this.eventBuffer = createEventBuffer({
+      useCompression: this._options.useCompression,
     });
 
-    session.previousSessionId = previousSessionId;
-    this.session = session;
-
-    this._initializeRecording();
-  }
-
-  /**
-   * Start replay buffering. Buffers until `flush()` is called or, if
-   * `replaysOnErrorSampleRate` > 0, an error occurs.
-   */
-   startBuffering() {
-    if (this._isEnabled) {
-      throw new Error('Replay recording is already in progress');
-    }
-
-    const previousSessionId = this.session && this.session.id;
-
-    const { session } = getSession({
-      timeouts: this.timeouts,
-      stickySession: Boolean(this._options.stickySession),
-      currentSession: this.session,
-      sessionSampleRate: 0,
-      allowBuffering: true,
-    });
+    this._addListeners();
 
-    session.previousSessionId = previousSessionId;
-    this.session = session;
+    // Need to set as enabled before we start recording, as `record()` can trigger a flush with a new checkout
+    this._isEnabled = true;
 
-    this.recordingMode = 'buffer';
-    this._initializeRecording();
+    this.startRecording();
   }
 
   /**
@@ -15251,7 +13950,7 @@ class ReplayContainer  {
         // When running in error sampling mode, we need to overwrite `checkoutEveryNms`
         // Without this, it would record forever, until an error happens, which we don't want
         // instead, we'll always keep the last 60 seconds of replay before an error happened
-        ...(this.recordingMode === 'buffer' && { checkoutEveryNms: BUFFER_CHECKOUT_TIME }),
+        ...(this.recordingMode === 'error' && { checkoutEveryNms: ERROR_CHECKOUT_TIME }),
         emit: getHandleRecordingEmit(this),
         onMutation: this._onMutationHandler,
       });
@@ -15262,18 +13961,17 @@ class ReplayContainer  {
 
   /**
    * Stops the recording, if it was running.
-   *
-   * Returns true if it was previously stopped, or is now stopped,
-   * otherwise false.
+   * Returns true if it was stopped, else false.
    */
    stopRecording() {
     try {
       if (this._stopRecording) {
         this._stopRecording();
         this._stopRecording = undefined;
+        return true;
       }
 
-      return true;
+      return false;
     } catch (err) {
       this._handleException(err);
       return false;
@@ -15284,7 +13982,7 @@ class ReplayContainer  {
    * Currently, this needs to be manually called (e.g. for tests). Sentry SDK
    * does not support a teardown
    */
-   async stop(reason) {
+   stop(reason) {
     if (!this._isEnabled) {
       return;
     }
@@ -15300,24 +13998,12 @@ class ReplayContainer  {
         log(msg);
       }
 
-      // We can't move `_isEnabled` after awaiting a flush, otherwise we can
-      // enter into an infinite loop when `stop()` is called while flushing.
       this._isEnabled = false;
       this._removeListeners();
       this.stopRecording();
-
-      this._debouncedFlush.cancel();
-      // See comment above re: `_isEnabled`, we "force" a flush, ignoring the
-      // `_isEnabled` state of the plugin since it was disabled above.
-      await this._flush({ force: true });
-
-      // After flush, destroy event buffer
       this.eventBuffer && this.eventBuffer.destroy();
       this.eventBuffer = null;
-
-      // Clear session from session storage, note this means if a new session
-      // is started after, it will not have `previousSessionId`
-      clearSession(this);
+      this._debouncedFlush.cancel();
     } catch (err) {
       this._handleException(err);
     }
@@ -15348,45 +14034,6 @@ class ReplayContainer  {
     this.startRecording();
   }
 
-  /**
-   * If not in "session" recording mode, flush event buffer which will create a new replay.
-   * Unless `continueRecording` is false, the replay will continue to record and
-   * behave as a "session"-based replay.
-   *
-   * Otherwise, queue up a flush.
-   */
-   async sendBufferedReplayOrFlush({ continueRecording = true } = {}) {
-    if (this.recordingMode === 'session') {
-      return this.flushImmediate();
-    }
-
-    // Allow flush to complete before resuming as a session recording, otherwise
-    // the checkout from `startRecording` may be included in the payload.
-    // Prefer to keep the error replay as a separate (and smaller) segment
-    // than the session replay.
-    await this.flushImmediate();
-
-    const hasStoppedRecording = this.stopRecording();
-
-    if (!continueRecording || !hasStoppedRecording) {
-      return;
-    }
-
-    // Re-start recording, but in "session" recording mode
-
-    // Reset all "capture on error" configuration before
-    // starting a new recording
-    this.recordingMode = 'session';
-
-    // Once this session ends, we do not want to refresh it
-    if (this.session) {
-      this.session.shouldRefresh = false;
-      this._maybeSaveSession();
-    }
-
-    this.startRecording();
-  }
-
   /**
    * We want to batch uploads of replay events. Save events only if
    * `<flushMinDelay>` milliseconds have elapsed since the last event
@@ -15396,12 +14043,12 @@ class ReplayContainer  {
    * processing and hand back control to caller.
    */
    addUpdate(cb) {
-    // We need to always run `cb` (e.g. in the case of `this.recordingMode == 'buffer'`)
+    // We need to always run `cb` (e.g. in the case of `this.recordingMode == 'error'`)
     const cbResult = cb();
 
     // If this option is turned on then we will only want to call `flush`
     // explicitly
-    if (this.recordingMode === 'buffer') {
+    if (this.recordingMode === 'error') {
       return;
     }
 
@@ -15473,12 +14120,12 @@ class ReplayContainer  {
     const oldSessionId = this.getSessionId();
 
     // Prevent starting a new session if the last user activity is older than
-    // SESSION_IDLE_PAUSE_DURATION. Otherwise non-user activity can trigger a new
+    // SESSION_IDLE_DURATION. Otherwise non-user activity can trigger a new
     // session+recording. This creates noisy replays that do not have much
     // content in them.
     if (
       this._lastActivity &&
-      isExpired(this._lastActivity, this.timeouts.sessionIdlePause) &&
+      isExpired(this._lastActivity, this.timeouts.sessionIdle) &&
       this.session &&
       this.session.sampled === 'session'
     ) {
@@ -15528,30 +14175,6 @@ class ReplayContainer  {
     this._context.urls.push(url);
   }
 
-  /**
-   * Initialize and start all listeners to varying events (DOM,
-   * Performance Observer, Recording, Sentry SDK, etc)
-   */
-   _initializeRecording() {
-    this.setInitialState();
-
-    // this method is generally called on page load or manually - in both cases
-    // we should treat it as an activity
-    this._updateSessionActivity();
-
-    this.eventBuffer = createEventBuffer({
-      useCompression: this._options.useCompression,
-    });
-
-    this._removeListeners();
-    this._addListeners();
-
-    // Need to set as enabled before we start recording, as `record()` can trigger a flush with a new checkout
-    this._isEnabled = true;
-
-    this.startRecording();
-  }
-
   /** A wrapper to conditionally capture exceptions. */
    _handleException(error) {
     (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.error('[Replay]', error);
@@ -15571,7 +14194,7 @@ class ReplayContainer  {
       stickySession: Boolean(this._options.stickySession),
       currentSession: this.session,
       sessionSampleRate: this._options.sessionSampleRate,
-      allowBuffering: this._options.errorSampleRate > 0,
+      errorSampleRate: this._options.errorSampleRate,
     });
 
     // If session was newly created (i.e. was not loaded from storage), then
@@ -15588,7 +14211,7 @@ class ReplayContainer  {
     this.session = session;
 
     if (!this.session.sampled) {
-      void this.stop('session unsampled');
+      this.stop('session unsampled');
       return false;
     }
 
@@ -15603,7 +14226,6 @@ class ReplayContainer  {
       WINDOW.document.addEventListener('visibilitychange', this._handleVisibilityChange);
       WINDOW.addEventListener('blur', this._handleWindowBlur);
       WINDOW.addEventListener('focus', this._handleWindowFocus);
-      WINDOW.addEventListener('keydown', this._handleKeyboardEvent);
 
       // There is no way to remove these listeners, so ensure they are only added once
       if (!this._hasInitializedCoreListeners) {
@@ -15632,7 +14254,6 @@ class ReplayContainer  {
 
       WINDOW.removeEventListener('blur', this._handleWindowBlur);
       WINDOW.removeEventListener('focus', this._handleWindowFocus);
-      WINDOW.removeEventListener('keydown', this._handleKeyboardEvent);
 
       if (this._performanceObserver) {
         this._performanceObserver.disconnect();
@@ -15683,11 +14304,6 @@ class ReplayContainer  {
     this._doChangeToForegroundTasks(breadcrumb);
   };}
 
-  /** Ensure page remains active when a key is pressed. */
-   __init16() {this._handleKeyboardEvent = (event) => {
-    handleKeyboardEvent(this, event);
-  };}
-
   /**
    * Tasks to run when we consider a page to be hidden (via blurring and/or visibility)
    */
@@ -15719,7 +14335,7 @@ class ReplayContainer  {
     const isSessionActive = this.checkAndHandleExpiredSession();
 
     if (!isSessionActive) {
-      // If the user has come back to the page within SESSION_IDLE_PAUSE_DURATION
+      // If the user has come back to the page within SESSION_IDLE_DURATION
       // ms, we will re-use the existing session, otherwise create a new
       // session
       (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__) && logger.log('[Replay] Document has become active, but session has expired');
@@ -15767,7 +14383,7 @@ class ReplayContainer  {
    _createCustomBreadcrumb(breadcrumb) {
     this.addUpdate(() => {
       void addEvent(this, {
-        type: EventType$1.Custom,
+        type: EventType.Custom,
         timestamp: breadcrumb.timestamp || 0,
         data: {
           tag: 'breadcrumb',
@@ -15793,7 +14409,7 @@ class ReplayContainer  {
    * Only flush if `this.recordingMode === 'session'`
    */
    _conditionalFlush() {
-    if (this.recordingMode === 'buffer') {
+    if (this.recordingMode === 'error') {
       return;
     }
 
@@ -15808,35 +14424,22 @@ class ReplayContainer  {
     this._context.errorIds.clear();
     this._context.traceIds.clear();
     this._context.urls = [];
-  }
-
-  /** Update the initial timestamp based on the buffer content. */
-   _updateInitialTimestampFromEventBuffer() {
-    const { session, eventBuffer } = this;
-    if (!session || !eventBuffer) {
-      return;
-    }
-
-    // we only ever update this on the initial segment
-    if (session.segmentId) {
-      return;
-    }
-
-    const earliestEvent = eventBuffer.getEarliestTimestamp();
-    if (earliestEvent && earliestEvent < this._context.initialTimestamp) {
-      this._context.initialTimestamp = earliestEvent;
-    }
+    this._context.earliestEvent = null;
   }
 
   /**
    * Return and clear _context
    */
    _popEventContext() {
+    if (this._context.earliestEvent && this._context.earliestEvent < this._context.initialTimestamp) {
+      this._context.initialTimestamp = this._context.earliestEvent;
+    }
+
     const _context = {
       initialTimestamp: this._context.initialTimestamp,
       initialUrl: this._context.initialUrl,
-      errorIds: Array.from(this._context.errorIds),
-      traceIds: Array.from(this._context.traceIds),
+      errorIds: Array.from(this._context.errorIds).filter(Boolean),
+      traceIds: Array.from(this._context.traceIds).filter(Boolean),
       urls: this._context.urls,
     };
 
@@ -15875,9 +14478,6 @@ class ReplayContainer  {
     }
 
     try {
-      // This uses the data from the eventBuffer, so we need to call this before `finish()
-      this._updateInitialTimestampFromEventBuffer();
-
       // Note this empties the event buffer regardless of outcome of sending replay
       const recordingData = await this.eventBuffer.finish();
 
@@ -15893,6 +14493,7 @@ class ReplayContainer  {
         replayId,
         recordingData,
         segmentId,
+        includeReplayStartTimestamp: segmentId === 0,
         eventContext,
         session: this.session,
         options: this.getOptions(),
@@ -15904,7 +14505,7 @@ class ReplayContainer  {
       // This means we retried 3 times and all of them failed,
       // or we ran into a problem we don't want to retry, like rate limiting.
       // In this case, we want to completely stop the replay - otherwise, we may get inconsistent segments
-      void this.stop('sendReplay');
+      this.stop('sendReplay');
 
       const client = getCurrentHub().getClient();
 
@@ -15918,12 +14519,8 @@ class ReplayContainer  {
    * Flush recording data to Sentry. Creates a lock so that only a single flush
    * can be active at a time. Do not call this directly.
    */
-   __init17() {this._flush = async ({
-    force = false,
-  }
-
- = {}) => {
-    if (!this._isEnabled && !force) {
+   __init16() {this._flush = async () => {
+    if (!this._isEnabled) {
       // This can happen if e.g. the replay was stopped because of exceeding the retry limit
       return;
     }
@@ -15973,7 +14570,7 @@ class ReplayContainer  {
   }
 
   /** Handler for rrweb.record.onMutation */
-   __init18() {this._onMutationHandler = (mutations) => {
+   __init17() {this._onMutationHandler = (mutations) => {
     const count = mutations.length;
 
     const mutationLimit = this._options._experiments.mutationLimit || 0;
@@ -16107,8 +14704,6 @@ function isElectronNodeRenderer() {
 const MEDIA_SELECTORS =
   'img,image,svg,video,object,picture,embed,map,audio,link[rel="icon"],link[rel="apple-touch-icon"]';
 
-const DEFAULT_NETWORK_HEADERS = ['content-length', 'content-type', 'accept'];
-
 let _initialized = false;
 
 /**
@@ -16149,11 +14744,6 @@ class Replay  {
     maskAllInputs = true,
     blockAllMedia = true,
 
-    networkDetailAllowUrls = [],
-    networkCaptureBodies = true,
-    networkRequestHeaders = [],
-    networkResponseHeaders = [],
-
     mask = [],
     unmask = [],
     block = [],
@@ -16212,13 +14802,6 @@ class Replay  {
       errorSampleRate,
       useCompression,
       blockAllMedia,
-      maskAllInputs,
-      maskAllText,
-      networkDetailAllowUrls,
-      networkCaptureBodies,
-      networkRequestHeaders: _getMergedNetworkHeaders(networkRequestHeaders),
-      networkResponseHeaders: _getMergedNetworkHeaders(networkResponseHeaders),
-
       _experiments,
     };
 
@@ -16272,7 +14855,14 @@ Sentry.init({ replaysOnErrorSampleRate: ${errorSampleRate} })`,
   }
 
   /**
-   * Setup and initialize replay container
+   * We previously used to create a transaction in `setupOnce` and it would
+   * potentially create a transaction before some native SDK integrations have run
+   * and applied their own global event processor. An example is:
+   * https://github.com/getsentry/sentry-javascript/blob/b47ceafbdac7f8b99093ce6023726ad4687edc48/packages/browser/src/integrations/useragent.ts
+   *
+   * So we call `replay.setup` in next event loop as a workaround to wait for other
+   * global event processors to finish. This is no longer needed, but keeping it
+   * here to avoid any future issues.
    */
    setupOnce() {
     if (!isBrowser()) {
@@ -16281,20 +14871,12 @@ Sentry.init({ replaysOnErrorSampleRate: ${errorSampleRate} })`,
 
     this._setup();
 
-    // Once upon a time, we tried to create a transaction in `setupOnce` and it would
-    // potentially create a transaction before some native SDK integrations have run
-    // and applied their own global event processor. An example is:
-    // https://github.com/getsentry/sentry-javascript/blob/b47ceafbdac7f8b99093ce6023726ad4687edc48/packages/browser/src/integrations/useragent.ts
-    //
-    // So we call `this._initialize()` in next event loop as a workaround to wait for other
-    // global event processors to finish. This is no longer needed, but keeping it
-    // here to avoid any future issues.
-    setTimeout(() => this._initialize());
+    // XXX: See method comments above
+    setTimeout(() => this.start());
   }
 
   /**
-   * Start a replay regardless of sampling rate. Calling this will always
-   * create a new session. Will throw an error if replay is already in progress.
+   * Initializes the plugin.
    *
    * Creates or loads a session, attaches listeners to varying events (DOM,
    * PerformanceObserver, Recording, Sentry SDK, etc)
@@ -16307,64 +14889,27 @@ Sentry.init({ replaysOnErrorSampleRate: ${errorSampleRate} })`,
     this._replay.start();
   }
 
-  /**
-   * Start replay buffering. Buffers until `flush()` is called or, if
-   * `replaysOnErrorSampleRate` > 0, until an error occurs.
-   */
-   startBuffering() {
-    if (!this._replay) {
-      return;
-    }
-
-    this._replay.startBuffering();
-  }
-
   /**
    * Currently, this needs to be manually called (e.g. for tests). Sentry SDK
    * does not support a teardown
    */
    stop() {
     if (!this._replay) {
-      return Promise.resolve();
-    }
-
-    return this._replay.stop();
-  }
-
-  /**
-   * If not in "session" recording mode, flush event buffer which will create a new replay.
-   * Unless `continueRecording` is false, the replay will continue to record and
-   * behave as a "session"-based replay.
-   *
-   * Otherwise, queue up a flush.
-   */
-   flush(options) {
-    if (!this._replay || !this._replay.isEnabled()) {
-      return Promise.resolve();
+      return;
     }
 
-    return this._replay.sendBufferedReplayOrFlush(options);
+    this._replay.stop();
   }
 
   /**
-   * Get the current session ID.
+   * Immediately send all pending events.
    */
-   getReplayId() {
+   flush() {
     if (!this._replay || !this._replay.isEnabled()) {
       return;
     }
 
-    return this._replay.getSessionId();
-  }
-  /**
-   * Initializes replay.
-   */
-   _initialize() {
-    if (!this._replay) {
-      return;
-    }
-
-    this._replay.initializeSampling();
+    return this._replay.flushImmediate();
   }
 
   /** Setup the integration. */
@@ -16415,10 +14960,6 @@ function loadReplayOptionsFromClient(initialOptions) {
   return finalOptions;
 }
 
-function _getMergedNetworkHeaders(headers) {
-  return [...DEFAULT_NETWORK_HEADERS, ...headers.map(header => header.toLowerCase())];
-}
-
 /**
  * Polyfill for the optional chain operator, `?.`, given previous conversion of the expression into an array of values,
  * descriptors, and functions.
@@ -16856,9 +15397,6 @@ class Postgres  {
         const span = _optionalChain([parentSpan, 'optionalAccess', _6 => _6.startChild, 'call', _7 => _7({
           description: typeof config === 'string' ? config : (config ).text,
           op: 'db',
-          data: {
-            'db.system': 'postgresql',
-          },
         })]);
 
         if (typeof callback === 'function') {
@@ -16935,9 +15473,6 @@ class Mysql  {constructor() { Mysql.prototype.__init.call(this); }
         const span = _optionalChain([parentSpan, 'optionalAccess', _4 => _4.startChild, 'call', _5 => _5({
           description: typeof options === 'string' ? options : (options ).sql,
           op: 'db',
-          data: {
-            'db.system': 'mysql',
-          },
         })]);
 
         if (typeof callback === 'function') {
@@ -17159,7 +15694,6 @@ class Mongo  {
       collectionName: collection.collectionName,
       dbName: collection.dbName,
       namespace: collection.namespace,
-      'db.system': 'mongodb',
     };
     const spanContext = {
       op: 'db',
@@ -17246,15 +15780,31 @@ class Prisma  {
     }
 
     this._client.$use((params, next) => {
+      const scope = getCurrentHub().getScope();
+      const parentSpan = _optionalChain([scope, 'optionalAccess', _2 => _2.getSpan, 'call', _3 => _3()]);
+
       const action = params.action;
       const model = params.model;
-      return trace(
-        { name: model ? `${model} ${action}` : action, op: 'db.sql.prisma', data: { 'db.system': 'prisma' } },
-        () => next(params),
-      );
+
+      const span = _optionalChain([parentSpan, 'optionalAccess', _4 => _4.startChild, 'call', _5 => _5({
+        description: model ? `${model} ${action}` : action,
+        op: 'db.sql.prisma',
+      })]);
+
+      const rv = next(params);
+
+      if (isThenable(rv)) {
+        return rv.then((res) => {
+          _optionalChain([span, 'optionalAccess', _6 => _6.finish, 'call', _7 => _7()]);
+          return res;
+        });
+      }
+
+      _optionalChain([span, 'optionalAccess', _8 => _8.finish, 'call', _9 => _9()]);
+      return rv;
     });
   }
-} Prisma.__initStatic();
+}Prisma.__initStatic();
 
 /** Tracing integration for graphql package */
 class GraphQL  {constructor() { GraphQL.prototype.__init.call(this); }
@@ -25586,6 +24136,7 @@ var STATES$5;
     STATES["RE_INIT_RECORDER__NEXT_QUESTION"] = "reInitRecorderNextQuestion";
     STATES["UPLOADING"] = "uploading";
     STATES["CONFIRM"] = "confirm";
+    STATES["CONFIRM_WATING"] = "confirmWaiting";
     STATES["FINISHED"] = "finished";
     STATES["ERROR"] = "error";
 })(STATES$5 || (STATES$5 = {}));
@@ -25639,6 +24190,7 @@ var ACTIONS$6;
     ACTIONS["RESET_FAILED_RECORDING_ATTEMPTS"] = "resetFailedRecordingAttempts";
     ACTIONS["CLEAR_VIDEO_ERROR"] = "clearVideoError";
     ACTIONS["UPDATE_VIDEO_DIMENSIONS"] = "updateVideoDimensions";
+    ACTIONS["UPDATE_UPLOADED_FALSE_COUNT"] = "updateUploadedFalseCount";
 })(ACTIONS$6 || (ACTIONS$6 = {}));
 var EVENTS$5;
 (function (EVENTS) {
@@ -25694,6 +24246,7 @@ var GUARDS$3;
     GUARDS["IS_RECORDER_READY"] = "isRecorderReady";
     GUARDS["IS_ASSESSMENT_QUESTION"] = "isAssessmentQuestion";
     GUARDS["IS_TIMES_UP"] = "isTimesUp";
+    GUARDS["SHOULD_TRY_TO_CONFIRM"] = "shouldTryToConfirm";
 })(GUARDS$3 || (GUARDS$3 = {}));
 var TAGS;
 (function (TAGS) {
@@ -25703,6 +24256,7 @@ var TAGS;
     TAGS["DISPLAY_OUTER_VIEW"] = "displayOuterView";
     TAGS["DISPLAY_QUESTION"] = "displayQuestion";
     TAGS["DISPLAY_QUESTIONS_LIST"] = "displayQuestionsList";
+    TAGS["DISPLAY_UPLOAD"] = "displayUpload";
     TAGS["LOADING"] = "loading";
 })(TAGS || (TAGS = {}));
 
@@ -30424,7 +28978,7 @@ const configGenerator = () => {
     let release;
     try {
         environment !== null && environment !== void 0 ? environment : (environment = "staging");
-        release !== null && release !== void 0 ? release : (release = "1.1.23");
+        release !== null && release !== void 0 ? release : (release = "1.1.23-binary-001");
     }
     catch (_a) {
         console.error('sentry configGenerator error');
@@ -30897,6 +29451,7 @@ const SECONDS_LEFT_HIGHLIGHT = 10;
 const DEFAULT_ASSESSMENT_MAX_CHARS = 300;
 const DEFAULT_ASSESSMENT_DURATION = 0;
 const DEFAULT_VIDEO_DIMENSIONS = { width: 1280, height: 720 }; // Transcoder default dimensions (720p)
+const MAX_CONFIRM_ATTEMPTS = 5;
 // Font
 const FONT_URL = 'https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap';
 var RETAKE_SPEED;
@@ -35057,8 +33612,8 @@ function memoizeOne(resultFn, isEqual) {
 }
 
 var memoizeOne_esm = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': memoizeOne
+    __proto__: null,
+    'default': memoizeOne
 });
 
 var require$$2 = /*@__PURE__*/getAugmentedNamespace(memoizeOne_esm);
@@ -39018,6 +37573,11 @@ var EVENT_TYPES;
     EVENT_TYPES["SOUND_RESTORED"] = "soundRestored";
     EVENT_TYPES["TIMES_UP"] = "timesUp";
     EVENT_TYPES["COMPLETED_INTERVIEW"] = "completedInterview";
+    EVENT_TYPES["RECONNECTED"] = "reconnected";
+    EVENT_TYPES["CONFIRM_UPLOADED_FAILED"] = "confirmUploadedFailed";
+    EVENT_TYPES["FINISHED"] = "finished";
+    EVENT_TYPES["ON_FINISH_SUCCEED"] = "onFinishSucceed";
+    EVENT_TYPES["ON_FINISH_FAILED"] = "onFinishFailed";
 })(EVENT_TYPES || (EVENT_TYPES = {}));
 let event_id;
 const updateEventId = (eventId) => { event_id = eventId; };
@@ -39567,31 +38127,6 @@ const Setup = ({ widgetMachine, sendToWidget, isPracticeDisabled, recordWithoutV
             React__default["default"].createElement(C, { className: startButtonClassNames, color: "special", backgroundColor: "white", onClick: () => sendToWidget(EVENTS$5.QUESTION_MODE), disabled: !canStartInterview }, t(isResumed ? 'welcome.resumeInterview' : 'buttons.btn_start').toUpperCase()))));
 };
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
 const uploadToS3 = (url, data, onProgress, timeout = 0) => s3AxiosInstance.put(url, data, {
     headers: { 'Content-Type': 'video/webm' }, onUploadProgress: onProgress, timeout,
 });
@@ -39662,8 +38197,8 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
     const isQuestionDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_QUESTION) || (isVideoQuestionState && !currentQuestionObj.thinkingTime);
     const isPreviewState = widgetMachine.matches(STATES$5.PREVIEW);
     const isUploadingState = widgetMachine.matches(STATES$5.UPLOADING);
-    const isConfirmState = widgetMachine.matches(STATES$5.CONFIRM);
     const isQuestionsListDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_QUESTIONS_LIST);
+    const isUploadDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_UPLOAD);
     const isRecording = recorderMachine.matches({ [STATES$6.RECORDING]: STATES$6.COLLECTING_BLOBS });
     const isCountDown = recorderMachine.matches({ [STATES$6.RECORDING]: STATES$6.COUNT_DOWN });
     const isPracticeMode = recordingType === TAKE_TYPES.PRACTICE;
@@ -39681,7 +38216,7 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
         isSetupState && React__default["default"].createElement(Setup, { recordWithoutVideo: recordWithoutVideo, widgetMachine: widgetMachine, sendToWidget: sendToWidget, isPracticeDisabled: !!config.disablePractice }),
         isQuestionsListDisplayed && React__default["default"].createElement(QuestionsList, { questions: questions, currentQuestion: currentQuestion, isPracticeMode: isPracticeMode, questionsStatus: questionsStatus }),
         isQuestionDisplayed && React__default["default"].createElement(Question, { questionObj: currentQuestionObj }),
-        (isUploadingState || isConfirmState) && (React__default["default"].createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
+        isUploadDisplayed && (React__default["default"].createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
 };
 
 var actions = {};
@@ -43510,9 +42045,7 @@ var AsapAction = (function (_super) {
         var actions = scheduler.actions;
         if (id != null && ((_a = actions[actions.length - 1]) === null || _a === void 0 ? void 0 : _a.id) !== id) {
             immediateProvider.clearImmediate(id);
-            if (scheduler._scheduled === id) {
-                scheduler._scheduled = undefined;
-            }
+            scheduler._scheduled = undefined;
         }
         return undefined;
     };
@@ -44778,7 +43311,7 @@ const accUploaderMachine = createMachine({
                                 actions: [ACTIONS$2.SENTRY],
                             },
                             {
-                                actions: [ACTIONS$2.SET_UPLOADED, ACTIONS$2.SENTRY],
+                                actions: [ACTIONS$2.SENTRY],
                                 target: `#uploader.${STATES$2.UPLOADED}`, // In case the video already uploaded
                             },
                         ],
@@ -44795,7 +43328,6 @@ const accUploaderMachine = createMachine({
                         id: 'uploadToS3',
                         src: ({ signedUrl, file }) => (callback) => uploadToS3(signedUrl, file, callback),
                         onDone: {
-                            // actions: [ACTIONS.SET_UPLOADED],
                             target: `#uploader.${STATES$2.UPLOADED}`,
                         },
                         onError: {
@@ -45151,10 +43683,14 @@ const accWidgetMachine = createMachine({
         failedRecordingMessage: VIDEO_CORRUPTED_STATES.NO_ERROR,
         isResumed: false,
         videoDimensions: DEFAULT_VIDEO_DIMENSIONS,
+        confirmUploadedFalseCount: 0,
     },
     on: {
         [EVENTS$1.CONNECTION_CHANGED]: {
-            actions: [ACTIONS$6.SET_CONNECTION],
+            actions: [
+                ACTIONS$6.SET_CONNECTION,
+                { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.RECONNECTED } },
+            ],
         },
         [EVENTS$5.UPLOADER_PROGRESS]: {
             actions: [ACTIONS$6.UPDATE_TOTAL_UPLOADED_FILES_SIZE],
@@ -45681,7 +44217,7 @@ const accWidgetMachine = createMachine({
             },
         },
         [STATES$5.UPLOADING]: {
-            tags: [TAGS.DISPLAY_OUTER_VIEW],
+            tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
             entry: [
                 { type: ACTIONS$6.SESSION_EVENT, data: { event: 'widget_completed', type: 'date' } },
                 { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.UPLOADING_STATE } },
@@ -45695,30 +44231,57 @@ const accWidgetMachine = createMachine({
                 },
             },
         },
+        [STATES$5.CONFIRM_WATING]: {
+            tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
+            always: {
+                target: STATES$5.CONFIRM,
+                cond: GUARDS$3.IS_CONNECTED,
+            },
+        },
         [STATES$5.CONFIRM]: {
-            tags: [TAGS.DISPLAY_OUTER_VIEW],
+            tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
             invoke: {
                 id: 'getVideo',
                 src: (context) => { var _a; return getVideo(((_a = context.widgetConfig.video) === null || _a === void 0 ? void 0 : _a.video_id) || ''); },
-                onDone: {
-                    target: STATES$5.FINISHED,
-                    cond: (_, event) => !!event.data.data.data.video.uploaded,
-                },
+                onDone: [
+                    {
+                        target: STATES$5.FINISHED,
+                        cond: (_, event) => !!event.data.data.data.video.uploaded,
+                    },
+                    {
+                        actions: [
+                            ACTIONS$6.UPDATE_UPLOADED_FALSE_COUNT,
+                            { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::UPLOADED_FALSE' } },
+                        ],
+                        target: STATES$5.CONFIRM_WATING,
+                        cond: GUARDS$3.SHOULD_TRY_TO_CONFIRM,
+                    },
+                    {
+                        actions: [
+                            { type: ACTIONS$6.SET_VIDEO_ERROR, data: { errorMessage: 'Error, Please contact support' } },
+                            { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.CONFIRM_UPLOADED_FAILED } },
+                        ],
+                        target: STATES$5.ERROR,
+                    },
+                ],
                 onError: [
                     {
-                        actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, ACTIONS$6.SENTRY],
+                        actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::ERROR__NOT_FOUND' } }],
                         target: STATES$5.FINISHED,
                         cond: (_, event) => event.data.response.status === STATUS_CODES.NOT_FOUND,
                     },
                     {
-                        actions: [ACTIONS$6.SENTRY],
-                        target: STATES$5.CONFIRM,
+                        actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::ERROR' } }],
+                        target: STATES$5.CONFIRM_WATING,
                     },
                 ],
             },
         },
         [STATES$5.FINISHED]: {
-            entry: [{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.INTERVIEW_SUBMITTED } }],
+            entry: [
+                { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.INTERVIEW_SUBMITTED } },
+                { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.FINISHED } },
+            ],
             type: 'final',
         },
         [STATES$5.ERROR]: {
@@ -45914,9 +44477,12 @@ const accWidgetMachine = createMachine({
                 widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig.video), { videos: (_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.map((video, idx) => ((idx !== questionNumber - 1) ? video : videoFile)) }) }),
             });
         }),
-        [ACTIONS$6.SET_VIDEO_ERROR]: assign$2((_, event) => ({
-            error: event.data.response.data || { errorMessage: event.data.message },
-        })),
+        [ACTIONS$6.SET_VIDEO_ERROR]: assign$2((_, event, meta) => {
+            var _a, _b, _c, _d;
+            return ({
+                error: ((_b = (_a = event.data) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.data) || { errorMessage: ((_c = event.data) === null || _c === void 0 ? void 0 : _c.message) || ((_d = meta.action.data) === null || _d === void 0 ? void 0 : _d.errorMessage) },
+            });
+        }),
         [ACTIONS$6.REVOKE_MEMORY]: send$2((_, event) => ({ type: EVENTS$4.REMOVE_TAKES, data: { questionToRemove: event.data.questionNumber } }), { to: ({ storageRef }) => storageRef }),
         [ACTIONS$6.UPDATE_VIDEO_OBJECT]: assign$2(({ widgetConfig, recordingType }) => {
             var _a, _b;
@@ -45950,6 +44516,9 @@ const accWidgetMachine = createMachine({
                 height: event.data.height,
             },
         })),
+        [ACTIONS$6.UPDATE_UPLOADED_FALSE_COUNT]: assign$2(({ confirmUploadedFalseCount }) => ({
+            confirmUploadedFalseCount: confirmUploadedFalseCount + 1,
+        })),
     },
     services: {
         [SERVICES$1.UPDATE_VIDEO_OBJECT_CALL]: ({ widgetConfig: { video }, recordingType, speedTestResult }, event, meta) => (callback, onReceive) => {
@@ -45993,6 +44562,7 @@ const accWidgetMachine = createMachine({
         [GUARDS$3.IS_RECORDER_READY]: ({ recorderRef }) => (recorderRef === null || recorderRef === void 0 ? void 0 : recorderRef.getSnapshot().value) === STATES$6.IDLE,
         [GUARDS$3.IS_ASSESSMENT_QUESTION]: ({ questions, currentQuestion }) => !!questions[currentQuestion - 1].answerType && questions[currentQuestion - 1].answerType !== ANSWER_TYPES.VIDEO,
         [GUARDS$3.IS_TIMES_UP]: (_, event) => !!event.data.isTimesUp,
+        [GUARDS$3.SHOULD_TRY_TO_CONFIRM]: ({ confirmUploadedFalseCount }) => confirmUploadedFalseCount <= MAX_CONFIRM_ATTEMPTS,
     },
 });
 
@@ -48515,10 +47085,25 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
     React.useEffect(() => {
         setShouldShowWaterMark(!!(company === null || company === void 0 ? void 0 : company.shouldShowWaterMark));
     }, [company === null || company === void 0 ? void 0 : company.shouldShowWaterMark]);
+    const _onFinish = () => __awaiter(void 0, void 0, void 0, function* () { var _a, _b; return (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' }); });
     React.useEffect(() => {
-        var _a, _b;
         if (machine.done) {
-            (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' });
+            if (widgetConfig.config.onFinish) {
+                _onFinish().then(() => {
+                    emitTrackEvent({ eventType: EVENT_TYPES.ON_FINISH_SUCCEED });
+                }).catch((err) => {
+                    var _a;
+                    let errorMessage = '';
+                    try {
+                        errorMessage = (err === null || err === void 0 ? void 0 : err.message) || (err === null || err === void 0 ? void 0 : err.msg) || ((_a = err === null || err === void 0 ? void 0 : err.data) === null || _a === void 0 ? void 0 : _a.message);
+                    }
+                    catch (_b) {
+                        //
+                    }
+                    emitTrackEvent({ eventType: EVENT_TYPES.ON_FINISH_FAILED, extraData: { errorMessage } });
+                    throw err;
+                });
+            }
         }
     }, [machine.done]);
     React.useEffect(() => {
@@ -48534,11 +47119,16 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
             });
         }
     }, [candidate, job === null || job === void 0 ? void 0 : job.language]);
+    const setBackgroundOpacity = () => {
+        var _a;
+        (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-background-opacity', isLoading || isErrorState ? '0' : '1');
+    };
     React.useEffect(() => {
         var _a, _b;
         if (isErrorState && (error === null || error === void 0 ? void 0 : error.statusCode) === 400) {
             (_b = (_a = widgetConfig.config).onError) === null || _b === void 0 ? void 0 : _b.call(_a, { messageType: 'applied' });
         }
+        setBackgroundOpacity();
     }, [isErrorState]);
     const isResumed = React.useMemo(() => { var _a, _b; return !!((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.some((v) => v.uploaded)); }, [widgetConfig.video]);
     const handleScroll = (e) => {
@@ -48548,8 +47138,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
         (_b = viewsRef === null || viewsRef === void 0 ? void 0 : viewsRef.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('--myinterview-widget-practice-opacity', scrollTop > 10 ? '0' : '1');
     };
     React.useEffect(() => {
-        var _a;
-        (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-background-opacity', isLoading || isErrorState ? '0' : '1');
+        setBackgroundOpacity();
     }, [isLoading]);
     const onRetry = () => {
         send(EVENTS$5.RETRY);
@@ -48747,15 +47336,15 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
         revertBodyStyling();
         setIsWidgetOpen(false);
     };
-    const onInterviewCompleted = (data) => {
+    const onInterviewCompleted = (data) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        (_a = config.onFinish) === null || _a === void 0 ? void 0 : _a.call(config, data);
         onCloseWidget();
-    };
+        yield ((_a = config.onFinish) === null || _a === void 0 ? void 0 : _a.call(config, data));
+    });
     const onError = (data) => {
         var _a;
-        (_a = config.onError) === null || _a === void 0 ? void 0 : _a.call(config, data);
         onCloseWidget();
+        (_a = config.onError) === null || _a === void 0 ? void 0 : _a.call(config, data);
     };
     const openWidget = () => {
         var _a;