@pendo/agent 2.323.1 → 2.324.0

package/dist/pendo.module.js

@@ -3967,8 +3967,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.323.1_';
-let PACKAGE_VERSION = '2.323.1';
+let VERSION = '2.324.0_';
+let PACKAGE_VERSION = '2.324.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -12939,6 +12939,13 @@ function filterAnalyticsDisabled(silo, next) {
         return;
     next(silo);
 }
+function filterBrokenTimestamps(silo, next) {
+    if (!_.isNumber(silo.browser_time) || isNaN(silo.browser_time)) {
+        log.critical(new Error('Event missing browser_time'));
+        return;
+    }
+    next(silo);
+}
 function fireEventCaptured(silo, next) {
     var captureEvent = Events.eventCaptured.trigger(silo);
     if (captureEvent.cancel) {
@@ -13287,7 +13294,7 @@ class EventQueue {
 }
 function createEventQueue(options) {
     const processSilos = createSiloQueue(options);
-    const packageSilos = pipeline(filterNonGuideAnalytics(options.beacon), filterAnalyticsByType, eventSequence, siloReducer(options.cache), filterSiloCapacity({
+    const packageSilos = pipeline(filterBrokenTimestamps, filterNonGuideAnalytics(options.beacon), filterAnalyticsByType, eventSequence, siloReducer(options.cache), filterSiloCapacity({
         overhead: jwtSizeOverhead,
         lower: ConfigReader.get('sendEventsWithPostOnly') ? ENCODED_EVENT_MAX_POST_LENGTH : ENCODED_EVENT_MAX_LENGTH,
         upper: ENCODED_EVENT_MAX_POST_LENGTH,
@@ -18905,7 +18912,7 @@ var BuildingBlockResourceCenter = (function () {
         integrationIframe.css({ display: 'none' });
     }
     function getSupportedNativeIntegrations() {
-        return ['drift-native-chat', 'intercom-chat', 'zendesk-chat', 'zendesk-native-kb', 'zendesk-messaging'];
+        return ['drift-native-chat', 'intercom-chat', 'zendesk-chat', 'zendesk-native-kb', 'zendesk-messaging', 'visitorAssist'];
     }
     function isSupportedNativeIntegration(provider) {
         if (!provider)
@@ -18932,6 +18939,8 @@ var BuildingBlockResourceCenter = (function () {
                 return 'Intercom';
             case 'drift-native-chat':
                 return 'drift';
+            case 'visitorAssist':
+                return 'visitorAssist';
             default:
                 return null;
         }
@@ -19029,6 +19038,9 @@ var BuildingBlockResourceCenter = (function () {
                 break;
             case 'drift-native-chat':
                 configureDriftChatSettings();
+                break;
+            case 'visitorAssist':
+                configureVisitorAssistChatSettings();
         }
     }
     function webWidgetWrapper(provider, ...webWidgetArgs) {
@@ -19134,6 +19146,11 @@ var BuildingBlockResourceCenter = (function () {
             endNativeChatExperience();
         });
     }
+    function configureVisitorAssistChatSettings() {
+        window.visitorAssist.onClose(function () {
+            endNativeChatExperience();
+        });
+    }
     function flattenMetadata(metadata) {
         const flatMetadata = {};
         for (const key in metadata) {
@@ -19243,6 +19260,9 @@ var BuildingBlockResourceCenter = (function () {
                     });
                 }
                 break;
+            case 'visitorAssist':
+                window.visitorAssist.launch();
+                break;
         }
         // reset chat notification count
         updateNotificationBubbleCount(0, 'chat');
@@ -23828,32 +23848,11 @@ const captureStepRenderStatus = (step, eligible, reason) => {
     Events.stepEligibility.trigger({ stepId: id, guideId, eligible, reason });
     return eligible;
 };
-function isHtmlTooltipStep(step) {
-    if (_.get(step, 'attributes.buildingBlockLayoutType') !== 'tooltip')
-        return false;
-    return Boolean(_.get(step, 'attributes.htmlContent') || step.htmlContent || step.htmlContentUrl);
-}
-function getHtmlTooltipSelector(step) {
-    return step.elementPathRule || _.get(step, 'attributes.elementPathRule');
-}
 var canStepBeRendered = function (step) {
     const statusWriter = _.partial(captureStepRenderStatus, step);
     if (isDismissedUntilReload(step)) {
         return statusWriter(false, 'dismissed');
     }
-    // HTML guide tooltips don't set step.type === 'tooltip' (they keep the
-    // guide-level type, typically 'lightbox') and don't have step.domJson, so
-    // the standard tooltip detection below misses them. Without filtering here,
-    // an HTML tooltip with a missing or invisible anchor sails through eligibility
-    // and silently falls back to a lightbox layout at render time.
-    if (isHtmlTooltipStep(step)) {
-        var htmlSelector = getHtmlTooltipSelector(step);
-        var htmlAnchor = htmlSelector ? SizzleProxy(htmlSelector)[0] : null;
-        if (isElementVisible(htmlAnchor)) {
-            return statusWriter(true, 'target_element_html_tooltip');
-        }
-        return statusWriter(wouldBeVisibleAfterAutoScroll(htmlAnchor), 'target_element_html_tooltip_scroll');
-    }
     if (!step.elementPathRule && (step.type === 'lightbox' || step.type === 'whatsnew')) {
         return statusWriter(true, '');
     }
@@ -24759,7 +24758,7 @@ var getGuideEventCache = function () {
 };
 function createGuideEventQueue(options) {
     const processSilos = pipeline(filterAnalyticsDisabled, splitSiloOnFieldChange('visitor_id'), splitSiloOnFieldChange('props.source'), filterAccountIdsForSendQueue, compressSilo, errorLogger(), addSiloParams(options), addAccountIdParamIfAdoptPartner, addSourceParamIfPresent, convertSiloToObject);
-    const packageSilos = pipeline(fireEventCaptured, eventSequence, siloReducer(options.cache), _.noop // do not move to the silo queue until manual flush
+    const packageSilos = pipeline(filterBrokenTimestamps, fireEventCaptured, eventSequence, siloReducer(options.cache), _.noop // do not move to the silo queue until manual flush
     );
     return new EventQueue(_.extend({ processSilos, packageSilos }, options));
 }
@@ -28443,7 +28442,8 @@ const PluginAPI = {
     },
     guides: {
         GuideFactory,
-        GuideStepFactory
+        GuideStepFactory,
+        getElementForGuideStep
     },
     hosts: {
         SERVER
@@ -40846,17 +40846,19 @@ function TextCapture() {
     }
 }
 
-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 = []) {
+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 = []; }
     if (domJson.type === 'button' && domJson.actions) {
         buttons.push(domJson);
     }
     if (domJson.children) {
-        for (const child of domJson.children) {
+        for (var _i = 0, _a = domJson.children; _i < _a.length; _i++) {
+            var child = _a[_i];
             lookupGuideButtons(child, buttons);
         }
     }
@@ -40885,15 +40887,16 @@ function removeMarkdownSyntax(element, textToReplace, replacementText, pendo) {
     }
 }
 var guideMarkdownUtil = {
-    substitutionRegex,
-    skipStepString,
-    goToString,
-    containerSelector,
-    lookupGuideButtons,
-    removeMarkdownSyntax
+    substitutionRegex: substitutionRegex,
+    skipStepString: skipStepString,
+    goToString: goToString,
+    containerSelector: containerSelector,
+    lookupGuideButtons: lookupGuideButtons,
+    removeMarkdownSyntax: removeMarkdownSyntax
 };
 
-function getZoneSafeMethod(_, method, target = window) {
+function getZoneSafeMethod(_, method, target) {
+    if (target === void 0) { target = window; }
     var zoneSymbol = '__symbol__';
     /* global Zone */
     if (typeof Zone !== 'undefined' && _.isFunction(Zone[zoneSymbol])) {
@@ -48942,31 +48945,32 @@ var n;
 }(n || (n = {}));
   return record; }
 
-class SessionRecorderBuffer {
-    constructor(interval, maxCount = Infinity) {
+var SessionRecorderBuffer = /** @class */ (function () {
+    function SessionRecorderBuffer(interval, maxCount) {
+        if (maxCount === void 0) { maxCount = Infinity; }
         this.data = [];
         this.sequenceNumber = 0;
         this.interval = interval;
         this.maxCount = maxCount;
         this.doubledMaxCount = maxCount * 2;
     }
-    isEmpty() {
+    SessionRecorderBuffer.prototype.isEmpty = function () {
         return this.data.length === 0;
-    }
-    count() {
+    };
+    SessionRecorderBuffer.prototype.count = function () {
         return this.data.length;
-    }
-    clear() {
+    };
+    SessionRecorderBuffer.prototype.clear = function () {
         this.data.length = 0;
-    }
-    clearSequence() {
+    };
+    SessionRecorderBuffer.prototype.clearSequence = function () {
         this.sequenceNumber = 0;
-    }
-    push(event) {
+    };
+    SessionRecorderBuffer.prototype.push = function (event) {
         this.data.push(event);
         this.checkRateLimit();
-    }
-    pack(envelope, _) {
+    };
+    SessionRecorderBuffer.prototype.pack = function (envelope, _) {
         var eventsToSend = this.data.splice(0, this.maxCount);
         envelope.recordingPayload = eventsToSend;
         envelope.sequence = this.sequenceNumber;
@@ -48974,8 +48978,8 @@ class SessionRecorderBuffer {
         if (eventsToSend.length) {
             envelope.browserTime = eventsToSend[0].timestamp;
         }
-        envelope.recordingPayloadMetadata = _.map(eventsToSend, event => {
-            const metadata = _.pick(event, 'type', 'timestamp');
+        envelope.recordingPayloadMetadata = _.map(eventsToSend, function (event) {
+            var metadata = _.pick(event, 'type', 'timestamp');
             if (event.data) {
                 metadata.data = _.pick(event.data, 'source', 'type', 'x', 'y', 'id', 'height', 'width', 'href');
             }
@@ -48983,17 +48987,18 @@ class SessionRecorderBuffer {
         });
         this.sequenceNumber += eventsToSend.length;
         return envelope;
-    }
-    checkRateLimit() {
-        const length = this.data.length;
+    };
+    SessionRecorderBuffer.prototype.checkRateLimit = function () {
+        var length = this.data.length;
         if (length >= this.doubledMaxCount && length % this.maxCount === 0) {
-            const elapsed = this.data[length - 1].timestamp - this.data[length - this.doubledMaxCount].timestamp;
+            var 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 = {};
@@ -49017,24 +49022,52 @@ 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;
 };
 
-const RECORDING_CONFIG_WORKERURL$1 = 'recording.workerUrl';
-const MAX_SIZE = 2000000;
-const RESOURCE_CACHING$1 = 'resourceCaching';
-class Transport {
-    constructor(WorkerClass, pendo, api) {
+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) {
         this.WorkerClass = WorkerClass;
         this.pendo = pendo;
         this.api = api;
         this.maxSize = MAX_SIZE;
-        this.lockID = `worker-lock-${this.pendo.randomString(16)}`;
+        this.lockID = "worker-lock-".concat(this.pendo.randomString(16));
         this.isResourceCachingEnabled = this.api.ConfigReader.get(RESOURCE_CACHING$1);
     }
-    start(config) {
+    Transport.prototype.start = function (config) {
         if (config.disableWorker)
             return;
         if (!this.worker) {
@@ -49044,7 +49077,7 @@ class Transport {
                     this.worker = config.workerOverride;
                 }
                 else {
-                    const workerUrl = this.api.ConfigReader.get(RECORDING_CONFIG_WORKERURL$1);
+                    var workerUrl = this.api.ConfigReader.get(RECORDING_CONFIG_WORKERURL$1);
                     this.usesSelfHostedWorker = workerUrl != null;
                     this.worker = workerUrl ? new Worker(workerUrl) : new this.WorkerClass();
                 }
@@ -49058,34 +49091,35 @@ class Transport {
                 this.worker = null;
             }
         }
-    }
-    stop() {
+    };
+    Transport.prototype.stop = function () {
         if (this.worker) {
             this.worker.terminate();
             delete this.worker;
         }
-    }
-    send(envelope, isUnload, failureCount = 0) {
-        let { url } = envelope;
-        const { payload } = envelope;
+    };
+    Transport.prototype.send = function (envelope, isUnload, failureCount) {
+        if (failureCount === void 0) { failureCount = 0; }
+        var url = envelope.url;
+        var payload = envelope.payload;
         if (failureCount > 0) {
-            url = `${url}&rt=${failureCount}`;
+            url = "".concat(url, "&rt=").concat(failureCount);
         }
         if (this.worker && !isUnload && payload) {
-            const deferred = {};
-            deferred.promise = new Promise$2((resolve, reject) => {
-                deferred.resolve = resolve;
-                deferred.reject = reject;
+            var deferred_1 = {};
+            deferred_1.promise = new Promise$2(function (resolve, reject) {
+                deferred_1.resolve = resolve;
+                deferred_1.reject = reject;
             });
-            this.workerResponse = deferred;
-            this.worker.postMessage({ url, payload, shouldCacheResources: this.isResourceCachingEnabled });
-            return deferred.promise;
+            this.workerResponse = deferred_1;
+            this.worker.postMessage({ url: url, payload: payload, shouldCacheResources: this.isResourceCachingEnabled });
+            return deferred_1.promise;
         }
         else {
             if (!envelope.body) {
-                const strPayload = JSON.stringify(payload);
+                var strPayload = JSON.stringify(payload);
                 if (strPayload.length > this.maxSize) {
-                    const error = new Error('maximum recording payload size exceeded');
+                    var error = new Error('maximum recording payload size exceeded');
                     error.reason = 'HEAVY_EVENT';
                     error.context = {
                         size: strPayload.length,
@@ -49096,14 +49130,14 @@ class Transport {
                 envelope.body = this.pendo.compress(strPayload, 'binary');
                 delete envelope.payload;
             }
-            url = `${url}&ct=${new Date().getTime()}`;
+            url = "".concat(url, "&ct=").concat(new Date().getTime());
             return this.post(url, {
                 keepalive: isUnload,
                 body: envelope.body
             });
         }
-    }
-    post(url, options) {
+    };
+    Transport.prototype.post = function (url, options) {
         options.method = 'POST';
         if (options.keepalive && this.api.transmit.fetchKeepalive.supported()) {
             return this.api.transmit.fetchKeepalive(url, options);
@@ -49115,46 +49149,57 @@ class Transport {
         else {
             return this.pendo.ajax.post(url, options.body);
         }
-    }
-    _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;
+    };
+    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*/];
                 }
-            }
-            if (this.workerResponse) {
-                this.workerResponse.resolve();
-                this.workerResponse = null;
-            }
+            });
         });
-    }
-    _onError() {
+    };
+    Transport.prototype._onError = function () {
         if (this.onError) {
             this.onError();
         }
-    }
-}
+    };
+    return Transport;
+}());
 
-const ELEMENT_NODE = 1;
-const INPUT_MASK = '*'.repeat(10);
-const NUMBER_INPUT_MASK = '0'.repeat(10);
+var ELEMENT_NODE = 1;
+var INPUT_MASK = '*'.repeat(10);
+var NUMBER_INPUT_MASK = '0'.repeat(10);
 function isElementNode(node) {
     if (!node)
         return false;
@@ -49163,10 +49208,12 @@ function isElementNode(node) {
     return true;
 }
 function getParent(elem) {
-    const isElementShadowRoot = typeof window.ShadowRoot !== 'undefined' && elem instanceof window.ShadowRoot && elem.host;
+    var isElementShadowRoot = typeof window.ShadowRoot !== 'undefined' && elem instanceof window.ShadowRoot && elem.host;
     return isElementShadowRoot ? elem.host : elem.parentNode;
 }
-function distanceToMatch(node, selector, limit = Infinity, distance = 0) {
+function distanceToMatch(node, selector, limit, distance) {
+    if (limit === void 0) { limit = Infinity; }
+    if (distance === void 0) { distance = 0; }
     if (distance > limit)
         return -1;
     if (!node)
@@ -49180,13 +49227,13 @@ function distanceToMatch(node, selector, limit = Infinity, distance = 0) {
     return distanceToMatch(getParent(node), selector, limit, distance + 1);
 }
 function shouldMask(node, options) {
-    const { maskAllText, maskTextSelector, unmaskTextSelector } = options;
+    var maskAllText = options.maskAllText, maskTextSelector = options.maskTextSelector, unmaskTextSelector = options.unmaskTextSelector;
     try {
-        const el = isElementNode(node) ? node : node.parentElement;
+        var el = isElementNode(node) ? node : node.parentElement;
         if (el === null)
             return false;
-        let maskDistance = -1;
-        let unmaskDistance = -1;
+        var maskDistance = -1;
+        var unmaskDistance = -1;
         if (maskAllText) {
             unmaskDistance = distanceToMatch(el, unmaskTextSelector);
             if (unmaskDistance < 0) {
@@ -49219,8 +49266,8 @@ function isNumberInput(element) {
 }
 function shouldMaskInput(element, maskInputOptions) {
     if (maskInputOptions && isElementNode(element)) {
-        const tagName = (element.tagName || '').toLowerCase();
-        const type = (element.type || '').toLowerCase();
+        var tagName = (element.tagName || '').toLowerCase();
+        var type = (element.type || '').toLowerCase();
         if (maskInputOptions[tagName] || maskInputOptions[type]) {
             return true;
         }
@@ -49419,9 +49466,15 @@ class SessionRecorder {
             this.api.attachEvent(this.api.Events, 'eventCaptured', bind(this.addRecordingId, this)),
             this.api.attachEvent(this.api.Events, 'transmit:locked', bind(this.stop, this)),
             this.api.attachEvent(this.api.Events, 'transmit:unlocked', bind(this._start, this)),
-            this.api.attachEvent(this.api.frames.getChannel(), 'message', bind(this._frameMessage, this)),
             this.api.attachEvent(this.api.Events, 'tabIdChanged:self', bind(this.handleTabIdChange, this))
         ];
+        // APP-153357 Zone.js could bypass filterCrossWindowMessages (don't use attachEvent)
+        const channel = this.api.frames.getChannel();
+        const frameMessageHandler = bind(this._frameMessage, this);
+        channel.addEventListener('message', frameMessageHandler);
+        this.subscriptions.push(() => {
+            channel.removeEventListener('message', frameMessageHandler);
+        });
         if (this.api.store.getters['frames/isReady']()) {
             this.ready();
         }
@@ -50832,12 +50885,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
  */
-const NUM_OF_KEYS_LIMIT = 50;
+var NUM_OF_KEYS_LIMIT = 50;
 /**
  * limit number of depth in an object
  * if an object is too deep, toString process may cause browser OOM
  */
-const DEPTH_OF_LIMIT = 4;
+var 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)
@@ -50848,8 +50901,8 @@ function serializeHTML(node) {
     if (!node || node.nodeType !== node.ELEMENT_NODE) {
         return '';
     }
-    const nodeClone = node.cloneNode(false);
-    const { textContent } = node;
+    var nodeClone = node.cloneNode(false);
+    var textContent = node.textContent;
     if (textContent) {
         nodeClone.textContent = textContent;
     }
@@ -50863,7 +50916,7 @@ function isObject(obj) {
         return false;
     if (typeof obj !== 'object')
         return false;
-    const proto = Object.getPrototypeOf(obj);
+    var proto = Object.getPrototypeOf(obj);
     return proto === Object.prototype || proto === null;
 }
 /**
@@ -50872,11 +50925,11 @@ function isObject(obj) {
 function isObjTooDeep(obj, limit) {
     if (limit === 0)
         return true;
-    const keys = Object.keys(obj);
+    var keys = Object.keys(obj);
     if (keys.length === 0)
         return false;
-    return keys.some(key => {
-        const value = obj[key];
+    return keys.some(function (key) {
+        var value = obj[key];
         return isObject(value) && isObjTooDeep(value, limit - 1);
     });
 }
@@ -50892,7 +50945,7 @@ function shouldIgnore(_obj) {
         return false;
     }
     // out of keys limit
-    const keys = Object.keys(_obj);
+    var keys = Object.keys(_obj);
     if (keys.length > NUM_OF_KEYS_LIMIT) {
         return true;
     }
@@ -50924,7 +50977,7 @@ function stringify(arg) {
             return value.toString ? value.toString() : '[object Object]';
         }
         if (value instanceof ArrayBuffer)
-            return `ArrayBuffer { byteLength: ${value.byteLength} }`;
+            return "ArrayBuffer { byteLength: ".concat(value.byteLength, " }");
         if (value instanceof Error)
             return value.name + ': ' + value.message;
         if (value instanceof Node) {
@@ -50932,10 +50985,10 @@ function stringify(arg) {
         }
         // Handle events
         if (value instanceof Event) {
-            const eventResult = {};
+            var eventResult = {};
             // eslint-disable-next-line guard-for-in
-            for (const eventKey in value) {
-                const eventValue = value[eventKey];
+            for (var eventKey in value) {
+                var eventValue = value[eventKey];
                 eventResult[eventKey] = Array.isArray(eventValue) && eventValue[0] instanceof HTMLElement
                     ? serializeHTML(eventValue[0])
                     : eventValue;
@@ -50946,30 +50999,31 @@ function stringify(arg) {
     });
 }
 
-class StackFrame {
-    constructor(obj) {
+var StackFrame = /** @class */ (function () {
+    function StackFrame(obj) {
         this.fileName = obj.fileName || '';
         this.functionName = obj.functionName || '';
         this.lineNumber = obj.lineNumber;
         this.columnNumber = obj.columnNumber;
     }
-    toString() {
-        const { fileName, functionName, lineNumber = '', columnNumber = '' } = this;
+    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;
         return functionName
-            ? `${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 = {
+            ? "".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 = {
     /**
      * Given an Error object, extract the most information from it.
      */
-    parse(error, maxFramesToSave) {
+    parse: function (error, maxFramesToSave) {
         if (!(error === null || error === void 0 ? void 0 : error.stack))
             return [];
         // Chrome, Edge, Opera ≥15
@@ -50983,24 +51037,25 @@ const ErrorStackParser = {
         return [];
     },
     // Separate line and column numbers from a string of the form: (URI:Line:Column)
-    extractLocation(urlLike) {
+    extractLocation: function (urlLike) {
         // Fail-fast but return locations like "(native)"
         if (urlLike.indexOf(':') === -1) {
             return [urlLike];
         }
-        const parts = LOCATION_REGEXP.exec(urlLike.replace(/[()]/g, ''));
+        var parts = LOCATION_REGEXP.exec(urlLike.replace(/[()]/g, ''));
         if (!parts)
-            throw new Error(`Cannot parse given url: ${urlLike}`);
+            throw new Error("Cannot parse given url: ".concat(urlLike));
         return [parts[1], parts[2] || undefined, parts[3] || undefined];
     },
-    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
+    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
                 (!includeMatchedLine && lineMatchesRegex); // if line does match regex but we don't want matched lines, skip it
             if (shouldSkipLine)
                 continue;
@@ -51015,11 +51070,12 @@ const ErrorStackParser = {
         }
         return frames;
     },
-    parseChromiumStack(error, maxFramesToSave) {
-        return this.parseHelper({ regex: CHROME_EDGE_STACK_REGEXP, includeMatchedLine: true }, error, maxFramesToSave, (line, frames) => {
-            let sanitizedLine;
+    parseChromiumStack: function (error, maxFramesToSave) {
+        var _this = this;
+        return this.parseHelper({ regex: CHROME_EDGE_STACK_REGEXP, includeMatchedLine: true }, error, maxFramesToSave, function (line, frames) {
+            var sanitizedLine;
             if (line.indexOf('(eval ') > -1) {
-                const processedLine = line
+                var processedLine = line
                     .replace(/eval code/g, 'eval')
                     .replace(/(\(eval at [^()]*)|(\),.*$)/g, '');
                 sanitizedLine = processedLine.replace(/^\s+/, '').replace(/\(eval code/g, '(');
@@ -51029,7 +51085,7 @@ const 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
-            let location;
+            var location;
             if (sanitizedLine.indexOf('(') > -1 && sanitizedLine.indexOf('):') > -1) {
                 location = sanitizedLine.match(/ (\((.+):(\d+):(\d+)\)$)/);
             }
@@ -51037,22 +51093,23 @@ const ErrorStackParser = {
             sanitizedLine = location
                 ? sanitizedLine.replace(location[0], '')
                 : sanitizedLine;
-            const tokens = sanitizedLine.split(/\s+/).slice(1);
+            var tokens = sanitizedLine.split(/\s+/).slice(1);
             // if a location was matched, pass it to extractLocation() otherwise pop the last token
-            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];
+            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];
             frames.push(new StackFrame({
-                functionName,
-                fileName,
+                functionName: functionName,
+                fileName: fileName,
                 lineNumber: locationParts[1],
                 columnNumber: locationParts[2]
             }));
         });
     },
-    parseFirefoxSafariStack(error, maxFramesToSave) {
-        return this.parseHelper({ regex: SAFARI_NATIVE_CODE_REGEXP, includeMatchedLine: false }, error, maxFramesToSave, (line, frames) => {
-            let processedLine = line;
+    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;
             // 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');
@@ -51064,12 +51121,12 @@ const ErrorStackParser = {
                 }));
                 return;
             }
-            const functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
-            const matches = processedLine.match(functionNameRegex);
-            const functionName = matches && matches[1] ? matches[1] : undefined;
-            const locationParts = this.extractLocation(processedLine.replace(functionNameRegex, ''));
+            var functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
+            var matches = processedLine.match(functionNameRegex);
+            var functionName = matches && matches[1] ? matches[1] : undefined;
+            var locationParts = _this.extractLocation(processedLine.replace(functionNameRegex, ''));
             frames.push(new StackFrame({
-                functionName,
+                functionName: functionName,
                 fileName: locationParts[0],
                 lineNumber: locationParts[1],
                 columnNumber: locationParts[2]
@@ -52171,18 +52228,20 @@ function NetworkCapture() {
     }
 }
 
-const PREDICT_STEP_REGEX = /\$\$predict\$\$/;
-const DRAG_THRESHOLD = 5;
-const STYLE_ID = 'pendo-predict-plugin-styles';
-const PREDICT_BASE_URL = 'https://predict.pendo.io';
-const GUIDE_BUTTON_IDENTIFIER = 'button:contains("token")';
-const pluginVersion = '1.0.1';
-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];
+var PREDICT_STEP_REGEX = /\$\$predict\$\$/;
+var DRAG_THRESHOLD = 5;
+var STYLE_ID = 'pendo-predict-plugin-styles';
+var PREDICT_BASE_URL = 'https://predict.pendo.io';
+var GUIDE_BUTTON_IDENTIFIER = 'button:contains("token")';
+var pluginVersion = '1.0.1';
+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];
         if (key === 'className')
             el.className = value;
         else if (key === 'innerHTML')
@@ -52194,69 +52253,28 @@ const createElement = (tag, attrs = {}, parent = null) => {
         parent.appendChild(el);
     return el;
 };
-const injectStyles = (pendoContainerId, log = () => { }) => {
-    const styleId = `${STYLE_ID}-${pendoContainerId}`;
+var injectStyles = function (pendoContainerId, log) {
+    if (log === void 0) { log = function () { }; }
+    var styleId = "".concat(STYLE_ID, "-").concat(pendoContainerId);
     if ($(styleId)) {
-        log(`[predict] style already exists, skipping: ${styleId}`);
+        log("[predict] style already exists, skipping: ".concat(styleId));
         return;
     }
-    log(`[predict] injecting styles: ${styleId}`);
+    log("[predict] injecting styles: ".concat(styleId));
     createElement('style', {
         id: styleId,
-        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: 999999; 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 {
-                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; }
-                `
+        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: 999999; 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                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                ")
     }, document.head);
 };
-const getRecordIdFromUrl = (recordRegex, log = () => { }) => {
+var getRecordIdFromUrl = function (recordRegex, log) {
     var _a;
-    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}`);
+    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));
     return recordId;
 };
-const safeStringify = (value, fallback) => {
+var safeStringify = function (value, fallback) {
     try {
         return JSON.stringify(value);
     }
@@ -52264,21 +52282,22 @@ const safeStringify = (value, fallback) => {
         return fallback !== null && fallback !== void 0 ? fallback : '';
     }
 };
-const safeParse = (value, fallback, log = () => { }) => {
+var safeParse = function (value, fallback, log) {
+    if (log === void 0) { log = function () { }; }
     try {
         return JSON.parse(value);
     }
     catch (error) {
-        log(`[predict] JSON parse error: ${error}`);
+        log("[predict] JSON parse error: ".concat(error));
         return fallback;
     }
 };
-const buildQueryParams = (params) => {
-    const urlParams = new URLSearchParams();
-    const entries = Object.entries(params);
+var buildQueryParams = function (params) {
+    var urlParams = new URLSearchParams();
+    var entries = Object.entries(params);
     urlParams.set('pluginVersion', pluginVersion);
-    for (let i = 0; i < entries.length; i++) {
-        const [key, value] = entries[i];
+    for (var i = 0; i < entries.length; i++) {
+        var _a = entries[i], key = _a[0], value = _a[1];
         if (value != null) {
             urlParams.set(key, typeof value === 'object' ? safeStringify(value) : String(value));
         }
@@ -52286,17 +52305,17 @@ const buildQueryParams = (params) => {
     return urlParams.toString();
 };
 // ----- Drag & Drop -----
-const setupDragAndDrop = (handle, container) => {
-    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) => {
+var setupDragAndDrop = function (handle, container) {
+    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) {
         if (e.button !== 0)
             return;
         e.preventDefault();
@@ -52306,35 +52325,35 @@ const setupDragAndDrop = (handle, container) => {
         container.classList.add('is-dragging');
         if (iframe)
             iframe.style.pointerEvents = 'none';
-        const rect = container.getBoundingClientRect();
+        var rect = container.getBoundingClientRect();
         initialLeft = rect.left;
         initialTop = rect.top;
-        container.style.left = `${initialLeft}px`;
+        container.style.left = "".concat(initialLeft, "px");
         container.style.right = 'auto';
         startX = e.clientX;
         startY = e.clientY;
         document.addEventListener('mousemove', onMouseMove);
         document.addEventListener('mouseup', onMouseUp);
     };
-    const onMouseMove = (e) => {
+    var onMouseMove = function (e) {
         if (!isDragging)
             return;
-        const deltaX = e.clientX - startX;
-        const deltaY = e.clientY - startY;
+        var deltaX = e.clientX - startX;
+        var deltaY = e.clientY - startY;
         if (Math.abs(deltaX) > DRAG_THRESHOLD || Math.abs(deltaY) > DRAG_THRESHOLD) {
             hasMoved = true;
         }
         if (rafId)
             cancelAnimationFrame(rafId);
-        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`;
+        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");
         });
     };
-    const onMouseUp = (e) => {
+    var onMouseUp = function (e) {
         var _a;
         if (!isDragging)
             return;
@@ -52352,12 +52371,12 @@ const setupDragAndDrop = (handle, container) => {
             (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'TRIGGER_EXPAND' }, PREDICT_BASE_URL);
         }
     };
-    handle.setCollapsedState = (collapsed) => {
+    handle.setCollapsedState = function (collapsed) {
         isCollapsed = collapsed;
         handle.classList.toggle('is-collapsed', collapsed);
     };
     handle.addEventListener('mousedown', onMouseDown);
-    handle.cleanup = () => {
+    handle.cleanup = function () {
         handle.removeEventListener('mousedown', onMouseDown);
         document.removeEventListener('mousemove', onMouseMove);
         document.removeEventListener('mouseup', onMouseUp);
@@ -52367,12 +52386,13 @@ const setupDragAndDrop = (handle, container) => {
     return handle;
 };
 // ----- Explanation Iframe Creation -----
-const createExplanationIframe = ({ analysisId, recordId, configuration }) => {
-    var _a;
-    const frameId = `frameExplanation-${analysisId}`;
-    (_a = $(frameId)) === null || _a === void 0 ? void 0 : _a.remove();
-    const base = `${PREDICT_BASE_URL}/external/analysis/${analysisId}/prediction/drilldown/${recordId}`;
-    const params = buildQueryParams(configuration);
+var createExplanationIframe = function (_a) {
+    var _b;
+    var analysisId = _a.analysisId, recordId = _a.recordId, configuration = _a.configuration;
+    var frameId = "frameExplanation-".concat(analysisId);
+    (_b = $(frameId)) === null || _b === void 0 ? void 0 : _b.remove();
+    var base = "".concat(PREDICT_BASE_URL, "/external/analysis/").concat(analysisId, "/prediction/drilldown/").concat(recordId);
+    var params = buildQueryParams(configuration);
     createElement('iframe', {
         id: frameId,
         className: 'frame-explanation',
@@ -52380,28 +52400,24 @@ const createExplanationIframe = ({ analysisId, recordId, configuration }) => {
         loading: 'lazy',
         referrerPolicy: 'strict-origin-when-cross-origin',
         allowFullscreen: true,
-        src: `${base}?${params}`
+        src: "".concat(base, "?").concat(params)
     }, document.body);
 };
 // ----- Floating Modal Creation -----
-const createFloatingModal = ({ recordId, configuration }) => {
-    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 });
-    }
-    const container = createElement('div', { id: 'floatingModalContainer', className: 'floating-modal-container' }, document.body);
-    const dragHandle = createElement('div', {
+var createFloatingModal = function (_a) {
+    var _b;
+    var recordId = _a.recordId, configuration = _a.configuration;
+    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 });
+    }
+    var container = createElement('div', { id: 'floatingModalContainer', className: 'floating-modal-container' }, document.body);
+    var 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">
-                <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>`
+        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>"
     }, container);
-    const baseUrl = `${PREDICT_BASE_URL}/external/analysis/prediction/summary/${recordId}`;
-    const params = buildQueryParams(configuration);
+    var baseUrl = "".concat(PREDICT_BASE_URL, "/external/analysis/prediction/summary/").concat(recordId);
+    var params = buildQueryParams(configuration);
     createElement('iframe', {
         id: 'frameFloatingModal',
         className: 'frame-floating-modal',
@@ -52409,133 +52425,136 @@ const createFloatingModal = ({ recordId, configuration }) => {
         referrerPolicy: 'strict-origin-when-cross-origin',
         allowFullscreen: true,
         title: 'Floating Modal',
-        src: `${baseUrl}?${params}`
+        src: "".concat(baseUrl, "?").concat(params)
     }, container);
     container.dragHandle = setupDragAndDrop(dragHandle, container);
-    return () => {
+    return function () {
         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 (let i = 0; i < flatIds.length; i++) {
-            const frame = $(`frameExplanation-${flatIds[i]}`);
+        for (var i = 0; i < flatIds.length; i++) {
+            var frame = $("frameExplanation-".concat(flatIds[i]));
             if (frame)
                 frame.remove();
         }
     };
 };
-const setupMessageListener = ({ token, forceAccountId, cleanup, pendo }) => {
-    const messageHandler = ({ origin, data }) => {
-        var _a;
+var setupMessageListener = function (_a) {
+    var token = _a.token, forceAccountId = _a.forceAccountId, cleanup = _a.cleanup, pendo = _a.pendo;
+    var messageHandler = function (_a) {
+        var _b;
+        var origin = _a.origin, data = _a.data;
         if (origin !== PREDICT_BASE_URL || !data || typeof data !== 'object')
             return;
-        const { type, analysisId, height, width } = data;
-        const explanationFrame = $(`frameExplanation-${analysisId}`);
-        const floatingModal = $('floatingModalContainer');
-        const setFloatingModalSize = () => {
+        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 () {
             if (floatingModal) {
-                floatingModal.style.height = `${height}px`;
-                floatingModal.style.width = `${width}px`;
+                floatingModal.style.height = "".concat(height, "px");
+                floatingModal.style.width = "".concat(width, "px");
             }
         };
-        const setFloatingModalCollapsedState = (collapsed) => {
+        var setFloatingModalCollapsedState = function (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);
         };
-        const actions = {
-            MODAL_INITIALIZED: () => {
+        var actions = {
+            MODAL_INITIALIZED: function () {
                 var _a, _b, _c;
-                const iframe = $('frameFloatingModal');
+                var iframe = $('frameFloatingModal');
                 if (iframe) {
-                    let idToken = null;
-                    let extensionAPIKeys = null;
-                    const retrieveIDPToken = pendo.getConfigValue('retrieveIDPToken');
+                    var idToken = null;
+                    var extensionAPIKeys = null;
+                    var retrieveIDPToken = pendo.getConfigValue('retrieveIDPToken');
                     if (pendo._.isFunction(retrieveIDPToken)) {
-                        const result = retrieveIDPToken();
+                        var result = retrieveIDPToken();
                         if (result) {
                             idToken = result.idToken;
                             extensionAPIKeys = result.extensionAPIKeys;
                         }
                     }
-                    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 }, PREDICT_BASE_URL);
+                    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 }, PREDICT_BASE_URL);
                 }
             },
-            OPEN_EXPLANATION: () => {
+            OPEN_EXPLANATION: function () {
                 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, PREDICT_BASE_URL);
             },
-            CLOSE_EXPLANATION: () => explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible'),
-            AUTH_ERROR_EXPLANATION: () => {
+            CLOSE_EXPLANATION: function () { return explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible'); },
+            AUTH_ERROR_EXPLANATION: function () {
                 explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible');
-                const iframe = $('frameFloatingModal');
+                var iframe = $('frameFloatingModal');
                 // eslint-disable-next-line no-self-assign
                 if (iframe)
                     iframe.src = iframe.src;
             },
-            DATA_READY: () => {
+            DATA_READY: function () {
                 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
-                const idsToShow = data.analysisIds || [];
-                for (let i = 0; i < idsToShow.length; i++) {
-                    const frame = $(`frameExplanation-${idsToShow[i]}`);
+                var idsToShow = data.analysisIds || [];
+                for (var i = 0; i < idsToShow.length; i++) {
+                    var frame = $("frameExplanation-".concat(idsToShow[i]));
                     if (frame)
                         frame.classList.add('is-exists');
                 }
             },
-            AUTH_ERROR: () => {
+            AUTH_ERROR: function () {
                 floatingModal === null || floatingModal === void 0 ? void 0 : floatingModal.classList.add('is-visible');
                 setFloatingModalSize();
             },
             CLOSE_FLOATING_MODAL: cleanup,
-            EXPAND_FLOATING_MODAL: () => {
+            EXPAND_FLOATING_MODAL: function () {
                 setFloatingModalSize();
                 setFloatingModalCollapsedState(false);
             },
-            COLLAPSE_FLOATING_MODAL: () => {
+            COLLAPSE_FLOATING_MODAL: function () {
                 setFloatingModalSize();
                 setFloatingModalCollapsedState(true);
             }
         };
         if (type && type in actions) {
-            (_a = actions === null || actions === void 0 ? void 0 : actions[type]) === null || _a === void 0 ? void 0 : _a.call(actions);
+            (_b = actions === null || actions === void 0 ? void 0 : actions[type]) === null || _b === void 0 ? void 0 : _b.call(actions);
         }
     };
     window.addEventListener('message', messageHandler);
-    return () => window.removeEventListener('message', messageHandler);
+    return function () { return window.removeEventListener('message', messageHandler); };
 };
-const predictGuidesScript = ({ step, pendo, cleanupArray, cleanup, log }) => {
-    var _a;
+var predictGuidesScript = function (_a) {
+    var _b;
+    var step = _a.step, pendo = _a.pendo, cleanupArray = _a.cleanupArray, cleanup = _a.cleanup, log = _a.log;
     log('[predict] initializing');
     // Before anything else, inject styles so that the guide will be hidden
-    const pendoContainerId = step === null || step === void 0 ? void 0 : step.containerId;
+    var 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 -----
-    const guideButton = (_a = step.guideElement.find(GUIDE_BUTTON_IDENTIFIER)) === null || _a === void 0 ? void 0 : _a[0];
+    var guideButton = (_b = step.guideElement.find(GUIDE_BUTTON_IDENTIFIER)) === null || _b === void 0 ? void 0 : _b[0];
     if (!guideButton) {
         log('[predict] no guide button found, aborting');
         return;
     }
-    const _b = safeParse(guideButton.textContent, {}, log), { token } = _b, configuration = __rest(_b, ["token"]);
+    var _c = safeParse(guideButton.textContent, {}, log), token = _c.token, configuration = __rest(_c, ["token"]);
     if (!configuration || !token) {
         log('[predict] no configuration found, aborting');
         return;
     }
-    const recordRegex = new RegExp(`/${configuration.recordRegexName}/([a-zA-Z0-9]+)(?:/|$)`);
-    const recordId = getRecordIdFromUrl(recordRegex, log);
+    var recordRegex = new RegExp("/".concat(configuration.recordRegexName, "/([a-zA-Z0-9]+)(?:/|$)"));
+    var recordId = getRecordIdFromUrl(recordRegex, log);
     if (!recordId) {
         log('[predict] no recordId found in URL, aborting');
         return;
     }
-    cleanupArray.push(setupMessageListener({ token, forceAccountId: configuration === null || configuration === void 0 ? void 0 : configuration.forceAccountId, cleanup, pendo }));
-    cleanupArray.push(createFloatingModal({ recordId, configuration }));
+    cleanupArray.push(setupMessageListener({ token: token, forceAccountId: configuration === null || configuration === void 0 ? void 0 : configuration.forceAccountId, cleanup: cleanup, pendo: pendo }));
+    cleanupArray.push(createFloatingModal({ recordId: recordId, configuration: configuration }));
 };
 
 const PredictGuides = () => {