@pendo/agent 2.304.0 → 2.305.1

package/dist/dom.esm.js

@@ -7359,7 +7359,7 @@ function getScreenPosition(element) {
     };
 }
 
-var VERSION = '2.304.0_';
+var VERSION = '2.305.1_';
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 

package/dist/pendo.module.js

@@ -3904,8 +3904,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.304.0_';
-let PACKAGE_VERSION = '2.304.0';
+let VERSION = '2.305.1_';
+let PACKAGE_VERSION = '2.305.1';
 let LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -18858,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,
@@ -19105,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);
@@ -20988,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
 *
@@ -26769,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);
@@ -38067,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);
@@ -43661,6 +43668,7 @@ function serializeNode(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     needsMask,
     inlineStylesheet,
     maskInputOptions = {},
@@ -43702,6 +43710,7 @@ function serializeNode(n2, options) {
         doc,
         blockClass,
         blockSelector,
+        hideSelector,
         inlineStylesheet,
         maskInputOptions,
         maskInputFn,
@@ -43800,6 +43809,7 @@ function serializeElementNode(n2, options) {
     doc,
     blockClass,
     blockSelector,
+    hideSelector,
     inlineStylesheet,
     maskInputOptions = {},
     maskInputFn,
@@ -43812,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;
@@ -43958,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,
@@ -44033,6 +44049,7 @@ function serializeNodeWithId(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     maskTextClass,
     maskTextSelector,
     skipChild = false,
@@ -44069,6 +44086,7 @@ function serializeNodeWithId(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     needsMask,
     inlineStylesheet,
     maskInputOptions,
@@ -44118,6 +44136,7 @@ function serializeNodeWithId(n2, options) {
       mirror: mirror2,
       blockClass,
       blockSelector,
+      hideSelector,
       needsMask,
       maskTextClass,
       maskTextSelector,
@@ -44177,6 +44196,7 @@ function serializeNodeWithId(n2, options) {
             mirror: mirror2,
             blockClass,
             blockSelector,
+            hideSelector,
             needsMask,
             maskTextClass,
             maskTextSelector,
@@ -44218,6 +44238,7 @@ function serializeNodeWithId(n2, options) {
             mirror: mirror2,
             blockClass,
             blockSelector,
+            hideSelector,
             needsMask,
             maskTextClass,
             maskTextSelector,
@@ -44256,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,
@@ -44315,6 +44337,7 @@ function snapshot(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    hideSelector,
     maskTextClass,
     maskTextSelector,
     skipChild: false,
@@ -45031,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");
@@ -45094,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,
@@ -45271,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,
@@ -45466,6 +45496,7 @@ class MutationBuffer {
       "mutationCb",
       "blockClass",
       "blockSelector",
+      "hideSelector",
       "maskTextClass",
       "maskTextSelector",
       "inlineStylesheet",
@@ -47663,6 +47694,7 @@ function record(options = {}) {
     checkoutEveryNth,
     blockClass = "rr-block",
     blockSelector = null,
+    hideSelector = null,
     ignoreClass = "rr-ignore",
     ignoreSelector = null,
     maskTextClass = "rr-mask",
@@ -47861,6 +47893,7 @@ function record(options = {}) {
     bypassOptions: {
       blockClass,
       blockSelector,
+      hideSelector,
       maskTextClass,
       maskTextSelector,
       inlineStylesheet,
@@ -47902,6 +47935,7 @@ function record(options = {}) {
       mirror,
       blockClass,
       blockSelector,
+      hideSelector,
       maskTextClass,
       maskTextSelector,
       inlineStylesheet,
@@ -48055,6 +48089,7 @@ function record(options = {}) {
           maskTextFn,
           keepIframeSrcFn,
           blockSelector,
+          hideSelector,
           slimDOMOptions,
           dataURLOptions,
           mirror,
@@ -48336,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) {
@@ -48400,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');
@@ -53647,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),
@@ -53654,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;
@@ -54114,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);