@pendo/agent 2.333.1 → 2.334.0

package/dist/pendo.module.js

@@ -3407,6 +3407,7 @@ var ConfigReader = (function () {
          * @type {boolean}
          */
         addOption('disableGuidePseudoStyles', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
+        addOption('disableImportantStyleAttributes', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
          * Content of badge and target element activated guides will be prefetched on load to improve guide display
          * time unless set to `true`.
@@ -4028,8 +4029,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.333.1_';
-let PACKAGE_VERSION = '2.333.1';
+let VERSION = '2.334.0_';
+let PACKAGE_VERSION = '2.334.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -10392,8 +10393,13 @@ var setStyles = function (element, style) {
             var importantIndex = value.indexOf('!important');
             if (importantIndex !== -1) {
                 try {
-                    var propertyValue = trim.call(propertyValue.substring(0, importantIndex));
-                    element.style.setProperty(key, propertyValue, 'important');
+                    var propertyValue = trim.call(value.substring(0, importantIndex));
+                    if (ConfigReader.get('disableImportantStyleAttributes')) {
+                        element.style.setProperty(key, propertyValue);
+                    }
+                    else {
+                        element.style.setProperty(key, propertyValue, 'important');
+                    }
                     return;
                 }
                 catch (e) { // Fallback for <=IE8
@@ -11781,12 +11787,12 @@ 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|oem|novus-api|novus)(\.(au|eu|gov|hsbc|jpn))?\.pendo\.io$/,
-        /^https:\/\/([0-9]{8}t[0-9]{4}-dot-)(pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-us1)\.appspot\.com$/,
-        /^https:\/\/hotfix-(ops|app)-([0-9]+-dot-)(pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-us1)\.appspot\.com$/,
-        /^https:\/\/(pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-us1)-static\.storage\.googleapis\.com$/,
+        /^https:\/\/(adopt\.)?((us1)\.)?(app|via|adopt|cdn|oem|novus-api|novus)(\.(au|eu|gov|hsbc|jpn|tv))?\.pendo\.io$/,
+        /^https:\/\/([0-9]{8}t[0-9]{4}-dot-)(pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-tv|pendo-us1)\.appspot\.com$/,
+        /^https:\/\/hotfix-(ops|app)-([0-9]+-dot-)(pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-tv|pendo-us1)\.appspot\.com$/,
+        /^https:\/\/(pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-tv|pendo-us1)-static\.storage\.googleapis\.com$/,
         /^https:\/\/([a-zA-Z0-9-]+\.)*pendo-dev\.com$/,
-        /^https:\/\/([a-zA-Z0-9-]+-dot-)?(pendo-apollo|pendo-armada|pendo-atlas|pendo-batman|pendo-calypso|pendo-dap|pendo-dev|pendo-dr-us-east1|pendo-eu-dev|pendo-freeze|pendo-helix|pendo-link|pendo-magic|pendo-mango|pendo-mcfly|pendo-ml|pendo-mobile-fbi|pendo-mobile-guides|pendo-mobile-hummus|pendo-mobile-plat|pendo-perfserf|pendo-voc|pendo-wildlings|pendo-ionchef|pendo-scrum-ops|pendo-security|pendo-test|pendo-uat|pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-us1)\.appspot\.com$/,
+        /^https:\/\/([a-zA-Z0-9-]+-dot-)?(pendo-apollo|pendo-armada|pendo-atlas|pendo-batman|pendo-calypso|pendo-dap|pendo-dev|pendo-dr-us-east1|pendo-eu-dev|pendo-freeze|pendo-helix|pendo-link|pendo-magic|pendo-mango|pendo-mcfly|pendo-ml|pendo-mobile-fbi|pendo-mobile-guides|pendo-mobile-hummus|pendo-mobile-plat|pendo-perfserf|pendo-voc|pendo-wildlings|pendo-ionchef|pendo-scrum-ops|pendo-security|pendo-test|pendo-uat|pendo-au|pendo-eu|pendo-govramp|pendo-hsbc|pendo-io|pendo-jp-prod|pendo-tv|pendo-us1)\.appspot\.com$/,
         /^https:\/\/(via|adopt|local)\.pendo\.(local|io):\d{4}$/,
         /^https:\/\/(pendo-apollo|pendo-armada|pendo-atlas|pendo-batman|pendo-calypso|pendo-dap|pendo-dev|pendo-dr-us-east1|pendo-eu-dev|pendo-freeze|pendo-helix|pendo-link|pendo-magic|pendo-mango|pendo-mcfly|pendo-ml|pendo-mobile-fbi|pendo-mobile-guides|pendo-mobile-hummus|pendo-mobile-plat|pendo-perfserf|pendo-voc|pendo-wildlings|pendo-ionchef|pendo-scrum-ops|pendo-security|pendo-test|pendo-uat)-static\.storage\.googleapis\.com$/
     ]; // eslint-disable-line web-sdk-eslint-rules/no-gulp-env-references
@@ -17949,6 +17955,7 @@ function buildNodeFromJSON(json, step, guides) {
     var id = json.props && json.props.id;
     // This builds the 4pc backdrop to allow block clicking for any guide without changing how the backdrop is saved
     if (id === 'pendo-backdrop') {
+        step.hasBackdrop = true;
         return buildBackdrop(step);
     }
     _.each(json.props, function (propValue, propKey) {
@@ -23234,6 +23241,20 @@ var autofocusStep = {
     script: autofocusRuntimeScript
 };
 
+function backdropInertRuntimeScript(step, guide, pendo) {
+    if (pendo.designer || !step.guideElement)
+        return;
+    if (step.hasBackdrop) {
+        const BuildingBlockGuides = pendo.BuildingBlocks.BuildingBlockGuides;
+        const excludeElements = getTargetAreaElementsForBlockOut(step);
+        const inertElements = BuildingBlockGuides.addInertOutsideGuide(step.guideElement[0], [], excludeElements);
+        step.hiddenElements = (step.hiddenElements || []).concat(inertElements);
+    }
+}
+var backdropInertStep = {
+    script: backdropInertRuntimeScript
+};
+
 function isTooltip({ _ }, step) {
     const tooltip = 'tooltip';
     return _.get(step, 'attributes.calculatedType') === tooltip ||
@@ -23391,6 +23412,7 @@ function registerPostrenderScripts(runtime) {
         advanceOnElement,
         announcementMarkSeen,
         autofocusStep,
+        backdropInertStep,
         repositionOnScroll,
         setFocusToActivationElement$1,
         videoLoadingAttribute
@@ -24647,7 +24669,8 @@ var loadGuides = function (apiKey, visitorId, page, callback) {
         visitorId,
         accountId: get_account_id(),
         url: page,
-        oldVisitorId: get_old_visitor_id()
+        oldVisitorId: get_old_visitor_id(),
+        timezoneOffset: (new Date()).getTimezoneOffset()
     };
     const reqId = _.uniqueId();
     loadGuides.reqId = reqId;
@@ -29560,6 +29583,7 @@ var BuildingBlockGuides = (function () {
         trapFocusStep,
         attachRCFocusHandlers,
         addAriaHiddenOutsideGuide,
+        addInertOutsideGuide,
         renderResourceCenterModule: BuildingBlockResourceCenter.renderResourceCenterModule,
         buildNodeFromJSON,
         attachImgLoadHandlers,
@@ -29627,6 +29651,7 @@ var BuildingBlockGuides = (function () {
         }
         var isAnnouncementModule = _.get(guide, 'attributes.resourceCenter.moduleId') === 'AnnouncementsModule';
         step.hasEscapeListener = false;
+        step.hasBackdrop = false;
         step.containerId = containerJSON && containerJSON.props && containerJSON.props.id;
         step.element = getElementForGuideStep(step, options.document);
         var modifiableJSON = unwrapFirefoxObject(json);
@@ -29929,7 +29954,7 @@ var BuildingBlockGuides = (function () {
     function trapFocusStep(step, guideContainer) {
         var guideContainerElement = guideContainer.find('#pendo-guide-container');
         var targetElement = _.get(step, 'attributes.blockOutUI.enabled') && getTargetElementForStep(step);
-        trapFocus(guideContainerElement, targetElement);
+        trapFocus(guideContainerElement, targetElement, step);
     }
     function getSelectedPollElementForFocus(focusableChildren, bumperElement) {
         let elementToFocus;
@@ -29942,41 +29967,71 @@ var BuildingBlockGuides = (function () {
         }
         return elementToFocus || bumperElement;
     }
+    function isTabbable(element) {
+        if (!isElementVisible(element))
+            return false;
+        if (element.tagName === 'IFRAME')
+            return true;
+        if (element.tabIndex >= 0 && !element.disabled)
+            return true;
+        var editable = element.getAttribute && element.getAttribute('contenteditable');
+        return editable != null && editable !== 'false';
+    }
     function collectTargetFocusables(targetElement) {
         if (!targetElement)
             return [];
-        var focusables = _.toArray(targetElement.querySelectorAll(FOCUSABLE_SELECTORS));
-        if (targetElement.matches(FOCUSABLE_SELECTORS)) {
-            focusables.unshift(targetElement);
-        }
+        var focusables = [];
+        var collect = function (node) {
+            if (node.nodeType === 1 && isTabbable(node)) {
+                focusables.push(node);
+            }
+            if (node.shadowRoot) {
+                _.each(node.shadowRoot.children, collect);
+            }
+            _.each(node.children, collect);
+        };
+        collect(targetElement);
         return focusables;
     }
-    function createTargetBumper(className) {
-        var bumper = document.createElement('div');
-        bumper.setAttribute('tabIndex', 0);
-        bumper.setAttribute('class', className);
-        bumper.setAttribute('aria-hidden', 'true');
-        bumper.style.cssText = 'position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important;outline:none !important;border:none !important;padding:0 !important;margin:0 !important;';
-        return bumper;
+    function getDeepActiveElement() {
+        var active = document.activeElement;
+        while (active && active.shadowRoot && active.shadowRoot.activeElement) {
+            active = active.shadowRoot.activeElement;
+        }
+        return active;
     }
-    function insertTargetBumpers(targetElement) {
-        if (!targetElement || !targetElement.parentNode)
-            return null;
-        var before = createTargetBumper('pendo-before-target-focus-bumper');
-        var after = createTargetBumper('pendo-after-target-focus-bumper');
-        targetElement.parentNode.insertBefore(before, targetElement);
-        targetElement.parentNode.insertBefore(after, targetElement.nextSibling);
-        return { before, after };
+    function isWithinComposedTree(root, element) {
+        if (!root || !element)
+            return false;
+        var node = element;
+        while (node) {
+            if (node.nodeType === 1 && root.contains(node))
+                return true;
+            var rootNode = dom.getRootNode(node);
+            node = rootNode && rootNode.host;
+        }
+        return false;
     }
-    function removeTargetBumpers(targetBumpers) {
-        if (!targetBumpers)
-            return;
-        _.each([targetBumpers.before, targetBumpers.after], function (bumper) {
-            if (bumper && bumper.parentNode)
-                bumper.parentNode.removeChild(bumper);
+    function isWithinAdditionalBlockOutAreas(element, step) {
+        var selectors = _.get(step, 'attributes.blockOutUI.additionalElements');
+        if (!_.isString(selectors) || !selectors.length)
+            return false;
+        return _.some(selectors.replace(/\s/g, '').split(','), function (selector) {
+            if (!selector)
+                return false;
+            var areas;
+            try {
+                areas = dom(selector);
+            }
+            catch (e) {
+                return false;
+            }
+            return _.some(areas, function (area) {
+                return isWithinComposedTree(area, element);
+            });
         });
     }
-    function trapFocus(guideContainerElement, targetElement) {
+    function trapFocus(guideContainerElement, targetElement, step) {
         var containerNode = guideContainerElement[0];
         if (!containerNode) {
             return;
@@ -30007,18 +30062,16 @@ var BuildingBlockGuides = (function () {
         var bumpers = insertTrapFocusBumpers(guideContainerElement);
         var startFocusBumper = bumpers[0];
         var endFocusBumper = bumpers[1];
-        var targetFocusables = collectTargetFocusables(targetElement);
-        var firstTargetFocusable = targetFocusables[0];
-        var lastTargetFocusable = targetFocusables[targetFocusables.length - 1];
-        // Insert bumpers as siblings of the target so we can catch focus crossings even when focus moves through a
-        // cross-origin iframe inside the target (our keydown listener can't see events inside the iframe, but it can
-        // see focus landing on a bumper in the parent document afterwards).
-        var targetBumpers = targetFocusables.length ? insertTargetBumpers(targetElement) : null;
-        var beforeTargetBumper = targetBumpers && targetBumpers.before;
-        var afterTargetBumper = targetBumpers && targetBumpers.after;
-        var targetRoot = targetElement && dom.getRootNode(targetElement);
-        var wrapForward = firstTargetFocusable || firstFocusableEl;
-        var wrapBackward = lastTargetFocusable || lastFocusableEl;
+        var isOutsideTrap = function (element) {
+            var guideRoot = step && step.guideElement && step.guideElement[0];
+            return !!element &&
+                element !== document.body &&
+                element !== document.documentElement &&
+                !containerNode.contains(element) &&
+                !(guideRoot && isWithinComposedTree(guideRoot, element)) &&
+                !isWithinComposedTree(targetElement, element) &&
+                !isWithinAdditionalBlockOutAreas(element, step);
+        };
         var trapFocusCallback = function (e) {
             if (!isTabEvent(e)) {
                 return;
@@ -30031,34 +30084,31 @@ var BuildingBlockGuides = (function () {
             const bodyActive = document.activeElement === document.body; // if the guide is in a shadow root but you click on the backdrop, the active element is the body of the main document
             const startBumperActive = activeElement === startFocusBumper;
             const endBumperActive = activeElement === endFocusBumper;
-            const targetActiveElement = targetRoot && targetRoot.activeElement;
-            const beforeTargetBumperActive = !!beforeTargetBumper && targetActiveElement === beforeTargetBumper;
-            const afterTargetBumperActive = !!afterTargetBumper && targetActiveElement === afterTargetBumper;
-            const onLastTargetFocusable = isKeydown && !!lastTargetFocusable && targetActiveElement === lastTargetFocusable;
-            const onFirstTargetFocusable = isKeydown && !!firstTargetFocusable && targetActiveElement === firstTargetFocusable;
+            const deepActive = getDeepActiveElement();
+            const targetFocusables = collectTargetFocusables(targetElement);
+            const activeTargetIndex = deepActive ? targetFocusables.indexOf(deepActive) : -1;
+            const onLastTargetFocusable = isKeydown && activeTargetIndex !== -1 &&
+                activeTargetIndex === targetFocusables.length - 1;
+            const onFirstTargetFocusable = isKeydown && activeTargetIndex === 0;
             let elementToFocus;
             if (isShiftPressed) {
                 if (onFirstTargetFocusable)
                     elementToFocus = lastFocusableEl;
-                else if (beforeTargetBumperActive)
-                    elementToFocus = lastFocusableEl;
-                else if (afterTargetBumperActive)
-                    elementToFocus = lastTargetFocusable;
-                else if (startBumperActive || containerActive || bodyActive)
-                    elementToFocus = wrapBackward;
+                else if (startBumperActive || containerActive || bodyActive) {
+                    elementToFocus = targetFocusables[targetFocusables.length - 1] || lastFocusableEl;
+                }
             }
             else {
                 if (onLastTargetFocusable)
                     elementToFocus = firstFocusableEl;
-                else if (afterTargetBumperActive)
-                    elementToFocus = firstFocusableEl;
-                else if (beforeTargetBumperActive)
-                    elementToFocus = firstTargetFocusable;
                 else if (endBumperActive)
-                    elementToFocus = wrapForward;
+                    elementToFocus = targetFocusables[0] || firstFocusableEl;
                 else if (containerActive || bodyActive)
                     elementToFocus = firstFocusableEl;
             }
+            if (!elementToFocus && targetFocusables.length && isOutsideTrap(deepActive)) {
+                elementToFocus = isShiftPressed ? lastFocusableEl : firstFocusableEl;
+            }
             if (elementToFocus) {
                 const resolved = getSelectedPollElementForFocus(focusableChildren, elementToFocus);
                 resolved.focus();
@@ -30068,13 +30118,23 @@ var BuildingBlockGuides = (function () {
                 e.preventDefault();
             }
         };
-        // attaching to both events helps some edge cases such as breakout by long-pressing the tab
+        var iframeExitCallback = function (e) {
+            var fromTargetIframe = e.relatedTarget && e.relatedTarget.tagName === 'IFRAME' &&
+                isWithinComposedTree(targetElement, e.relatedTarget);
+            if (!fromTargetIframe || !isOutsideTrap(e.target))
+                return;
+            var exitedForward = !!(e.relatedTarget.compareDocumentPosition(e.target) & Node.DOCUMENT_POSITION_FOLLOWING);
+            (exitedForward ? firstFocusableEl : lastFocusableEl).focus();
+        };
         attachEvent(document, 'keyup', trapFocusCallback);
         attachEvent(document, 'keydown', trapFocusCallback);
+        if (targetElement) {
+            attachEvent(document, 'focusin', iframeExitCallback);
+        }
         Events.one('unmounted', () => {
             detachEvent(document, 'keyup', trapFocusCallback);
             detachEvent(document, 'keydown', trapFocusCallback);
-            removeTargetBumpers(targetBumpers);
+            detachEvent(document, 'focusin', iframeExitCallback);
         });
     }
     // bumpers are divs with a tabindex to allow them to be focused, but which should immediately
@@ -30163,6 +30223,27 @@ var BuildingBlockGuides = (function () {
         }
         return hidden;
     }
+    function addInertOutsideGuide(elem, hidden = [], excludeElements = []) {
+        if (!elem || elem === getBody())
+            return hidden;
+        const supportsInert = isNaN(msie);
+        if (!supportsInert)
+            return hidden;
+        const siblings = getSiblings(elem);
+        _.each(siblings, (s) => {
+            const tagName = s.tagName.toLowerCase();
+            const alreadyDisabled = s.getAttribute('inert') === 'true';
+            const isExcluded = _.some(excludeElements, (excluded) => excluded && (s === excluded || s.contains(excluded)));
+            if (hidden.indexOf(s) === -1 && !alreadyDisabled && !isExcluded && tagName !== 'script' && tagName !== 'style') {
+                s.setAttribute('inert', 'true');
+                hidden.push(s);
+            }
+        });
+        if (elem.parentNode) {
+            addInertOutsideGuide(elem.parentNode, hidden, excludeElements);
+        }
+        return hidden;
+    }
     function buildStyleString(styleObject) {
         var styleString = '';
         _.each(styleObject, function (styleValue, styleKey) {
@@ -32965,10 +33046,11 @@ function GuideStep(guide) {
                 try {
                     if (el && typeof el.removeAttribute === 'function') {
                         el.removeAttribute('aria-hidden');
+                        el.removeAttribute('inert');
                     }
                 }
                 catch (e) {
-                    log.error('unable to remove aria-hidden from element', { error: e });
+                    log.error('unable to remove attribute from element', { error: e });
                 }
             });
             this.hiddenElements.length = 0;
@@ -36486,6 +36568,7 @@ var DOMActivation = (function () {
     }
 })();
 
+const REPOSITION_PHASE = 'embeddedGuidesReposition';
 const EmbeddedGuides = (function () {
     let pluginApi;
     let globalPendo;
@@ -36505,15 +36588,42 @@ const EmbeddedGuides = (function () {
         GuideStepFactory.behaviors.push(EmbeddedGuideStep);
         pluginApi.Events.on('deliverablesLoaded', initializeEmbeddedGuides);
         pluginApi.Events.on('eventCaptured', eventCaptured);
+        // APP-161235: embedded guides render as auto-display guides in the guide
+        // loop, and their dynamic-height content can shift the document position
+        // of elements that *other* guides' tooltips are anchored to (e.g. a badge
+        // below the embed). This phase is appended after the built-in loop phases
+        // (so it runs once the embed has rendered this pass) and re-anchors those
+        // tooltips to the settled layout, instead of leaving them detached until a
+        // later pass corrects them (visibly "floating" on a heavy loop).
+        pluginApi.GuideLoop.addUpdatePhase(repositionGuidesAfterEmbedLayout, REPOSITION_PHASE);
     }
     function teardown() {
         pluginApi.Events.off('deliverablesLoaded', initializeEmbeddedGuides);
         pluginApi.Events.off('eventCaptured', eventCaptured);
+        pluginApi.GuideLoop.removeUpdatePhase(REPOSITION_PHASE);
         const index = GuideStepFactory.behaviors.indexOf(EmbeddedGuideStep);
         if (index !== -1) {
             GuideStepFactory.behaviors.splice(index, 1);
         }
     }
+    function isShown(guide) {
+        return !!(guide && _.isFunction(guide.isShown) && guide.isShown());
+    }
+    function repositionGuidesAfterEmbedLayout() {
+        // Only run when one of our embedded guides is actually shown — the only
+        // condition under which the embed's layout can displace other tooltips.
+        if (!_.some(embeddedGuides, isShown))
+            return;
+        _.each(globalPendo.guides, function (guide) {
+            if (isEmbedded(guide) || !isShown(guide))
+                return;
+            _.each(guide.steps, function (step) {
+                if (_.isFunction(step.isShown) && step.isShown() && _.isFunction(step.checkPlacement)) {
+                    step.checkPlacement();
+                }
+            });
+        });
+    }
     function eventCaptured(event) {
         const capturedEvent = _.get(event, 'data.0');
         if (!capturedEvent || capturedEvent.type !== 'guideSeen')
@@ -41209,7 +41319,8 @@ const channels = [
         }]
 ];
 const WEB_ANALYTICS_STORAGE_KEY = 'utm';
-const CAPTURE_REFERRER_CONFIG_KEY = 'enableFullUtmReferrer';
+const ENABLE_FULL_REFERRER_CONFIG_KEY = 'enableFullUtmReferrer';
+const DISABLE_REFERRER_CONFIG_KEY = 'disableUtmReferrer';
 class WebAnalytics {
     constructor() {
         this.name = 'WebAnalytics';
@@ -41218,7 +41329,11 @@ class WebAnalytics {
         this.pendo = pendo;
         this.api = PluginAPI;
         const { ConfigReader } = PluginAPI;
-        ConfigReader.addOption(CAPTURE_REFERRER_CONFIG_KEY, [
+        ConfigReader.addOption(ENABLE_FULL_REFERRER_CONFIG_KEY, [
+            ConfigReader.sources.SNIPPET_SRC,
+            ConfigReader.sources.PENDO_CONFIG_SRC
+        ], false);
+        ConfigReader.addOption(DISABLE_REFERRER_CONFIG_KEY, [
             ConfigReader.sources.SNIPPET_SRC,
             ConfigReader.sources.PENDO_CONFIG_SRC
         ], false);
@@ -41266,14 +41381,16 @@ class WebAnalytics {
             content
         };
         utm.channel = this.calculateUtmChannel({ referrerValue, utm, gclid, fbclid });
-        if (referrer && this.api.ConfigReader.get(CAPTURE_REFERRER_CONFIG_KEY)) {
-            utm.referrer = referrer;
-        }
-        else if (referrerValue === 'self') {
-            utm.referrer = currentHost;
-        }
-        else if (referrerValue !== 'direct') {
-            utm.referrer = referrerValue;
+        if (!this.api.ConfigReader.get(DISABLE_REFERRER_CONFIG_KEY)) {
+            if (referrer && this.api.ConfigReader.get(ENABLE_FULL_REFERRER_CONFIG_KEY)) {
+                utm.referrer = referrer;
+            }
+            else if (referrerValue === 'self') {
+                utm.referrer = currentHost;
+            }
+            else if (referrerValue !== 'direct') {
+                utm.referrer = referrerValue;
+            }
         }
         return utm;
     }
@@ -41611,19 +41728,17 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-var substitutionRegex = '\\{(?:\\s?)([^.\\s]?visitor|account|parentAccount)\\.([^|\\s/]*)(?:\\s?\\|\\s?([^}]+|[\\/s]+))?(?:\\s?\\/\\s?){1}\\}';
-var skipStepString = '{skipStep:* *(auto|\\d+)\\/}';
-var goToMiddleString = '(?!0)(\\d+)';
-var goToString = "({goto-".concat(goToMiddleString, "\\/})");
-var containerSelector = '[id^="pendo-guide-container"]';
-function lookupGuideButtons(domJson, buttons) {
-    if (buttons === void 0) { buttons = []; }
+const substitutionRegex = '\\{(?:\\s?)([^.\\s]?visitor|account|parentAccount)\\.([^|\\s/]*)(?:\\s?\\|\\s?([^}]+|[\\/s]+))?(?:\\s?\\/\\s?){1}\\}';
+const skipStepString = '{skipStep:* *(auto|\\d+)\\/}';
+const goToMiddleString = '(?!0)(\\d+)';
+const goToString = `({goto-${goToMiddleString}\\/})`;
+const containerSelector = '[id^="pendo-guide-container"]';
+function lookupGuideButtons(domJson, buttons = []) {
     if (domJson.type === 'button' && domJson.actions) {
         buttons.push(domJson);
     }
     if (domJson.children) {
-        for (var _i = 0, _a = domJson.children; _i < _a.length; _i++) {
-            var child = _a[_i];
+        for (const child of domJson.children) {
             lookupGuideButtons(child, buttons);
         }
     }
@@ -41650,16 +41765,15 @@ function removeMarkdownSyntax(element, textToReplace, replacementText, pendo) {
     }
 }
 var guideMarkdownUtil = {
-    substitutionRegex: substitutionRegex,
-    skipStepString: skipStepString,
-    goToString: goToString,
-    containerSelector: containerSelector,
-    lookupGuideButtons: lookupGuideButtons,
-    removeMarkdownSyntax: removeMarkdownSyntax
+    substitutionRegex,
+    skipStepString,
+    goToString,
+    containerSelector,
+    lookupGuideButtons,
+    removeMarkdownSyntax
 };
 
-function getZoneSafeMethod(_, method, target) {
-    if (target === void 0) { target = window; }
+function getZoneSafeMethod(_, method, target = window) {
     var zoneSymbol = '__symbol__';
     /* global Zone */
     if (typeof Zone !== 'undefined' && _.isFunction(Zone[zoneSymbol])) {
@@ -41834,15 +41948,14 @@ function branchingGoToStep(event, step, guide, pendo) {
     event.cancel = true;
 }
 
-var DANGEROUS_URL_SCHEME = /^\s*(javascript|data|vbscript):/i;
-function encodeMetadataForUrl(value, urlBeforePlaceholder) {
-    if (urlBeforePlaceholder === void 0) { urlBeforePlaceholder = ''; }
-    var str = value === undefined || value === null ? '' : String(value);
-    var inUrlComponent = urlBeforePlaceholder.indexOf('?') !== -1 || urlBeforePlaceholder.indexOf('#') !== -1;
+const DANGEROUS_URL_SCHEME = /^\s*(javascript|data|vbscript):/i;
+function encodeMetadataForUrl(value, urlBeforePlaceholder = '') {
+    const str = value === undefined || value === null ? '' : String(value);
+    const inUrlComponent = urlBeforePlaceholder.indexOf('?') !== -1 || urlBeforePlaceholder.indexOf('#') !== -1;
     if (inUrlComponent) {
         return window.encodeURIComponent(str);
     }
-    var schemeAlreadySet = urlBeforePlaceholder.indexOf(':') !== -1;
+    const schemeAlreadySet = urlBeforePlaceholder.indexOf(':') !== -1;
     if (!schemeAlreadySet && DANGEROUS_URL_SCHEME.test(str)) {
         return '';
     }
@@ -49782,32 +49895,31 @@ var n;
 }(n || (n = {}));
   return record; }
 
-var SessionRecorderBuffer = /** @class */ (function () {
-    function SessionRecorderBuffer(interval, maxCount) {
-        if (maxCount === void 0) { maxCount = Infinity; }
+class SessionRecorderBuffer {
+    constructor(interval, maxCount = Infinity) {
         this.data = [];
         this.sequenceNumber = 0;
         this.interval = interval;
         this.maxCount = maxCount;
         this.doubledMaxCount = maxCount * 2;
     }
-    SessionRecorderBuffer.prototype.isEmpty = function () {
+    isEmpty() {
         return this.data.length === 0;
-    };
-    SessionRecorderBuffer.prototype.count = function () {
+    }
+    count() {
         return this.data.length;
-    };
-    SessionRecorderBuffer.prototype.clear = function () {
+    }
+    clear() {
         this.data.length = 0;
-    };
-    SessionRecorderBuffer.prototype.clearSequence = function () {
+    }
+    clearSequence() {
         this.sequenceNumber = 0;
-    };
-    SessionRecorderBuffer.prototype.push = function (event) {
+    }
+    push(event) {
         this.data.push(event);
         this.checkRateLimit();
-    };
-    SessionRecorderBuffer.prototype.pack = function (envelope, _) {
+    }
+    pack(envelope, _) {
         var eventsToSend = this.data.splice(0, this.maxCount);
         envelope.recordingPayload = eventsToSend;
         envelope.sequence = this.sequenceNumber;
@@ -49815,8 +49927,8 @@ var SessionRecorderBuffer = /** @class */ (function () {
         if (eventsToSend.length) {
             envelope.browserTime = eventsToSend[0].timestamp;
         }
-        envelope.recordingPayloadMetadata = _.map(eventsToSend, function (event) {
-            var metadata = _.pick(event, 'type', 'timestamp');
+        envelope.recordingPayloadMetadata = _.map(eventsToSend, event => {
+            const metadata = _.pick(event, 'type', 'timestamp');
             if (event.data) {
                 metadata.data = _.pick(event.data, 'source', 'type', 'x', 'y', 'id', 'height', 'width', 'href');
             }
@@ -49824,18 +49936,17 @@ var SessionRecorderBuffer = /** @class */ (function () {
         });
         this.sequenceNumber += eventsToSend.length;
         return envelope;
-    };
-    SessionRecorderBuffer.prototype.checkRateLimit = function () {
-        var length = this.data.length;
+    }
+    checkRateLimit() {
+        const length = this.data.length;
         if (length >= this.doubledMaxCount && length % this.maxCount === 0) {
-            var elapsed = this.data[length - 1].timestamp - this.data[length - this.doubledMaxCount].timestamp;
+            const elapsed = this.data[length - 1].timestamp - this.data[length - this.doubledMaxCount].timestamp;
             if (elapsed <= this.interval && this.onRateLimit) {
                 this.onRateLimit();
             }
         }
-    };
-    return SessionRecorderBuffer;
-}());
+    }
+}
 
 function __rest(s, e) {
     var t = {};
@@ -49859,52 +49970,24 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var RECORDING_CONFIG_WORKERURL$1 = 'recording.workerUrl';
-var MAX_SIZE = 2000000;
-var RESOURCE_CACHING$1 = 'resourceCaching';
-var Transport = /** @class */ (function () {
-    function Transport(WorkerClass, pendo, api) {
+const RECORDING_CONFIG_WORKERURL$1 = 'recording.workerUrl';
+const MAX_SIZE = 2000000;
+const RESOURCE_CACHING$1 = 'resourceCaching';
+class Transport {
+    constructor(WorkerClass, pendo, api) {
         this.WorkerClass = WorkerClass;
         this.pendo = pendo;
         this.api = api;
         this.maxSize = MAX_SIZE;
-        this.lockID = "worker-lock-".concat(this.pendo.randomString(16));
+        this.lockID = `worker-lock-${this.pendo.randomString(16)}`;
         this.isResourceCachingEnabled = this.api.ConfigReader.get(RESOURCE_CACHING$1);
     }
-    Transport.prototype.start = function (config) {
+    start(config) {
         if (config.disableWorker)
             return;
         if (!this.worker) {
@@ -49914,7 +49997,7 @@ var Transport = /** @class */ (function () {
                     this.worker = config.workerOverride;
                 }
                 else {
-                    var workerUrl = this.api.ConfigReader.get(RECORDING_CONFIG_WORKERURL$1);
+                    const workerUrl = this.api.ConfigReader.get(RECORDING_CONFIG_WORKERURL$1);
                     this.usesSelfHostedWorker = workerUrl != null;
                     this.worker = workerUrl ? new Worker(workerUrl) : new this.WorkerClass();
                 }
@@ -49928,35 +50011,34 @@ var Transport = /** @class */ (function () {
                 this.worker = null;
             }
         }
-    };
-    Transport.prototype.stop = function () {
+    }
+    stop() {
         if (this.worker) {
             this.worker.terminate();
             delete this.worker;
         }
-    };
-    Transport.prototype.send = function (envelope, isUnload, failureCount) {
-        if (failureCount === void 0) { failureCount = 0; }
-        var url = envelope.url;
-        var payload = envelope.payload;
+    }
+    send(envelope, isUnload, failureCount = 0) {
+        let { url } = envelope;
+        const { payload } = envelope;
         if (failureCount > 0) {
-            url = "".concat(url, "&rt=").concat(failureCount);
+            url = `${url}&rt=${failureCount}`;
         }
         if (this.worker && !isUnload && payload) {
-            var deferred_1 = {};
-            deferred_1.promise = new Promise$2(function (resolve, reject) {
-                deferred_1.resolve = resolve;
-                deferred_1.reject = reject;
+            const deferred = {};
+            deferred.promise = new Promise$2((resolve, reject) => {
+                deferred.resolve = resolve;
+                deferred.reject = reject;
             });
-            this.workerResponse = deferred_1;
-            this.worker.postMessage({ url: url, payload: payload, shouldCacheResources: this.isResourceCachingEnabled });
-            return deferred_1.promise;
+            this.workerResponse = deferred;
+            this.worker.postMessage({ url, payload, shouldCacheResources: this.isResourceCachingEnabled });
+            return deferred.promise;
         }
         else {
             if (!envelope.body) {
-                var strPayload = JSON.stringify(payload);
+                const strPayload = JSON.stringify(payload);
                 if (strPayload.length > this.maxSize) {
-                    var error = new Error('maximum recording payload size exceeded');
+                    const error = new Error('maximum recording payload size exceeded');
                     error.reason = 'HEAVY_EVENT';
                     error.context = {
                         size: strPayload.length,
@@ -49967,14 +50049,14 @@ var Transport = /** @class */ (function () {
                 envelope.body = this.pendo.compress(strPayload, 'binary');
                 delete envelope.payload;
             }
-            url = "".concat(url, "&ct=").concat(new Date().getTime());
+            url = `${url}&ct=${new Date().getTime()}`;
             return this.post(url, {
                 keepalive: isUnload,
                 body: envelope.body
             });
         }
-    };
-    Transport.prototype.post = function (url, options) {
+    }
+    post(url, options) {
         options.method = 'POST';
         if (options.keepalive && this.api.transmit.fetchKeepalive.supported()) {
             return this.api.transmit.fetchKeepalive(url, options);
@@ -49986,57 +50068,46 @@ var Transport = /** @class */ (function () {
         else {
             return this.pendo.ajax.post(url, options.body);
         }
-    };
-    Transport.prototype._onMessage = function (messageEvent) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(messageEvent.data && messageEvent.data.ready && navigator.locks)) return [3 /*break*/, 2];
-                        // When the lock is released, we can assume the worker was terminated or closed
-                        return [4 /*yield*/, navigator.locks.request(this.lockID, function () { })];
-                    case 1:
-                        // When the lock is released, we can assume the worker was terminated or closed
-                        _a.sent();
-                        this.onWorkerMessage({ type: 'workerDied' });
-                        _a.label = 2;
-                    case 2:
-                        // handle non-POST request responses from worker
-                        if (messageEvent.data && messageEvent.data.type) {
-                            this.onWorkerMessage(messageEvent.data);
-                            return [2 /*return*/];
-                        }
-                        // handle POST request response from worker
-                        if (messageEvent.data && messageEvent.data.error) {
-                            if ((messageEvent.data.status && messageEvent.data.status < 500) ||
-                                messageEvent.data.sequence == null) {
-                                this.api.log.critical('Failed to send recording data from web worker', { error: messageEvent.data.error });
-                            }
-                            if (this.workerResponse) {
-                                this.workerResponse.reject();
-                                this.workerResponse = null;
-                            }
-                        }
-                        if (this.workerResponse) {
-                            this.workerResponse.resolve();
-                            this.workerResponse = null;
-                        }
-                        return [2 /*return*/];
+    }
+    _onMessage(messageEvent) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (messageEvent.data && messageEvent.data.ready && navigator.locks) {
+                // When the lock is released, we can assume the worker was terminated or closed
+                yield navigator.locks.request(this.lockID, () => { });
+                this.onWorkerMessage({ type: 'workerDied' });
+            }
+            // handle non-POST request responses from worker
+            if (messageEvent.data && messageEvent.data.type) {
+                this.onWorkerMessage(messageEvent.data);
+                return;
+            }
+            // handle POST request response from worker
+            if (messageEvent.data && messageEvent.data.error) {
+                if ((messageEvent.data.status && messageEvent.data.status < 500) ||
+                    messageEvent.data.sequence == null) {
+                    this.api.log.critical('Failed to send recording data from web worker', { error: messageEvent.data.error });
                 }
-            });
+                if (this.workerResponse) {
+                    this.workerResponse.reject();
+                    this.workerResponse = null;
+                }
+            }
+            if (this.workerResponse) {
+                this.workerResponse.resolve();
+                this.workerResponse = null;
+            }
         });
-    };
-    Transport.prototype._onError = function () {
+    }
+    _onError() {
         if (this.onError) {
             this.onError();
         }
-    };
-    return Transport;
-}());
+    }
+}
 
-var ELEMENT_NODE = 1;
-var INPUT_MASK = '*'.repeat(10);
-var NUMBER_INPUT_MASK = '0'.repeat(10);
+const ELEMENT_NODE = 1;
+const INPUT_MASK = '*'.repeat(10);
+const NUMBER_INPUT_MASK = '0'.repeat(10);
 function isElementNode(node) {
     if (!node)
         return false;
@@ -50045,12 +50116,10 @@ function isElementNode(node) {
     return true;
 }
 function getParent(elem) {
-    var isElementShadowRoot = typeof window.ShadowRoot !== 'undefined' && elem instanceof window.ShadowRoot && elem.host;
+    const isElementShadowRoot = typeof window.ShadowRoot !== 'undefined' && elem instanceof window.ShadowRoot && elem.host;
     return isElementShadowRoot ? elem.host : elem.parentNode;
 }
-function distanceToMatch(node, selector, limit, distance) {
-    if (limit === void 0) { limit = Infinity; }
-    if (distance === void 0) { distance = 0; }
+function distanceToMatch(node, selector, limit = Infinity, distance = 0) {
     if (distance > limit)
         return -1;
     if (!node)
@@ -50064,15 +50133,15 @@ function distanceToMatch(node, selector, limit, distance) {
     return distanceToMatch(getParent(node), selector, limit, distance + 1);
 }
 function shouldMask(node, options) {
-    var maskAllText = options.maskAllText, maskTextSelector = options.maskTextSelector, unmaskTextSelector = options.unmaskTextSelector;
+    const { maskAllText, maskTextSelector, unmaskTextSelector } = options;
     try {
-        var el = isElementNode(node) ? node : node.parentElement;
+        const el = isElementNode(node) ? node : node.parentElement;
         if (el === null)
             return false;
         if ((el.tagName || '').toUpperCase() === 'STYLE')
             return false;
-        var maskDistance = -1;
-        var unmaskDistance = -1;
+        let maskDistance = -1;
+        let unmaskDistance = -1;
         if (maskAllText) {
             unmaskDistance = distanceToMatch(el, unmaskTextSelector);
             if (unmaskDistance < 0) {
@@ -50105,8 +50174,8 @@ function isNumberInput(element) {
 }
 function shouldMaskInput(element, maskInputOptions) {
     if (maskInputOptions && isElementNode(element)) {
-        var tagName = (element.tagName || '').toLowerCase();
-        var type = (element.type || '').toLowerCase();
+        const tagName = (element.tagName || '').toLowerCase();
+        const type = (element.type || '').toLowerCase();
         if (maskInputOptions[tagName] || maskInputOptions[type]) {
             return true;
         }
@@ -51745,12 +51814,12 @@ function createReplayPlugin() {
  * limit of number of keys in an object
  * if an object contains more keys than this limit, we would call its toString function directly
  */
-var NUM_OF_KEYS_LIMIT = 50;
+const NUM_OF_KEYS_LIMIT = 50;
 /**
  * limit number of depth in an object
  * if an object is too deep, toString process may cause browser OOM
  */
-var DEPTH_OF_LIMIT = 4;
+const DEPTH_OF_LIMIT = 4;
 /**
  * serialize an HTML element by creating a shallow clone of it with text content
  * and return the resulting outerHTML string (without the subtree)
@@ -51761,8 +51830,8 @@ function serializeHTML(node) {
     if (!node || node.nodeType !== node.ELEMENT_NODE) {
         return '';
     }
-    var nodeClone = node.cloneNode(false);
-    var textContent = node.textContent;
+    const nodeClone = node.cloneNode(false);
+    const { textContent } = node;
     if (textContent) {
         nodeClone.textContent = textContent;
     }
@@ -51776,7 +51845,7 @@ function isObject(obj) {
         return false;
     if (typeof obj !== 'object')
         return false;
-    var proto = Object.getPrototypeOf(obj);
+    const proto = Object.getPrototypeOf(obj);
     return proto === Object.prototype || proto === null;
 }
 /**
@@ -51785,11 +51854,11 @@ function isObject(obj) {
 function isObjTooDeep(obj, limit) {
     if (limit === 0)
         return true;
-    var keys = Object.keys(obj);
+    const keys = Object.keys(obj);
     if (keys.length === 0)
         return false;
-    return keys.some(function (key) {
-        var value = obj[key];
+    return keys.some(key => {
+        const value = obj[key];
         return isObject(value) && isObjTooDeep(value, limit - 1);
     });
 }
@@ -51805,7 +51874,7 @@ function shouldIgnore(_obj) {
         return false;
     }
     // out of keys limit
-    var keys = Object.keys(_obj);
+    const keys = Object.keys(_obj);
     if (keys.length > NUM_OF_KEYS_LIMIT) {
         return true;
     }
@@ -51837,7 +51906,7 @@ function stringify(arg) {
             return value.toString ? value.toString() : '[object Object]';
         }
         if (value instanceof ArrayBuffer)
-            return "ArrayBuffer { byteLength: ".concat(value.byteLength, " }");
+            return `ArrayBuffer { byteLength: ${value.byteLength} }`;
         if (value instanceof Error)
             return value.name + ': ' + value.message;
         if (value instanceof Node) {
@@ -51845,10 +51914,10 @@ function stringify(arg) {
         }
         // Handle events
         if (value instanceof Event) {
-            var eventResult = {};
+            const eventResult = {};
             // eslint-disable-next-line guard-for-in
-            for (var eventKey in value) {
-                var eventValue = value[eventKey];
+            for (const eventKey in value) {
+                const eventValue = value[eventKey];
                 eventResult[eventKey] = Array.isArray(eventValue) && eventValue[0] instanceof HTMLElement
                     ? serializeHTML(eventValue[0])
                     : eventValue;
@@ -51859,31 +51928,30 @@ function stringify(arg) {
     });
 }
 
-var StackFrame = /** @class */ (function () {
-    function StackFrame(obj) {
+class StackFrame {
+    constructor(obj) {
         this.fileName = obj.fileName || '';
         this.functionName = obj.functionName || '';
         this.lineNumber = obj.lineNumber;
         this.columnNumber = obj.columnNumber;
     }
-    StackFrame.prototype.toString = function () {
-        var _a = this, fileName = _a.fileName, functionName = _a.functionName, _b = _a.lineNumber, lineNumber = _b === void 0 ? '' : _b, _c = _a.columnNumber, columnNumber = _c === void 0 ? '' : _c;
+    toString() {
+        const { fileName, functionName, lineNumber = '', columnNumber = '' } = this;
         return functionName
-            ? "".concat(functionName, " (").concat(fileName, ":").concat(lineNumber, ":").concat(columnNumber, ")")
-            : "".concat(fileName, ":").concat(lineNumber, ":").concat(columnNumber);
-    };
-    return StackFrame;
-}());
-var FIREFOX_SAFARI_STACK_REGEXP = /(^|@)\S+:\d+/;
-var CHROME_EDGE_STACK_REGEXP = /^\s*at .*(\S+:\d+|\(native\))/m;
-var SAFARI_NATIVE_CODE_REGEXP = /^(eval@)?(\[native code])?$/;
-var LOCATION_REGEXP = /(.+?)(?::(\d+))?(?::(\d+))?$/;
-var DEFAULT_NUM_FRAMES_TO_SKIP = 5;
-var ErrorStackParser = {
+            ? `${functionName} (${fileName}:${lineNumber}:${columnNumber})`
+            : `${fileName}:${lineNumber}:${columnNumber}`;
+    }
+}
+const FIREFOX_SAFARI_STACK_REGEXP = /(^|@)\S+:\d+/;
+const CHROME_EDGE_STACK_REGEXP = /^\s*at .*(\S+:\d+|\(native\))/m;
+const SAFARI_NATIVE_CODE_REGEXP = /^(eval@)?(\[native code])?$/;
+const LOCATION_REGEXP = /(.+?)(?::(\d+))?(?::(\d+))?$/;
+const DEFAULT_NUM_FRAMES_TO_SKIP = 5;
+const ErrorStackParser = {
     /**
      * Given an Error object, extract the most information from it.
      */
-    parse: function (error, maxFramesToSave) {
+    parse(error, maxFramesToSave) {
         if (!(error === null || error === void 0 ? void 0 : error.stack))
             return [];
         // Chrome, Edge, Opera ≥15
@@ -51897,25 +51965,24 @@ var ErrorStackParser = {
         return [];
     },
     // Separate line and column numbers from a string of the form: (URI:Line:Column)
-    extractLocation: function (urlLike) {
+    extractLocation(urlLike) {
         // Fail-fast but return locations like "(native)"
         if (urlLike.indexOf(':') === -1) {
             return [urlLike];
         }
-        var parts = LOCATION_REGEXP.exec(urlLike.replace(/[()]/g, ''));
+        const parts = LOCATION_REGEXP.exec(urlLike.replace(/[()]/g, ''));
         if (!parts)
-            throw new Error("Cannot parse given url: ".concat(urlLike));
+            throw new Error(`Cannot parse given url: ${urlLike}`);
         return [parts[1], parts[2] || undefined, parts[3] || undefined];
     },
-    parseHelper: function (_a, error, maxFramesToSave, callback) {
-        var regex = _a.regex, includeMatchedLine = _a.includeMatchedLine;
-        var lines = error.stack.split('\n');
-        var frames = [];
-        var validFramesFound = 0;
-        for (var i = 0; i < lines.length; i++) {
-            var line = lines[i];
-            var lineMatchesRegex = regex.test(line);
-            var shouldSkipLine = (includeMatchedLine && !lineMatchesRegex) || // if line doesn't match regex and we want matched lines, skip it
+    parseHelper({ regex, includeMatchedLine }, error, maxFramesToSave, callback) {
+        const lines = error.stack.split('\n');
+        const frames = [];
+        let validFramesFound = 0;
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineMatchesRegex = regex.test(line);
+            const shouldSkipLine = (includeMatchedLine && !lineMatchesRegex) || // if line doesn't match regex and we want matched lines, skip it
                 (!includeMatchedLine && lineMatchesRegex); // if line does match regex but we don't want matched lines, skip it
             if (shouldSkipLine)
                 continue;
@@ -51930,12 +51997,11 @@ var ErrorStackParser = {
         }
         return frames;
     },
-    parseChromiumStack: function (error, maxFramesToSave) {
-        var _this = this;
-        return this.parseHelper({ regex: CHROME_EDGE_STACK_REGEXP, includeMatchedLine: true }, error, maxFramesToSave, function (line, frames) {
-            var sanitizedLine;
+    parseChromiumStack(error, maxFramesToSave) {
+        return this.parseHelper({ regex: CHROME_EDGE_STACK_REGEXP, includeMatchedLine: true }, error, maxFramesToSave, (line, frames) => {
+            let sanitizedLine;
             if (line.indexOf('(eval ') > -1) {
-                var processedLine = line
+                const processedLine = line
                     .replace(/eval code/g, 'eval')
                     .replace(/(\(eval at [^()]*)|(\),.*$)/g, '');
                 sanitizedLine = processedLine.replace(/^\s+/, '').replace(/\(eval code/g, '(');
@@ -51945,7 +52011,7 @@ var ErrorStackParser = {
             }
             // capture and preserve the parenthesized location "(/foo/my bar.js:12:87)"
             // in case it has spaces in it, as the string is split on \s+ later on
-            var location;
+            let location;
             if (sanitizedLine.indexOf('(') > -1 && sanitizedLine.indexOf('):') > -1) {
                 location = sanitizedLine.match(/ (\((.+):(\d+):(\d+)\)$)/);
             }
@@ -51953,23 +52019,22 @@ var ErrorStackParser = {
             sanitizedLine = location
                 ? sanitizedLine.replace(location[0], '')
                 : sanitizedLine;
-            var tokens = sanitizedLine.split(/\s+/).slice(1);
+            const tokens = sanitizedLine.split(/\s+/).slice(1);
             // if a location was matched, pass it to extractLocation() otherwise pop the last token
-            var locationParts = _this.extractLocation(location ? location[1] : tokens.pop() || '');
-            var functionName = tokens.join(' ') || undefined;
-            var fileName = (locationParts[0] === 'eval' || locationParts[0] === '<anonymous>') ? undefined : locationParts[0];
+            const locationParts = this.extractLocation(location ? location[1] : tokens.pop() || '');
+            const functionName = tokens.join(' ') || undefined;
+            const fileName = (locationParts[0] === 'eval' || locationParts[0] === '<anonymous>') ? undefined : locationParts[0];
             frames.push(new StackFrame({
-                functionName: functionName,
-                fileName: fileName,
+                functionName,
+                fileName,
                 lineNumber: locationParts[1],
                 columnNumber: locationParts[2]
             }));
         });
     },
-    parseFirefoxSafariStack: function (error, maxFramesToSave) {
-        var _this = this;
-        return this.parseHelper({ regex: SAFARI_NATIVE_CODE_REGEXP, includeMatchedLine: false }, error, maxFramesToSave, function (line, frames) {
-            var processedLine = line;
+    parseFirefoxSafariStack(error, maxFramesToSave) {
+        return this.parseHelper({ regex: SAFARI_NATIVE_CODE_REGEXP, includeMatchedLine: false }, error, maxFramesToSave, (line, frames) => {
+            let processedLine = line;
             // Throw away eval information until we implement stacktrace.js/stackframe#8
             if (processedLine.indexOf(' > eval') > -1) {
                 processedLine = processedLine.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g, ':$1');
@@ -51981,12 +52046,12 @@ var ErrorStackParser = {
                 }));
                 return;
             }
-            var functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
-            var matches = processedLine.match(functionNameRegex);
-            var functionName = matches && matches[1] ? matches[1] : undefined;
-            var locationParts = _this.extractLocation(processedLine.replace(functionNameRegex, ''));
+            const functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
+            const matches = processedLine.match(functionNameRegex);
+            const functionName = matches && matches[1] ? matches[1] : undefined;
+            const locationParts = this.extractLocation(processedLine.replace(functionNameRegex, ''));
             frames.push(new StackFrame({
-                functionName: functionName,
+                functionName,
                 fileName: locationParts[0],
                 lineNumber: locationParts[1],
                 columnNumber: locationParts[2]
@@ -55145,46 +55210,42 @@ var _ = /*@__PURE__*/getDefaultExportFromCjs(underscoreExports);
 
 var encodeURIComponent = _.isFunction(window.encodeURIComponent) ? window.encodeURIComponent : _.identity;
 
-var PREDICT_STEP_REGEX = /\$\$predict\$\$/;
-var DRAG_THRESHOLD = 5;
-var STYLE_ID = 'pendo-predict-plugin-styles';
-var GUIDE_BUTTON_IDENTIFIER = 'button:contains("token")';
-var pluginVersion = '1.0.1';
-var PREDICT_SANDBOX_PAGE = 'predict-sandbox.html';
-var getPredictBaseUrl = function (designerServer) { return designerServer.replace('app', 'predict'); };
-var EXTENSION_ORIGIN_REGEX = /^(chrome|moz|safari-web)-extension:\/\//;
+const PREDICT_STEP_REGEX = /\$\$predict\$\$/;
+const DRAG_THRESHOLD = 5;
+const STYLE_ID = 'pendo-predict-plugin-styles';
+const GUIDE_BUTTON_IDENTIFIER = 'button:contains("token")';
+const pluginVersion = '1.0.1';
+const PREDICT_SANDBOX_PAGE = 'predict-sandbox.html';
+const getPredictBaseUrl = (designerServer) => designerServer.replace('app', 'predict');
+const EXTENSION_ORIGIN_REGEX = /^(chrome|moz|safari-web)-extension:\/\//;
 /**
  * When running inside the Pendo Launcher extension, a host page's CSP `frame-src`
  * blocks embedding predict.pendo.io directly. The extension ships a web-accessible
  * `predict-sandbox.html` relay (exempt from the page CSP) that we frame instead, passing
  * the real predict URL via `?target=`. assetHost is the extension origin in that context.
  */
-var getFrameWrapperBase = function (pendo) {
+const getFrameWrapperBase = (pendo) => {
     var _a;
-    var assetHost = ((_a = pendo === null || pendo === void 0 ? void 0 : pendo.getConfigValue) === null || _a === void 0 ? void 0 : _a.call(pendo, 'assetHost')) || '';
+    const assetHost = ((_a = pendo === null || pendo === void 0 ? void 0 : pendo.getConfigValue) === null || _a === void 0 ? void 0 : _a.call(pendo, 'assetHost')) || '';
     return EXTENSION_ORIGIN_REGEX.test(assetHost) ? assetHost.replace(/\/$/, '') : '';
 };
 /**
  * Builds the iframe `src`. Outside the extension this is the raw predict URL; inside it,
  * the predict URL is passed as `?target=` to the extension's web-accessible relay page.
  */
-var buildFrameSrc = function (url, wrapperBase) {
-    return wrapperBase ? "".concat(wrapperBase, "/").concat(PREDICT_SANDBOX_PAGE, "?target=").concat(encodeURIComponent(url)) : url;
-};
+const buildFrameSrc = (url, wrapperBase) => wrapperBase ? `${wrapperBase}/${PREDICT_SANDBOX_PAGE}?target=${encodeURIComponent(url)}` : url;
 /**
  * Target origin for outbound postMessage. When wrapped, the relay frame is same-origin
  * with the extension (`wrapperBase`), so we address it explicitly rather than broadcasting
  * with '*' — keeping the auth token off any wildcard. Unwrapped, we post straight to predict.
  */
-var getFrameTargetOrigin = function (wrapperBase, predictBaseUrl) { return wrapperBase || predictBaseUrl; };
-var $ = function (id) { return document.getElementById(id); };
-var createElement = function (tag, attrs, parent) {
-    if (attrs === void 0) { attrs = {}; }
-    if (parent === void 0) { parent = null; }
-    var el = document.createElement(tag);
-    var entries = Object.entries(attrs);
-    for (var i = 0; i < entries.length; i++) {
-        var _a = entries[i], key = _a[0], value = _a[1];
+const getFrameTargetOrigin = (wrapperBase, predictBaseUrl) => wrapperBase || predictBaseUrl;
+const $ = (id) => document.getElementById(id);
+const createElement = (tag, attrs = {}, parent = null) => {
+    const el = document.createElement(tag);
+    const entries = Object.entries(attrs);
+    for (let i = 0; i < entries.length; i++) {
+        const [key, value] = entries[i];
         if (key === 'className')
             el.className = value;
         else if (key === 'innerHTML')
@@ -55196,28 +55257,70 @@ var createElement = function (tag, attrs, parent) {
         parent.appendChild(el);
     return el;
 };
-var injectStyles = function (pendoContainerId, log) {
-    if (log === void 0) { log = function () { }; }
-    var styleId = "".concat(STYLE_ID, "-").concat(pendoContainerId);
+const injectStyles = (pendoContainerId, log = () => { }) => {
+    const styleId = `${STYLE_ID}-${pendoContainerId}`;
     if ($(styleId)) {
-        log("[predict] style already exists, skipping: ".concat(styleId));
+        log(`[predict] style already exists, skipping: ${styleId}`);
         return;
     }
-    log("[predict] injecting styles: ".concat(styleId));
+    log(`[predict] injecting styles: ${styleId}`);
     createElement('style', {
         id: styleId,
-        textContent: "\n                #".concat(pendoContainerId, " {\n                display: none !important;\n                }\n                .frame-explanation {\n                aspect-ratio: 16/9; overflow: hidden; min-height: 300px;\n                width: 100vw; height: 100vh; background: transparent;\n                position: fixed; bottom: 0; right: 0; z-index: 1; border: none;\n                visibility: hidden; opacity: 0; pointer-events: none;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;\n                display: none;\n                }\n                .frame-explanation.is-visible {\n                z-index: 999999;\n                visibility: visible; opacity: 1; pointer-events: auto;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0s;\n                }\n                .frame-explanation.is-exists {\n                display: block !important;\n                }\n                .floating-modal-container {\n                position: fixed; top: 20px; right: 20px; z-index: 500000;\n                visibility: hidden; opacity: 0; pointer-events: none;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;\n                border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);\n                overflow: hidden; width: 384px; height: 176px;\n                }\n                .floating-modal-container.is-visible {\n                visibility: visible; opacity: 1; pointer-events: auto;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0s;\n                }\n                .floating-modal-container.is-dragging { will-change: left, top; }\n                .floating-modal-drag-handle {\n                position: absolute; left: 50%; transform: translateX(-50%);\n                top: 5px; width: calc(100% - 46px); min-width: 166px; height: 17px;\n                z-index: 9999; transition: left 0.2s ease, right 0.2s ease;\n                display: flex; justify-content: center; align-items: center;\n                }\n                .floating-modal-drag-handle svg g { fill: #A0A0A0; }\n                .floating-modal-drag-handle:hover { cursor: grab; }\n                .floating-modal-drag-handle:hover svg g { fill: #1f2937; }\n                .floating-modal-drag-handle.is-dragging { cursor: grabbing; }\n                .floating-modal-drag-handle.is-collapsed { top: 0px; }\n                .frame-floating-modal { width: 100%; height: 100%; background: white; border: none; display: block; }\n                ")
+        textContent: `
+                #${pendoContainerId} {
+                display: none !important;
+                }
+                .frame-explanation {
+                aspect-ratio: 16/9; overflow: hidden; min-height: 300px;
+                width: 100vw; height: 100vh; background: transparent;
+                position: fixed; bottom: 0; right: 0; z-index: 1; border: none;
+                visibility: hidden; opacity: 0; pointer-events: none;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;
+                display: none;
+                }
+                .frame-explanation.is-visible {
+                z-index: 999999;
+                visibility: visible; opacity: 1; pointer-events: auto;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0s;
+                }
+                .frame-explanation.is-exists {
+                display: block !important;
+                }
+                .floating-modal-container {
+                position: fixed; top: 20px; right: 20px; z-index: 500000;
+                visibility: hidden; opacity: 0; pointer-events: none;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;
+                border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
+                overflow: hidden; width: 384px; height: 176px;
+                }
+                .floating-modal-container.is-visible {
+                visibility: visible; opacity: 1; pointer-events: auto;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0s;
+                }
+                .floating-modal-container.is-dragging { will-change: left, top; }
+                .floating-modal-drag-handle {
+                position: absolute; left: 50%; transform: translateX(-50%);
+                top: 5px; width: calc(100% - 46px); min-width: 166px; height: 17px;
+                z-index: 9999; transition: left 0.2s ease, right 0.2s ease;
+                display: flex; justify-content: center; align-items: center;
+                }
+                .floating-modal-drag-handle svg g { fill: #A0A0A0; }
+                .floating-modal-drag-handle:hover { cursor: grab; }
+                .floating-modal-drag-handle:hover svg g { fill: #1f2937; }
+                .floating-modal-drag-handle.is-dragging { cursor: grabbing; }
+                .floating-modal-drag-handle.is-collapsed { top: 0px; }
+                .frame-floating-modal { width: 100%; height: 100%; background: white; border: none; display: block; }
+                `
     }, document.head);
 };
-var getRecordIdFromUrl = function (recordRegex, log) {
+const getRecordIdFromUrl = (recordRegex, log = () => { }) => {
     var _a;
-    if (log === void 0) { log = function () { }; }
-    var match = window.location.href.match(recordRegex);
-    var recordId = (_a = match === null || match === void 0 ? void 0 : match[1]) !== null && _a !== void 0 ? _a : null;
-    log("[predict] recordId found: ".concat(recordId));
+    const match = window.location.href.match(recordRegex);
+    const recordId = (_a = match === null || match === void 0 ? void 0 : match[1]) !== null && _a !== void 0 ? _a : null;
+    log(`[predict] recordId found: ${recordId}`);
     return recordId;
 };
-var safeStringify = function (value, fallback) {
+const safeStringify = (value, fallback) => {
     try {
         return JSON.stringify(value);
     }
@@ -55225,22 +55328,21 @@ var safeStringify = function (value, fallback) {
         return fallback !== null && fallback !== void 0 ? fallback : '';
     }
 };
-var safeParse = function (value, fallback, log) {
-    if (log === void 0) { log = function () { }; }
+const safeParse = (value, fallback, log = () => { }) => {
     try {
         return JSON.parse(value);
     }
     catch (error) {
-        log("[predict] JSON parse error: ".concat(error));
+        log(`[predict] JSON parse error: ${error}`);
         return fallback;
     }
 };
-var buildQueryParams = function (params) {
-    var urlParams = new URLSearchParams();
-    var entries = Object.entries(params);
+const buildQueryParams = (params) => {
+    const urlParams = new URLSearchParams();
+    const entries = Object.entries(params);
     urlParams.set('pluginVersion', pluginVersion);
-    for (var i = 0; i < entries.length; i++) {
-        var _a = entries[i], key = _a[0], value = _a[1];
+    for (let i = 0; i < entries.length; i++) {
+        const [key, value] = entries[i];
         if (value != null) {
             urlParams.set(key, typeof value === 'object' ? safeStringify(value) : String(value));
         }
@@ -55248,17 +55350,17 @@ var buildQueryParams = function (params) {
     return urlParams.toString();
 };
 // ----- Drag & Drop -----
-var setupDragAndDrop = function (handle, container, frameTargetOrigin) {
-    var isDragging = false;
-    var hasMoved = false;
-    var isCollapsed = false;
-    var startX = 0;
-    var startY = 0;
-    var initialLeft = 0;
-    var initialTop = 0;
-    var rafId = null;
-    var iframe = container.querySelector('iframe');
-    var onMouseDown = function (e) {
+const setupDragAndDrop = (handle, container, frameTargetOrigin) => {
+    let isDragging = false;
+    let hasMoved = false;
+    let isCollapsed = false;
+    let startX = 0;
+    let startY = 0;
+    let initialLeft = 0;
+    let initialTop = 0;
+    let rafId = null;
+    const iframe = container.querySelector('iframe');
+    const onMouseDown = (e) => {
         if (e.button !== 0)
             return;
         e.preventDefault();
@@ -55268,35 +55370,35 @@ var setupDragAndDrop = function (handle, container, frameTargetOrigin) {
         container.classList.add('is-dragging');
         if (iframe)
             iframe.style.pointerEvents = 'none';
-        var rect = container.getBoundingClientRect();
+        const rect = container.getBoundingClientRect();
         initialLeft = rect.left;
         initialTop = rect.top;
-        container.style.left = "".concat(initialLeft, "px");
+        container.style.left = `${initialLeft}px`;
         container.style.right = 'auto';
         startX = e.clientX;
         startY = e.clientY;
         document.addEventListener('mousemove', onMouseMove);
         document.addEventListener('mouseup', onMouseUp);
     };
-    var onMouseMove = function (e) {
+    const onMouseMove = (e) => {
         if (!isDragging)
             return;
-        var deltaX = e.clientX - startX;
-        var deltaY = e.clientY - startY;
+        const deltaX = e.clientX - startX;
+        const deltaY = e.clientY - startY;
         if (Math.abs(deltaX) > DRAG_THRESHOLD || Math.abs(deltaY) > DRAG_THRESHOLD) {
             hasMoved = true;
         }
         if (rafId)
             cancelAnimationFrame(rafId);
-        rafId = requestAnimationFrame(function () {
-            var rect = container.getBoundingClientRect();
-            var newLeft = Math.max(0, Math.min(initialLeft + deltaX, window.innerWidth - rect.width));
-            var newTop = Math.max(0, Math.min(initialTop + deltaY, window.innerHeight - rect.height));
-            container.style.left = "".concat(newLeft, "px");
-            container.style.top = "".concat(newTop, "px");
+        rafId = requestAnimationFrame(() => {
+            const rect = container.getBoundingClientRect();
+            const newLeft = Math.max(0, Math.min(initialLeft + deltaX, window.innerWidth - rect.width));
+            const newTop = Math.max(0, Math.min(initialTop + deltaY, window.innerHeight - rect.height));
+            container.style.left = `${newLeft}px`;
+            container.style.top = `${newTop}px`;
         });
     };
-    var onMouseUp = function (e) {
+    const onMouseUp = (e) => {
         var _a;
         if (!isDragging)
             return;
@@ -55314,12 +55416,12 @@ var setupDragAndDrop = function (handle, container, frameTargetOrigin) {
             (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'TRIGGER_EXPAND' }, frameTargetOrigin);
         }
     };
-    handle.setCollapsedState = function (collapsed) {
+    handle.setCollapsedState = (collapsed) => {
         isCollapsed = collapsed;
         handle.classList.toggle('is-collapsed', collapsed);
     };
     handle.addEventListener('mousedown', onMouseDown);
-    handle.cleanup = function () {
+    handle.cleanup = () => {
         handle.removeEventListener('mousedown', onMouseDown);
         document.removeEventListener('mousemove', onMouseMove);
         document.removeEventListener('mouseup', onMouseUp);
@@ -55329,13 +55431,12 @@ var setupDragAndDrop = function (handle, container, frameTargetOrigin) {
     return handle;
 };
 // ----- Explanation Iframe Creation -----
-var createExplanationIframe = function (_a) {
-    var _b;
-    var analysisId = _a.analysisId, recordId = _a.recordId, configuration = _a.configuration, predictBaseUrl = _a.predictBaseUrl, _c = _a.wrapperBase, wrapperBase = _c === void 0 ? '' : _c;
-    var frameId = "frameExplanation-".concat(analysisId);
-    (_b = $(frameId)) === null || _b === void 0 ? void 0 : _b.remove();
-    var base = "".concat(predictBaseUrl, "/external/analysis/").concat(analysisId, "/prediction/drilldown/").concat(recordId);
-    var params = buildQueryParams(configuration);
+const createExplanationIframe = ({ analysisId, recordId, configuration, predictBaseUrl, wrapperBase = '' }) => {
+    var _a;
+    const frameId = `frameExplanation-${analysisId}`;
+    (_a = $(frameId)) === null || _a === void 0 ? void 0 : _a.remove();
+    const base = `${predictBaseUrl}/external/analysis/${analysisId}/prediction/drilldown/${recordId}`;
+    const params = buildQueryParams(configuration);
     createElement('iframe', {
         id: frameId,
         className: 'frame-explanation',
@@ -55343,24 +55444,28 @@ var createExplanationIframe = function (_a) {
         loading: 'lazy',
         referrerPolicy: 'strict-origin-when-cross-origin',
         allowFullscreen: true,
-        src: buildFrameSrc("".concat(base, "?").concat(params), wrapperBase)
+        src: buildFrameSrc(`${base}?${params}`, wrapperBase)
     }, document.body);
 };
 // ----- Floating Modal Creation -----
-var createFloatingModal = function (_a) {
-    var _b;
-    var recordId = _a.recordId, configuration = _a.configuration, predictBaseUrl = _a.predictBaseUrl, _c = _a.wrapperBase, wrapperBase = _c === void 0 ? '' : _c;
-    var flatIds = (_b = configuration.analysisIds) === null || _b === void 0 ? void 0 : _b.flat(Infinity);
-    for (var i = 0; i < flatIds.length; i++) {
-        createExplanationIframe({ analysisId: flatIds[i], recordId: recordId, configuration: configuration, predictBaseUrl: predictBaseUrl, wrapperBase: wrapperBase });
-    }
-    var container = createElement('div', { id: 'floatingModalContainer', className: 'floating-modal-container' }, document.body);
-    var dragHandle = createElement('div', {
+const createFloatingModal = ({ recordId, configuration, predictBaseUrl, wrapperBase = '' }) => {
+    var _a;
+    const flatIds = (_a = configuration.analysisIds) === null || _a === void 0 ? void 0 : _a.flat(Infinity);
+    for (let i = 0; i < flatIds.length; i++) {
+        createExplanationIframe({ analysisId: flatIds[i], recordId, configuration, predictBaseUrl, wrapperBase });
+    }
+    const container = createElement('div', { id: 'floatingModalContainer', className: 'floating-modal-container' }, document.body);
+    const dragHandle = createElement('div', {
         className: 'floating-modal-drag-handle',
-        innerHTML: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g fill=\"#EBEBEB\">\n                  <circle cx=\"3.33\" cy=\"6\" r=\"1.5\"/><circle cx=\"8\" cy=\"6\" r=\"1.5\"/><circle cx=\"12.67\" cy=\"6\" r=\"1.5\"/>\n                  <circle cx=\"3.33\" cy=\"10\" r=\"1.5\"/><circle cx=\"8\" cy=\"10\" r=\"1.5\"/><circle cx=\"12.67\" cy=\"10\" r=\"1.5\"/>\n                </g>\n              </svg>"
+        innerHTML: `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                <g fill="#EBEBEB">
+                  <circle cx="3.33" cy="6" r="1.5"/><circle cx="8" cy="6" r="1.5"/><circle cx="12.67" cy="6" r="1.5"/>
+                  <circle cx="3.33" cy="10" r="1.5"/><circle cx="8" cy="10" r="1.5"/><circle cx="12.67" cy="10" r="1.5"/>
+                </g>
+              </svg>`
     }, container);
-    var baseUrl = "".concat(predictBaseUrl, "/external/analysis/prediction/summary/").concat(recordId);
-    var params = buildQueryParams(configuration);
+    const baseUrl = `${predictBaseUrl}/external/analysis/prediction/summary/${recordId}`;
+    const params = buildQueryParams(configuration);
     createElement('iframe', {
         id: 'frameFloatingModal',
         className: 'frame-floating-modal',
@@ -55368,133 +55473,130 @@ var createFloatingModal = function (_a) {
         referrerPolicy: 'strict-origin-when-cross-origin',
         allowFullscreen: true,
         title: 'Floating Modal',
-        src: buildFrameSrc("".concat(baseUrl, "?").concat(params), wrapperBase)
+        src: buildFrameSrc(`${baseUrl}?${params}`, wrapperBase)
     }, container);
-    var frameTargetOrigin = getFrameTargetOrigin(wrapperBase, predictBaseUrl);
+    const frameTargetOrigin = getFrameTargetOrigin(wrapperBase, predictBaseUrl);
     container.dragHandle = setupDragAndDrop(dragHandle, container, frameTargetOrigin);
-    return function () {
+    return () => {
         var _a, _b;
         (_b = (_a = container.dragHandle) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
         container.remove();
-        for (var i = 0; i < flatIds.length; i++) {
-            var frame = $("frameExplanation-".concat(flatIds[i]));
+        for (let i = 0; i < flatIds.length; i++) {
+            const frame = $(`frameExplanation-${flatIds[i]}`);
             if (frame)
                 frame.remove();
         }
     };
 };
-var setupMessageListener = function (_a) {
-    var token = _a.token, forceAccountId = _a.forceAccountId, cleanup = _a.cleanup, pendo = _a.pendo, predictBaseUrl = _a.predictBaseUrl, _b = _a.wrapperBase, wrapperBase = _b === void 0 ? '' : _b;
-    var frameTargetOrigin = getFrameTargetOrigin(wrapperBase, predictBaseUrl);
-    var isAllowedOrigin = function (origin) { return origin === predictBaseUrl || (!!wrapperBase && origin === wrapperBase); };
-    var messageHandler = function (_a) {
-        var _b;
-        var origin = _a.origin, data = _a.data;
+const setupMessageListener = ({ token, forceAccountId, cleanup, pendo, predictBaseUrl, wrapperBase = '' }) => {
+    const frameTargetOrigin = getFrameTargetOrigin(wrapperBase, predictBaseUrl);
+    const isAllowedOrigin = (origin) => origin === predictBaseUrl || (!!wrapperBase && origin === wrapperBase);
+    const messageHandler = ({ origin, data }) => {
+        var _a;
         if (!isAllowedOrigin(origin) || !data || typeof data !== 'object')
             return;
-        var _c = data, type = _c.type, analysisId = _c.analysisId, height = _c.height, width = _c.width;
-        var explanationFrame = $("frameExplanation-".concat(analysisId));
-        var floatingModal = $('floatingModalContainer');
-        var setFloatingModalSize = function () {
+        const { type, analysisId, height, width } = data;
+        const explanationFrame = $(`frameExplanation-${analysisId}`);
+        const floatingModal = $('floatingModalContainer');
+        const setFloatingModalSize = () => {
             if (floatingModal) {
-                floatingModal.style.height = "".concat(height, "px");
-                floatingModal.style.width = "".concat(width, "px");
+                floatingModal.style.height = `${height}px`;
+                floatingModal.style.width = `${width}px`;
             }
         };
-        var setFloatingModalCollapsedState = function (collapsed) {
+        const setFloatingModalCollapsedState = (collapsed) => {
             var _a, _b;
             if (floatingModal)
                 (_b = (_a = floatingModal.dragHandle) === null || _a === void 0 ? void 0 : _a.setCollapsedState) === null || _b === void 0 ? void 0 : _b.call(_a, collapsed);
         };
-        var actions = {
-            MODAL_INITIALIZED: function () {
+        const actions = {
+            MODAL_INITIALIZED: () => {
                 var _a, _b, _c;
-                var iframe = $('frameFloatingModal');
+                const iframe = $('frameFloatingModal');
                 if (iframe) {
-                    var idToken = null;
-                    var extensionAPIKeys = null;
-                    var retrieveIDPToken = pendo.getConfigValue('retrieveIDPToken');
+                    let idToken = null;
+                    let extensionAPIKeys = null;
+                    const retrieveIDPToken = pendo.getConfigValue('retrieveIDPToken');
                     if (pendo._.isFunction(retrieveIDPToken)) {
-                        var result = retrieveIDPToken();
+                        const result = retrieveIDPToken();
                         if (result) {
                             idToken = result.idToken;
                             extensionAPIKeys = result.extensionAPIKeys;
                         }
                     }
-                    var visitorId = (_a = pendo === null || pendo === void 0 ? void 0 : pendo.getVisitorId) === null || _a === void 0 ? void 0 : _a.call(pendo);
-                    var accountId = forceAccountId !== null && forceAccountId !== void 0 ? forceAccountId : (_b = pendo === null || pendo === void 0 ? void 0 : pendo.getAccountId) === null || _b === void 0 ? void 0 : _b.call(pendo);
-                    (_c = iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.postMessage({ type: 'TOKEN_RECEIVED', token: token, idToken: idToken, extensionAPIKeys: extensionAPIKeys, visitorId: visitorId, accountId: accountId }, frameTargetOrigin);
+                    const visitorId = (_a = pendo === null || pendo === void 0 ? void 0 : pendo.getVisitorId) === null || _a === void 0 ? void 0 : _a.call(pendo);
+                    const accountId = forceAccountId !== null && forceAccountId !== void 0 ? forceAccountId : (_b = pendo === null || pendo === void 0 ? void 0 : pendo.getAccountId) === null || _b === void 0 ? void 0 : _b.call(pendo);
+                    (_c = iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.postMessage({ type: 'TOKEN_RECEIVED', token, idToken, extensionAPIKeys, visitorId, accountId }, frameTargetOrigin);
                 }
             },
-            OPEN_EXPLANATION: function () {
+            OPEN_EXPLANATION: () => {
                 var _a;
                 explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.add('is-visible');
                 (_a = explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(data, frameTargetOrigin);
             },
-            CLOSE_EXPLANATION: function () { return explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible'); },
-            AUTH_ERROR_EXPLANATION: function () {
+            CLOSE_EXPLANATION: () => explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible'),
+            AUTH_ERROR_EXPLANATION: () => {
                 explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible');
-                var iframe = $('frameFloatingModal');
+                const iframe = $('frameFloatingModal');
                 // eslint-disable-next-line no-self-assign
                 if (iframe)
                     iframe.src = iframe.src;
             },
-            DATA_READY: function () {
+            DATA_READY: () => {
                 floatingModal === null || floatingModal === void 0 ? void 0 : floatingModal.classList.add('is-visible');
                 setFloatingModalSize();
                 // Use analysisIds from the message data if available, otherwise use all IDs
-                var idsToShow = data.analysisIds || [];
-                for (var i = 0; i < idsToShow.length; i++) {
-                    var frame = $("frameExplanation-".concat(idsToShow[i]));
+                const idsToShow = data.analysisIds || [];
+                for (let i = 0; i < idsToShow.length; i++) {
+                    const frame = $(`frameExplanation-${idsToShow[i]}`);
                     if (frame)
                         frame.classList.add('is-exists');
                 }
             },
-            AUTH_ERROR: function () {
+            AUTH_ERROR: () => {
                 floatingModal === null || floatingModal === void 0 ? void 0 : floatingModal.classList.add('is-visible');
                 setFloatingModalSize();
             },
             CLOSE_FLOATING_MODAL: cleanup,
-            EXPAND_FLOATING_MODAL: function () {
+            EXPAND_FLOATING_MODAL: () => {
                 setFloatingModalSize();
                 setFloatingModalCollapsedState(false);
             },
-            COLLAPSE_FLOATING_MODAL: function () {
+            COLLAPSE_FLOATING_MODAL: () => {
                 setFloatingModalSize();
                 setFloatingModalCollapsedState(true);
             }
         };
         if (type && type in actions) {
-            (_b = actions === null || actions === void 0 ? void 0 : actions[type]) === null || _b === void 0 ? void 0 : _b.call(actions);
+            (_a = actions === null || actions === void 0 ? void 0 : actions[type]) === null || _a === void 0 ? void 0 : _a.call(actions);
         }
     };
     window.addEventListener('message', messageHandler);
-    return function () { return window.removeEventListener('message', messageHandler); };
+    return () => window.removeEventListener('message', messageHandler);
 };
-var predictGuidesScript = function (_a) {
-    var _b;
-    var step = _a.step, pendo = _a.pendo, cleanupArray = _a.cleanupArray, cleanup = _a.cleanup, log = _a.log, designerServer = _a.designerServer;
+const predictGuidesScript = ({ step, pendo, cleanupArray, cleanup, log, designerServer }) => {
+    var _a;
     log('[predict] initializing');
     // Before anything else, inject styles so that the guide will be hidden
-    var pendoContainerId = step === null || step === void 0 ? void 0 : step.containerId;
+    const pendoContainerId = step === null || step === void 0 ? void 0 : step.containerId;
     injectStyles(pendoContainerId, log);
     if (cleanupArray.length > 0) {
         log('[predict] cleanupArray is not empty');
         return;
     }
     // ----- Extract Configuration -----
-    var guideButton = (_b = step.guideElement.find(GUIDE_BUTTON_IDENTIFIER)) === null || _b === void 0 ? void 0 : _b[0];
+    const guideButton = (_a = step.guideElement.find(GUIDE_BUTTON_IDENTIFIER)) === null || _a === void 0 ? void 0 : _a[0];
     if (!guideButton) {
         log('[predict] no guide button found, aborting');
         return;
     }
-    var _c = safeParse(guideButton.textContent, {}, log), token = _c.token, configuration = __rest(_c, ["token"]);
+    const _b = safeParse(guideButton.textContent, {}, log), { token } = _b, configuration = __rest(_b, ["token"]);
     if (!configuration || !token) {
         log('[predict] no configuration found, aborting');
         return;
     }
-    var recordRegex = new RegExp("/".concat(configuration.recordRegexName, "/([a-zA-Z0-9]+)(?:/|$)"));
-    var recordId = getRecordIdFromUrl(recordRegex, log);
+    const recordRegex = new RegExp(`/${configuration.recordRegexName}/([a-zA-Z0-9]+)(?:/|$)`);
+    const recordId = getRecordIdFromUrl(recordRegex, log);
     if (!recordId) {
         log('[predict] no recordId found in URL, aborting');
         return;
@@ -55503,11 +55605,11 @@ var predictGuidesScript = function (_a) {
         log('[predict] no designerServer found, aborting');
         return;
     }
-    var predictBaseUrl = getPredictBaseUrl(designerServer);
-    var wrapperBase = getFrameWrapperBase(pendo);
-    log("[predict] predictBaseUrl: ".concat(predictBaseUrl).concat(wrapperBase ? ", wrapping via ".concat(wrapperBase) : ''));
-    cleanupArray.push(setupMessageListener({ token: token, forceAccountId: configuration === null || configuration === void 0 ? void 0 : configuration.forceAccountId, cleanup: cleanup, pendo: pendo, predictBaseUrl: predictBaseUrl, wrapperBase: wrapperBase }));
-    cleanupArray.push(createFloatingModal({ recordId: recordId, configuration: configuration, predictBaseUrl: predictBaseUrl, wrapperBase: wrapperBase }));
+    const predictBaseUrl = getPredictBaseUrl(designerServer);
+    const wrapperBase = getFrameWrapperBase(pendo);
+    log(`[predict] predictBaseUrl: ${predictBaseUrl}${wrapperBase ? `, wrapping via ${wrapperBase}` : ''}`);
+    cleanupArray.push(setupMessageListener({ token, forceAccountId: configuration === null || configuration === void 0 ? void 0 : configuration.forceAccountId, cleanup, pendo, predictBaseUrl, wrapperBase }));
+    cleanupArray.push(createFloatingModal({ recordId, configuration, predictBaseUrl, wrapperBase }));
 };
 
 const PredictGuides = () => {