@pendo/agent 2.276.0 → 2.278.0

package/dist/pendo.module.js

@@ -430,15 +430,6 @@ function getPolicy(pendo) {
     return policy;
 }
 
-/*
- * NOTE: gulpfile.js line 296 -- actually writes the line of code that uses this
- * CODE to the agent. It's presumably done there to guarantee its early position
- * in resulting agent code.
- *
- * If you want to add any libraries for use in the preamble (we currently have
- * b64 and sha1 available here now) then you'll need to update `gulpfile.js`
- * line 35 for the `eslint` task and `karma.conf.js` line 31.
- */
 var STAGING_SERVER_HASHES = 'stagingServerHashes';
 var pendo$1;
 var _pendoConfig = {};
@@ -447,8 +438,13 @@ function loadAsModule(config) {
 }
 function createPendoObject(config) {
     var windowOrMountPoint = loadAsModule(config) ? {} : window;
-    // eslint-disable-next-line no-return-assign
-    pendo$1 = windowOrMountPoint.pendo = windowOrMountPoint.pendo || {};
+    var agentScriptTag = findAgentScriptTag(document.getElementsByTagName('script'), config.apiKey);
+    var globalKey = config.pendoGlobalKey || 'pendo';
+    if (agentScriptTag) {
+        globalKey = agentScriptTag.getAttribute('data-pendo-global-key') || globalKey;
+        config.pendoGlobalKey = globalKey;
+    }
+    pendo$1 = windowOrMountPoint[globalKey] = windowOrMountPoint[globalKey] || {};
     return pendo$1;
 }
 function isStagingEnvironment(config) {
@@ -466,16 +462,23 @@ function shouldUseStagingAgent(config) {
 function shouldUseUnminifiedAgent(config, debuggingEnabled) {
     return !isExtension(config) && isMinifiedAgent(config) && debuggingEnabled;
 }
-function buildCDNStagingAgentUrl(scripts) {
+function findAgentScriptTag(scripts, apiKey) {
     if (scripts === void 0) { scripts = []; }
     var regex = /^https:\/\/[\w\-.]*cdn[\w\-.]*\.(pendo-dev\.com|pendo\.io)\/agent\/static\/([\w]{8}-[\w]{4}-[\w]{4}-[\w]{4}-[\w]{12}|PENDO_API_KEY)\/pendo\.js$/g;
     for (var i = 0; i < scripts.length; i++) {
         var script = scripts[i];
-        if (regex.test(script.src)) {
-            return script.src.replace(/\.js$/, '-staging.js');
+        if (regex.test(script.src) || script.id === "pendo-".concat(apiKey)) {
+            return script;
         }
     }
 }
+function buildCDNStagingAgentUrl(scripts) {
+    if (scripts === void 0) { scripts = []; }
+    var agentScript = findAgentScriptTag(scripts);
+    if (agentScript) {
+        return agentScript.src.replace(/\.js$/, '-staging.js');
+    }
+}
 function getAlternateAgentUrl(config, useStaging, debuggingEnabled) {
     var agentUrl = buildCDNStagingAgentUrl(document.getElementsByTagName('script')) || config.stagingAgentUrl;
     if (debuggingEnabled) {
@@ -3891,8 +3894,8 @@ var SERVER = '';
 var ASSET_HOST = '';
 var ASSET_PATH = '';
 var DESIGNER_ENV = '';
-var VERSION = '2.276.0_';
-var PACKAGE_VERSION = '2.276.0';
+var VERSION = '2.278.0_';
+var PACKAGE_VERSION = '2.278.0';
 var LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -10097,14 +10100,15 @@ function roundOffsetPosition(position) {
     });
     return position;
 }
-function getOffsetPosition(element) {
+function getOffsetPosition(element, _win) {
+    if (_win === void 0) { _win = window; }
     if (isPositionFixed(element)) {
         var fixedPosition = getScreenPosition(element);
         fixedPosition.fixed = true;
         return roundOffsetPosition(fixedPosition);
     }
     else {
-        var absolutePosition = getAbsolutePosition(element, getBody());
+        var absolutePosition = getAbsolutePosition(element, getBody(_win.document), _win);
         return roundOffsetPosition(absolutePosition);
     }
 }
@@ -11255,11 +11259,23 @@ var WeakRef = (function(global, factory) {
     return nativeWeakRef;
 })(window, WeakRefFactory);
 
+var trimString = function (str, limit) {
+    var len = str.length;
+    if (len <= limit)
+        return str;
+    return trimSurrogate(str.substring(0, limit));
+};
+function getTextValue(elem, limit) {
+    if (elem.tagName && ['textarea', 'input'].indexOf(elem.tagName.toLowerCase()) > -1) {
+        return trimString(elem.value, limit);
+    }
+    return getText(elem, limit);
+}
 function getText(elem, limit) {
+    if (limit === void 0) { limit = 128; }
     var ret = '';
     var nodeType = elem.nodeType;
     var sub;
-    limit = limit || 128;
     if (nodeType === TEXT || nodeType === CDATA_SECTION) {
         return elem.nodeValue;
     }
@@ -11372,7 +11388,7 @@ var ElementGetter = /** @class */ (function () {
     ElementGetter.prototype.getText = function (limit) {
         if (limit === void 0) { limit = 1024; }
         // XXX not sure about size limit
-        return getText(this.get(), limit);
+        return getTextValue(this.get(), limit);
     };
     ElementGetter.prototype.addEventListener = function (event, callback) {
         var _this = this;
@@ -17011,10 +17027,10 @@ var FlexboxPolyfill = (function () {
             return classes && classes.indexOf('pendo-mock-flexbox-element') > -1;
         });
     }
-    function createFlexContainer(isElementPosAbsolute) {
+    function createFlexContainer(isElementPosAbsolute, useNativeFlexbox) {
         var container = document.createElement('div');
         container.style.display = 'inline-block';
-        if (!isElementPosAbsolute) {
+        if (!isElementPosAbsolute && !useNativeFlexbox) {
             container.style.position = 'absolute';
         }
         // Sibling inline-block elements will attempt to align with a common baseline (think about it like a horizontal line)
@@ -17229,19 +17245,33 @@ var FlexboxPolyfill = (function () {
         var computedStyles = getComputedStyle_safe(row);
         return parseInt(width, 10) - parseInt(computedStyles.paddingLeft, 10) - parseInt(computedStyles.paddingRight, 10);
     }
-    function initializeFlexRows(row, justifyContent, rowVerticalAlignment) {
-        var flexElements = getFlexboxElements(row.children);
-        if (flexElements.length === 0)
-            return;
-        // In the following steps, we remove and add elements to the guide.
-        // Therefore we precalculation the rowWidth to ensure it won't change
-        // in case of scrollbar will be added or removed from the screen.
-        var rowWidth = FlexboxPolyfill.getRowWidth(row);
-        var flexRows = FlexboxPolyfill.wrapFlexElementsInFlexRows(flexElements, row, rowWidth);
-        // Once we have all the pendo-mock-flexbox-element elements placed in to
-        // pendo-mock-flexbox-row rows, loop through each pendo-mock-flexbox-row and set the
-        // height and alignment
-        FlexboxPolyfill.formatFlexRows(flexRows, row, justifyContent, rowVerticalAlignment, rowWidth);
+    function initializeFlexRows(row, justifyContent, rowVerticalAlignment, useNativeFlexbox) {
+        if (useNativeFlexbox === void 0) { useNativeFlexbox = false; }
+        if (useNativeFlexbox) {
+            var alignments = {
+                'top': 'flex-start',
+                'center': 'center',
+                'bottom': 'flex-end'
+            };
+            row.style.display = 'flex';
+            row.style.flexWrap = 'wrap';
+            row.style.justifyContent = justifyContent;
+            row.style.alignItems = alignments[rowVerticalAlignment] || 'flex-start';
+        }
+        else {
+            var flexElements = getFlexboxElements(row.children);
+            if (flexElements.length === 0)
+                return;
+            // In the following steps, we remove and add elements to the guide.
+            // Therefore we precalculation the rowWidth to ensure it won't change
+            // in case of scrollbar will be added or removed from the screen.
+            var rowWidth = FlexboxPolyfill.getRowWidth(row);
+            var flexRows = FlexboxPolyfill.wrapFlexElementsInFlexRows(flexElements, row, rowWidth);
+            // Once we have all the pendo-mock-flexbox-element elements placed in to
+            // pendo-mock-flexbox-row rows, loop through each pendo-mock-flexbox-row and set the
+            // height and alignment
+            FlexboxPolyfill.formatFlexRows(flexRows, row, justifyContent, rowVerticalAlignment, rowWidth);
+        }
     }
     function wrapFlexElementsInFlexRows(flexElements, row, rowWidthPreCalc) {
         var rowWidth = rowWidthPreCalc || getRowWidth(row);
@@ -17318,21 +17348,24 @@ var FlexboxPolyfill = (function () {
             return true;
         return false;
     }
-    function flexElement(ele) {
+    function flexElement(ele, useNativeFlexbox) {
         var rowsToBeFlexed = dom('[data-pendo-display-flex]', ele);
         _.each(rowsToBeFlexed, function (row) {
-            var rowWithFlexedElements = FlexboxPolyfill.initializeFlexElements(row);
+            var rowWithFlexedElements = useNativeFlexbox ? row : FlexboxPolyfill.initializeFlexElements(row);
             var horizontalAlignment = row.getAttribute('data-pendo-justify-content');
             var rowVerticalAlignment = row.getAttribute('data-row-vertical-alignment');
-            FlexboxPolyfill.initializeFlexRows(rowWithFlexedElements, horizontalAlignment, rowVerticalAlignment);
+            FlexboxPolyfill.initializeFlexRows(rowWithFlexedElements, horizontalAlignment, rowVerticalAlignment, useNativeFlexbox);
         });
     }
-    function flexAllThings(containerId, context) {
+    function flexAllThings(containerId, step) {
+        var _a;
+        var useNativeFlexbox = (_a = step === null || step === void 0 ? void 0 : step.attributes) === null || _a === void 0 ? void 0 : _a.useFlexbox;
+        var context = (step === null || step === void 0 ? void 0 : step.guideElement) || document;
         var guideContainer = dom('#' + containerId, context)[0];
         if (!guideContainer)
             return;
         maintainAspectRatios(guideContainer);
-        FlexboxPolyfill.flexElement(guideContainer);
+        FlexboxPolyfill.flexElement(guideContainer, useNativeFlexbox);
     }
     function maintainAspectRatios(ele) {
         var dataAspectRatio = 'data-aspect-ratio';
@@ -17587,7 +17620,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
             if (guideContainer && step.attributes.imgCount <= 0) {
                 recalculateGuideWidth(containerId, step.guideElement);
                 adjustGuideContentWidth(containerId, step.guideElement);
-                FlexboxPolyfill.flexAllThings(containerId, step.guideElement);
+                FlexboxPolyfill.flexAllThings(containerId, step);
                 var guide = step.getGuide();
                 // calling recalculateGuideHeight with an announcement guide or Announcements Module breaks announcements display
                 // in resource center
@@ -17598,7 +17631,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
                     var containerHasOverflow = domContainer && domContainer.style && domContainer.style.overflow === 'auto';
                     if (containerHasOverflow) {
                         adjustGuideContentWidth(containerId, step.guideElement);
-                        FlexboxPolyfill.flexAllThings(step.containerId, step.guideElement);
+                        FlexboxPolyfill.flexAllThings(step.containerId, step);
                     }
                 }
                 if (step.attributes.calculatedType === 'tooltip') {
@@ -17624,7 +17657,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
         }
         guideContainer.style.visibility = 'visible';
         guideContainer.parentNode.style.visibility = 'visible';
-        FlexboxPolyfill.flexAllThings(step.containerId, step.guideElement);
+        FlexboxPolyfill.flexAllThings(step.containerId, step);
     });
 }
 function bindActionToNode(node, actionObject, step) {
@@ -18347,7 +18380,7 @@ var BuildingBlockResourceCenter = (function () {
             }, []);
             adjustGuideContentWidth(containerIds, step.guideElement);
             _.each(containerIds, function (containerId) {
-                FlexboxPolyfill.flexAllThings(containerId, step.guideElement);
+                FlexboxPolyfill.flexAllThings(containerId, step);
             });
         }
         else {
@@ -21481,7 +21514,7 @@ function startPreviewMode(window) {
 function updatePreviewUI() {
     if (store.getters['frames/isFollower']())
         return true;
-    updatePreview(document, getActiveGuides(), getLastGuideStepSeen());
+    updatePreview(document, getDisplayableGuides(), getLastGuideStepSeen());
     return true;
 }
 function addPreviewUI(window) {
@@ -21545,7 +21578,7 @@ function previewMessageHandler(e) {
         store.dispatch('frames/stopPreview', { 'preventWindowClose': preventWindowClose });
     }
     else if (type === pendoPreview$1 + '::restart') {
-        var lastGuideStepSeen = restartPreview(getActiveGuides(), getLastGuideStepSeen(), e.data.language);
+        var lastGuideStepSeen = restartPreview(getDisplayableGuides(), getLastGuideStepSeen(), e.data.language);
         store.dispatch('guideState/forceExpire');
         store.dispatch('guideState/updateLastGuideStepSeen', lastGuideStepSeen);
         store.dispatch('frames/restartPreview');
@@ -21989,10 +22022,10 @@ var watermarkGuideRequest = function (config) {
     });
 };
 var PreviewGuideLoader = {
-    'load': function (url, callback) {
+    'load': function (url, pendo, callback) {
         return previewLoadGuideJs(url, callback);
     },
-    'post': function (url, payload, callback) {
+    'post': function (url, payload, pendo, callback) {
         return previewLoadGuideJs(url, callback);
     },
     'endpoint': function () {
@@ -24805,11 +24838,22 @@ var resetPendoUI = function () {
     removeAllBadges();
     flushLater();
 };
+/**
+* If a visitor has been marked as "Do Not Process" then this value will be set to true.
+*
+* @access public
+* @name doNotProcess
+* @type {string}
+* @category Events
+* @example
+* pendo.doNotProcess => true
+*/
 function handleDoNotProcess() {
     stopGuides();
     lockEvents();
     pendo$1.segmentFlags = [];
     pendo$1.doNotProcess = true;
+    store.commit('debugger/doNotProcess', true);
     log.info('not tracking visitor due to 451 response');
 }
 function guidesPayload(guidesJson) {
@@ -24844,16 +24888,6 @@ function isGuideRequestPending() {
     return false;
 }
 var mostRecentGuideRequest;
-/**
-* If a visitor has been marked as "Do Not Process" then this value will be set to true.
-*
-* @access public
-* @name doNotProcess
-* @type {string}
-* @category Events
-* @example
-* pendo.doNotProcess => true
-*/
 var loadGuideJs = function (apiKey, params) {
     var isAdoptPartner = treatAsAdoptPartner();
     var guideRequestId = _.uniqueId();
@@ -25124,10 +25158,16 @@ var loadGuides = function (apiKey, visitorId, page, callback) {
             store.dispatch('frames/changeGuideList', displayableGuides);
             // define event properties to be consumed during handle_event
             pendo$1.eventProperties = createEventPropertiesFromFeatures(pendo$1.features);
+            var globalJsPromise = q.resolve();
+            if (pendo$1.globalJsUrl) {
+                globalJsPromise = loadGlobalScriptOnce(replaceWithContentHost(pendo$1.globalJsUrl))['catch'](function (err) {
+                    log.error('Error loading global script: ', err);
+                });
+            }
             if (displayableGuides.length) {
                 q.all([
                     loadGuideCss(),
-                    loadGlobalScriptOnce(replaceWithContentHost(pendo$1.globalJsUrl)),
+                    globalJsPromise,
                     initializeResourceCenter(activeGuides),
                     BuildingBlockWatermark.initializeWatermark(activeGuides),
                     waitForGlobalCssToLoad(5000)
@@ -25871,7 +25911,7 @@ var EventRouter = function () {
                     containerJSON = findGuideContainerJSON(evt.step.domJson);
                     recalculateGuideWidth(containerJSON.props.id, guideElement);
                     adjustGuideContentWidth(containerJSON.props.id, guideElement);
-                    FlexboxPolyfill.flexAllThings(containerJSON.props.id, guideElement);
+                    FlexboxPolyfill.flexAllThings(containerJSON.props.id, evt.step);
                     recalculateGuideHeight(containerJSON.props.id, guideElement);
                     break;
                 case actionKeys.hideElements:
@@ -25879,7 +25919,7 @@ var EventRouter = function () {
                     containerJSON = findGuideContainerJSON(evt.step.domJson);
                     recalculateGuideWidth(containerJSON.props.id, guideElement);
                     adjustGuideContentWidth(containerJSON.props.id, guideElement);
-                    FlexboxPolyfill.flexAllThings(containerJSON.props.id, guideElement);
+                    FlexboxPolyfill.flexAllThings(containerJSON.props.id, evt.step);
                     recalculateGuideHeight(containerJSON.props.id, guideElement);
                     break;
                 case actionKeys.slideElement:
@@ -27289,7 +27329,7 @@ var BuildingBlockGuides = (function () {
         // Note: Announcement guides have their own special handling for deferring flexAllThings until
         // all images have loaded. See the if (isResourceCenter) check below
         if ((!hasImageCount && !isResourceCenter)) {
-            BuildingBlockGuides.flexAllThings(step.containerId, step.guideElement);
+            BuildingBlockGuides.flexAllThings(step.containerId, step);
         }
         if (!isFullyCustomResourceCenter) {
             BuildingBlockGuides.recalculateGuideHeight(step.containerId, step.guideElement);
@@ -27327,7 +27367,7 @@ var BuildingBlockGuides = (function () {
                 announcementModules = [guide.attributes.resourceCenter];
             }
             else {
-                BuildingBlockGuides.flexAllThings(step.containerId, step.guideElement);
+                BuildingBlockGuides.flexAllThings(step.containerId, step);
             }
             if (announcementModules.length) {
                 _.forEach(announcementModules, function (announcementModule) {
@@ -27345,7 +27385,7 @@ var BuildingBlockGuides = (function () {
                             // pendo-g- can actually be the guideId OR the stepId. see fetchAndMigrateGuide in
                             // the designer repo
                             var containerIdToFlex = dom('#pendo-g-' + stepId).length ? stepId : guideId;
-                            BuildingBlockGuides.flexAllThings('pendo-g-' + containerIdToFlex, step.guideElement);
+                            BuildingBlockGuides.flexAllThings('pendo-g-' + containerIdToFlex, step);
                         }
                     });
                 });
@@ -30335,7 +30375,7 @@ function GuideStep(guide) {
                             // the designer repo
                             var containerIdToFlex = dom(guideContainer).find('#pendo-g-' + stepId)[0] ? stepId : guide.id;
                             BuildingBlockGuides.adjustGuideContentWidth('pendo-g-' + containerIdToFlex, step.guideElement);
-                            BuildingBlockGuides.flexAllThings('pendo-g-' + containerIdToFlex, step.guideElement);
+                            BuildingBlockGuides.flexAllThings('pendo-g-' + containerIdToFlex, step);
                         }
                     });
                 }
@@ -30344,7 +30384,7 @@ function GuideStep(guide) {
                 }
             }
             else {
-                BuildingBlockGuides.flexAllThings(containerId, step.guideElement);
+                BuildingBlockGuides.flexAllThings(containerId, step);
             }
             if (!isFullyCustomResourceCenter) {
                 BuildingBlockGuides.recalculateGuideHeight(containerId, step.guideElement);
@@ -30784,7 +30824,7 @@ var CloneDetection = /** @class */ (function () {
     };
     CloneDetection.prototype.startCloneDetectionTimer = function () {
         this.stopCloneDetectionTimer();
-        this.cloneDetectionTimer = setTimeout$1(this.clearCloneDetectionValue.bind(this), 1000 * 10);
+        this.cloneDetectionTimer = setTimeout$1(_.bind(this.clearCloneDetectionValue, this), 1000 * 10);
     };
     CloneDetection.prototype.stopCloneDetectionTimer = function () {
         if (this.cloneDetectionTimer) {
@@ -32257,7 +32297,8 @@ var DebuggerModule = (function () {
         'enableEventLogging': false,
         'eventsCaptured': [],
         'cspErrors': [],
-        'installType': null
+        'installType': null,
+        'doNotProcess': false
     };
     var SYNC_TYPES = {
         'TOP_DOWN': 'top-down',
@@ -32456,6 +32497,9 @@ var DebuggerModule = (function () {
             if (state.cspErrors.length > 10) {
                 state.cspErrors.pop();
             }
+        },
+        'doNotProcess': function (state, doNotProcess) {
+            state.doNotProcess = doNotProcess;
         }
     };
     function autoDisplayFn(evt) {
@@ -33209,7 +33253,8 @@ var PromoteMetadata = (function () {
         'hasPromotedMetadataKind': hasPromotedMetadataKind,
         'setSchemaGroup': setSchemaGroup,
         'getSchemaGroup': getSchemaGroup,
-        'resetSchemaGroup': resetSchemaGroup
+        'resetSchemaGroup': resetSchemaGroup,
+        'resetCachedSchemaGroup': resetCachedSchemaGroup
     };
     function init(pendo, PluginAPI) {
         pluginApi = PluginAPI;
@@ -33224,13 +33269,13 @@ var PromoteMetadata = (function () {
         * @access public
         * @label SCHEMA_GROUP
         */
-        agentStorage.registry.addLocal(SCHEMA_GROUP);
+        pluginApi.agentStorage.registry.addLocal(SCHEMA_GROUP);
         if (shouldPersist()) {
             try {
-                cachedSchemaGroup = JSON.parse(agentStorage.read(SCHEMA_GROUP)) || {};
+                cachedSchemaGroup = JSON.parse(pluginApi.agentStorage.read(SCHEMA_GROUP)) || {};
             }
             catch (e) {
-                cachedSchemaGroup = {};
+                resetCachedSchemaGroup();
             }
         }
         if (promotedAgentMetadata && promotedAgentMetadata.length) {
@@ -33271,16 +33316,19 @@ var PromoteMetadata = (function () {
     function clearSession(event) {
         var eventData = event.data[0];
         if (_.get(eventData, 'wasCleared')) {
-            agentStorage.clear(SCHEMA_GROUP);
+            pluginApi.agentStorage.clear(SCHEMA_GROUP);
             resetSchemaGroup();
         }
     }
     function resetSchemaGroup() {
         schemaGroup = {};
     }
+    function resetCachedSchemaGroup() {
+        cachedSchemaGroup = {};
+    }
     function createSchemaGroup(metadata) {
         if (shouldPersist()) {
-            cachedSchemaGroup = JSON.parse(agentStorage.read(SCHEMA_GROUP)) || {};
+            cachedSchemaGroup = JSON.parse(pluginApi.agentStorage.read(SCHEMA_GROUP)) || {};
             cachedSchemaGroup = removePrefixes(cachedSchemaGroup);
         }
         var __sg__ = getSchemaGroup();
@@ -33301,7 +33349,7 @@ var PromoteMetadata = (function () {
             }
         });
         if (shouldPersist()) {
-            agentStorage.write(SCHEMA_GROUP, JSON.stringify(__sg__), undefined, false, true);
+            pluginApi.agentStorage.write(SCHEMA_GROUP, JSON.stringify(__sg__), undefined, false, true);
         }
         return __sg__;
     }
@@ -35337,6 +35385,7 @@ var ActionAutomation = (function () {
         'getElement': getElement,
         'getValue': getValue,
         'injectText': injectText,
+        'simulateClick': simulateClick,
         'isAutomationInQueue': isAutomationInQueue,
         'popQueue': popQueue,
         'setActive': setActive
@@ -35348,8 +35397,8 @@ var ActionAutomation = (function () {
     }
     function getElement(automation, retries) {
         if (retries === void 0) { retries = DEFAULT_ELEMENT_RETRIES; }
-        return new Promise$2(function (resolve) {
-            return setTimeout$1(function () {
+        return new Promise$2(_.bind(function (resolve) {
+            return setTimeout$1(_.bind(function () {
                 var element = this.getTarget(automation);
                 var isElementValid = element && !element.disabled;
                 if ((isElementValid) || retries < 1) {
@@ -35359,8 +35408,8 @@ var ActionAutomation = (function () {
                 this.getElement(automation, retries - 1).then(function (ele) {
                     resolve(ele);
                 });
-            }.bind(this), DEFAULT_TARGET_LOOKUP_RETRY_CADENCE);
-        }.bind(this));
+            }, this), DEFAULT_TARGET_LOOKUP_RETRY_CADENCE);
+        }, this));
     }
     function getValue(config) {
         return config.value;
@@ -35386,6 +35435,13 @@ var ActionAutomation = (function () {
         changeEvent.simulated = true; // for React ≤ 15.6.0
         element.dispatchEvent(changeEvent);
     }
+    function simulateClick(element) {
+        element.dispatchEvent(new MouseEvent('pointerdown', { 'bubbles': true, 'cancelable': true }));
+        element.dispatchEvent(new MouseEvent('mousedown', { 'bubbles': true, 'cancelable': true }));
+        element.dispatchEvent(new MouseEvent('pointerup', { 'bubbles': true, 'cancelable': true }));
+        element.dispatchEvent(new MouseEvent('mouseup', { 'bubbles': true, 'cancelable': true }));
+        element.click();
+    }
     function isAutomationInQueue(automation) {
         return !!_.find(this.automationQueue, function (item) {
             return automation.id === item.id;
@@ -35431,8 +35487,8 @@ var ActionAutomation = (function () {
         if (automationConfig.type === 'autoclick') {
             waitTime = DEFAULT_WAIT_BETWEEN_AUTOMATION_CLICKS;
         }
-        return setTimeout$1(function () {
-            return this.getElement(automationConfig, DEFAULT_ELEMENT_RETRIES).then(function (element) {
+        return setTimeout$1(_.bind(function () {
+            return this.getElement(automationConfig, DEFAULT_ELEMENT_RETRIES).then(_.bind(function (element) {
                 if (!element) {
                     this.automationQueue = [];
                     pendoGlobal.log('automation target element not found. id: ' + automationConfig.id + ', pathRule: ' + automationConfig.target.elementPathRules, 'debug');
@@ -35451,16 +35507,14 @@ var ActionAutomation = (function () {
                         break;
                     }
                     case 'autoclick':
-                        element.dispatchEvent(new MouseEvent('mousedown', { 'bubbles': true, 'cancelable': true }));
-                        element.dispatchEvent(new MouseEvent('mouseup', { 'bubbles': true, 'cancelable': true }));
-                        element.click();
+                        this.simulateClick(element);
                         break;
                 }
                 this.automationQueue.shift();
                 if (this.automationQueue.length)
                     this.popQueue();
-            }.bind(this));
-        }.bind(this), waitTime);
+            }, this));
+        }, this), waitTime);
     }
     function guideActivity(event) {
         if (!event.step)
@@ -35593,7 +35647,7 @@ var EventProperties = (function () {
     function createClickEventProperties(eventPropertyHandler) {
         if (globalPendo.eventProperties && globalPendo.eventProperties.length) {
             var eventProps = createFeatureEventPropertyMap(eventPropertyHandler.target);
-            _.pairs(eventProps).forEach(function (_a) {
+            globalPendo._.pairs(eventProps).forEach(function (_a) {
                 var key = _a[0], value = _a[1];
                 eventPropertyHandler.addEventProperty(key, value);
             });
@@ -35714,7 +35768,7 @@ var EventProperties = (function () {
         else {
             logMessage += '\n For page event with name: ' + ep.name;
         }
-        log.critical(logMessage);
+        pluginAPI.log.critical(logMessage);
         // Once we fail to collect an eventProperty because of a pause we will not continue
         // to punish our customer's customer by letting it happen again
         // we have the log so we can investigate, no need to register a ton more while they
@@ -35820,6 +35874,10 @@ function startDebuggingModuleIfEnabled() {
     else {
         var script = document.createElement('script');
         script.src = getPolicy(pendo$1).createScriptURL(getAssetUrl('debugger-plugin.min.js'));
+        script.setAttribute('id', 'pendo-debugger-plugin');
+        if (ConfigReader.get('pendoGlobalKey')) {
+            script.setAttribute('data-pendo-global-key', ConfigReader.get('pendoGlobalKey'));
+        }
         dom.getBody().appendChild(script);
     }
     Events.debuggerLaunched.trigger();
@@ -36002,7 +36060,8 @@ var FrustrationEvent = (function () {
         'addErrorClickLog': addErrorClickLog,
         'getErrorEventTarget': getErrorEventTarget,
         'checkErrorEvent': checkErrorEvent,
-        'observeDOMMutation': observeDOMMutation
+        'observeDOMMutation': observeDOMMutation,
+        'checkFrustrationEvent': checkFrustrationEvent
     };
     function init(pendo, PluginAPI) {
         pendoGlobal = pendo;
@@ -36340,7 +36399,44 @@ var FrustrationEvent = (function () {
 // A guide that show nested inside another element.
 // Multiple embedded guides can show at the same time.
 var buildGuideBehaviors = function (_a) {
-    var _ = _a._, store = _a.store;
+    var store = _a.store, globalPendo = _a.globalPendo;
+    var _ = globalPendo._;
+    var handleShow = function () {
+        var guide = this;
+        var guideElement = null;
+        var containerSelector = '[id^="pendo-guide-container"]';
+        var selector = _.get(guide, 'attributes.embedConfig.selector');
+        var method = _.get(guide, 'attributes.embedConfig.method');
+        var element = _.first(globalPendo.Sizzle(selector));
+        var isShown = guide.isShownInThisFrame();
+        if (element && isShown) {
+            var guideElementSelector = "#pendo-guide-container-".concat(_.get(this.getActiveStep(), 'id'));
+            guideElement = !!globalPendo.Sizzle(guideElementSelector, element).length;
+        }
+        if (!isShown && !!element && this.shouldAutoDisplay()) {
+            if (method === 'replace' && !!globalPendo.Sizzle(containerSelector, element).length) {
+                return;
+            }
+            guide.show('embed');
+        }
+        else if (isShown && (!element || !guideElement)) {
+            guide.hide();
+        }
+    };
+    var getActiveStep = function () {
+        var guide = this;
+        if (!guide)
+            return null;
+        return _.find(guide.steps, function (step) {
+            return step.isShown();
+        });
+    };
+    var shouldAutoDisplay = function () {
+        var guide = this;
+        return (guide.shouldShowSnoozedGuide() || guide.shouldRepeatGuide() || _.all(guide.steps, function (step) {
+            return step.shouldRepeat() || (!step.isSnoozed() && step.seenState !== 'dismissed');
+        }));
+    };
     var show = function (reason) {
         var guide = this;
         var firstStep = _.first(guide.steps);
@@ -36365,7 +36461,7 @@ var buildGuideBehaviors = function (_a) {
             return step.isRendered() || step.isLocked();
         });
     };
-    return { show: show, isShownInThisFrame: isShownInThisFrame };
+    return { show: show, isShownInThisFrame: isShownInThisFrame, getActiveStep: getActiveStep, handleShow: handleShow, shouldAutoDisplay: shouldAutoDisplay };
 };
 var buildStepBehaviors = function (_a) {
     var pluginApi = _a.pluginApi; _a._;
@@ -36406,7 +36502,7 @@ var EmbeddedGuides = (function () {
         globalPendo = pendo;
         _ = globalPendo._;
         exportPublicEmbeddedGuideApi(pendo);
-        embeddedGuideBehaviors = buildGuideBehaviors({ _: _, 'store': pluginApi.store, globalPendo: globalPendo });
+        embeddedGuideBehaviors = buildGuideBehaviors({ 'store': pluginApi.store, globalPendo: globalPendo });
         pluginApi.Events.on('deliverablesLoaded', clearEmbeddedGuides);
         pluginApi.Events.on('guideLoopStopped', hideAllEmbeddedGuides);
         pluginApi.Events.on('guideListChanged', initializeEmbeddedGuides);
@@ -36425,24 +36521,11 @@ var EmbeddedGuides = (function () {
         pluginApi.GuideActivity.removeGuideResolver(getGuideObjectFromEvent);
         if (this.removeResizeEvent)
             this.removeResizeEvent();
+        _oldEmbeddedGuides.length = 0;
     }
     function showAllEmbeddedGuides() {
-        var Sizzle = globalPendo.Sizzle;
         _.forEach(embeddedGuides, function (guide) {
-            var guideElement = null;
-            var selector = _.get(guide, 'attributes.embedConfig.selector');
-            var element = _.first(Sizzle(selector));
-            var isShown = guide.isShownInThisFrame();
-            if (element && isShown) {
-                var guideElementSelector = "#pendo-guide-container-".concat(_.get(getActiveStep(guide), 'id'));
-                guideElement = _.first(Sizzle(guideElementSelector, element));
-            }
-            if (!isShown && !!element && shouldAutoDisplay(guide)) {
-                guide.show('embed');
-            }
-            else if (isShown && (!element || !guideElement)) {
-                guide.hide();
-            }
+            guide.handleShow();
         });
     }
     function hideAllEmbeddedGuides() {
@@ -36466,24 +36549,16 @@ var EmbeddedGuides = (function () {
             })) {
                 embeddedGuides.push(guide);
             }
-            // special case only a single guide is served when in preview mode
-            return pluginApi.store.getters['preview/isInPreviewMode']();
+            return false;
         }
         return true;
     }
     function isEmbedded(guide) {
         return !!(guide && guide.launchMethod && guide.launchMethod === 'embed');
     }
-    function getActiveStep(guide) {
-        if (!guide)
-            return null;
-        return _.find(guide.steps, function (step) {
-            return step.isShown();
-        });
-    }
     function redrawEmbeddedGuides() {
         _.forEach(embeddedGuides, function (guide) {
-            var step = getActiveStep(guide);
+            var step = guide.getActiveStep();
             if (step && !globalPendo.ignoreResize) {
                 step.redraw();
             }
@@ -36518,14 +36593,9 @@ var EmbeddedGuides = (function () {
             return !!step;
         });
         if (!guide || !step)
-            return;
+            return null;
         return { guide: guide, step: step };
     }
-    function shouldAutoDisplay(guide) {
-        return (guide.shouldShowSnoozedGuide() || guide.shouldRepeatGuide() || _.all(guide.steps, function (step) {
-            return step.shouldRepeat() || (!step.isSnoozed() && step.seenState !== 'dismissed');
-        }));
-    }
     function initializeEmbeddedGuides() {
         restoreFromPreviouseGuides();
         pluginApi.guides.registerDisplayableGuides('embeddedGuides', embeddedGuides);
@@ -37689,23 +37759,28 @@ var DOMPrompt = /** @class */ (function () {
         this.q = PluginAPI.q;
         this.inputEl = new this.dom.Element(inputCssSelector);
         this.submitEl = new this.dom.Element(submitCssSelector);
-        this.inputEl.addEventListener('keyup', function (evt) {
-            _this.latestPromptValue = _this.getPromptValue();
-            if (evt.code === 'Enter') {
+        this.inputEl.addEventListener('change', function (evt) {
+            // capture value from copy / paste
+            _this.capturePromptValue();
+        }, true);
+        this.inputEl.addEventListener('keydown', function (evt) {
+            var wasEnterKey = evt.code === 'Enter';
+            _this.capturePromptValue(wasEnterKey);
+            if (wasEnterKey) {
                 _this.waitThenCheckForSubmit().then(function (wasSubmitted) {
                     if (wasSubmitted) {
                         _this.submit(_this.latestPromptValue);
                     }
                 });
             }
-        });
+        }, true);
         this.submitEl.addEventListener('click', function () {
             _this.waitThenCheckForSubmit().then(function (wasSubmitted) {
                 if (wasSubmitted) {
                     _this.submit(_this.latestPromptValue);
                 }
             });
-        });
+        }, true);
         this.promptContainer = new this.dom.Observer();
         this.promptContainer.addObservers(this.inputEl, this.submitEl);
     }
@@ -37728,6 +37803,18 @@ var DOMPrompt = /** @class */ (function () {
         this._.each(this.listeners, function (cb) { return cb(val); });
         this.latestPromptValue = '';
     };
+    /*
+    * Genernally we want to capture the value from "input" but there can be implementation
+    * dependent scenarios where the input's value has already been cleared by the time we
+    * get the event handler is called. So, in that case, we don't want to throw our saved value out.
+    */
+    DOMPrompt.prototype.capturePromptValue = function (onlyUpdateIfNotEmpty) {
+        if (onlyUpdateIfNotEmpty === void 0) { onlyUpdateIfNotEmpty = false; }
+        var tmp = this.getPromptValue();
+        if (tmp || !onlyUpdateIfNotEmpty) {
+            this.latestPromptValue = tmp;
+        }
+    };
     DOMPrompt.prototype.getPromptValue = function () {
         return this.inputEl.getText();
     };
@@ -37944,7 +38031,8 @@ var TextCapture = (function () {
         'isEnabled': isEnabled,
         'isTextCapturable': isTextCapturable,
         'hasWhitelist': hasWhitelist,
-        'serializer': textSerializer
+        'serializer': textSerializer,
+        'guideActivity': guideActivity
     };
     // technically not idempotent but might actually be right. not sure.
     function init(pendo, PluginAPI) {
@@ -44662,7 +44750,7 @@ var _a;
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
+var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
   NodeType2[NodeType2["Element"] = 2] = "Element";
@@ -44670,7 +44758,7 @@ var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
-})(NodeType$2 || {});
+})(NodeType$3 || {});
 const testableAccessors$1 = {
   Node: ["childNodes", "parentNode", "parentElement", "textContent"],
   ShadowRoot: ["host", "styleSheets"],
@@ -44805,6 +44893,32 @@ function querySelectorAll$1(n2, selectors) {
 function mutationObserverCtor$1() {
   return getUntaintedPrototype$1("MutationObserver").constructor;
 }
+function patch$1(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (typeof wrapped === "function") {
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __rrweb_original__: {
+          enumerable: false,
+          value: original
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch {
+    return () => {
+    };
+  }
+}
 const index$1 = {
   childNodes: childNodes$1,
   parentNode: parentNode$1,
@@ -44817,7 +44931,8 @@ const index$1 = {
   shadowRoot: shadowRoot$1,
   querySelector: querySelector$1,
   querySelectorAll: querySelectorAll$1,
-  mutationObserver: mutationObserverCtor$1
+  mutationObserver: mutationObserverCtor$1,
+  patch: patch$1
 };
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
@@ -45121,6 +45236,111 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
+function normalizeCssString(cssText, _testNoPxNorm = false) {
+  if (_testNoPxNorm) {
+    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
+  } else {
+    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "").replace(/0px/g, "0");
+  }
+}
+function splitCssText(cssText, style, _testNoPxNorm = false) {
+  const childNodes2 = Array.from(style.childNodes);
+  const splits = [];
+  let iterCount = 0;
+  if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
+    let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
+    const normFactor = cssTextNorm.length / cssText.length;
+    for (let i2 = 1; i2 < childNodes2.length; i2++) {
+      if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
+        const textContentNorm = normalizeCssString(
+          childNodes2[i2].textContent,
+          _testNoPxNorm
+        );
+        const jLimit = 100;
+        let j = 3;
+        for (; j < textContentNorm.length; j++) {
+          if (
+            // keep consuming css identifiers (to get a decent chunk more quickly)
+            textContentNorm[j].match(/[a-zA-Z0-9]/) || // substring needs to be unique to this section
+            textContentNorm.indexOf(textContentNorm.substring(0, j), 1) !== -1
+          ) {
+            continue;
+          }
+          break;
+        }
+        for (; j < textContentNorm.length; j++) {
+          let startSubstring = textContentNorm.substring(0, j);
+          let cssNormSplits = cssTextNorm.split(startSubstring);
+          let splitNorm = -1;
+          if (cssNormSplits.length === 2) {
+            splitNorm = cssNormSplits[0].length;
+          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
+            splitNorm = cssTextNorm.indexOf(startSubstring, 1);
+          } else if (cssNormSplits.length === 1) {
+            startSubstring = startSubstring.substring(
+              0,
+              startSubstring.length - 1
+            );
+            cssNormSplits = cssTextNorm.split(startSubstring);
+            if (cssNormSplits.length <= 1) {
+              splits.push(cssText);
+              return splits;
+            }
+            j = jLimit + 1;
+          } else if (j === textContentNorm.length - 1) {
+            splitNorm = cssTextNorm.indexOf(startSubstring);
+          }
+          if (cssNormSplits.length >= 2 && j > jLimit) {
+            const prevTextContent = childNodes2[i2 - 1].textContent;
+            if (prevTextContent && typeof prevTextContent === "string") {
+              const prevMinLength = normalizeCssString(prevTextContent).length;
+              splitNorm = cssTextNorm.indexOf(startSubstring, prevMinLength);
+            }
+            if (splitNorm === -1) {
+              splitNorm = cssNormSplits[0].length;
+            }
+          }
+          if (splitNorm !== -1) {
+            let k = Math.floor(splitNorm / normFactor);
+            for (; k > 0 && k < cssText.length; ) {
+              iterCount += 1;
+              if (iterCount > 50 * childNodes2.length) {
+                splits.push(cssText);
+                return splits;
+              }
+              const normPart = normalizeCssString(
+                cssText.substring(0, k),
+                _testNoPxNorm
+              );
+              if (normPart.length === splitNorm) {
+                splits.push(cssText.substring(0, k));
+                cssText = cssText.substring(k);
+                cssTextNorm = cssTextNorm.substring(splitNorm);
+                break;
+              } else if (normPart.length < splitNorm) {
+                k += Math.max(
+                  1,
+                  Math.floor((splitNorm - normPart.length) / normFactor)
+                );
+              } else {
+                k -= Math.max(
+                  1,
+                  Math.floor((normPart.length - splitNorm) * normFactor)
+                );
+              }
+            }
+            break;
+          }
+        }
+      }
+    }
+  }
+  splits.push(cssText);
+  return splits;
+}
+function markCssSplits(cssText, style) {
+  return splitCssText(cssText, style).join("/* rr_split */");
+}
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
 const IGNORED_NODE = -2;
@@ -45381,27 +45601,28 @@ function serializeNode(n2, options) {
     inlineImages,
     recordCanvas,
     keepIframeSrcFn,
-    newlyAddedElement = false
+    newlyAddedElement = false,
+    cssCaptured = false
   } = options;
   const rootId = getRootId(doc, mirror2);
   switch (n2.nodeType) {
     case n2.DOCUMENT_NODE:
       if (n2.compatMode !== "CSS1Compat") {
         return {
-          type: NodeType$2.Document,
+          type: NodeType$3.Document,
           childNodes: [],
           compatMode: n2.compatMode
           // probably "BackCompat"
         };
       } else {
         return {
-          type: NodeType$2.Document,
+          type: NodeType$3.Document,
           childNodes: []
         };
       }
     case n2.DOCUMENT_TYPE_NODE:
       return {
-        type: NodeType$2.DocumentType,
+        type: NodeType$3.DocumentType,
         name: n2.name,
         publicId: n2.publicId,
         systemId: n2.systemId,
@@ -45430,17 +45651,18 @@ function serializeNode(n2, options) {
         maskTextFn,
         maskInputOptions,
         maskInputFn,
-        rootId
+        rootId,
+        cssCaptured
       });
     case n2.CDATA_SECTION_NODE:
       return {
-        type: NodeType$2.CDATA,
+        type: NodeType$3.CDATA,
         textContent: "",
         rootId
       };
     case n2.COMMENT_NODE:
       return {
-        type: NodeType$2.Comment,
+        type: NodeType$3.Comment,
         textContent: index$1.textContent(n2) || "",
         rootId
       };
@@ -45455,18 +45677,26 @@ function getRootId(doc, mirror2) {
 }
 function serializeTextNode(n2, options) {
   var _a2;
-  const { needsMask, maskTextFn, rootId, maskInputOptions, maskInputFn } = options;
-  const parent = index$1.parentNode(n2);
-  const parentTagName = parent && parent.tagName;
-  let text = index$1.textContent(n2);
+  const {
+    needsMask,
+    maskTextFn,
+    maskInputOptions,
+    maskInputFn,
+    rootId,
+    cssCaptured
+  } = options;
+  const parentTagName = n2.parentNode && n2.parentNode.tagName;
+  let textContent2 = "";
   const isStyle = parentTagName === "STYLE" ? true : void 0;
   const isScript = parentTagName === "SCRIPT" ? true : void 0;
   const isTextarea = parentTagName === "TEXTAREA" ? true : void 0;
-  if (isStyle && text) {
+  if (isStyle && textContent2) {
     try {
       if (n2.nextSibling || n2.previousSibling) {
-      } else if ((_a2 = parent.sheet) == null ? void 0 : _a2.cssRules) {
-        text = stringifyStylesheet(parent.sheet);
+      } else if ((_a2 = n2.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
+        textContent2 = stringifyStylesheet(
+          n2.parentNode.sheet
+        );
       }
     } catch (err) {
       console.warn(
@@ -45474,21 +45704,25 @@ function serializeTextNode(n2, options) {
         n2
       );
     }
-    text = absolutifyURLs(text, getHref(options.doc));
+    textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
   }
   if (isScript) {
-    text = "SCRIPT_PLACEHOLDER";
+    textContent2 = "SCRIPT_PLACEHOLDER";
+  } else if (!cssCaptured) {
+    textContent2 = index$1.textContent(n2);
+    if (isStyle && textContent2) {
+      textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
+    }
   }
-  if (!isStyle && !isScript && text && needsMask) {
-    text = maskTextFn ? maskTextFn(text, index$1.parentElement(n2)) : text.replace(/[\S]/g, "*");
+  if (!isStyle && !isScript && textContent2 && needsMask) {
+    textContent2 = maskTextFn ? maskTextFn(textContent2, index$1.parentElement(n2)) : textContent2.replace(/[\S]/g, "*");
   }
-  if (isTextarea && text && maskInputOptions.textarea) {
-    text = maskInputFn ? maskInputFn(text, n2.parentNode) : text.replace(/[\S]/g, "*");
+  if (isTextarea && textContent2 && maskInputOptions.textarea) {
+    textContent2 = maskInputFn ? maskInputFn(textContent2, n2.parentNode) : textContent2.replace(/[\S]/g, "*");
   }
   return {
-    type: NodeType$2.Text,
-    textContent: text || "",
-    isStyle,
+    type: NodeType$3.Text,
+    textContent: textContent2 || "",
     rootId
   };
 }
@@ -45537,12 +45771,14 @@ function serializeElementNode(n2, options) {
       attributes._cssText = cssText;
     }
   }
-  if (tagName === "style" && n2.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
-  !(n2.innerText || index$1.textContent(n2) || "").trim().length) {
-    const cssText = stringifyStylesheet(
+  if (tagName === "style" && n2.sheet) {
+    let cssText = stringifyStylesheet(
       n2.sheet
     );
     if (cssText) {
+      if (n2.childNodes.length > 1) {
+        cssText = markCssSplits(cssText, n2);
+      }
       attributes._cssText = cssText;
     }
   }
@@ -45673,7 +45909,7 @@ function serializeElementNode(n2, options) {
   } catch (e2) {
   }
   return {
-    type: NodeType$2.Element,
+    type: NodeType$3.Element,
     tagName,
     attributes,
     childNodes: [],
@@ -45691,12 +45927,12 @@ function lowerIfExists(maybeAttr) {
   }
 }
 function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$2.Comment) {
+  if (slimDOMOptions.comment && sn.type === NodeType$3.Comment) {
     return true;
-  } else if (sn.type === NodeType$2.Element) {
+  } else if (sn.type === NodeType$3.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
-    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
     sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
       return true;
     } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
@@ -45745,7 +45981,8 @@ function serializeNodeWithId(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout = 5e3,
     keepIframeSrcFn = () => false,
-    newlyAddedElement = false
+    newlyAddedElement = false,
+    cssCaptured = false
   } = options;
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
@@ -45772,7 +46009,8 @@ function serializeNodeWithId(n2, options) {
     inlineImages,
     recordCanvas,
     keepIframeSrcFn,
-    newlyAddedElement
+    newlyAddedElement,
+    cssCaptured
   });
   if (!_serializedNode) {
     console.warn(n2, "not serialized");
@@ -45781,7 +46019,7 @@ function serializeNodeWithId(n2, options) {
   let id;
   if (mirror2.hasNode(n2)) {
     id = mirror2.getId(n2);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$2.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$3.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
     id = IGNORED_NODE;
   } else {
     id = genId();
@@ -45795,15 +46033,15 @@ function serializeNodeWithId(n2, options) {
     onSerialize(n2);
   }
   let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$2.Element) {
+  if (serializedNode.type === NodeType$3.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
     const shadowRootEl = index$1.shadowRoot(n2);
     if (shadowRootEl && isNativeShadowDom(shadowRootEl))
       serializedNode.isShadowHost = true;
   }
-  if ((serializedNode.type === NodeType$2.Document || serializedNode.type === NodeType$2.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$2.Element && serializedNode.tagName === "head") {
+  if ((serializedNode.type === NodeType$3.Document || serializedNode.type === NodeType$3.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$3.Element && serializedNode.tagName === "head") {
       preserveWhiteSpace = false;
     }
     const bypassOptions = {
@@ -45829,10 +46067,14 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout,
       onStylesheetLoad,
       stylesheetLoadTimeout,
-      keepIframeSrcFn
+      keepIframeSrcFn,
+      cssCaptured: false
     };
-    if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
+      if (serializedNode.type === NodeType$3.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
+        bypassOptions.cssCaptured = true;
+      }
       for (const childN of Array.from(index$1.childNodes(n2))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
@@ -45855,7 +46097,7 @@ function serializeNodeWithId(n2, options) {
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "iframe") {
     onceIframeLoaded(
       n2,
       () => {
@@ -45897,7 +46139,7 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout
     );
   }
-  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
+  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
     onceStylesheetLoaded(
       n2,
       () => {
@@ -46232,6 +46474,32 @@ function querySelectorAll(n2, selectors) {
 function mutationObserverCtor() {
   return getUntaintedPrototype("MutationObserver").constructor;
 }
+function patch(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (typeof wrapped === "function") {
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __rrweb_original__: {
+          enumerable: false,
+          value: original
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch {
+    return () => {
+    };
+  }
+}
 const index = {
   childNodes,
   parentNode,
@@ -46244,7 +46512,8 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor
+  mutationObserver: mutationObserverCtor,
+  patch
 };
 function getWindow(documentOrWindow) {
   const defaultView = documentOrWindow.defaultView;
@@ -46337,35 +46606,6 @@ function hookSetter(target, key, d, isRevoked, win = window) {
   );
   return () => hookSetter(target, key, original || {}, true);
 }
-function patch(source, name, replacement) {
-  try {
-    if (!(name in source)) {
-      return () => {
-      };
-    }
-    const original = source[name];
-    const wrapped = replacement(original);
-    if (typeof wrapped === "function") {
-      wrapped.toString = function() {
-        return original.toString();
-      };
-      wrapped.prototype = wrapped.prototype || {};
-      Object.defineProperties(wrapped, {
-        __rrweb_original__: {
-          enumerable: false,
-          value: original
-        }
-      });
-    }
-    source[name] = wrapped;
-    return () => {
-      source[name] = original;
-    };
-  } catch {
-    return () => {
-    };
-  }
-}
 let nowTimestamp = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
@@ -46592,6 +46832,15 @@ var MediaInteractions = /* @__PURE__ */ ((MediaInteractions2) => {
   MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
   return MediaInteractions2;
 })(MediaInteractions || {});
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
+})(NodeType || {});
 function isNodeInLinkedList(n2) {
   return "__ln" in n2;
 }
@@ -46754,9 +47003,18 @@ class MutationBuffer {
       };
       const pushAdd = (n2) => {
         const parent = index.parentNode(n2);
-        if (!parent || !inDom(n2) || parent.tagName === "TEXTAREA") {
+        if (!parent || !inDom(n2)) {
           return;
         }
+        let cssCaptured = false;
+        if (n2.nodeType === Node.TEXT_NODE) {
+          const parentTag = parent.tagName;
+          if (parentTag === "TEXTAREA") {
+            return;
+          } else if (parentTag === "STYLE" && this.addedSet.has(parent)) {
+            cssCaptured = true;
+          }
+        }
         const parentId = isShadowRoot(parent) ? this.mirror.getId(getShadowHost(n2)) : this.mirror.getId(parent);
         const nextId = getNextId(n2);
         if (parentId === -1 || nextId === -1) {
@@ -46798,7 +47056,8 @@ class MutationBuffer {
           },
           onStylesheetLoad: (link, childSn) => {
             this.stylesheetManager.attachLinkElement(link, childSn);
-          }
+          },
+          cssCaptured
         });
         if (sn) {
           adds.push({
@@ -46936,10 +47195,18 @@ class MutationBuffer {
         this.attributes.push(item);
         this.attributeMap.set(textarea, item);
       }
-      item.attributes.value = Array.from(
+      const value = Array.from(
         index.childNodes(textarea),
         (cn) => index.textContent(cn) || ""
       ).join("");
+      item.attributes.value = maskInputValue({
+        element: textarea,
+        maskInputOptions: this.maskInputOptions,
+        tagName: textarea.tagName,
+        type: getInputType(textarea),
+        value,
+        maskInputFn: this.maskInputFn
+      });
     });
     __publicField(this, "processMutation", (m) => {
       if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {
@@ -48559,7 +48826,7 @@ class IframeManager {
     }
   }
   patchRootIdOnNode(node, rootId) {
-    if (node.type !== NodeType$2.Document && !node.rootId) node.rootId = rootId;
+    if (node.type !== NodeType.Document && !node.rootId) node.rootId = rootId;
     if ("childNodes" in node) {
       node.childNodes.forEach((child) => {
         this.patchRootIdOnNode(child, rootId);