@pendo/agent 2.305.1 → 2.306.0

package/dist/dom.esm.js

@@ -6939,6 +6939,7 @@ var ConfigReader = (function () {
         addOption('allowPartnerAnalyticsForwarding', [SNIPPET_SRC], false);
         addOption('adoptPrioritizeAdoptGuides', [PENDO_CONFIG_SRC], false);
         addOption('designerAgentPluginsLoader', [PENDO_CONFIG_SRC, SNIPPET_SRC]);
+        addOption('guideContentLoader', [PENDO_CONFIG_SRC]);
         addOption('trainingPartner');
         // Frustration
         addOption('errorClickLogging', [PENDO_CONFIG_SRC], false);
@@ -7359,7 +7360,7 @@ function getScreenPosition(element) {
     };
 }
 
-var VERSION = '2.305.1_';
+var VERSION = '2.306.0_';
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 

package/dist/pendo.module.js

@@ -3531,6 +3531,7 @@ var ConfigReader = (function () {
         addOption('allowPartnerAnalyticsForwarding', [SNIPPET_SRC], false);
         addOption('adoptPrioritizeAdoptGuides', [PENDO_CONFIG_SRC], false);
         addOption('designerAgentPluginsLoader', [PENDO_CONFIG_SRC, SNIPPET_SRC]);
+        addOption('guideContentLoader', [PENDO_CONFIG_SRC]);
         addOption('trainingPartner');
         // Frustration
         addOption('errorClickLogging', [PENDO_CONFIG_SRC], false);
@@ -3904,8 +3905,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.305.1_';
-let PACKAGE_VERSION = '2.305.1';
+let VERSION = '2.306.0_';
+let PACKAGE_VERSION = '2.306.0';
 let LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -11617,6 +11618,7 @@ var loadResource = function (options, callback, sendErrorToCallback = false) {
         var target = null;
         var head = (document.getElementsByTagName('head')[0] ||
             document.getElementsByTagName('body')[0]);
+        const contentLoader = ConfigReader.get('guideContentLoader');
         if (options.type === cssContentType) {
             var link = document.createElement('link');
             link.type = cssContentType;
@@ -11637,6 +11639,10 @@ var loadResource = function (options, callback, sendErrorToCallback = false) {
             document.body.appendChild(script);
             return script;
         }
+        else if (_.isFunction(contentLoader)) {
+            contentLoader(options);
+            return {};
+        }
         else { // Assume JS file.
             script = document.createElement('script');
             script.type = javascriptContentType;
@@ -15489,6 +15495,36 @@ function addInlineStyles(config, id, styles, element = document.head) {
     return styleTag;
 }
 
+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
+        try {
+            targetDarkMode = pendo$1.Sizzle(darkModeSelector).length > 0;
+        }
+        catch (e) {
+            // Invalid selector - default to light mode
+            targetDarkMode = false;
+        }
+    }
+    // Update and rerender if the state changed
+    if (step.isDarkMode !== targetDarkMode) {
+        step.isDarkMode = targetDarkMode;
+        if (rerender) {
+            step.hide();
+            step.show(step.seenReason);
+        }
+    }
+}
+
 var BuildingBlockTemplates = (function () {
     var textElementTypes = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span', 'div',
         'li', 'ul', 'ol', 'strong', 'em', 'b', 'i', 'small', 'label'];
@@ -15897,40 +15933,21 @@ var BuildingBlockTemplates = (function () {
         var announcementDomJson = JSON.parse(JSON.stringify(announcementStep.domJson)); // underscore doesn't have deep clone
         // Apply dark mode color overrides if enabled
         var darkModeOverrides = _.get(announcementsModule, 'attributes.darkModeColorOverrides');
-        if (darkModeOverrides && darkModeOverrides.enabled) {
-            // Cache frequently accessed objects
-            var announcementStepAttrs = announcementStep.attributes;
-            var announcementStepDarkMode = _.get(announcementStepAttrs, 'darkMode');
-            var announcementsModuleDarkMode = _.get(announcementsModule, 'attributes.darkMode');
-            var darkModeSelector = _.get(announcementsModuleDarkMode, 'selector', '');
-            // Cascade dark mode selector from announcements module to announcement guide
-            if (darkModeSelector && announcementStepAttrs) {
-                if (!announcementStepDarkMode) {
-                    announcementStepAttrs.darkMode = { selector: '' };
-                    announcementStepDarkMode = announcementStepAttrs.darkMode;
-                }
-                announcementStepDarkMode.selector = darkModeSelector;
-            }
-            // Determine if dark mode is active
-            var isDarkModeActive = false;
-            var effectiveSelector = _.get(announcementStepDarkMode, 'selector', '') || darkModeSelector;
-            if (pendo$1.designerEnabled) {
-                // In designer mode, check override values
-                isDarkModeActive = _.get(announcementStepDarkMode, 'override') ||
-                    _.get(announcementsModule, 'steps.0.attributes.darkMode.override', false);
-            }
-            else if (effectiveSelector) {
-                // In client mode, detect based on selector
-                isDarkModeActive = pendo$1.Sizzle(effectiveSelector).length > 0;
-            }
-            if (isDarkModeActive) {
-                // Only apply overrides if we have actual color values to apply
-                var hasValidOverrides = darkModeOverrides.guideBackground ||
-                    darkModeOverrides.textColor ||
-                    darkModeOverrides.linkColor ||
-                    darkModeOverrides.borderColor;
-                if (hasValidOverrides) {
-                    applyDarkModeColorOverrides(announcementDomJson, darkModeOverrides);
+        if (darkModeOverrides === null || darkModeOverrides === void 0 ? void 0 : darkModeOverrides.enabled) {
+            // Use the module's step to determine dark mode state
+            // Announcements inherit dark mode from the Resource Center style settings
+            var moduleStep = announcementsModule.steps[0];
+            if (moduleStep) {
+                syncColorMode(moduleStep, false);
+                if (moduleStep.isDarkMode) {
+                    // Only apply overrides if we have actual color values to apply
+                    var hasValidOverrides = darkModeOverrides.guideBackground ||
+                        darkModeOverrides.textColor ||
+                        darkModeOverrides.linkColor ||
+                        darkModeOverrides.borderColor;
+                    if (hasValidOverrides) {
+                        applyDarkModeColorOverrides(announcementDomJson, darkModeOverrides);
+                    }
                 }
             }
         }
@@ -18858,30 +18875,6 @@ 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,
@@ -22754,10 +22747,11 @@ var findStoredDesignerPreviewConfig = _.partial(clonePreviewConfig, getStore, 's
 function getGuideUrl(config) {
     if (!config.subscriptionId || !config.guideId)
         return;
-    var guideOrRC = config.isResourceCenter ? '/resourcecenter/' : '/guide/';
+    var guideOrRC = config.isResourceCenter && !config.isWatermark ? '/resourcecenter/' : '/guide/';
     return '/api/s/' + encodeURIComponent(config.subscriptionId) + guideOrRC + encodeURIComponent(config.guideId) + '/preview';
 }
 var watermarkGuideRequest = function (config) {
+    config.isWatermark = true;
     if (!isTrustedOrigin(config.origin)) {
         log.info('Invalid origin, exiting preview');
         return q.reject('invalid origin');
@@ -56735,6 +56729,7 @@ var ConfigReader = (function () {
         addOption('allowPartnerAnalyticsForwarding', [SNIPPET_SRC], false);
         addOption('adoptPrioritizeAdoptGuides', [PENDO_CONFIG_SRC], false);
         addOption('designerAgentPluginsLoader', [PENDO_CONFIG_SRC, SNIPPET_SRC]);
+        addOption('guideContentLoader', [PENDO_CONFIG_SRC]);
         addOption('trainingPartner');
         // Frustration
         addOption('errorClickLogging', [PENDO_CONFIG_SRC], false);