@pendo/agent 2.346.0 → 2.348.0

package/dist/dom.esm.js

@@ -6579,9 +6579,9 @@ var ConfigReader = (function () {
          */
         addOption('selfHostedWebSDKUrl', [SNIPPET_SRC, PENDO_CONFIG_SRC], undefined, undefined, ['selfHostedAgentUrl']);
         /**
-         * If this option is set to true, event data will only be transmitted using requests of type POST instead
-         * of first trying to use GET requests. This can result in fewer requests being sent each time that event data
-         * is transmitted.
+         * If this option is set to true, event data, guide requests, and segment flag requests will only be
+         * transmitted using requests of type POST instead of first trying to use GET requests. For event data, this
+         * can result in fewer requests being sent each time that event data is transmitted.
          *
          * @access public
          * @category Config/Core
@@ -7555,7 +7555,7 @@ function applyMatrix2dRect(matrix2d, rect) {
     return transformedRect;
 }
 
-var VERSION = '2.346.0_';
+var VERSION = '2.348.0_';
 
 var decodeURIComponent = _.isFunction(globalScope.decodeURIComponent) ? globalScope.decodeURIComponent : _.identity;
 
@@ -7915,13 +7915,13 @@ var agentStorage = (function () {
         resetCache(storageAvailable);
         if (storageIsDisabled()) {
             inMemoryStorage[key] = ttlWrite(val, duration);
-            return;
+            return true;
         }
         if (shouldUseLocalStorage(keyLocalStorageOnly)) {
             if (storageAvailable('localStorage')) {
                 try {
                     localStorage.setItem(key, ttlWrite(val, duration));
-                    return;
+                    return true;
                 }
                 catch (e) { }
             }
@@ -7931,11 +7931,12 @@ var agentStorage = (function () {
                 if (!isPlain)
                     duration = duration || DEFAULT_EXPIRE_LEN;
                 setCookie(key, val, duration, isSecure);
-                return;
+                return true;
             }
             catch (e) { }
         }
         inMemoryStorage[key] = ttlWrite(val, duration);
+        return false;
     }
     function ttlWrite(value, duration) {
         if (duration === null) {

package/dist/pendo.module.js

@@ -3271,9 +3271,9 @@ var ConfigReader = (function () {
          */
         addOption('selfHostedWebSDKUrl', [SNIPPET_SRC, PENDO_CONFIG_SRC], undefined, undefined, ['selfHostedAgentUrl']);
         /**
-         * If this option is set to true, event data will only be transmitted using requests of type POST instead
-         * of first trying to use GET requests. This can result in fewer requests being sent each time that event data
-         * is transmitted.
+         * If this option is set to true, event data, guide requests, and segment flag requests will only be
+         * transmitted using requests of type POST instead of first trying to use GET requests. For event data, this
+         * can result in fewer requests being sent each time that event data is transmitted.
          *
          * @access public
          * @category Config/Core
@@ -4138,8 +4138,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.346.0_';
-let PACKAGE_VERSION = '2.346.0';
+let VERSION = '2.348.0_';
+let PACKAGE_VERSION = '2.348.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -5133,13 +5133,13 @@ var agentStorage = (function () {
         resetCache(storageAvailable);
         if (storageIsDisabled()) {
             inMemoryStorage[key] = ttlWrite(val, duration);
-            return;
+            return true;
         }
         if (shouldUseLocalStorage(keyLocalStorageOnly)) {
             if (storageAvailable('localStorage')) {
                 try {
                     localStorage.setItem(key, ttlWrite(val, duration));
-                    return;
+                    return true;
                 }
                 catch (e) { }
             }
@@ -5149,11 +5149,12 @@ var agentStorage = (function () {
                 if (!isPlain)
                     duration = duration || DEFAULT_EXPIRE_LEN;
                 setCookie(key, val, duration, isSecure);
-                return;
+                return true;
             }
             catch (e) { }
         }
         inMemoryStorage[key] = ttlWrite(val, duration);
+        return false;
     }
     function ttlWrite(value, duration) {
         if (duration === null) {
@@ -12995,6 +12996,23 @@ function migrateLegacyCookieEvents(events) {
         clearCookie(getPendoCookieKey(UNSENT_EVENTS_KEY));
     }
 }
+// the quota error doesn't say how much space is left, so halving keeps the
+// number of retries during pagehide small
+function dropOldestHalf(events) {
+    const entries = [];
+    _.each(events, (requests, key) => {
+        _.each(requests, (request) => {
+            entries.push({ key, request });
+        });
+    });
+    const newest = _.sortBy(entries, (entry) => entry.request.ts).slice(Math.ceil(entries.length / 2));
+    const remaining = {};
+    _.each(newest, (entry) => {
+        remaining[entry.key] = remaining[entry.key] || [];
+        remaining[entry.key].push(entry.request);
+    });
+    return remaining;
+}
 class LocalStorageEventBuffer {
     constructor() {
         this.events = {};
@@ -13039,12 +13057,14 @@ class LocalStorageEventBuffer {
         storage.clear(UNSENT_EVENTS_KEY);
     }
     write(storage) {
-        if (_.size(this.events) > 0) {
-            storage.write(UNSENT_EVENTS_KEY, JSON.stringify(this.events), UNSENT_EVENTS_MAX_AGE);
-        }
-        else {
-            storage.clear(UNSENT_EVENTS_KEY);
+        let events = this.events;
+        while (_.size(events) > 0) {
+            if (storage.write(UNSENT_EVENTS_KEY, JSON.stringify(events), UNSENT_EVENTS_MAX_AGE)) {
+                return;
+            }
+            events = dropOldestHalf(events);
         }
+        storage.clear(UNSENT_EVENTS_KEY);
     }
 }
 var localStorageEventBuffer = new LocalStorageEventBuffer();
@@ -13132,7 +13152,7 @@ function isDebuggingEnabled(asBoolean = true) {
     }
 }
 
-const PERFORMANCE_SEND_INTERVAL = 1000 * 60 * 10; // 10 minutes
+const PERFORMANCE_COLLECT_INTERVAL = 1000 * 60 * 10; // 10 minutes
 class PerformanceMonitor {
     constructor() {
         this._isPerformanceApiAvailable = this._checkPerformanceApi();
@@ -13140,6 +13160,8 @@ class PerformanceMonitor {
         this._measuringPerformance = false;
         this._debugging = false;
         this._setDebuggingBound = _.bind(this._setDebugging, this);
+        this._sendBound = _.bind(this.send, this);
+        this._totals = {};
         this.marks = new Set();
         this.measures = new Set();
     }
@@ -13150,12 +13172,13 @@ class PerformanceMonitor {
         this._markPerformance(INITIALIZE);
         this._setDebugging();
         Events.debuggerLaunched.on(this._setDebuggingBound);
+        Events.appUnloaded.on(this._sendBound);
         const shouldSend = Math.random() * 100 < ConfigReader.get('performanceMetricsSampleRate');
         this._setSending(shouldSend);
         // interval always runs to periodically free memory used by performance api
         this.interval = setInterval(() => {
-            this.send(); // includes call to _clearMarksAndMeasures()
-        }, PERFORMANCE_SEND_INTERVAL);
+            this._collect();
+        }, PERFORMANCE_COLLECT_INTERVAL);
         return () => {
             this.teardown();
         };
@@ -13166,6 +13189,7 @@ class PerformanceMonitor {
         this._measuringPerformance = false;
         this._setDebugging();
         Events.debuggerLaunched.off(this._setDebuggingBound);
+        Events.appUnloaded.off(this._sendBound);
         this._clearMarksAndMeasures();
         clearInterval(this.interval);
     }
@@ -13185,25 +13209,41 @@ class PerformanceMonitor {
         this._markPerformance(name, { detail });
     }
     send() {
-        const payload = _.reduce(METRICS, (acc, metric) => {
-            const { name, type, instrument } = metric;
-            if (!instrument)
-                return acc;
-            const entries = performance.getEntriesByName(name);
-            const value = instrument(entries);
-            if (value > 0) {
-                acc.push({
-                    name,
-                    type,
-                    value,
-                    timestamp: Date.now()
-                });
+        // runs in the appUnloaded handler ahead of the agent's event flush, so it must not throw
+        try {
+            this._collect();
+            const payload = _.map(this._totals, (value, name) => ({
+                name,
+                type: METRICS[name].type,
+                value,
+                timestamp: Date.now()
+            }));
+            this._totals = {};
+            if (_.size(payload) && this._sending) {
+                writeMetricsPOST(payload);
             }
-            return acc;
-        }, []);
-        this._clearMarksAndMeasures();
-        if (_.size(payload) && this._sending) {
-            writeMetricsPOST(payload);
+        }
+        catch (e) {
+            log.debug(`Failed to send performance metrics: ${e}`);
+        }
+    }
+    _collect() {
+        if (!this._isPerformanceApiAvailable)
+            return;
+        try {
+            if (!this._sending)
+                return;
+            _.each(METRICS, ({ name, instrument }) => {
+                if (!instrument)
+                    return;
+                const value = instrument(performance.getEntriesByName(name));
+                if (value > 0) {
+                    this._totals[name] = (this._totals[name] || 0) + value;
+                }
+            });
+        }
+        finally {
+            this._clearMarksAndMeasures();
         }
     }
     _checkPerformanceApi() {
@@ -13451,6 +13491,9 @@ function filterSiloCapacity(options) {
     };
 }
 var URL_MAX_LENGTH = 2000;
+function shouldLoadWithPost(url, jwtOptions) {
+    return url.length > URL_MAX_LENGTH || !_.isEmpty(jwtOptions) || !!ConfigReader.get('sendEventsWithPostOnly');
+}
 function shortenUrlFields(options) {
     options = _.defaults(options || {}, {
         fields: [],
@@ -14216,6 +14259,14 @@ var isWalkthrough = function (guide) {
 var isForm = function (guide) {
     return !!(_.get(guide, 'attributes.form'));
 };
+// An HTML guide step's type is 'html' and it has no domJson to derive calculatedType
+// from, so its layout only shows up in buildingBlockLayoutType
+var isTooltipStep = function (step) {
+    var tooltip = 'tooltip';
+    return _.get(step, 'type') === tooltip ||
+        _.get(step, 'attributes.calculatedType') === tooltip ||
+        _.get(step, 'attributes.buildingBlockLayoutType', _.get(step, 'buildingBlockLayoutType')) === tooltip;
+};
 function isPreviewing() {
     /* global selmo */
     return (typeof selmo !== 'undefined' && !!selmo.isPreviewing);
@@ -17858,6 +17909,7 @@ var FlexboxPolyfill = (function () {
         wrapElementInMockFlexboxContainer,
         getVisualElementsWrappedInFlexElements,
         initializeFlexRows,
+        initializeNativeFlexRow,
         getRowWidth,
         wrapFlexElementsInFlexRows,
         formatFlexRows,
@@ -18219,32 +18271,26 @@ 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, 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 initializeNativeFlexRow(row, justifyContent, rowVerticalAlignment) {
+        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';
+    }
+    function initializeFlexRows(row, justifyContent, rowVerticalAlignment, rowWidth) {
+        var flexElements = getFlexboxElements(row.children);
+        if (flexElements.length === 0)
+            return;
+        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);
@@ -18324,10 +18370,17 @@ var FlexboxPolyfill = (function () {
     function flexElement(ele, useNativeFlexbox) {
         var rowsToBeFlexed = dom('[data-pendo-display-flex]', ele);
         _.each(rowsToBeFlexed, function (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, useNativeFlexbox);
+            if (useNativeFlexbox) {
+                FlexboxPolyfill.initializeNativeFlexRow(row, horizontalAlignment, rowVerticalAlignment);
+                return;
+            }
+            // Initializing flex elements can add a temporary scrollbar to a scrolling ancestor and shrink the
+            // width of the rows. Pre-measure the row width to prevent its children from wrapping onto a new row.
+            var rowWidth = FlexboxPolyfill.getRowWidth(row);
+            var rowWithFlexedElements = FlexboxPolyfill.initializeFlexElements(row);
+            FlexboxPolyfill.initializeFlexRows(rowWithFlexedElements, horizontalAlignment, rowVerticalAlignment, rowWidth);
         });
     }
     function flexAllThings(containerId, step) {
@@ -22891,7 +22944,7 @@ function stepShowingProc(guide, step) {
         step.checkPlacement();
         return;
     }
-    var isTooltip = (step.type === 'tooltip' || step.attributes.calculatedType === 'tooltip');
+    var isTooltip = isTooltipStep(step);
     if (isTooltip && wouldBeVisibleAfterAutoScroll(element) && elementMatchesContainsRules) {
         // the element was scrolled out of view, the guide should be invisible for now, but still "active"
         return;
@@ -23693,10 +23746,9 @@ function attachP1AdvanceActions(step, guide, pendo) {
         return;
     if (isBadge(guide) && !isWalkthrough(guide))
         return;
-    const { _ } = pendo;
-    const htmlLayoutType = _.get(step, 'attributes.buildingBlockLayoutType', step.buildingBlockLayoutType);
-    if (!_.contains([htmlLayoutType, step.type], 'tooltip'))
+    if (!isTooltipStep(step))
         return;
+    const { _ } = pendo;
     const advanceMethods = step.advanceMethod.split(',');
     _.each(advanceMethods, (method) => {
         if (method === 'element') {
@@ -23936,12 +23988,6 @@ var popoverStep = {
     script: popoverRuntimeScript
 };
 
-function isTooltip({ _ }, step) {
-    const tooltip = 'tooltip';
-    return _.get(step, 'attributes.calculatedType') === tooltip ||
-        _.get(step, 'attributes.buildingBlockLayoutType', step.buildingBlockLayoutType) === tooltip ||
-        step.type === tooltip;
-}
 function attachScrollHandlers({ _ }, step, scrollCallback) {
     const throttledScrollCallback = _.throttle(_.bind(scrollCallback, step, step), 10);
     step.attachEvent(window, 'scroll', throttledScrollCallback, true);
@@ -23969,7 +24015,7 @@ function attachStepScrollHandlers(step, guide, pendo) {
     // APP-68789
     if (isPreviewing() && step.element === dom.getBody())
         return;
-    if (isTooltip(pendo, step)) {
+    if (isTooltipStep(step)) {
         const repositionCallback = step.domJson ? bbRepositionTooltip : p1RepositionTooltip;
         attachScrollHandlers(pendo, step, _.partial(tooltipOnScroll, pendo, step, repositionCallback));
     }
@@ -24668,11 +24714,17 @@ var canStepBeRendered = function (step) {
     if (targetElem && step.elementContainsRulesList && !doesElementMatchContainsRules(targetElem, step.elementContainsRulesList)) {
         return statusWriter(false, 'contains_rules');
     }
-    const embedSelector = _.get(step, 'guide.attributes.embedConfig.selector');
-    if (embedSelector && !dom(embedSelector).length) {
-        return false;
+    const embedConfig = _.get(step, 'guide.attributes.embedConfig');
+    if (embedConfig && embedConfig.selector) {
+        const embedHost = dom(embedConfig.selector)[0];
+        if (!embedHost) {
+            return false;
+        }
+        if (embedConfig.method === 'replace' && isEmbedHostReplacedByAnotherGuide(step.guide, embedHost)) {
+            return false;
+        }
     }
-    var isTooltip = step.type === 'tooltip' || BuildingBlockTooltips.isBuildingBlockGuideRelativeToElement(step);
+    var isTooltip = isTooltipStep(step) || BuildingBlockTooltips.isBuildingBlockGuideRelativeToElement(step);
     var isVisible = isElementVisible(elm);
     if (!isTooltip) {
         return statusWriter(isVisible, 'target_element');
@@ -24683,6 +24735,14 @@ var canStepBeRendered = function (step) {
     const wouldBeVisible = wouldBeVisibleAfterAutoScroll(elm);
     return statusWriter(wouldBeVisible, 'target_element_tooltip_scroll');
 };
+function isEmbedHostReplacedByAnotherGuide(guide, embedHost) {
+    return _.some(getActiveGuides(), function (other) {
+        if (other === guide || !_.isFunction(other.isShown) || !other.isShown())
+            return false;
+        const otherEmbedConfig = _.get(other, 'attributes.embedConfig');
+        return !!otherEmbedConfig && otherEmbedConfig.method === 'replace' && dom(otherEmbedConfig.selector)[0] === embedHost;
+    });
+}
 function pullContentsFromTargetElement(ele) {
     var wrappedEle = dom(ele);
     var eleText = wrappedEle.text() || ''; // .text() can return undefined
@@ -25195,7 +25255,7 @@ var loadGuideJs = function (apiKey, params) {
         var url = buildBaseDataUrl(guideLoaderImpl.endpoint(), apiKey, queryString);
         var jwtOptions = JWT.get();
         let loadingPromise;
-        if (url.length > URL_MAX_LENGTH || !_.isEmpty(jwtOptions)) {
+        if (shouldLoadWithPost(url, jwtOptions)) {
             delete queryString.jzb;
             url = buildBaseDataUrl('guide.json', apiKey, queryString);
             var payload = _.extend({ events: jzb }, jwtOptions);
@@ -29711,10 +29771,6 @@ const PluginAPI = {
         removeGlobalScript: GuideRuntime.removeGlobalScript
     },
     GuideActivity,
-    GuideEvents: {
-        stageGuideEvent,
-        createGuideEvent
-    },
     GuideLoop: {
         addUpdatePhase,
         removeUpdatePhase
@@ -29744,7 +29800,8 @@ const PluginAPI = {
     transmit: {
         buildBaseDataUrl,
         fetchKeepalive,
-        sendBeacon
+        sendBeacon,
+        shouldLoadWithPost
     },
     log,
     NetworkRequest,
@@ -29919,6 +29976,19 @@ function initIdentityEvents() {
     };
 }
 
+/**
+ * The cookie consent tier, or tiers, the visitor has already agreed to. Each tier is the id of a cookie consent
+ * level configured for your subscription, and determines what data the web SDK can collect: visitor identity,
+ * analytics events, guides, and session replay. If not set, the web SDK runs without any consent restrictions.
+ * Use `pendo.updateCookieConsent` to change consent after initialization. Read more about
+ * [Cookie Consent Levels](/cookies/consent-levels).
+ *
+ * @access public
+ * @category Config/Core
+ * @name cookieConsentTiers
+ * @default undefined
+ * @type {string | string[]}
+ */
 const CONSENT_TIERS = 'cookieConsentTiers';
 function applyCookieConsent(tiers, identity) {
     rememberConsentTiers(tiers);
@@ -29940,18 +30010,21 @@ function isCurrentCookieConsent(tiers) {
 }
 /**
  * Enforces the cookie consent policy a visitor has agreed to. The policy is defined by the subscription's cookie consent configuration,
- * and is used to determine whether each product the web SDK may run.
+ * and is used to determine what data the web SDK can collect. The new tiers replace any previously consented tiers,
+ * including those passed to `pendo.initialize` as `cookieConsentTiers`, and are shared with other frames running the web SDK for the same application.
  *
  * A visitor who was not being tracked has no identity for the web SDK to resume, so pass one in
  * `identity` when the new tiers start allowing identity. It is ignored otherwise.
  *
+ * Read more about [Cookie Consent Levels](/cookies/consent-levels).
+ *
  * @access public
  * @category Core
  * @param {string | string[]} tiers tier or tiers the visitor consented to
  * @param {object} [identity] visitor and account to identify, in the same shape as
  *   `pendo.updateOptions` -- applied only when consent moves a do-not-track visitor to a tier
  *   that permits identity
- * @returns {object} map of product to its resolved value -- `guides` and `identity` are
+ * @returns {object} what data is now collected -- `guides` and `identity` are
  *   booleans (identity disabled means DNT), `textCollection` is `none`/`whitelist`/`all`,
  *   `analytics` and `guideAnalytics` are each an array of allowed event types
  * @example
@@ -33923,10 +33996,12 @@ function Poll(guide) {
             _.each(responses, function (response, i) {
                 var curPoll = getPoll(response.pollId, guide);
                 var evt = createGuideEvent('pollResponse', step.guideId, step.id, get_visitor_id(), undefined, guide.language);
+                // A behavior that replaces show() outright (HTML guides) drops the after('show')
+                // hook above, so fall back to when the step was last seen.
                 _.extend(evt.props, {
                     poll_id: response.pollId,
                     poll_response: response.value,
-                    duration: (new Date().getTime() - shownTime)
+                    duration: (new Date().getTime() - (shownTime || step.lastSeenAt))
                 }, options);
                 if (curPoll &&
                     curPoll.attributes &&
@@ -33985,7 +34060,11 @@ var GuideDisplay = (function () {
             return false;
         }
         step.lock();
-        return AsyncContent.fetchContent(step).then(function () {
+        // Prefer the step's own fetchContent so a plugin-defined step (e.g. HTML
+        // guides) can supply its content; for building-block steps it is
+        // AsyncContent.fetchContent anyway
+        var contentPromise = _.isFunction(step.fetchContent) ? step.fetchContent() : AsyncContent.fetchContent(step);
+        return contentPromise.then(function () {
             if (step.type !== 'whatsnew' && !step.isShown()) {
                 return false;
             }
@@ -37238,7 +37317,11 @@ var Branding = (function () {
             return;
         var guide = pendo.findGuideById(props.guide_id);
         var guideContainer = guide.steps[0].guideElement[0].lastElementChild;
-        var verticalAlignment = guideContainer.dataset.verticalAlignment;
+        var verticalAlignment = guideContainer && guideContainer.dataset.verticalAlignment;
+        // Only Visual Design Studio containers carry the alignment the badge is placed by;
+        // an HTML guide's container has none.
+        if (!verticalAlignment)
+            return;
         var isBottomAligned = verticalAlignment.indexOf('Bottom') > -1;
         var isSetWidth = guideContainer.style.width !== '';
         var link = document.createElement('a');
@@ -41172,7 +41255,7 @@ var buildLauncherItem = function (guide) {
     dom(guideContainer).attr('id', 'launcher-' + guide.id);
     var guideLink = document.createElement('a');
     guideLink.href = '#';
-    guideLink.innerHTML = guide.name;
+    guideLink.appendChild(document.createTextNode(guide.name));
     guideContainer.appendChild(guideLink);
     return guideContainer;
 };
@@ -41527,8 +41610,9 @@ var P1GuidePlugin = (function () {
     // Adds a close button to the guide
     function CloseButton(guide) {
         var step = this;
-        // We only want to have the agent add close buttons to legacy guides, not building block inserts
-        if (step.domJson || step.domJsonpUrl)
+        // We only want to have the agent add close buttons to legacy guides, not building block
+        // inserts or HTML guides (which have no domJson either)
+        if (step.domJson || step.domJsonpUrl || step.type === 'html')
             return step;
         step.after('render', function () {
             if (!step.guideElement || !step.guideElement.length)
@@ -41545,7 +41629,7 @@ var P1GuidePlugin = (function () {
     // Adds pendo credits to the guide unless disabled
     function Credits() {
         var step = this;
-        if (!step.hideCredits && !step.domJson && !step.domJsonpUrl && !isForm(step.guide)) {
+        if (!step.hideCredits && !step.domJson && !step.domJsonpUrl && step.type !== 'html' && !isForm(step.guide)) {
             step.after('render', function () {
                 _addCredits(step.guideElement[0]);
             });
@@ -41858,7 +41942,7 @@ function SegmentFlags() {
         const jwtOptions = pluginApi.agent.getJwtInfoCopy();
         let payload;
         try {
-            if (url.length > pluginApi.constants.URL_MAX_LENGTH || !globalPendo._.isEmpty(jwtOptions)) {
+            if (pluginApi.transmit.shouldLoadWithPost(url, jwtOptions)) {
                 delete queryString.jzb;
                 url = pluginApi.transmit.buildBaseDataUrl('segmentflag.json', globalPendo.apiKey, queryString);
                 payload = globalPendo._.extend({ events: jzb }, jwtOptions);
@@ -48091,7 +48175,7 @@ function serializeNodeWithId(n, options) {
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType.Element && serializedNode.tagName === "iframe" && !_isBlockedElement(n, blockClass, blockSelector)) {
     onceIframeLoaded(
       n,
       () => {
@@ -50241,11 +50325,15 @@ class IframeManager {
     __publicField(this, "pageHideListener");
     __publicField(this, "stylesheetManager");
     __publicField(this, "recordCrossOriginIframes");
+    __publicField(this, "blockClass");
+    __publicField(this, "blockSelector");
     this.mutationCb = options.mutationCb;
     this.wrappedEmit = options.wrappedEmit;
     this.takeFullSnapshot = options.takeFullSnapshot;
     this.stylesheetManager = options.stylesheetManager;
     this.recordCrossOriginIframes = options.recordCrossOriginIframes;
+    this.blockClass = options.blockClass;
+    this.blockSelector = options.blockSelector;
     this.crossOriginIframeStyleMirror = new CrossOriginIframeMirror(
       this.stylesheetManager.styleMirror.generateId.bind(
         this.stylesheetManager.styleMirror
@@ -50260,6 +50348,7 @@ class IframeManager {
     this.takeFullSnapshot = takeFullSnapshot2;
   }
   addIframe(iframeEl) {
+    if (isBlocked(iframeEl, this.blockClass, this.blockSelector, false)) return;
     this.iframes.set(iframeEl, true);
     if (iframeEl.contentWindow)
       this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
@@ -51384,6 +51473,8 @@ function record(options = {}) {
     mutationCb: wrappedMutationEmit,
     stylesheetManager,
     recordCrossOriginIframes,
+    blockClass,
+    blockSelector,
     wrappedEmit,
     takeFullSnapshot
   });