@pendo/agent 2.331.0 → 2.332.1

package/dist/pendo.module.js

@@ -648,7 +648,27 @@ function getPendoConfigValue(key) {
     return config[key];
 }
 
-var setTimeout = safeBind(window.setTimeout, window);
+// Resolve the global object without relying on a bare `window` identifier.
+// `window` is only a bound global in a normal browser realm; when the agent is
+// loaded via the npm `loadAsModule` path (or inside a Web Worker) the module is
+// evaluated in a realm where `window` is undeclared, so referencing it bare
+// throws a ReferenceError at module-load. `globalThis` resolves in every realm.
+function getGlobalScope() {
+    if (typeof globalThis !== 'undefined') {
+        return globalThis;
+    }
+    if (typeof self !== 'undefined') {
+        return self;
+    }
+    if (typeof window !== 'undefined') {
+        return window;
+    }
+    return {};
+}
+
+var globalScope = getGlobalScope();
+
+var setTimeout = safeBind(globalScope.setTimeout, globalScope);
 
 function safeBind(fn, scope) {
     if (typeof fn.bind === 'function') {
@@ -671,7 +691,7 @@ setTimeout = (function(global) {
     }
 
     return getZoneSafeMethod('setTimeout');
-})(window);
+})(globalScope);
 
 var setTimeout$1 = setTimeout;
 
@@ -3569,7 +3589,7 @@ var ConfigReader = (function () {
          * @default false
          * @type {boolean}
          */
-        addOption('preventCodeInjection', [PENDO_CONFIG_SRC, SNIPPET_SRC, GLOBAL_SRC], false);
+        addOption('preventCodeInjection', [PENDO_CONFIG_SRC, SNIPPET_SRC, GLOBAL_SRC], false, true);
         addOption('previewModeAssetPath');
         addOption('useAssetHostForDesigner', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('storage.allowKeys', [SNIPPET_SRC], '*');
@@ -3733,7 +3753,6 @@ var ConfigReader = (function () {
         });
         return results;
     }
-    /* eslint-disable no-console */
     return {
         audit,
         get(optionName, defaultValue) {
@@ -3774,7 +3793,6 @@ var ConfigReader = (function () {
             console.groupEnd();
         }
     };
-    /* eslint-enable no-console */
 })();
 
 const EXTENSION_INSTALL_TYPE = 'extension';
@@ -4010,8 +4028,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.331.0_';
-let PACKAGE_VERSION = '2.331.0';
+let VERSION = '2.332.1_';
+let PACKAGE_VERSION = '2.332.1';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -8962,7 +8980,6 @@ function dom(selection, context) {
         return selection;
     }
     if (!(self instanceof dom)) {
-        // eslint-disable-next-line new-cap
         return new dom(selection, context);
     }
     if (!selection) {
@@ -22432,7 +22449,7 @@ function OverPosition() {
             var badgeElem = this.element();
             var target = this.target();
             var elemPos = getOffsetPosition(target);
-            var badgeStyleString = 'position:absolute;top:' + elemPos.top + 'px;left:' + elemPos.left + 'px;';
+            var badgeStyleString = 'position:' + (elemPos.fixed ? 'fixed' : 'absolute') + ';top:' + elemPos.top + 'px;left:' + elemPos.left + 'px;';
             badgeStyleString += 'height:' + elemPos.height + 'px;width:' + elemPos.width + 'px;';
             badgeStyleString += 'background-color:transparent;';
             setStyle(badgeElem, badgeStyleString);
@@ -28536,7 +28553,8 @@ const PluginAPI = {
         getAssetHost,
         getAssetUrl,
         getDataHost,
-        SERVER
+        SERVER,
+        DESIGNER_SERVER
     },
     NodeSerializer,
     q,
@@ -29174,7 +29192,7 @@ function initialize(options) {
         if (_.isString(options)) { // treat as URL
             return ajax.get(options)
                 .then((response) => {
-                // eslint-disable-next-line no-global-assign, no-native-reassign
+                // eslint-disable-next-line no-global-assign
                 setPendoConfig(PendoConfig = response.data);
                 return initialize();
             });
@@ -32565,10 +32583,25 @@ var GuideDisplay = (function () {
         // Ensure RC has completely rendered before replacing RC content
         return showLocal(resourceCenter.steps[0], reason);
     }
+    function showWithDelay(step, reason, showFn) {
+        const delay = step.getGuide().displayDelayMs;
+        if (delay > 0 && (reason === 'auto' || reason === 'repeatGuide')) {
+            step.lock();
+            step._autoDisplayDelayTimer = setTimeout$1(function () {
+                step._autoDisplayDelayTimer = null;
+                step.unlock();
+                showFn();
+            }, delay);
+            return step.isShown();
+        }
+        showFn();
+        return step.isShown();
+    }
     function showLocal(step, reason) {
         if (AsyncContent.hasContent(step) && ContentValidation.valid(step)) {
-            step._show(reason);
-            return step.isShown();
+            return showWithDelay(step, reason, function () {
+                step._show(reason);
+            });
         }
         if (AsyncContent.hasContent(step) && ContentValidation.invalid(step)) {
             return false;
@@ -32592,8 +32625,9 @@ var GuideDisplay = (function () {
                 return false;
             }
             step.unlock();
-            step._show(reason);
-            return step.isShown();
+            return showWithDelay(step, reason, function () {
+                step._show(reason);
+            });
         });
     }
     function show(step, reason) {
@@ -32749,6 +32783,8 @@ function GuideStep(guide) {
         locked = true;
     };
     this.unlock = function () {
+        clearTimeout(this._autoDisplayDelayTimer);
+        this._autoDisplayDelayTimer = null;
         locked = false;
     };
     this.isTimedOut = function () {
@@ -34758,7 +34794,6 @@ var PreviewModule = (function () {
 
 const DebuggerModule = (() => {
     const state = {
-        isTop: undefined,
         isLeader: undefined,
         frameId: null,
         tabId: null,
@@ -34774,7 +34809,7 @@ const DebuggerModule = (() => {
     };
     const SYNC_TYPES = {
         TOP_DOWN: 'top-down',
-        BOTTOM_UP: 'bottom-up' // changes in a child frame update values in the frames map
+        BOTTOM_UP: 'bottom-up' // changes in another frame update values in the leader's frames map
     };
     const frameSyncFields = {
         debuggingEnabled: { type: SYNC_TYPES.TOP_DOWN, defaultValue: false },
@@ -34788,10 +34823,8 @@ const DebuggerModule = (() => {
             context.commit('setFrameId', EventTracer.getFrameId());
             context.commit('setTabId', EventTracer.getTabId());
             context.commit('setInstallType', getInstallType());
-            const isTop = isLeader() && window.top === window; // only a leader frame that is a top window can launch debugger
-            context.commit('setIsTop', isTop);
-            context.commit('isLeader', isLeader());
-            if (isTop) {
+            context.commit('setIsLeader', isLeader());
+            if (isLeader()) {
                 const debugging = getDebuggingStorage();
                 context.commit('debuggingEnabled', debugging.enabled === true);
                 if (debugging.enableEventLogging) {
@@ -34806,6 +34839,32 @@ const DebuggerModule = (() => {
             }
             _.each(buffer.events, (event) => store.dispatch('debugger/eventCaptured', event));
         },
+        updateLeader: (context) => {
+            const wasLeader = context.state.isLeader;
+            const nowLeader = isLeader();
+            context.commit('setIsLeader', nowLeader);
+            if (nowLeader && getDebuggingStorage().enabled) {
+                // A frame that just became the leader has no history of the other frames' synced
+                // state, so ask them to resend it. Gate on the persisted debug-enabled storage
+                // rather than context.state.debuggingEnabled: updateLeader runs before mount
+                // sets that flag on a newly promoted leader, so it would still be false here.
+                crossFrameChannel.postMessage({
+                    action: 'debugger/requestSync',
+                    frameId: context.state.frameId
+                });
+            }
+            else if (wasLeader && !nowLeader) {
+                // Was the leader, now a follower: bottom-up fields collected while we were the
+                // leader (e.g. a top frame that briefly led before forcedLeader promoted a child)
+                // were never synced out, so push them to the new leader now.
+                resendBottomUpFields(context.state);
+            }
+        },
+        requestSync: (context, data) => {
+            if (context.state.frameId === data.frameId)
+                return;
+            resendBottomUpFields(context.state);
+        },
         join: (context, data) => {
             if (context.state.frameId === data.frameId)
                 return;
@@ -34828,9 +34887,9 @@ const DebuggerModule = (() => {
                 if (!frameSyncFields[fieldName])
                     return;
                 const { type } = frameSyncFields[fieldName];
-                if (type === SYNC_TYPES.TOP_DOWN && context.state.isTop)
+                if (type === SYNC_TYPES.TOP_DOWN && context.state.isLeader)
                     return;
-                if (type === SYNC_TYPES.BOTTOM_UP && !context.state.isTop)
+                if (type === SYNC_TYPES.BOTTOM_UP && !context.state.isLeader)
                     return;
                 // To handle capturing the state change and recording it
                 context.commit(`_sync_${fieldName}`, { value, frameId });
@@ -34842,7 +34901,7 @@ const DebuggerModule = (() => {
         eventCaptured: (context, data) => {
             if (pendo$1.designerEnabled || isInPreviewMode() || isInDesignerPreviewMode())
                 return;
-            if (!context.state.isTop) {
+            if (!context.state.isLeader) {
                 crossFrameChannel.postMessage({
                     action: 'debugger/receiveEventCaptured',
                     frameId: context.state.frameId,
@@ -34854,7 +34913,7 @@ const DebuggerModule = (() => {
             }
         },
         receiveEventCaptured: (context, data) => {
-            if (!context.state.isTop)
+            if (!context.state.isLeader)
                 return;
             context.commit('eventsCaptured', data.event);
         },
@@ -34862,7 +34921,7 @@ const DebuggerModule = (() => {
             context.commit('eventsCaptured', []);
         },
         onCspError: (context, data) => {
-            if (!context.state.isTop) {
+            if (!context.state.isLeader) {
                 crossFrameChannel.postMessage({
                     action: 'debugger/recieveCspError',
                     frameId: context.state.frameId,
@@ -34874,7 +34933,7 @@ const DebuggerModule = (() => {
             }
         },
         recieveCspError: (context, message) => {
-            if (!context.state.isTop)
+            if (!context.state.isLeader)
                 return;
             context.commit('cspError', message.data);
         },
@@ -34924,10 +34983,7 @@ const DebuggerModule = (() => {
         setTabId(state, tabId) {
             state.tabId = tabId;
         },
-        setIsTop(state, isTop) {
-            state.isTop = isTop;
-        },
-        isLeader(state, isLeader) {
+        setIsLeader(state, isLeader) {
             state.isLeader = isLeader;
         },
         setInstallType(state, installType) {
@@ -34950,7 +35006,7 @@ const DebuggerModule = (() => {
         },
         debuggingEnabled(state, enabled) {
             state.debuggingEnabled = enabled;
-            onDebuggingEnabledChange(enabled, state.isTop);
+            onDebuggingEnabledChange(enabled, state.isLeader);
         },
         excludedGuides(state, excludedGuides) {
             state.excludedGuides = excludedGuides;
@@ -35001,6 +35057,17 @@ const DebuggerModule = (() => {
     function eventCapturedFn(evt) {
         store.dispatch('debugger/eventCaptured', evt.data[0]);
     }
+    function resendBottomUpFields(state) {
+        _.each(frameSyncFields, ({ type }, fieldName) => {
+            if (type !== SYNC_TYPES.BOTTOM_UP)
+                return;
+            crossFrameChannel.postMessage({
+                action: 'debugger/sync',
+                frameId: state.frameId,
+                fields: { [fieldName]: state[fieldName] }
+            });
+        });
+    }
     function identityFn(event) {
         store.commit('debugger/identity', {
             visitorId: _.get(event, 'data.0.visitor_id') || pendo$1.get_visitor_id(),
@@ -35019,7 +35086,7 @@ const DebuggerModule = (() => {
     }
     const guideLoopRunning = _.partial(toggleGuideLoopRunning, true);
     const guideLoopStopped = _.partial(toggleGuideLoopRunning, false);
-    function onDebuggingEnabledChange(enabled, isTop) {
+    function onDebuggingEnabledChange(enabled, isLeader) {
         if (state.debuggingEnabled === enabled)
             return;
         if (enabled) {
@@ -35031,7 +35098,7 @@ const DebuggerModule = (() => {
             Events.on('eventCaptured', eventCapturedFn);
             Events.on('identify', identityFn);
             Events.on('urlChanged', locationFn);
-            if (isTop) {
+            if (isLeader) {
                 guidesLoadedFn();
                 Events.on('guidesLoaded', guidesLoadedFn);
             }
@@ -35043,7 +35110,7 @@ const DebuggerModule = (() => {
             Events.off('eventCaptured', eventCapturedFn);
             Events.off('identify', identityFn);
             Events.off('urlChanged', locationFn);
-            if (isTop) {
+            if (isLeader) {
                 Events.off('guidesLoaded', guidesLoadedFn);
             }
         }
@@ -35056,12 +35123,12 @@ const DebuggerModule = (() => {
             // and wrapping it to provide standard logic around edge cases.
             let setter = mutations[fieldName] || ((state, value) => { state[fieldName] = value; });
             mutations[fieldName] = _.wrap(setter, (mutFn, state, value) => {
-                // don't save fields to children that are meant to be set via top down
-                if (!state.isTop && type === SYNC_TYPES.TOP_DOWN)
+                // don't save top-down fields locally unless we're the leader (source of them)
+                if (!state.isLeader && type === SYNC_TYPES.TOP_DOWN)
                     return;
                 mutFn(state, value);
-                // don't bother syncing fields from TOP if they are bottom up
-                if (state.isTop && type === SYNC_TYPES.BOTTOM_UP)
+                // the leader doesn't sync bottom-up fields outward (it's the collector)
+                if (state.isLeader && type === SYNC_TYPES.BOTTOM_UP)
                     return;
                 crossFrameChannel.postMessage({
                     action: 'debugger/sync',
@@ -35078,9 +35145,9 @@ const DebuggerModule = (() => {
                     state.frames[frameId][fieldName] = frameSyncFields[fieldName].defaultValue;
                 }
                 setter(state.frames[frameId], value);
-                // Also set as current value if this is a top down sync and this is NOT top
+                // Also set as our own value for a top-down field when we're not the leader
                 // conversely, we could make the getter read from the frame object *shrug*
-                if (!state.isTop && type === SYNC_TYPES.TOP_DOWN) {
+                if (!state.isLeader && type === SYNC_TYPES.TOP_DOWN) {
                     setter(state, value);
                 }
             };
@@ -35513,7 +35580,7 @@ function debuggerExports() {
 }
 function startDebuggingModuleIfEnabled() {
     const debugging = getDebuggingStorage();
-    if (!debugging.enabled)
+    if (!debugging.enabled || !isLeader())
         return;
     store.commit('debugger/debuggingEnabled', true);
     addDebuggingFunctions();
@@ -35527,7 +35594,7 @@ function startDebuggingModuleIfEnabled() {
     else if (typeof agentDebuggerPluginLoader === 'function') {
         agentDebuggerPluginLoader();
     }
-    else {
+    else if (!dom('#pendo-debugger-plugin').length) {
         const script = document.createElement('script');
         script.src = getPolicy(pendo$1).createScriptURL(getAssetUrl('debugger-plugin.min.js'));
         script.setAttribute('id', 'pendo-debugger-plugin');
@@ -35641,6 +35708,12 @@ const DebuggerLauncher = (function () {
             }
             buffer.clear();
         });
+        Events.on('leaderChanged', () => {
+            store.dispatch('debugger/updateLeader');
+            if (store.getters['frames/isLeader']()) {
+                startDebuggingModuleIfEnabled();
+            }
+        });
         registerMessageHandler('pendo-debugger::launch', (data, msg) => {
             if (data.config.apiKey !== pendo.apiKey)
                 return;
@@ -36762,7 +36835,7 @@ var validators = {
         if (hasMax && num > max)
             return false;
         if (!allowDecimal && num % 1 !== 0)
-            return false; // eslint-disable-line
+            return false;
         return true;
     },
     characterLength(value, options = {}) {
@@ -36776,7 +36849,7 @@ var validators = {
         if (hasMin && value.length < min)
             return false;
         if (hasMax && value.length > max)
-            return false; // eslint-disable-line
+            return false;
         return true;
     }
 };
@@ -40248,7 +40321,7 @@ class PromptPlugin {
         this.prompts = [];
     }
     initialize(pendo, PluginAPI) {
-        var _a;
+        var _a, _b;
         this.pendo = pendo;
         this.api = PluginAPI;
         this._ = this.pendo._;
@@ -40258,10 +40331,14 @@ class PromptPlugin {
         this.loadConfig(this.configName)
             .then(config => this.onConfigLoaded(config)).catch(() => { });
         // Listen for URL changes to re-evaluate page rules
-        // Listening on guidesLoaded since normalizedUrl comes back from the guides playload
+        // guidesLoaded: normalizedUrl comes back from the guides payload
+        // urlChanged: handles SPA navigation where guides may already be cached and guidesLoaded won't re-fire
         (_a = this.api.Events.guidesLoaded) === null || _a === void 0 ? void 0 : _a.on(() => {
             this.reEvaluatePageRules();
         });
+        (_b = this.api.Events.urlChanged) === null || _b === void 0 ? void 0 : _b.on(() => {
+            this.reEvaluatePageRules();
+        });
     }
     // a-fake-sync method - puts the api expectation of a promise in place now
     // making it easier in the future if the config looking becomes a network call
@@ -42105,7 +42182,27 @@ function GuideMarkdown() {
     }
 }
 
-var setTimeout = safeBind(window.setTimeout, window);
+// Resolve the global object without relying on a bare `window` identifier.
+// `window` is only a bound global in a normal browser realm; when the agent is
+// loaded via the npm `loadAsModule` path (or inside a Web Worker) the module is
+// evaluated in a realm where `window` is undeclared, so referencing it bare
+// throws a ReferenceError at module-load. `globalThis` resolves in every realm.
+function getGlobalScope() {
+    if (typeof globalThis !== 'undefined') {
+        return globalThis;
+    }
+    if (typeof self !== 'undefined') {
+        return self;
+    }
+    if (typeof window !== 'undefined') {
+        return window;
+    }
+    return {};
+}
+
+var globalScope = getGlobalScope();
+
+var setTimeout = safeBind(globalScope.setTimeout, globalScope);
 
 function safeBind(fn, scope) {
     if (typeof fn.bind === 'function') {
@@ -42128,7 +42225,7 @@ setTimeout = (function(global) {
     }
 
     return getZoneSafeMethod('setTimeout');
-})(window);
+})(globalScope);
 
 var setTimeout$1 = setTimeout;
 
@@ -49341,31 +49438,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;
@@ -49373,8 +49471,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');
             }
@@ -49382,17 +49480,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 = {};
@@ -49416,24 +49515,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) {
@@ -49443,7 +49570,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();
                 }
@@ -49457,34 +49584,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,
@@ -49495,14 +49623,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);
@@ -49514,46 +49642,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;
@@ -49562,10 +49701,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)
@@ -49579,15 +49720,15 @@ 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;
         if ((el.tagName || '').toUpperCase() === 'STYLE')
             return false;
-        let maskDistance = -1;
-        let unmaskDistance = -1;
+        var maskDistance = -1;
+        var unmaskDistance = -1;
         if (maskAllText) {
             unmaskDistance = distanceToMatch(el, unmaskTextSelector);
             if (unmaskDistance < 0) {
@@ -49620,8 +49761,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;
         }
@@ -50613,7 +50754,27 @@ var WorkerFactory = /*#__PURE__*/createInlineWorkerFactory(/* rollup-plugin-web-
 ((function (exports) {
     '__worker_loader_strict__';
 
-    var setTimeout = safeBind(window.setTimeout, window);
+    // Resolve the global object without relying on a bare `window` identifier.
+    // `window` is only a bound global in a normal browser realm; when the agent is
+    // loaded via the npm `loadAsModule` path (or inside a Web Worker) the module is
+    // evaluated in a realm where `window` is undeclared, so referencing it bare
+    // throws a ReferenceError at module-load. `globalThis` resolves in every realm.
+    function getGlobalScope() {
+        if (typeof globalThis !== 'undefined') {
+            return globalThis;
+        }
+        if (typeof self !== 'undefined') {
+            return self;
+        }
+        if (typeof window !== 'undefined') {
+            return window;
+        }
+        return {};
+    }
+
+    var globalScope = getGlobalScope();
+
+    var setTimeout = safeBind(globalScope.setTimeout, globalScope);
 
     function safeBind(fn, scope) {
         if (typeof fn.bind === 'function') {
@@ -50636,7 +50797,7 @@ var WorkerFactory = /*#__PURE__*/createInlineWorkerFactory(/* rollup-plugin-web-
         }
 
         return getZoneSafeMethod('setTimeout');
-    })(window);
+    })(globalScope);
 
     var setTimeout$1 = setTimeout;
 
@@ -51115,12 +51276,12 @@ var WorkerFactory = /*#__PURE__*/createInlineWorkerFactory(/* rollup-plugin-web-
         }
     }
 
-    const ONE_HUNDRED_MB_IN_BYTES = 100 * 1024 * 1024;
+    var ONE_HUNDRED_MB_IN_BYTES = 100 * 1024 * 1024;
     function matchHostedResources(recordingEvent, stringifiedRecordingPayload) {
-        const fontURLRegex = /https:\/\/[^"\\\s]+?\.(woff2?|ttf|otf|eot)(\?[^"\\\s]*)?\b/g;
-        const matches = stringifiedRecordingPayload.match(fontURLRegex);
+        var fontURLRegex = /https:\/\/[^"\\\s]+?\.(woff2?|ttf|otf|eot)(\?[^"\\\s]*)?\b/g;
+        var matches = stringifiedRecordingPayload.match(fontURLRegex);
         // de-duplicate matches
-        const hostedResources = matches ? Array.from(new Set(matches)) : [];
+        var hostedResources = matches ? Array.from(new Set(matches)) : [];
         return {
             type: 'recording',
             visitorId: recordingEvent.visitorId,
@@ -51135,7 +51296,7 @@ var WorkerFactory = /*#__PURE__*/createInlineWorkerFactory(/* rollup-plugin-web-
             recordingPayloadMetadata: [],
             sequence: 0,
             recordingPayloadCount: 0,
-            hostedResources
+            hostedResources: hostedResources
         };
     }
     // keep in mind changes here may need addressing in the extension worker proxy as well
@@ -51143,69 +51304,69 @@ var WorkerFactory = /*#__PURE__*/createInlineWorkerFactory(/* rollup-plugin-web-
         try {
             if (e.data.type === 'init' && e.data.lockID) {
                 if (navigator.locks) {
-                    navigator.locks.request(e.data.lockID, () => {
+                    navigator.locks.request(e.data.lockID, function () {
                         postMessage({ ready: true });
                         // This unresolved promise keeps the lock held with the worker until the worker is
                         // terminated at which point the lock is released.
-                        return new Promise$2(() => { });
+                        return new Promise$2(function () { });
                     });
                 }
                 return;
             }
             if (e.data.url && e.data.payload) {
-                let { url, payload, shouldCacheResources } = e.data;
+                var _a = e.data, url = _a.url, payload = _a.payload, shouldCacheResources = _a.shouldCacheResources;
                 if (Object.keys(payload).length === 0) {
                     postMessage({
                         type: 'emptyPayload'
                     });
                 }
-                const { sequence } = payload;
-                const stringifiedRecordingPayload = JSON.stringify(payload.recordingPayload);
+                var sequence_1 = payload.sequence;
+                var stringifiedRecordingPayload = JSON.stringify(payload.recordingPayload);
                 // calculate and post back the recording payload size before the payload is compressed
-                const recordingPayloadSize = new TextEncoder().encode(stringifiedRecordingPayload).length;
-                const exceedsPayloadSizeLimit = recordingPayloadSize >= ONE_HUNDRED_MB_IN_BYTES;
+                var recordingPayloadSize = new TextEncoder().encode(stringifiedRecordingPayload).length;
+                var exceedsPayloadSizeLimit = recordingPayloadSize >= ONE_HUNDRED_MB_IN_BYTES;
                 postMessage({
                     type: 'recordingPayloadSize',
-                    recordingPayloadSize,
-                    exceedsPayloadSizeLimit
+                    recordingPayloadSize: recordingPayloadSize,
+                    exceedsPayloadSizeLimit: exceedsPayloadSizeLimit
                 });
                 // don't attempt to send the payload if it exceeds the allowed limit
                 if (exceedsPayloadSizeLimit)
                     return;
                 if (shouldCacheResources) {
-                    const hostedResourcesEvent = matchHostedResources(payload, stringifiedRecordingPayload);
+                    var hostedResourcesEvent = matchHostedResources(payload, stringifiedRecordingPayload);
                     if (hostedResourcesEvent.hostedResources.length) {
                         postMessage({
                             type: 'hostedResources',
-                            hostedResourcesEvent
+                            hostedResourcesEvent: hostedResourcesEvent
                         });
                     }
                 }
                 payload.recordingSize = recordingPayloadSize;
-                const body = compress(payload, 'binary');
+                var body = compress(payload, 'binary');
                 // we want to calculate ct (current time) as close as we can to the actual POST request
                 // so that it's as accurate as possible
-                url = `${url}&ct=${new Date().getTime()}`;
+                url = "".concat(url, "&ct=").concat(new Date().getTime());
                 fetch(url, {
                     method: 'POST',
-                    body
+                    body: body
                 }).then(function (response) {
                     if (response.status < 200 || response.status >= 300) {
                         postMessage({
-                            error: new Error(`received status code ${response.status}: ${response.statusText}`),
+                            error: new Error("received status code ".concat(response.status, ": ").concat(response.statusText)),
                             status: response.status,
-                            sequence
+                            sequence: sequence_1
                         });
                     }
                     else {
                         postMessage({
-                            sequence
+                            sequence: sequence_1
                         });
                     }
-                }).catch(function (e) {
+                })["catch"](function (e) {
                     postMessage({
                         error: e,
-                        sequence
+                        sequence: sequence_1
                     });
                 });
             }
@@ -52587,9 +52748,9 @@ function NetworkCapture() {
 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 getPredictBaseUrl = function (designerServer) { return designerServer.replace('app', 'predict'); };
 var $ = function (id) { return document.getElementById(id); };
 var createElement = function (tag, attrs, parent) {
     if (attrs === void 0) { attrs = {}; }
@@ -52661,7 +52822,7 @@ var buildQueryParams = function (params) {
     return urlParams.toString();
 };
 // ----- Drag & Drop -----
-var setupDragAndDrop = function (handle, container) {
+var setupDragAndDrop = function (handle, container, predictBaseUrl) {
     var isDragging = false;
     var hasMoved = false;
     var isCollapsed = false;
@@ -52724,7 +52885,7 @@ var setupDragAndDrop = function (handle, container) {
         document.removeEventListener('mousemove', onMouseMove);
         document.removeEventListener('mouseup', onMouseUp);
         if (!hasMoved && isCollapsed && iframe) {
-            (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'TRIGGER_EXPAND' }, PREDICT_BASE_URL);
+            (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'TRIGGER_EXPAND' }, predictBaseUrl);
         }
     };
     handle.setCollapsedState = function (collapsed) {
@@ -52744,10 +52905,10 @@ var setupDragAndDrop = function (handle, container) {
 // ----- Explanation Iframe Creation -----
 var createExplanationIframe = function (_a) {
     var _b;
-    var analysisId = _a.analysisId, recordId = _a.recordId, configuration = _a.configuration;
+    var analysisId = _a.analysisId, recordId = _a.recordId, configuration = _a.configuration, predictBaseUrl = _a.predictBaseUrl;
     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 base = "".concat(predictBaseUrl, "/external/analysis/").concat(analysisId, "/prediction/drilldown/").concat(recordId);
     var params = buildQueryParams(configuration);
     createElement('iframe', {
         id: frameId,
@@ -52762,17 +52923,17 @@ var createExplanationIframe = function (_a) {
 // ----- Floating Modal Creation -----
 var createFloatingModal = function (_a) {
     var _b;
-    var recordId = _a.recordId, configuration = _a.configuration;
+    var recordId = _a.recordId, configuration = _a.configuration, predictBaseUrl = _a.predictBaseUrl;
     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 });
+        createExplanationIframe({ analysisId: flatIds[i], recordId: recordId, configuration: configuration, predictBaseUrl: predictBaseUrl });
     }
     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\">\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);
-    var baseUrl = "".concat(PREDICT_BASE_URL, "/external/analysis/prediction/summary/").concat(recordId);
+    var baseUrl = "".concat(predictBaseUrl, "/external/analysis/prediction/summary/").concat(recordId);
     var params = buildQueryParams(configuration);
     createElement('iframe', {
         id: 'frameFloatingModal',
@@ -52783,7 +52944,7 @@ var createFloatingModal = function (_a) {
         title: 'Floating Modal',
         src: "".concat(baseUrl, "?").concat(params)
     }, container);
-    container.dragHandle = setupDragAndDrop(dragHandle, container);
+    container.dragHandle = setupDragAndDrop(dragHandle, container, predictBaseUrl);
     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);
@@ -52796,11 +52957,11 @@ var createFloatingModal = function (_a) {
     };
 };
 var setupMessageListener = function (_a) {
-    var token = _a.token, forceAccountId = _a.forceAccountId, cleanup = _a.cleanup, pendo = _a.pendo;
+    var token = _a.token, forceAccountId = _a.forceAccountId, cleanup = _a.cleanup, pendo = _a.pendo, predictBaseUrl = _a.predictBaseUrl;
     var messageHandler = function (_a) {
         var _b;
         var origin = _a.origin, data = _a.data;
-        if (origin !== PREDICT_BASE_URL || !data || typeof data !== 'object')
+        if (origin !== predictBaseUrl || !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));
@@ -52833,13 +52994,13 @@ var setupMessageListener = function (_a) {
                     }
                     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);
+                    (_c = iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.postMessage({ type: 'TOKEN_RECEIVED', token: token, idToken: idToken, extensionAPIKeys: extensionAPIKeys, visitorId: visitorId, accountId: accountId }, predictBaseUrl);
                 }
             },
             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);
+                (_a = explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(data, predictBaseUrl);
             },
             CLOSE_EXPLANATION: function () { return explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible'); },
             AUTH_ERROR_EXPLANATION: function () {
@@ -52883,7 +53044,7 @@ var setupMessageListener = function (_a) {
 };
 var predictGuidesScript = function (_a) {
     var _b;
-    var step = _a.step, pendo = _a.pendo, cleanupArray = _a.cleanupArray, cleanup = _a.cleanup, log = _a.log;
+    var step = _a.step, pendo = _a.pendo, cleanupArray = _a.cleanupArray, cleanup = _a.cleanup, log = _a.log, designerServer = _a.designerServer;
     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;
@@ -52909,8 +53070,14 @@ var predictGuidesScript = function (_a) {
         log('[predict] no recordId found in URL, aborting');
         return;
     }
-    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 }));
+    if (!designerServer) {
+        log('[predict] no designerServer found, aborting');
+        return;
+    }
+    var predictBaseUrl = getPredictBaseUrl(designerServer);
+    log("[predict] predictBaseUrl: ".concat(predictBaseUrl));
+    cleanupArray.push(setupMessageListener({ token: token, forceAccountId: configuration === null || configuration === void 0 ? void 0 : configuration.forceAccountId, cleanup: cleanup, pendo: pendo, predictBaseUrl: predictBaseUrl }));
+    cleanupArray.push(createFloatingModal({ recordId: recordId, configuration: configuration, predictBaseUrl: predictBaseUrl }));
 };
 
 const PredictGuides = () => {
@@ -52943,7 +53110,10 @@ const PredictGuides = () => {
         const script = {
             name: 'PredictFrameScript',
             script(step, _guide, pendo) {
-                predictGuidesScript({ step, pendo, cleanupArray, cleanup, log });
+                var _a, _b;
+                const designerServer = ((_a = pendo === null || pendo === void 0 ? void 0 : pendo.getConfigValue) === null || _a === void 0 ? void 0 : _a.call(pendo, 'designerServer')) ||
+                    ((_b = pendo === null || pendo === void 0 ? void 0 : pendo.getConfigValue) === null || _b === void 0 ? void 0 : _b.call(pendo, 'server'));
+                predictGuidesScript({ step, pendo, cleanupArray, cleanup, log, designerServer });
                 this.on('unmounted', (evt) => {
                     if (evt.reason !== 'hidden')
                         cleanup();
@@ -52970,6 +53140,7 @@ const PredictGuides = () => {
 
 const ASSISTANT_MESSAGE = 'assistantMessage';
 const CONVERSATION_ID_URL_PATTERN = 'conversationIdUrlPattern';
+const MESSAGE_CONTENT = 'messageContent';
 const MESSAGE_ID_ATTR = 'messageIdAttr';
 const MESSAGE_ID_PATTERN = 'messageIdPattern';
 const MODEL_USED_ATTR = 'modelUsedAttr';
@@ -52990,7 +53161,7 @@ const REQUIRED_SELECTORS = [
     TURN_CONTAINER,
     USER_MESSAGE
 ];
-const SUPPORTED_PRESETS = ['chatgpt-full', 'gemini-full', 'claude-full'];
+const SUPPORTED_PRESETS = ['chatgpt-full', 'gemini-full', 'claude-full', 'copilot-full'];
 const STREAMING_END_SETTLE_MS = 500;
 const SUBMISSION_START_RETRY_MS = 1000;
 const SUBMISSION_START_MAX_ATTEMPTS = 4;
@@ -53091,8 +53262,14 @@ class DOMConversation {
         const wasPressed = activeSelector && this.Sizzle.matchesSelector(thumb[0], activeSelector);
         const direction = isUp ? 'positive' : 'negative';
         const content = wasPressed ? 'unreact' : direction;
-        const assistantNode = thumb.closest(this.findSelector(TURN_CONTAINER))
-            .find(this.findSelector(ASSISTANT_MESSAGE));
+        // the thumb may live inside the assistant message (e.g. copilot) or in a separate
+        // turn footer alongside it (e.g. chatgpt/gemini); handle both
+        const assistantSelector = this.findSelector(ASSISTANT_MESSAGE);
+        let assistantNode = thumb.closest(assistantSelector);
+        if (!assistantNode.length) {
+            assistantNode = thumb.closest(this.findSelector(TURN_CONTAINER))
+                .find(assistantSelector);
+        }
         this.emit('user_reaction', {
             agentId: this.id,
             messageId: this.getMessageId(assistantNode),
@@ -53180,13 +53357,22 @@ class DOMConversation {
         }
     }
     extractContent(node) {
+        let source = node;
+        // optional: content inside a descendant
+        const contentSelector = this.findSelector(MESSAGE_CONTENT);
+        if (contentSelector) {
+            const contentNode = node.find(contentSelector);
+            if (contentNode.length) {
+                source = contentNode;
+            }
+        }
         // .text() reads innerText, which is empty for content-visibility:auto / off-screen subtrees
         // (e.g. claude.ai's scrolled-up messages). Keep innerText as the primary source so agents
         // whose content already works are unchanged, and fall back to textContent only when it's empty.
-        const primary = node.text().trim();
+        const primary = source.text().trim();
         if (primary)
             return primary;
-        return node[0].textContent.trim();
+        return source[0].textContent.trim();
     }
     getMessageId(node) {
         const attr = this.findSelector(MESSAGE_ID_ATTR);