@pendo/agent 2.311.1 → 2.312.0

package/dist/pendo.module.js

@@ -3924,8 +3924,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.311.1_';
-let PACKAGE_VERSION = '2.311.1';
+let VERSION = '2.312.0_';
+let PACKAGE_VERSION = '2.312.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -11609,7 +11609,7 @@ function isTrustedOrigin(host) {
         return true;
     // Domains that Pendo owns, will be swapped in by build patches
     const patterns = [
-        /^https:\/\/(adopt\.)?((us1)\.)?(app|via|adopt|cdn)(\.(au|eu|gov|hsbc|jpn))?\.pendo\.io$/,
+        /^https:\/\/(adopt\.)?((us1)\.)?(app|via|adopt|cdn|oem)(\.(au|eu|gov|hsbc|jpn))?\.pendo\.io$/,
         /^https:\/\/([0-9]{8}t[0-9]{4}-dot-)pendo-(au|eu|govramp|hsbc|io|jp-prod|us1)\.appspot\.com$/,
         /^https:\/\/hotfix-(ops|app)-([0-9]+-dot-)pendo-(au|eu|govramp|hsbc|io|jp-prod|us1)\.appspot\.com$/,
         /^https:\/\/pendo-(au|eu|govramp|hsbc|io|jp-prod|us1)-static\.storage\.googleapis\.com$/,
@@ -16077,6 +16077,8 @@ var BuildingBlockTemplates = (function () {
             var moduleStep = announcementsModule.steps[0];
             if (moduleStep) {
                 syncColorMode(moduleStep, false);
+                // Propagate dark mode state to announcement step for button styling CSS rules
+                announcementStep.isDarkMode = moduleStep.isDarkMode;
                 if (moduleStep.isDarkMode) {
                     // Only apply overrides if we have actual color values to apply
                     var hasValidOverrides = darkModeOverrides.guideBackground ||
@@ -18555,53 +18557,48 @@ function attachImgLoadHandlers(curNode, step) {
         recalculateGuideHeightOnImgLoad(dom(curNode), step);
     }
 }
+function imageNodeHandler(step) {
+    var containerJSON = {};
+    if (!step.containerId && step.domJson) {
+        containerJSON = findGuideContainerJSON(step.domJson);
+    }
+    var containerId = step.containerId || (containerJSON.props && containerJSON.props.id) || '';
+    var guideContainer = containerId ? dom(`#${containerId}`, step.guideElement)[0] : containerId;
+    if (step && step.attributes && step.attributes.imgCount) {
+        step.attributes.imgCount--;
+        if (guideContainer && step.attributes.imgCount <= 0) {
+            recalculateGuideWidth(containerId, step.guideElement);
+            adjustGuideContentWidth(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
+            if (!_.get(guide, 'attributes.isAnnouncement') && _.get(guide, 'attributes.resourceCenter.moduleId') !== 'AnnouncementsModule') {
+                recalculateGuideHeight(containerId, step.guideElement);
+                // In case a scrollbar exists, we should adjust content and flexAllThings again. APP-74827.
+                var domContainer = guideContainer.children.item('pendo-guide-container');
+                var containerHasOverflow = domContainer && domContainer.style && domContainer.style.overflow === 'auto';
+                if (containerHasOverflow) {
+                    adjustGuideContentWidth(containerId, step.guideElement);
+                    FlexboxPolyfill.flexAllThings(step.containerId, step);
+                }
+            }
+            BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
+            guideContainer.style.visibility = 'visible';
+            guideContainer.parentNode.style.visibility = 'visible';
+            dom.event.dispatch(guideContainer, {
+                type: 'imagesLoaded'
+            });
+        }
+    }
+}
 function recalculateGuideHeightOnImgLoad(node, step) {
     node.on('load', function () {
-        var containerJSON = {};
-        if (!step.containerId && step.domJson) {
-            containerJSON = findGuideContainerJSON(step.domJson);
-        }
-        var containerId = step.containerId || (containerJSON.props && containerJSON.props.id) || '';
-        var guideContainer = containerId ? dom('#' + containerId, step.guideElement)[0] : containerId;
-        if (step && step.attributes && step.attributes.imgCount) {
-            step.attributes.imgCount--;
-            if (guideContainer && step.attributes.imgCount <= 0) {
-                recalculateGuideWidth(containerId, step.guideElement);
-                adjustGuideContentWidth(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
-                if (!_.get(guide, 'attributes.isAnnouncement') && _.get(guide, 'attributes.resourceCenter.moduleId') !== 'AnnouncementsModule') {
-                    recalculateGuideHeight(containerId, step.guideElement);
-                    // In case a scrollbar exists, we should adjust content and flexAllThings again. APP-74827.
-                    var domContainer = guideContainer.children.item('pendo-guide-container');
-                    var containerHasOverflow = domContainer && domContainer.style && domContainer.style.overflow === 'auto';
-                    if (containerHasOverflow) {
-                        adjustGuideContentWidth(containerId, step.guideElement);
-                        FlexboxPolyfill.flexAllThings(step.containerId, step);
-                    }
-                }
-                BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
-                guideContainer.style.visibility = 'visible';
-                guideContainer.parentNode.style.visibility = 'visible';
-                dom.event.dispatch(guideContainer, {
-                    type: 'imagesLoaded'
-                });
-            }
-        }
+        imageNodeHandler(step);
     });
-    // For now, we'll just automatically show the guide if an image errors.
     node.on('error', function () {
-        var guideContainer = dom('#' + step.containerId, step.guideElement)[0];
-        if (!guideContainer) {
-            log.info('Failed to find guideContainer for id: ' + step.containerId);
-            return;
-        }
-        BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
-        guideContainer.style.visibility = 'visible';
-        guideContainer.parentNode.style.visibility = 'visible';
-        FlexboxPolyfill.flexAllThings(step.containerId, step);
+        log.info(`Error loading image (${node[0].src}) for guide step id "${step.id}" in guide id "${step.guideId}".`);
+        imageNodeHandler(step);
     });
 }
 function bindActionToNode(node, actionObject, step) {
@@ -40128,7 +40125,8 @@ class PromptPlugin {
         this.loadConfig(this.configName)
             .then(config => this.onConfigLoaded(config)).catch(() => { });
         // Listen for URL changes to re-evaluate page rules
-        (_a = this.api.Events.urlChanged) === null || _a === void 0 ? void 0 : _a.on(() => {
+        // Listening on guidesLoaded since normalizedUrl comes back from the guides playload
+        (_a = this.api.Events.guidesLoaded) === null || _a === void 0 ? void 0 : _a.on(() => {
             this.reEvaluatePageRules();
         });
     }
@@ -40962,7 +40960,7 @@ const RequiredQuestions = {
                     });
                 }
             });
-            step.attachEvent(step.guideElement.find('#pendo-guide-container')[0], 'click', function (event) {
+            step.attachEvent(step.guideElement.find('[id^="pendo-guide-container"]')[0], 'click', function (event) {
                 if (!event.target.classList.contains('_pendo-button')) {
                     evaluateRequiredQuestions(requiredQuestions);
                 }
@@ -41062,7 +41060,7 @@ const RequiredQuestions = {
             attributes: true,
             childList: true,
             characterData: true,
-            subtree: false
+            subtree: true
         };
         const MutationObserver = getZoneSafeMethod$1(pendo._, 'MutationObserver');
         const observer = new MutationObserver(applyRequiredIndicators);
@@ -44818,6 +44816,22 @@ function querySelectorAll(n2, selectors) {
 function mutationObserverCtor() {
   return getUntaintedPrototype("MutationObserver").constructor;
 }
+function getUntaintedProxy() {
+  var _a2, _b;
+  let Proxy3 = window.Proxy;
+  try {
+    if (typeof window.Proxy !== "function" || !((_a2 = window.Proxy) == null ? void 0 : _a2.toString().includes("[native code]"))) {
+      const cleanFrame = document.createElement("iframe");
+      cleanFrame.style.display = "none";
+      document.documentElement.appendChild(cleanFrame);
+      Proxy3 = ((_b = cleanFrame.contentWindow) == null ? void 0 : _b.Proxy) || window.Proxy;
+      document.documentElement.removeChild(cleanFrame);
+    }
+  } catch (err) {
+    console.debug("Unable to get untainted Proxy from iframe", err);
+  }
+  return Proxy3;
+}
 function patch(source, name, replacement) {
   try {
     if (!(name in source)) {
@@ -44897,7 +44911,8 @@ let _mirror = {
   }
 };
 if (typeof window !== "undefined" && window.Proxy && window.Reflect) {
-  _mirror = new Proxy(_mirror, {
+  const Proxy3 = getUntaintedProxy();
+  _mirror = new Proxy3(_mirror, {
     get(target, prop, receiver) {
       if (prop === "map") {
         console.error(DEPARTED_MIRROR_ACCESS_WARNING);
@@ -45858,6 +45873,7 @@ const callbackWrapper = (cb) => {
   return rrwebWrapped;
 };
 const mutationBuffers = [];
+const Proxy2 = getUntaintedProxy();
 function getEventTarget(event) {
   try {
     if ("composedPath" in event) {
@@ -46251,6 +46267,7 @@ function getNestedCSSRulePositions(rule) {
       );
       const index2 = rules2.indexOf(childRule);
       pos.unshift(index2);
+      return recurse(childRule.parentRule, pos);
     } else if (childRule.parentStyleSheet) {
       const rules2 = Array.from(childRule.parentStyleSheet.cssRules);
       const index2 = rules2.indexOf(childRule);
@@ -46276,7 +46293,7 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
     };
   }
   const insertRule = win.CSSStyleSheet.prototype.insertRule;
-  win.CSSStyleSheet.prototype.insertRule = new Proxy(insertRule, {
+  win.CSSStyleSheet.prototype.insertRule = new Proxy2(insertRule, {
     apply: callbackWrapper(
       (target, thisArg, argumentsList) => {
         const [rule, index2] = argumentsList;
@@ -46301,7 +46318,7 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
     return win.CSSStyleSheet.prototype.insertRule.apply(this, [rule, index2]);
   };
   const deleteRule = win.CSSStyleSheet.prototype.deleteRule;
-  win.CSSStyleSheet.prototype.deleteRule = new Proxy(deleteRule, {
+  win.CSSStyleSheet.prototype.deleteRule = new Proxy2(deleteRule, {
     apply: callbackWrapper(
       (target, thisArg, argumentsList) => {
         const [index2] = argumentsList;
@@ -46327,7 +46344,7 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
   let replace;
   if (win.CSSStyleSheet.prototype.replace) {
     replace = win.CSSStyleSheet.prototype.replace;
-    win.CSSStyleSheet.prototype.replace = new Proxy(replace, {
+    win.CSSStyleSheet.prototype.replace = new Proxy2(replace, {
       apply: callbackWrapper(
         (target, thisArg, argumentsList) => {
           const [text] = argumentsList;
@@ -46351,7 +46368,7 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
   let replaceSync;
   if (win.CSSStyleSheet.prototype.replaceSync) {
     replaceSync = win.CSSStyleSheet.prototype.replaceSync;
-    win.CSSStyleSheet.prototype.replaceSync = new Proxy(replaceSync, {
+    win.CSSStyleSheet.prototype.replaceSync = new Proxy2(replaceSync, {
       apply: callbackWrapper(
         (target, thisArg, argumentsList) => {
           const [text] = argumentsList;
@@ -46394,7 +46411,7 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
       // eslint-disable-next-line @typescript-eslint/unbound-method
       deleteRule: type.prototype.deleteRule
     };
-    type.prototype.insertRule = new Proxy(
+    type.prototype.insertRule = new Proxy2(
       unmodifiedFunctions[typeKey].insertRule,
       {
         apply: callbackWrapper(
@@ -46426,7 +46443,7 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
         )
       }
     );
-    type.prototype.deleteRule = new Proxy(
+    type.prototype.deleteRule = new Proxy2(
       unmodifiedFunctions[typeKey].deleteRule,
       {
         apply: callbackWrapper(
@@ -46516,7 +46533,7 @@ function initStyleDeclarationObserver({
   stylesheetManager
 }, { win }) {
   const setProperty = win.CSSStyleDeclaration.prototype.setProperty;
-  win.CSSStyleDeclaration.prototype.setProperty = new Proxy(setProperty, {
+  win.CSSStyleDeclaration.prototype.setProperty = new Proxy2(setProperty, {
     apply: callbackWrapper(
       (target, thisArg, argumentsList) => {
         var _a2;
@@ -46547,7 +46564,7 @@ function initStyleDeclarationObserver({
     )
   });
   const removeProperty = win.CSSStyleDeclaration.prototype.removeProperty;
-  win.CSSStyleDeclaration.prototype.removeProperty = new Proxy(removeProperty, {
+  win.CSSStyleDeclaration.prototype.removeProperty = new Proxy2(removeProperty, {
     apply: callbackWrapper(
       (target, thisArg, argumentsList) => {
         var _a2;
@@ -58520,10 +58537,11 @@ const createElement = (tag, attrs = {}, parent = null) => {
     return el;
 };
 const injectStyles = (pendoContainerId) => {
-    if ($(STYLE_ID))
+    const styleId = `${STYLE_ID}-${pendoContainerId}`;
+    if ($(styleId))
         return;
     createElement('style', {
-        id: STYLE_ID,
+        id: styleId,
         textContent: `
                 #${pendoContainerId} {
                 display: none !important;