@pendo/agent 2.303.0 → 2.305.0

package/dist/dom.esm.js

@@ -7359,7 +7359,7 @@ function getScreenPosition(element) {
     };
 }
 
-var VERSION = '2.303.0_';
+var VERSION = '2.305.0_';
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 
@@ -9255,50 +9255,49 @@ function isElementVisible(element, overflowPattern) {
     // *Probably* visible...
     return true;
 }
+function scrollElementIntoParentRect(element, scrollParent) {
+    var clientRect = getClientRect(element);
+    var scrollRect = getClientRect(scrollParent);
+    var yScrollAmount = 0;
+    var xScrollAmount = 0;
+    var diff;
+    if (clientRect.bottom > scrollRect.bottom) {
+        yScrollAmount += clientRect.bottom - scrollRect.bottom;
+        clientRect.top -= yScrollAmount;
+        clientRect.bottom -= yScrollAmount;
+    }
+    if (clientRect.top < scrollRect.top) {
+        diff = scrollRect.top - clientRect.top;
+        yScrollAmount -= diff;
+        clientRect.top += diff;
+        clientRect.bottom += diff;
+    }
+    if (clientRect.right > scrollRect.right) {
+        xScrollAmount += clientRect.right - scrollRect.right;
+        clientRect.left -= xScrollAmount;
+        clientRect.right -= xScrollAmount;
+    }
+    if (clientRect.left < scrollRect.left) {
+        diff = scrollRect.left - clientRect.left;
+        xScrollAmount -= diff;
+        clientRect.left += diff;
+        clientRect.right += diff;
+    }
+    if (_.isFunction(scrollParent.scrollBy)) {
+        scrollParent.scrollBy(xScrollAmount, yScrollAmount);
+    }
+    else {
+        scrollParent.scrollTop += yScrollAmount;
+        scrollParent.scrollLeft += xScrollAmount;
+    }
+}
 function scrollIntoView(element) {
     var overflowScroll = /(auto|scroll)/;
-    var clientRect;
     var scrollParent;
-    var scrollRect;
-    var yScrollAmount;
-    var xScrollAmount;
-    var diff;
     var pbody = getBody();
     scrollParent = getScrollParent(element, overflowScroll);
     while (scrollParent && scrollParent !== pbody) {
-        clientRect = getClientRect(element);
-        scrollRect = getClientRect(scrollParent);
-        yScrollAmount = 0;
-        xScrollAmount = 0;
-        if (clientRect.bottom > scrollRect.bottom) {
-            yScrollAmount += clientRect.bottom - scrollRect.bottom;
-            clientRect.top -= yScrollAmount;
-            clientRect.bottom -= yScrollAmount;
-        }
-        if (clientRect.top < scrollRect.top) {
-            diff = scrollRect.top - clientRect.top;
-            yScrollAmount -= diff;
-            clientRect.top += diff;
-            clientRect.bottom += diff;
-        }
-        if (clientRect.right > scrollRect.right) {
-            xScrollAmount += clientRect.right - scrollRect.right;
-            clientRect.left -= xScrollAmount;
-            clientRect.right -= xScrollAmount;
-        }
-        if (clientRect.left < scrollRect.left) {
-            diff = scrollRect.left - clientRect.left;
-            xScrollAmount -= diff;
-            clientRect.left += diff;
-            clientRect.right += diff;
-        }
-        if (_.isFunction(scrollParent.scrollBy)) {
-            scrollParent.scrollBy(xScrollAmount, yScrollAmount);
-        }
-        else {
-            scrollParent.scrollTop += yScrollAmount;
-            scrollParent.scrollLeft += xScrollAmount;
-        }
+        scrollElementIntoParentRect(element, scrollParent);
         scrollParent = getScrollParent(scrollParent, overflowScroll);
     }
 }

package/dist/pendo.module.js

@@ -3904,8 +3904,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.303.0_';
-let PACKAGE_VERSION = '2.303.0';
+let VERSION = '2.305.0_';
+let PACKAGE_VERSION = '2.305.0';
 let LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -10744,50 +10744,49 @@ function wouldBeVisibleAfterAutoScroll(element) {
     }
     return true;
 }
+function scrollElementIntoParentRect(element, scrollParent) {
+    var clientRect = getClientRect(element);
+    var scrollRect = getClientRect(scrollParent);
+    var yScrollAmount = 0;
+    var xScrollAmount = 0;
+    var diff;
+    if (clientRect.bottom > scrollRect.bottom) {
+        yScrollAmount += clientRect.bottom - scrollRect.bottom;
+        clientRect.top -= yScrollAmount;
+        clientRect.bottom -= yScrollAmount;
+    }
+    if (clientRect.top < scrollRect.top) {
+        diff = scrollRect.top - clientRect.top;
+        yScrollAmount -= diff;
+        clientRect.top += diff;
+        clientRect.bottom += diff;
+    }
+    if (clientRect.right > scrollRect.right) {
+        xScrollAmount += clientRect.right - scrollRect.right;
+        clientRect.left -= xScrollAmount;
+        clientRect.right -= xScrollAmount;
+    }
+    if (clientRect.left < scrollRect.left) {
+        diff = scrollRect.left - clientRect.left;
+        xScrollAmount -= diff;
+        clientRect.left += diff;
+        clientRect.right += diff;
+    }
+    if (_.isFunction(scrollParent.scrollBy)) {
+        scrollParent.scrollBy(xScrollAmount, yScrollAmount);
+    }
+    else {
+        scrollParent.scrollTop += yScrollAmount;
+        scrollParent.scrollLeft += xScrollAmount;
+    }
+}
 function scrollIntoView(element) {
     var overflowScroll = /(auto|scroll)/;
-    var clientRect;
     var scrollParent;
-    var scrollRect;
-    var yScrollAmount;
-    var xScrollAmount;
-    var diff;
     var pbody = getBody();
     scrollParent = getScrollParent(element, overflowScroll);
     while (scrollParent && scrollParent !== pbody) {
-        clientRect = getClientRect(element);
-        scrollRect = getClientRect(scrollParent);
-        yScrollAmount = 0;
-        xScrollAmount = 0;
-        if (clientRect.bottom > scrollRect.bottom) {
-            yScrollAmount += clientRect.bottom - scrollRect.bottom;
-            clientRect.top -= yScrollAmount;
-            clientRect.bottom -= yScrollAmount;
-        }
-        if (clientRect.top < scrollRect.top) {
-            diff = scrollRect.top - clientRect.top;
-            yScrollAmount -= diff;
-            clientRect.top += diff;
-            clientRect.bottom += diff;
-        }
-        if (clientRect.right > scrollRect.right) {
-            xScrollAmount += clientRect.right - scrollRect.right;
-            clientRect.left -= xScrollAmount;
-            clientRect.right -= xScrollAmount;
-        }
-        if (clientRect.left < scrollRect.left) {
-            diff = scrollRect.left - clientRect.left;
-            xScrollAmount -= diff;
-            clientRect.left += diff;
-            clientRect.right += diff;
-        }
-        if (_.isFunction(scrollParent.scrollBy)) {
-            scrollParent.scrollBy(xScrollAmount, yScrollAmount);
-        }
-        else {
-            scrollParent.scrollTop += yScrollAmount;
-            scrollParent.scrollLeft += xScrollAmount;
-        }
+        scrollElementIntoParentRect(element, scrollParent);
         scrollParent = getScrollParent(scrollParent, overflowScroll);
     }
 }
@@ -11541,9 +11540,33 @@ function hasHashedAllowedOriginServers() {
 function parseUrl(url) {
     if (!_.isString(url))
         return;
+    try {
+        const urlObj = new URL(url);
+        const filename = _.last(urlObj.pathname.split('/'));
+        const splitFilename = filename.split('.');
+        const result = {
+            filename: _.first(splitFilename),
+            extension: splitFilename.slice(1).join('.'),
+            query: {}
+        };
+        if (urlObj.search.length) {
+            result.query = queryStringToObject(urlObj.search.substring(1));
+        }
+        if (urlObj.hash.length) {
+            const fragQueryStart = urlObj.hash.indexOf('?');
+            if (fragQueryStart >= 0) {
+                const fragmentQuery = urlObj.hash.substring(fragQueryStart + 1);
+                result.fragmentQuery = queryStringToObject(fragmentQuery);
+            }
+        }
+        return result;
+    }
+    catch (e) {
+    }
+    // original implementation, if URL object fails
     var queryString = parseQueryString(url).substring(1);
     var query = queryString && queryString.length ? queryStringToObject(queryString) : {};
-    var filename = _.last(_.first(url.split('?')).split('/'));
+    var filename = _.last(_.first(url.split(/[?#]/)).split('/'));
     var splitFilename = filename.split('.');
     return {
         filename: _.first(splitFilename),
@@ -16506,7 +16529,7 @@ var BuildingBlockTooltips = (function () {
         attachBBAdvanceActions,
         attachScrollHandlers,
         isBuildingBlockGuideRelativeToElement,
-        positionStepForTooltip,
+        positionStepForGuide,
         patchGuideContainerWidthForResponsiveTooltips
     };
     function patchGuideContainerWidthForResponsiveTooltips(step, providedGuideContainer, json) {
@@ -16525,12 +16548,19 @@ var BuildingBlockTooltips = (function () {
             return;
         calculateVwRelativeToLayoutDir(guideContainer, tooltipContext);
     }
-    function positionStepForTooltip(step, json, guideContainerEle) {
-        // This directly modifies step.guideElement object
-        createBBTooltip(json, step.element, step, guideContainerEle);
-        if (!step.hasBeenScrolledTo) {
+    function positionStepForGuide(step, json, guideContainerEle) {
+        if (step.attributes && step.attributes.calculatedType === 'tooltip') {
+            // This directly modifies step.guideElement object
+            createBBTooltip(json, step.element, step, guideContainerEle);
+            if (!step.hasBeenScrolledTo) {
+                scrollIntoView(step.element);
+                scrollToTooltip(step.element, guideContainerEle, step.attributes.layoutDir);
+                step.hasBeenScrolledTo = true;
+            }
+        }
+        else if (step.element && !step.hasBeenScrolledTo) {
             scrollIntoView(step.element);
-            scrollToTooltip(step.element, guideContainerEle, step.attributes.layoutDir);
+            scrollElementIntoParentRect(step.element, window);
             step.hasBeenScrolledTo = true;
         }
     }
@@ -18383,9 +18413,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
                         FlexboxPolyfill.flexAllThings(step.containerId, step);
                     }
                 }
-                if (step.attributes.calculatedType === 'tooltip') {
-                    BuildingBlockTooltips.positionStepForTooltip(step, step.domJson, guideContainer);
-                }
+                BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
                 guideContainer.style.visibility = 'visible';
                 guideContainer.parentNode.style.visibility = 'visible';
                 dom.event.dispatch(guideContainer, {
@@ -18401,9 +18429,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
             log.info('Failed to find guideContainer for id: ' + step.containerId);
             return;
         }
-        if (step.attributes.calculatedType === 'tooltip') {
-            BuildingBlockTooltips.positionStepForTooltip(step, step.domJson, guideContainer);
-        }
+        BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
         guideContainer.style.visibility = 'visible';
         guideContainer.parentNode.style.visibility = 'visible';
         FlexboxPolyfill.flexAllThings(step.containerId, step);
@@ -18832,6 +18858,30 @@ var addExtension = (function setupExtensionService(ExtService) {
     return addExtensionPublic;
 })(ExtensionService);
 
+function syncColorMode(step, rerender = false) {
+    const darkModeSelector = _.get(step, 'attributes.darkMode.selector', '');
+    if (!darkModeSelector)
+        return;
+    // Determine the target dark mode state
+    let targetDarkMode;
+    if (pendo$1.designerEnabled && _.has(step, 'attributes.darkMode.override')) {
+        // In designer mode, use the override value
+        targetDarkMode = step.attributes.darkMode.override;
+    }
+    else {
+        // In client mode, detect based on selector
+        targetDarkMode = pendo$1.Sizzle(darkModeSelector).length > 0;
+    }
+    // Update and rerender if the state changed
+    if (step.isDarkMode !== targetDarkMode) {
+        step.isDarkMode = targetDarkMode;
+        if (rerender) {
+            step.hide();
+            step.show(step.seenReason);
+        }
+    }
+}
+
 var BuildingBlockResourceCenter = (function () {
     return {
         initializeResourceCenter,
@@ -19079,6 +19129,9 @@ var BuildingBlockResourceCenter = (function () {
         if (isSupportedNativeIntegration(integrationProvider))
             renderNativeIntegration(integrationProvider);
         var step = module.steps[0];
+        if (step.isDarkMode === undefined) {
+            syncColorMode(step);
+        }
         var domJsonToRender = updatePseudoStyleSelectors(step.domJson);
         domJsonToRender.props['data-pendo-guide-id'] = module.id;
         var renderedGuide = buildNodeFromJSON(domJsonToRender, step);
@@ -20962,30 +21015,6 @@ class AutoDisplayPhase {
     }
 }
 
-function syncColorMode(step, rerender = false) {
-    const darkModeSelector = _.get(step, 'attributes.darkMode.selector', '');
-    if (!darkModeSelector)
-        return;
-    // Determine the target dark mode state
-    let targetDarkMode;
-    if (pendo$1.designerEnabled && _.has(step, 'attributes.darkMode.override')) {
-        // In designer mode, use the override value
-        targetDarkMode = step.attributes.darkMode.override;
-    }
-    else {
-        // In client mode, detect based on selector
-        targetDarkMode = pendo$1.Sizzle(darkModeSelector).length > 0;
-    }
-    // Update and rerender if the state changed
-    if (step.isDarkMode !== targetDarkMode) {
-        step.isDarkMode = targetDarkMode;
-        if (rerender) {
-            step.hide();
-            step.show(step.seenReason);
-        }
-    }
-}
-
 /*
 * Guide Loop
 *
@@ -26743,9 +26772,13 @@ class NetworkRequestIntercept {
                 const contentLengthHeader = config.headers.get('content-length');
                 // Check if content type is readable (text or JSON)
                 const isReadableContent = contentType.indexOf('text/') !== -1 || contentType.indexOf('application/json') !== -1;
+                const isEventStream = contentType.indexOf('text/event-stream') !== -1;
+                // Cannot read event stream content as text or else it will block the consumer from receiving the event stream messages
+                if (isEventStream) {
+                    return '[Event stream content]';
+                }
                 if (!isReadableContent) {
-                    const typeDisplay = contentType;
-                    return `[Binary content: ${typeDisplay}]`;
+                    return `[Binary content: ${contentType}]`;
                 }
                 if (contentLengthHeader) {
                     const size = parseInt(contentLengthHeader, 10);
@@ -28761,7 +28794,7 @@ var BuildingBlockGuides = (function () {
         adjustGuideContentWidth,
         findDomBlockInDomJson,
         isElementHiddenInGuide: FlexboxPolyfill.isElementHiddenInGuide,
-        positionStepForTooltip: BuildingBlockTooltips.positionStepForTooltip,
+        positionStepForTooltip: BuildingBlockTooltips.positionStepForGuide,
         flexAllThings: FlexboxPolyfill.flexAllThings,
         flexElement: FlexboxPolyfill.flexElement,
         findTopLevelContainer,
@@ -28913,8 +28946,8 @@ var BuildingBlockGuides = (function () {
         else {
             BuildingBlockTooltips.attachBBAdvanceActions(step);
         }
-        if (relativeToElement && !hasImageCount) {
-            BuildingBlockTooltips.positionStepForTooltip(step, modifiableJSON, guideContainer[0]);
+        if (!hasImageCount) {
+            BuildingBlockTooltips.positionStepForGuide(step, modifiableJSON, guideContainer[0]);
         }
         if (isResourceCenter) {
             BuildingBlockResourceCenter.showHomeViewOrEmptyState(guide);
@@ -38041,7 +38074,7 @@ const FrustrationEvent = (function () {
         deadClickTimeouts = {};
     }
     function handleClickEvent(eventData, browserEvent) {
-        const isHyperlinked = browserEvent.target && browserEvent.target.tagName === 'A' && browserEvent.target.hasAttribute('href');
+        const isHyperlinked = browserEvent.target && browserEvent.target.tagName === 'A' && _.isFunction(browserEvent.target.hasAttribute) && browserEvent.target.hasAttribute('href');
         const isDeadClickEligibleTag = browserEvent.target && !_.contains(deadClickIneligibleTags, browserEvent.target.tagName);
         if (canQueueDeadClicks && !hasHighlightedText && isDeadClickEligibleTag && !isHyperlinked) {
             queueDeadClick(eventData);
@@ -38966,7 +38999,7 @@ class WebAnalytics {
         const parsedUrl = this.api.util.parseUrl(url);
         if (!parsedUrl)
             return {};
-        const { query } = parsedUrl;
+        const query = this.pendo._.extend({}, parsedUrl.fragmentQuery, parsedUrl.query);
         const source = query.utm_source;
         const medium = query.utm_medium;
         const campaign = query.utm_campaign;
@@ -43635,6 +43668,7 @@ function serializeNode(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     needsMask,
     inlineStylesheet,
     maskInputOptions = {},
@@ -43676,6 +43710,7 @@ function serializeNode(n2, options) {
         doc,
         blockClass,
         blockSelector,
+        hideSelector,
         inlineStylesheet,
         maskInputOptions,
         maskInputFn,
@@ -43774,6 +43809,7 @@ function serializeElementNode(n2, options) {
     doc,
     blockClass,
     blockSelector,
+    hideSelector,
     inlineStylesheet,
     maskInputOptions = {},
     maskInputFn,
@@ -43786,6 +43822,7 @@ function serializeElementNode(n2, options) {
     needsMask
   } = options;
   const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
+  const needHide = needBlock && hideSelector ? _isBlockedElement(n2, "", hideSelector) : false;
   const tagName = getValidTagName$1(n2);
   let attributes = {};
   const len = n2.attributes.length;
@@ -43932,7 +43969,12 @@ function serializeElementNode(n2, options) {
       attributes.rr_scrollTop = n2.scrollTop;
     }
   }
-  if (needBlock) {
+  if (needHide) {
+    attributes = {
+      class: attributes.class,
+      rr_display: "none"
+    };
+  } else if (needBlock) {
     const { width, height } = n2.getBoundingClientRect();
     attributes = {
       class: attributes.class,
@@ -44007,6 +44049,7 @@ function serializeNodeWithId(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     maskTextClass,
     maskTextSelector,
     skipChild = false,
@@ -44043,6 +44086,7 @@ function serializeNodeWithId(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     needsMask,
     inlineStylesheet,
     maskInputOptions,
@@ -44092,6 +44136,7 @@ function serializeNodeWithId(n2, options) {
       mirror: mirror2,
       blockClass,
       blockSelector,
+      hideSelector,
       needsMask,
       maskTextClass,
       maskTextSelector,
@@ -44151,6 +44196,7 @@ function serializeNodeWithId(n2, options) {
             mirror: mirror2,
             blockClass,
             blockSelector,
+            hideSelector,
             needsMask,
             maskTextClass,
             maskTextSelector,
@@ -44192,6 +44238,7 @@ function serializeNodeWithId(n2, options) {
             mirror: mirror2,
             blockClass,
             blockSelector,
+            hideSelector,
             needsMask,
             maskTextClass,
             maskTextSelector,
@@ -44230,6 +44277,7 @@ function snapshot(n2, options) {
     mirror: mirror2 = new Mirror(),
     blockClass = "rr-block",
     blockSelector = null,
+    hideSelector = null,
     maskTextClass = "rr-mask",
     maskTextSelector = null,
     inlineStylesheet = true,
@@ -44289,6 +44337,7 @@ function snapshot(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     maskTextClass,
     maskTextSelector,
     skipChild: false,
@@ -45005,6 +45054,7 @@ class MutationBuffer {
     __publicField(this, "mutationCb");
     __publicField(this, "blockClass");
     __publicField(this, "blockSelector");
+    __publicField(this, "hideSelector");
     __publicField(this, "maskTextClass");
     __publicField(this, "maskTextSelector");
     __publicField(this, "inlineStylesheet");
@@ -45068,6 +45118,7 @@ class MutationBuffer {
           mirror: this.mirror,
           blockClass: this.blockClass,
           blockSelector: this.blockSelector,
+          hideSelector: this.hideSelector,
           maskTextClass: this.maskTextClass,
           maskTextSelector: this.maskTextSelector,
           skipChild: true,
@@ -45245,7 +45296,12 @@ class MutationBuffer {
         index.childNodes(textarea),
         (cn) => index.textContent(cn) || ""
       ).join("");
-      const needsMask = needMaskingText(textarea, this.maskTextClass, this.maskTextSelector, true);
+      const needsMask = needMaskingText(
+        textarea,
+        this.maskTextClass,
+        this.maskTextSelector,
+        true
+      );
       item.attributes.value = maskInputValue({
         element: textarea,
         maskInputOptions: this.maskInputOptions,
@@ -45440,6 +45496,7 @@ class MutationBuffer {
       "mutationCb",
       "blockClass",
       "blockSelector",
+      "hideSelector",
       "maskTextClass",
       "maskTextSelector",
       "inlineStylesheet",
@@ -47637,6 +47694,7 @@ function record(options = {}) {
     checkoutEveryNth,
     blockClass = "rr-block",
     blockSelector = null,
+    hideSelector = null,
     ignoreClass = "rr-ignore",
     ignoreSelector = null,
     maskTextClass = "rr-mask",
@@ -47835,6 +47893,7 @@ function record(options = {}) {
     bypassOptions: {
       blockClass,
       blockSelector,
+      hideSelector,
       maskTextClass,
       maskTextSelector,
       inlineStylesheet,
@@ -47876,6 +47935,7 @@ function record(options = {}) {
       mirror,
       blockClass,
       blockSelector,
+      hideSelector,
       maskTextClass,
       maskTextSelector,
       inlineStylesheet,
@@ -48029,6 +48089,7 @@ function record(options = {}) {
           maskTextFn,
           keepIframeSrcFn,
           blockSelector,
+          hideSelector,
           slimDOMOptions,
           dataURLOptions,
           mirror,
@@ -48310,7 +48371,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 const RECORDING_CONFIG_WORKERURL$1 = 'recording.workerUrl';
-const MAX_SIZE = 1000000;
+const MAX_SIZE = 2000000;
 const RESOURCE_CACHING$1 = 'resourceCaching';
 class Transport {
     constructor(WorkerClass, pendo, api) {
@@ -48374,6 +48435,10 @@ class Transport {
                 if (strPayload.length > this.maxSize) {
                     const error = new Error('maximum recording payload size exceeded');
                     error.reason = 'HEAVY_EVENT';
+                    error.context = {
+                        size: strPayload.length,
+                        count: payload === null || payload === void 0 ? void 0 : payload.recordingPayloadCount
+                    };
                     throw error;
                 }
                 envelope.body = this.pendo.compress(strPayload, 'binary');
@@ -53621,6 +53686,8 @@ class SessionRecorder {
             password: true,
             tel: true
         });
+        const blockedSelectors = ['.pendo-ignore', '.pendo-sr-ignore'].concat(recordingOptions.blockedSelectors || []);
+        const hiddenSelectors = ['.pendo-sr-hide'].concat(recordingOptions.hiddenSelectors || []);
         const config = {
             maskInputFn: this.pendo._.partial(maskInput, maskOptions),
             maskTextFn: this.pendo._.partial(maskText, maskOptions),
@@ -53628,7 +53695,9 @@ class SessionRecorder {
             maskTextClass: null,
             maskInputOptions: maskOptions.maskInputOptions,
             blockClass: null,
-            blockSelector: ['.pendo-ignore', '.pendo-sr-ignore'].concat(recordingOptions.blockedSelectors || []).join(','),
+            // we need to concat hidden selectors to re-use block selector logic
+            blockSelector: blockedSelectors.concat(hiddenSelectors).join(','),
+            hideSelector: hiddenSelectors.join(','),
             recordCrossOriginIframes: recordingOptions.recordCrossOriginIframes != null ? recordingOptions.recordCrossOriginIframes : true
         };
         return config;
@@ -54088,7 +54157,7 @@ class SessionRecorder {
             }
             catch (e) {
                 if (e.reason) {
-                    this.logStopReason(e.reason);
+                    this.logStopReason(e.reason, e.context);
                 }
                 else {
                     this.logStopReason('SEND_QUEUE_ERROR', e);