@pendo/agent 2.327.0 → 2.328.0

package/dist/pendo.module.js

@@ -431,6 +431,7 @@ function getPolicy(pendo) {
 }
 
 var STAGING_SERVER_HASHES = 'stagingServerHashes';
+var STAGING_DOMAINS = 'stagingDomains';
 var pendo$1;
 var _pendoConfig = {};
 function loadAsModule(config) {
@@ -523,6 +524,27 @@ function urlMatchesPatterns(url, patterns = [], hashes = []) {
     }
     return false;
 }
+function domainSuffixes(host) {
+    var hostname = (host || '').split(':')[0].toLowerCase();
+    if (!hostname || /^[\d.]+$/.test(hostname) || hostname.indexOf(':') >= 0)
+        return [];
+    var labels = hostname.split('.');
+    var suffixes = [];
+    for (var i = 0; i <= labels.length - 2; i++) {
+        suffixes.push(labels.slice(i).join('.'));
+    }
+    return suffixes;
+}
+function hostMatchesStagingDomains(host, domains = []) {
+    if (!domains.length)
+        return false;
+    var suffixes = domainSuffixes(host);
+    for (var i = 0; i < suffixes.length; i++) {
+        if (domains.indexOf(getHash(suffixes[i])) >= 0)
+            return true;
+    }
+    return false;
+}
 function isStagingServer(config, location) {
     if (!config) {
         config = getPendoConfig();
@@ -536,7 +558,8 @@ function isStagingServer(config, location) {
     if (!location) {
         location = window.location;
     }
-    return urlMatchesPatterns(location.host, config.stagingServers, config[STAGING_SERVER_HASHES]);
+    return urlMatchesPatterns(location.host, config.stagingServers, config[STAGING_SERVER_HASHES]) ||
+        hostMatchesStagingDomains(location.host, config[STAGING_DOMAINS]);
 }
 function getHash(str) {
     return b64.uint8ToBase64(sha1
@@ -3979,8 +4002,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.327.0_';
-let PACKAGE_VERSION = '2.327.0';
+let VERSION = '2.328.0_';
+let PACKAGE_VERSION = '2.328.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -5658,6 +5681,7 @@ var Events = (function () {
         new EventType('segmentFlagsReady', [DEBUG, LIFECYCLE]),
         new EventType('segmentFlagsError', [DEBUG, LIFECYCLE]),
         new EventType('guideListChanged', [DEBUG, LIFECYCLE]),
+        new EventType('guidesReceived', [DEBUG, LIFECYCLE]),
         new EventType('guideSeen', [DEBUG, LIFECYCLE]),
         new EventType('guideNotSeen', [DEBUG, LIFECYCLE]),
         new EventType('guideAdvanced', [DEBUG, LIFECYCLE]),
@@ -24330,15 +24354,13 @@ function guidesPayload(guidesJson) {
         delete guidesJson.segmentFlags; // This is temporary until the BE stops sending segment flags in the guides payload, at which point this can be removed
     }
     _.extend(pendo$1, guidesJson);
-    pendo$1.guides = _.map(pendo$1.guides, function (guide) {
-        if (_.keys(guide).length == 1 && guide.id) {
-            return guideCache.get(guide.id);
-        }
-        else {
-            guideCache.add(guide, get_visitor_id());
-            return guide;
-        }
-    });
+    const guidesReceivedPayload = {
+        guides: pendo$1.guides,
+        visitorId: get_visitor_id(),
+        guideCache
+    };
+    Events.guidesReceived.trigger(guidesReceivedPayload);
+    pendo$1.guides = guidesReceivedPayload.guides;
     if (mostRecentGuideRequest.deferred) {
         mostRecentGuideRequest.deferred.resolve();
     }
@@ -28967,7 +28989,7 @@ function registerEventHandlers({ events = [] }) {
 function applyDoNotTrackConfigOverrides(options) {
     options.excludeNonGuideAnalytics = true;
     options.disableCookies = true;
-    options.visitor = { id: 'cookieless_visitor' };
+    options.visitor = { id: '__cookieless_visitor__' };
     delete options.account;
     delete options.parentAccount;
 }
@@ -37435,6 +37457,126 @@ const FrustrationEvent = (function () {
     }
 })();
 
+const snapshots = {};
+function snapshotKey(guideId, stepId) {
+    return `${guideId}:${stepId}`;
+}
+function isPlaceholderGuide(guide) {
+    return _.keys(guide).length === 1 && guide.id;
+}
+function recordGuideResponseSnapshots(guidesFromResponse, guideCache) {
+    if (!guidesFromResponse || !guideCache) {
+        return;
+    }
+    _.each(guidesFromResponse, function (guide) {
+        if (!guide || !guide.id) {
+            return;
+        }
+        if (isPlaceholderGuide(guide)) {
+            const priorCached = guideCache.get(guide.id);
+            if (!priorCached || !priorCached.steps) {
+                return;
+            }
+            _.each(priorCached.steps, function (step) {
+                if (!step || !step.id) {
+                    return;
+                }
+                const entry = { payload_seen_state: null };
+                if (!_.isUndefined(step.seenState) && step.seenState !== null) {
+                    entry.cached_seen_state = step.seenState;
+                }
+                snapshots[snapshotKey(guide.id, step.id)] = entry;
+            });
+            return;
+        }
+        const priorCached = guideCache.get(guide.id);
+        _.each(guide.steps || [], function (step) {
+            if (!step || !step.id) {
+                return;
+            }
+            const entry = {
+                payload_seen_state: _.isUndefined(step.seenState) ? null : step.seenState
+            };
+            const cachedStep = priorCached && _.findWhere(priorCached.steps, { id: step.id });
+            if (cachedStep && !_.isUndefined(cachedStep.seenState) && cachedStep.seenState !== null) {
+                entry.cached_seen_state = cachedStep.seenState;
+            }
+            snapshots[snapshotKey(guide.id, step.id)] = entry;
+        });
+    });
+}
+function mergeGuidesWithCache(guidesFromResponse, visitorId, guideCache) {
+    if (!guidesFromResponse) {
+        return guidesFromResponse;
+    }
+    if (!guideCache) {
+        return guidesFromResponse;
+    }
+    return _.map(guidesFromResponse, function (guide) {
+        if (isPlaceholderGuide(guide)) {
+            return guideCache.get(guide.id);
+        }
+        guideCache.add(guide, visitorId);
+        return guide;
+    });
+}
+function getSnapshot(guideId, stepId) {
+    return snapshots[snapshotKey(guideId, stepId)];
+}
+function clearSnapshots() {
+    _.each(_.keys(snapshots), function (key) {
+        delete snapshots[key];
+    });
+}
+
+const GuideCachePlugin = {
+    name: 'GuideCache',
+    initialize(pendo, PluginAPI) {
+        this.onGuidesReceived = _.bind(this.guidesReceived, this);
+        this.onEventCaptured = _.bind(this.eventCaptured, this);
+        PluginAPI.Events.on('guidesReceived', this.onGuidesReceived);
+        this.subscriptions = [
+            PluginAPI.attachEvent(PluginAPI.Events, 'eventCaptured', this.onEventCaptured)
+        ];
+    },
+    teardown(pendo, PluginAPI) {
+        PluginAPI.Events.off('guidesReceived', this.onGuidesReceived);
+        _.each(this.subscriptions, function (unsubscribe) {
+            unsubscribe();
+        });
+        this.subscriptions = [];
+    },
+    guidesReceived(event) {
+        clearSnapshots();
+        const payload = event.data[0];
+        if (!payload || !payload.guideCache || !payload.guides) {
+            return;
+        }
+        recordGuideResponseSnapshots(payload.guides, payload.guideCache);
+        payload.guides = mergeGuidesWithCache(payload.guides, payload.visitorId, payload.guideCache);
+    },
+    eventCaptured(event) {
+        if (!event || !event.data || !event.data.length) {
+            return;
+        }
+        const capturedEvent = event.data[0];
+        if (!capturedEvent || capturedEvent.type !== 'guideSeen') {
+            return;
+        }
+        if (capturedEvent.props.reason !== 'auto') {
+            return;
+        }
+        const snap = getSnapshot(capturedEvent.props.guide_id, capturedEvent.props.guide_step_id);
+        if (!snap) {
+            return;
+        }
+        capturedEvent.props.payload_seen_state = snap.payload_seen_state;
+        if (!_.isUndefined(snap.cached_seen_state)) {
+            capturedEvent.props.cached_seen_state = snap.cached_seen_state;
+        }
+    }
+};
+
 const IFrameMonitor = (function () {
     const FRAME_TIMER_LENGTH = 250;
     const FRAME_ID = 'pendo-loader';
@@ -40062,6 +40204,8 @@ const THUMB_UP = 'thumbUp';
 const TURN_CONTAINER = 'turnContainer';
 const TURN_ATTR = 'turnAttr';
 const USER_MESSAGE = 'userMessage';
+const CUSTOM_AGENT_ID_URL_PATTERN = 'customAgentIdUrlPattern';
+const CUSTOM_AGENT_NAME = 'customAgentName';
 const REQUIRED_SELECTORS = [
     ASSISTANT_MESSAGE,
     CONVERSATION_ID_URL_PATTERN,
@@ -40072,6 +40216,8 @@ const REQUIRED_SELECTORS = [
     USER_MESSAGE
 ];
 const STREAMING_END_SETTLE_MS = 500;
+const SUBMISSION_START_RETRY_MS = 1000;
+const SUBMISSION_START_MAX_ATTEMPTS = 4;
 class DOMConversation {
     // Returns the list of required selector types that are missing or empty
     // in the given cssSelectors config. An empty array means the config is
@@ -40106,8 +40252,10 @@ class DOMConversation {
         this.observers = [];
         this.wasStreaming = false;
         this.streamingEndTimer = null;
+        this.submissionStartRetryTimer = null;
         this.requestNode = null;
         this.conversationIdRegex = null;
+        this.customAgentIdRegex = null;
         this.lastReturnedMessageId = null;
         this.dom = pendo.dom;
         this._ = pendo._;
@@ -40125,6 +40273,15 @@ class DOMConversation {
             }
         });
         this.conversationIdRegex = new RegExp(this.selectors[CONVERSATION_ID_URL_PATTERN]);
+        const customAgentIdUrlPattern = this.selectors[CUSTOM_AGENT_ID_URL_PATTERN];
+        if (customAgentIdUrlPattern) { // this is optional
+            try {
+                this.customAgentIdRegex = new RegExp(customAgentIdUrlPattern);
+            }
+            catch (error) {
+                this.api.log.error(`bad customAgentIdUrlPattern ${customAgentIdUrlPattern}`, { error });
+            }
+        }
         this.root = document.body;
         this.setupReactionListener();
         this.setupStreamingObserver();
@@ -40201,14 +40358,20 @@ class DOMConversation {
         }
         this.wasStreaming = isStreaming;
     }
-    onSubmissionStart() {
+    onSubmissionStart(attempt = 1) {
         this.requestNode = this.findLastRequestNode();
         if (this.requestNode) {
             this.handleUserMessage(this.requestNode);
+            return;
+        }
+        // URL hasn't flipped yet to include the conversation id on a fresh chat
+        // retry, if that still fails, onSubmissionEnd handles it
+        if (attempt < SUBMISSION_START_MAX_ATTEMPTS) {
+            this.startSubmissionStartRetryTimer(attempt + 1);
         }
     }
     onSubmissionEnd() {
-        this.streamingEndTimer = null;
+        this.stopSubmissionStartRetryTimer();
         let requestNode = this.requestNode;
         this.requestNode = null;
         if (!requestNode) {
@@ -40288,6 +40451,32 @@ class DOMConversation {
             return null;
         return m[1] !== undefined ? m[1] : m[0];
     }
+    getCustomAgentId() {
+        if (!this.customAgentIdRegex)
+            return undefined;
+        const m = location.href.match(this.customAgentIdRegex);
+        if (!m)
+            return undefined;
+        return m[1] !== undefined ? m[1] : m[0];
+    }
+    getCustomAgentName() {
+        if (!this.findSelector(CUSTOM_AGENT_NAME))
+            return '';
+        const node = this.select(CUSTOM_AGENT_NAME);
+        if (!node.length)
+            return '';
+        return node.text().trim();
+    }
+    addCustomAgentInfo(eventPayload) {
+        const customAgentId = this.getCustomAgentId();
+        if (!customAgentId)
+            return;
+        eventPayload.customAgentId = customAgentId;
+        const customAgentName = this.getCustomAgentName();
+        if (customAgentName) {
+            eventPayload.customAgentName = customAgentName;
+        }
+    }
     setFilters(candidateFilter) {
         if (!candidateFilter) {
             this.privacyFilters = null;
@@ -40313,11 +40502,15 @@ class DOMConversation {
     }
     emit(eventType, eventPayload) {
         eventPayload.conversationId = this.getConversationId();
+        this.addCustomAgentInfo(eventPayload);
         this._.each(this.listeners, (cb) => cb(eventType, eventPayload));
     }
     startStreamingEndTimer() {
         this.stopStreamingEndTimer();
-        this.streamingEndTimer = setTimeout$1(this.onSubmissionEnd.bind(this), STREAMING_END_SETTLE_MS);
+        this.streamingEndTimer = setTimeout$1(() => {
+            this.streamingEndTimer = null;
+            this.onSubmissionEnd();
+        }, STREAMING_END_SETTLE_MS);
     }
     stopStreamingEndTimer() {
         if (!this.streamingEndTimer)
@@ -40325,6 +40518,19 @@ class DOMConversation {
         clearTimeout(this.streamingEndTimer);
         this.streamingEndTimer = null;
     }
+    startSubmissionStartRetryTimer(attempt) {
+        this.stopSubmissionStartRetryTimer();
+        this.submissionStartRetryTimer = setTimeout$1(() => {
+            this.submissionStartRetryTimer = null;
+            this.onSubmissionStart(attempt);
+        }, SUBMISSION_START_RETRY_MS);
+    }
+    stopSubmissionStartRetryTimer() {
+        if (!this.submissionStartRetryTimer)
+            return;
+        clearTimeout(this.submissionStartRetryTimer);
+        this.submissionStartRetryTimer = null;
+    }
     suspend() {
         this.isActive = false;
     }
@@ -40339,6 +40545,7 @@ class DOMConversation {
             this.reactionClickHandler = null;
         }
         this.stopStreamingEndTimer();
+        this.stopSubmissionStartRetryTimer();
         this.listeners = [];
     }
 }
@@ -41127,6 +41334,7 @@ function registerBuiltInPlugins() {
     registerPlugin(EventProperties);
     registerPlugin(FormValidation);
     registerPlugin(FrustrationEvent);
+    registerPlugin(GuideCachePlugin);
     registerPlugin(IFrameMonitor);
     registerPlugin(OemAccountId);
     registerPlugin(P1GuidePlugin);
@@ -41381,20 +41589,20 @@ function getZoneSafeMethod(_, method, target) {
 }
 
 // Does not support submit and go to
-const goToRegex = new RegExp(guideMarkdownUtil.goToString);
-const PollBranching = {
+var goToRegex = new RegExp(guideMarkdownUtil.goToString);
+var PollBranching = {
     name: 'PollBranching',
-    script(step, guide, pendo) {
-        let isAdvanceIntercepted = false;
-        const branchingQuestions = initialBranchingSetup(step, pendo);
+    script: function (step, guide, pendo) {
+        var isAdvanceIntercepted = false;
+        var branchingQuestions = initialBranchingSetup(step, pendo);
         if (branchingQuestions) {
             // If there are too many branching questions saved, exit and run the guide normally.
             if (pendo._.size(branchingQuestions) > 1)
                 return;
-            this.on('beforeAdvance', (evt) => {
-                const noResponseSelected = step.guideElement.find('[branching] .pendo-radio:checked').length === 0;
-                const responseLabel = step.guideElement.find('[branching] .pendo-radio:checked + label')[0];
-                let noGotoLabel;
+            this.on('beforeAdvance', function (evt) {
+                var noResponseSelected = step.guideElement.find('[branching] .pendo-radio:checked').length === 0;
+                var responseLabel = step.guideElement.find('[branching] .pendo-radio:checked + label')[0];
+                var noGotoLabel;
                 if (responseLabel) {
                     noGotoLabel = pendo._.isNull(responseLabel.getAttribute('goToStep'));
                 }
@@ -41405,58 +41613,58 @@ const PollBranching = {
             });
         }
     },
-    test(step, guide, pendo) {
+    test: function (step, guide, pendo) {
         var _a;
-        let branchingQuestions = (_a = step.guideElement) === null || _a === void 0 ? void 0 : _a.find('._pendo-multi-choice-poll-question:contains("{branching/}")');
+        var branchingQuestions = (_a = step.guideElement) === null || _a === void 0 ? void 0 : _a.find('._pendo-multi-choice-poll-question:contains("{branching/}")');
         return !pendo._.isUndefined(branchingQuestions) && pendo._.size(branchingQuestions);
     },
-    designerListener(pendo) {
-        const target = pendo.dom.getBody();
-        const config = {
+    designerListener: function (pendo) {
+        var target = pendo.dom.getBody();
+        var config = {
             attributeFilter: ['data-layout'],
             attributes: true,
             childList: true,
             characterData: true,
             subtree: true
         };
-        const MutationObserver = getZoneSafeMethod(pendo._, 'MutationObserver');
-        const observer = new MutationObserver(applyBranchingIndicators);
+        var MutationObserver = getZoneSafeMethod(pendo._, 'MutationObserver');
+        var observer = new MutationObserver(applyBranchingIndicators);
         observer.observe(target, config);
         function applyBranchingIndicators(mutations) {
             pendo._.each(mutations, function (mutation) {
                 var _a;
-                const nodeHasQuerySelector = pendo._.isFunction((_a = mutation.addedNodes[0]) === null || _a === void 0 ? void 0 : _a.querySelector);
+                var nodeHasQuerySelector = pendo._.isFunction((_a = mutation.addedNodes[0]) === null || _a === void 0 ? void 0 : _a.querySelector);
                 if (mutation.addedNodes.length && nodeHasQuerySelector) {
                     if (mutation.addedNodes[0].querySelector('._pendo-multi-choice-poll-select-border')) {
                         if (pendo._.size(pendo.dom('._pendo-multi-choice-poll-question:contains("{branching/}")'))) {
                             pendo
                                 .dom('._pendo-multi-choice-poll-question:contains("{branching/}")')
-                                .each((question, index) => {
-                                pendo._.each(pendo.dom(`#${question.id} *`), (element) => {
+                                .each(function (question, index) {
+                                pendo._.each(pendo.dom("#".concat(question.id, " *")), function (element) {
                                     guideMarkdownUtil.removeMarkdownSyntax(element, '{branching/}', '', pendo);
                                 });
                                 pendo
-                                    .dom(`#${question.id} p`)
+                                    .dom("#".concat(question.id, " p"))
                                     .css({ display: 'inline-block !important' })
                                     .append(branchingIcon('#999', '20px'))
                                     .attr({ title: 'Custom Branching Added' });
-                                let dataPendoPollId = question.getAttribute('data-pendo-poll-id');
-                                if (pendo.dom(`._pendo-multi-choice-poll-question[data-pendo-poll-id=${dataPendoPollId}]`)[0]) {
+                                var dataPendoPollId = question.getAttribute('data-pendo-poll-id');
+                                if (pendo.dom("._pendo-multi-choice-poll-question[data-pendo-poll-id=".concat(dataPendoPollId, "]"))[0]) {
                                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                                     pendo
-                                        .dom(`._pendo-multi-choice-poll-question[data-pendo-poll-id=${dataPendoPollId}]`)[0]
+                                        .dom("._pendo-multi-choice-poll-question[data-pendo-poll-id=".concat(dataPendoPollId, "]"))[0]
                                         .textContent.trim();
                                 }
-                                let pollLabels = pendo.dom(`label[for*=${dataPendoPollId}]`);
+                                var pollLabels = pendo.dom("label[for*=".concat(dataPendoPollId, "]"));
                                 if (pendo._.size(pollLabels)) {
-                                    pendo._.forEach(pollLabels, (label) => {
+                                    pendo._.forEach(pollLabels, function (label) {
                                         if (goToRegex.test(label.textContent)) {
-                                            let labelTitle = goToRegex.exec(label.textContent)[2];
+                                            var labelTitle = goToRegex.exec(label.textContent)[2];
                                             guideMarkdownUtil.removeMarkdownSyntax(label, goToRegex, '', pendo);
                                             pendo
                                                 .dom(label)
                                                 .append(branchingIcon('#999', '14px'))
-                                                .attr({ title: `Branching to step ${labelTitle}` });
+                                                .attr({ title: "Branching to step ".concat(labelTitle) });
                                         }
                                     });
                                 }
@@ -41464,9 +41672,9 @@ const PollBranching = {
                                     pendo
                                         .dom(question)
                                         .append(branchingErrorHTML(question.dataset.pendoPollId));
-                                    pendo.dom(`#${question.id} #pendo-ps-branching-svg`).remove();
+                                    pendo.dom("#".concat(question.id, " #pendo-ps-branching-svg")).remove();
                                     pendo
-                                        .dom(`#${question.id} p`)
+                                        .dom("#".concat(question.id, " p"))
                                         .css({ display: 'inline-block !important' })
                                         .append(branchingIcon('red', '20px'))
                                         .attr({ title: 'Unsupported Branching configuration' });
@@ -41478,49 +41686,31 @@ const PollBranching = {
             });
         }
         function branchingErrorHTML(dataPendoPollId) {
-            return `<div style="text-align:lrft; font-size: 14px; color: red;
-                font-style: italic; margin-top: 0px;" class="branching-wrapper"
-                name="${dataPendoPollId}">
-                * Branching Error: Multiple branching polls not supported</div>`;
+            return "<div style=\"text-align:lrft; font-size: 14px; color: red;\n                font-style: italic; margin-top: 0px;\" class=\"branching-wrapper\"\n                name=\"".concat(dataPendoPollId, "\">\n                * Branching Error: Multiple branching polls not supported</div>");
         }
         function branchingIcon(color, size) {
-            return `<svg id="pendo-ps-branching-svg" viewBox="0 0 24 24" fill="none"
-                style="margin-left: 5px;
-                height:${size}; width:${size}; display:inline; vertical-align:middle;" xmlns="http://www.w3.org/2000/svg">
-                <g stroke-width="0"></g>
-                <g stroke-linecap="round" stroke-linejoin="round"></g>
-                <g> <circle cx="4" cy="7" r="2" stroke="${color}"
-                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle>
-                <circle cx="20" cy="7" r="2" stroke="${color}"
-                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle>
-                <circle cx="20" cy="17" r="2" stroke="${color}" stroke-width="2"
-                stroke-linecap="round" stroke-linejoin="round"></circle>
-                <path d="M18 7H6" stroke="${color}" stroke-width="2"
-                stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M7 7V7C8.65685 7 10 8.34315 10 10V15C10 16.1046 10.8954 17 12 17H18"
-                stroke="${color}" stroke-width="2" stroke-linecap="round"
-                stroke-linejoin="round"></path> </g></svg>`;
+            return "<svg id=\"pendo-ps-branching-svg\" viewBox=\"0 0 24 24\" fill=\"none\"\n                style=\"margin-left: 5px;\n                height:".concat(size, "; width:").concat(size, "; display:inline; vertical-align:middle;\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g stroke-width=\"0\"></g>\n                <g stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n                <g> <circle cx=\"4\" cy=\"7\" r=\"2\" stroke=\"").concat(color, "\"\n                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></circle>\n                <circle cx=\"20\" cy=\"7\" r=\"2\" stroke=\"").concat(color, "\"\n                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></circle>\n                <circle cx=\"20\" cy=\"17\" r=\"2\" stroke=\"").concat(color, "\" stroke-width=\"2\"\n                stroke-linecap=\"round\" stroke-linejoin=\"round\"></circle>\n                <path d=\"M18 7H6\" stroke=\"").concat(color, "\" stroke-width=\"2\"\n                stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n                <path d=\"M7 7V7C8.65685 7 10 8.34315 10 10V15C10 16.1046 10.8954 17 12 17H18\"\n                stroke=\"").concat(color, "\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"></path> </g></svg>");
         }
     }
 };
 function initialBranchingSetup(step, pendo) {
-    const questions = step.guideElement.find('._pendo-multi-choice-poll-question:contains("{branching/}")');
-    pendo._.forEach(questions, (question) => {
-        let dataPendoPollId = question.getAttribute('data-pendo-poll-id');
-        pendo._.each(step.guideElement.find(`#${question.id} *`), (element) => {
+    var questions = step.guideElement.find('._pendo-multi-choice-poll-question:contains("{branching/}")');
+    pendo._.forEach(questions, function (question) {
+        var dataPendoPollId = question.getAttribute('data-pendo-poll-id');
+        pendo._.each(step.guideElement.find("#".concat(question.id, " *")), function (element) {
             guideMarkdownUtil.removeMarkdownSyntax(element, '{branching/}', '', pendo);
         });
-        let pollLabels = step.guideElement.find(`label[for*=${dataPendoPollId}]`);
-        pendo._.forEach(pollLabels, (label) => {
+        var pollLabels = step.guideElement.find("label[for*=".concat(dataPendoPollId, "]"));
+        pendo._.forEach(pollLabels, function (label) {
             if (pendo._.isNull(goToRegex.exec(label.textContent))) {
                 return;
             }
-            let gotoSubstring = goToRegex.exec(label.textContent)[1];
-            let gotoIndex = goToRegex.exec(label.textContent)[2];
+            var gotoSubstring = goToRegex.exec(label.textContent)[1];
+            var gotoIndex = goToRegex.exec(label.textContent)[2];
             label.setAttribute('goToStep', gotoIndex);
             guideMarkdownUtil.removeMarkdownSyntax(label, gotoSubstring, '', pendo);
         });
-        let pollChoiceContainer = step.guideElement.find(`[data-pendo-poll-id=${dataPendoPollId}]._pendo-multi-choice-poll-select-border`);
+        var pollChoiceContainer = step.guideElement.find("[data-pendo-poll-id=".concat(dataPendoPollId, "]._pendo-multi-choice-poll-select-border"));
         if (pollChoiceContainer && pollChoiceContainer.length) {
             pollChoiceContainer[0].setAttribute('branching', '');
         }
@@ -41529,15 +41719,15 @@ function initialBranchingSetup(step, pendo) {
 }
 function branchingGoToStep(event, step, guide, pendo) {
     var _a;
-    let checkedPollInputId = (_a = step.guideElement.find('[branching] input.pendo-radio[data-pendo-poll-id]:checked')[0]) === null || _a === void 0 ? void 0 : _a.id;
-    let checkedPollLabel = step.guideElement.find(`label[for="${checkedPollInputId}"]`)[0];
-    let checkedPollLabelStepIndex = checkedPollLabel === null || checkedPollLabel === void 0 ? void 0 : checkedPollLabel.getAttribute('goToStep');
-    let pollStepIndex = checkedPollLabelStepIndex - 1;
+    var checkedPollInputId = (_a = step.guideElement.find('[branching] input.pendo-radio[data-pendo-poll-id]:checked')[0]) === null || _a === void 0 ? void 0 : _a.id;
+    var checkedPollLabel = step.guideElement.find("label[for=\"".concat(checkedPollInputId, "\"]"))[0];
+    var checkedPollLabelStepIndex = checkedPollLabel === null || checkedPollLabel === void 0 ? void 0 : checkedPollLabel.getAttribute('goToStep');
+    var pollStepIndex = checkedPollLabelStepIndex - 1;
     if (pollStepIndex < 0)
         return;
-    const destinationObject = {
+    var destinationObject = {
         destinationStepId: guide.steps[pollStepIndex].id,
-        step
+        step: step
     };
     pendo.goToStep(destinationObject);
     event.cancel = true;
@@ -41853,7 +42043,10 @@ const RequiredQuestions = {
             });
         }
         function getEligibleQuestions() {
-            const allQuestions = step.guideElement.find(`[class*=-poll-question]:contains(${requiredSyntax})`);
+            const pollQuestions = pendo._.toArray(step.guideElement.find(`[class*=-poll-question]:contains(${requiredSyntax})`));
+            const surveyMatches = pendo._.toArray(step.guideElement.find(`[data-pendo-poll-id]:contains(${requiredSyntax})`));
+            const surveyQuestions = pendo._.filter(surveyMatches, (candidate) => !pendo._.some(surveyMatches, (other) => other !== candidate && candidate.contains(other)));
+            const allQuestions = pendo._.uniq(pollQuestions.concat(surveyQuestions));
             return pendo._.reduce(allQuestions, (eligibleQuestions, question) => {
                 if (question.classList.contains('_pendo-yes-no-poll-question'))
                     return eligibleQuestions;
@@ -41861,16 +42054,30 @@ const RequiredQuestions = {
                 return eligibleQuestions;
             }, []);
         }
+        function ownsRequiredText(element) {
+            return pendo._.some(element.childNodes, (node) => node.nodeType === 3 && node.nodeValue && node.nodeValue.indexOf(requiredSyntax) !== -1);
+        }
         function processRequiredQuestions() {
             let questions = getEligibleQuestions();
             if (questions) {
                 pendo._.forEach(questions, question => {
                     let dataPendoPollId = question.getAttribute('data-pendo-poll-id');
                     requiredPollIds.push(dataPendoPollId);
-                    pendo._.each(step.guideElement.find(`#${question.id} *, #${question.id}`), (element) => {
+                    const candidates = step.guideElement.find(`#${question.id} *, #${question.id}`);
+                    const textHost = pendo._.find(candidates, ownsRequiredText) || question;
+                    pendo._.each(candidates, (element) => {
                         guideMarkdownUtil.removeMarkdownSyntax(element, requiredSyntax, '', pendo);
                     });
-                    step.guideElement.find(`#${question.id} p`).append(requiredElement);
+                    const textHostEl = pendo.dom(textHost);
+                    if (textHostEl.find('._pendo-required-indicator').length === 0) {
+                        const questionParagraph = textHostEl.find('p');
+                        if (questionParagraph && questionParagraph.length) {
+                            pendo.dom(questionParagraph[0]).append(requiredElement);
+                        }
+                        else {
+                            textHostEl.append(requiredElement);
+                        }
+                    }
                 });
             }
             if (pendo._.size(requiredPollIds)) {
@@ -41934,9 +42141,11 @@ const RequiredQuestions = {
         }
     },
     test(step, guide, pendo) {
-        var _a;
-        let requiredQuestions = (_a = step.guideElement) === null || _a === void 0 ? void 0 : _a.find(`[class*=-poll-question]:contains(${requiredSyntax})`);
-        return !pendo._.isUndefined(requiredQuestions) && pendo._.size(requiredQuestions);
+        var _a, _b;
+        const pollQuestions = (_a = step.guideElement) === null || _a === void 0 ? void 0 : _a.find(`[class*=-poll-question]:contains(${requiredSyntax})`);
+        const surveyQuestions = (_b = step.guideElement) === null || _b === void 0 ? void 0 : _b.find(`[data-pendo-poll-id]:contains(${requiredSyntax})`);
+        return (!pendo._.isUndefined(pollQuestions) && pendo._.size(pollQuestions)) ||
+            (!pendo._.isUndefined(surveyQuestions) && pendo._.size(surveyQuestions));
     },
     designerListener(pendo) {
         const requiredQuestions = [];
@@ -41956,7 +42165,7 @@ const RequiredQuestions = {
                 var _a;
                 const nodeHasQuerySelector = pendo._.isFunction((_a = mutation.addedNodes[0]) === null || _a === void 0 ? void 0 : _a.querySelectorAll);
                 if (mutation.addedNodes.length && nodeHasQuerySelector) {
-                    let eligiblePolls = mutation.addedNodes[0].querySelectorAll('[class*=-poll-wrapper], [class*=-poll-select-border]');
+                    let eligiblePolls = mutation.addedNodes[0].querySelectorAll('[class*=-poll-wrapper], [class*=-poll-select-border], [id^=survey-item-wrapper__]');
                     if (eligiblePolls) {
                         pendo._.each(eligiblePolls, function (poll) {
                             let dataPendoPollId;
@@ -41968,11 +42177,12 @@ const RequiredQuestions = {
                                 dataPendoPollId = poll.getAttribute('data-pendo-poll-id');
                             }
                             let questionText;
-                            const pollQuesiton = pendo.dom(`[class*="-poll-question"][data-pendo-poll-id=${dataPendoPollId}]`)[0];
-                            if (pollQuesiton) {
-                                questionText = pendo.dom(`[class*="-poll-question"][data-pendo-poll-id=${dataPendoPollId}]`)[0].textContent;
+                            const questionElement = pendo.dom(`[class*="-poll-question"][data-pendo-poll-id=${dataPendoPollId}]`)[0] ||
+                                pendo.dom(`.bb-text[data-pendo-poll-id=${dataPendoPollId}]`)[0];
+                            if (questionElement) {
+                                questionText = questionElement.textContent;
                             }
-                            const requiredSyntaxIndex = questionText.indexOf(requiredSyntax);
+                            const requiredSyntaxIndex = questionText ? questionText.indexOf(requiredSyntax) : -1;
                             if (requiredSyntaxIndex > -1) {
                                 pendo._.each(pendo.dom(`[data-pendo-poll-id=${dataPendoPollId}]:not(.pendo-radio)`), (element) => {
                                     pendo._.each(pendo.dom(`#${element.id} *:not(".pendo-radio"), #${element.id}:not(".pendo-radio")`), (item) => {
@@ -49486,6 +49696,17 @@ var SessionRecorderBuffer = /** @class */ (function () {
     return SessionRecorderBuffer;
 }());
 
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
 function __rest(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -49718,6 +49939,8 @@ function shouldMask(node, options) {
         var el = isElementNode(node) ? node : node.parentElement;
         if (el === null)
             return false;
+        if ((el.tagName || '').toUpperCase() === 'STYLE')
+            return false;
         var maskDistance = -1;
         var unmaskDistance = -1;
         if (maskAllText) {
@@ -51648,7 +51871,7 @@ function includes(str, substring) {
 function getResourceType(blockedURI, directive) {
     if (!directive || typeof directive !== 'string')
         return 'resource';
-    const d = directive.toLowerCase();
+    var d = directive.toLowerCase();
     if (blockedURI === 'inline') {
         if (includes(d, 'script-src-attr')) {
             return 'inline event handler';
@@ -51707,11 +51930,12 @@ function getResourceType(blockedURI, directive) {
 function getDirective(policy, directiveName) {
     if (!policy || !directiveName)
         return '';
-    const needle = directiveName.toLowerCase();
-    for (const directive of policy.split(';')) {
-        const trimmed = directive.trim();
-        const lower = trimmed.toLowerCase();
-        if (lower === needle || lower.startsWith(`${needle} `)) {
+    var needle = directiveName.toLowerCase();
+    for (var _i = 0, _a = policy.split(';'); _i < _a.length; _i++) {
+        var directive = _a[_i];
+        var trimmed = directive.trim();
+        var lower = trimmed.toLowerCase();
+        if (lower === needle || lower.startsWith("".concat(needle, " "))) {
             return trimmed;
         }
     }
@@ -51733,7 +51957,7 @@ function getDirective(policy, directiveName) {
 function getArticle(phrase) {
     if (!phrase || typeof phrase !== 'string')
         return 'A';
-    const c = phrase.trim().charAt(0).toLowerCase();
+    var c = phrase.trim().charAt(0).toLowerCase();
     return includes('aeiou', c) ? 'An' : 'A';
 }
 /**
@@ -51776,46 +52000,47 @@ function createCspViolationMessage(blockedURI, directive, isReportOnly, original
         return 'Content Security Policy: Unknown violation occurred.';
     }
     try {
-        const reportOnlyText = isReportOnly ? ' (Report-Only)' : '';
+        var reportOnlyText = isReportOnly ? ' (Report-Only)' : '';
         // special case for frame-ancestors since it doesn't fit our template at all
         if ((directive === null || directive === void 0 ? void 0 : directive.toLowerCase()) === 'frame-ancestors') {
-            return `Content Security Policy${reportOnlyText}: The display of ${blockedURI} in a frame was blocked because an ancestor violates your site's frame-ancestors policy.\nCurrent CSP: "${originalPolicy}".`;
+            return "Content Security Policy".concat(reportOnlyText, ": The display of ").concat(blockedURI, " in a frame was blocked because an ancestor violates your site's frame-ancestors policy.\nCurrent CSP: \"").concat(originalPolicy, "\".");
         }
-        const resourceType = getResourceType(blockedURI, directive);
-        const article = getArticle(resourceType);
-        const source = formatBlockedUri(blockedURI);
-        const directiveValue = getDirective(originalPolicy, directive);
-        const policyDisplay = directiveValue || directive;
-        const resourceDescription = `${article} ${resourceType}${source ? ` from ${source}` : ''}`;
-        return `Content Security Policy${reportOnlyText}: ${resourceDescription} was blocked by your site's \`${policyDisplay}\` policy.\nCurrent CSP: "${originalPolicy}".`;
+        var resourceType = getResourceType(blockedURI, directive);
+        var article = getArticle(resourceType);
+        var source = formatBlockedUri(blockedURI);
+        var directiveValue = getDirective(originalPolicy, directive);
+        var policyDisplay = directiveValue || directive;
+        var resourceDescription = "".concat(article, " ").concat(resourceType).concat(source ? " from ".concat(source) : '');
+        return "Content Security Policy".concat(reportOnlyText, ": ").concat(resourceDescription, " was blocked by your site's `").concat(policyDisplay, "` policy.\nCurrent CSP: \"").concat(originalPolicy, "\".");
     }
     catch (error) {
-        return `Content Security Policy: Error formatting violation message: ${error.message}`;
+        return "Content Security Policy: Error formatting violation message: ".concat(error.message);
     }
 }
 
-const MAX_LENGTH = 1000;
-const PII_PATTERN = {
+var MAX_LENGTH = 1000;
+var PII_PATTERN = {
     ip: /\b(?:\d{1,3}\.){3}\d{1,3}\b/g,
     ssn: /\b\d{3}-\d{2}-\d{4}\b/g,
     creditCard: /\b(?:\d[ -]?){12,18}\d\b/g,
     httpsUrls: /https:\/\/[^\s]+/g,
     email: /[\w._+-]+@[\w.-]+\.\w+/g
 };
-const PII_REPLACEMENT = '*'.repeat(10);
-const JSON_PII_KEYS = ['password', 'email', 'key', 'token', 'auth', 'authentication', 'phone', 'address', 'ssn'];
-const UNABLE_TO_DISPLAY_BODY = '[Unable to display body: detected PII could not be redacted]';
-const joinedKeys = JSON_PII_KEYS.join('|');
-const keyPattern = `"([^"]*(?:${joinedKeys})[^"]*)"`;
+var PII_REPLACEMENT = '*'.repeat(10);
+var JSON_PII_KEYS = ['password', 'email', 'key', 'token', 'auth', 'authentication', 'phone', 'address', 'ssn'];
+var UNABLE_TO_DISPLAY_BODY = '[Unable to display body: detected PII could not be redacted]';
+var joinedKeys = JSON_PII_KEYS.join('|');
+var keyPattern = "\"([^\"]*(?:".concat(joinedKeys, ")[^\"]*)\"");
 // only scrub strings, numbers, and booleans
-const acceptedValues = '("([^"\\\\]*(?:\\\\.[^"\\\\]*)*")|(\\d+)|(true|false))';
+var acceptedValues = '("([^"\\\\]*(?:\\\\.[^"\\\\]*)*")|(\\d+)|(true|false))';
 /**
  * Truncates a string to the max length
  * @access private
  * @param {String} string
  * @returns {String}
  */
-function truncate(string, includeEllipsis = false) {
+function truncate(string, includeEllipsis) {
+    if (includeEllipsis === void 0) { includeEllipsis = false; }
     if (string.length <= MAX_LENGTH)
         return string;
     if (includeEllipsis) {
@@ -51832,7 +52057,7 @@ function truncate(string, includeEllipsis = false) {
  * @returns {String}
  */
 function generateLogKey(methodName, message, stackTrace) {
-    return `${methodName}|${message}|${stackTrace}`;
+    return "".concat(methodName, "|").concat(message, "|").concat(stackTrace);
 }
 /**
  * Checks if a string has 2 or more digits, a https URL, or an email address
@@ -51849,12 +52074,13 @@ function mightContainPII(string) {
  * @param {String} string
  * @returns {String}
  */
-function scrubPII({ string, _ }) {
+function scrubPII(_a) {
+    var string = _a.string, _ = _a._;
     if (!string || typeof string !== 'string')
         return string;
     if (!mightContainPII(string))
         return string;
-    return _.reduce(_.values(PII_PATTERN), (str, pattern) => str.replace(pattern, PII_REPLACEMENT), string);
+    return _.reduce(_.values(PII_PATTERN), function (str, pattern) { return str.replace(pattern, PII_REPLACEMENT); }, string);
 }
 /**
  * Scrub PII from a stringified JSON object
@@ -51863,12 +52089,14 @@ function scrubPII({ string, _ }) {
  * @returns {String}
  */
 function scrubJsonPII(string) {
-    const fullScrubRegex = new RegExp(`${keyPattern}\\s*:\\s*[\\{\\[]`, 'i');
+    var fullScrubRegex = new RegExp("".concat(keyPattern, "\\s*:\\s*[\\{\\[]"), 'i');
     if (fullScrubRegex.test(string)) {
         return UNABLE_TO_DISPLAY_BODY;
     }
-    const keyValueScrubRegex = new RegExp(`${keyPattern}\\s*:\\s*${acceptedValues}`, 'gi');
-    return string.replace(keyValueScrubRegex, (match, key) => `"${key}":"${PII_REPLACEMENT}"`);
+    var keyValueScrubRegex = new RegExp("".concat(keyPattern, "\\s*:\\s*").concat(acceptedValues), 'gi');
+    return string.replace(keyValueScrubRegex, function (match, key) {
+        return "\"".concat(key, "\":\"").concat(PII_REPLACEMENT, "\"");
+    });
 }
 /**
  * Checks if a string is a JSON object
@@ -51880,7 +52108,7 @@ function scrubJsonPII(string) {
 function mightContainJson(string, contentType) {
     if (!string || typeof string !== 'string')
         return false;
-    const firstChar = string.charAt(0);
+    var firstChar = string.charAt(0);
     if (contentType && contentType.indexOf('application/json') !== -1) {
         return true;
     }
@@ -51893,19 +52121,20 @@ function mightContainJson(string, contentType) {
  * @param {String} contentType
  * @returns {String}
  */
-function maskSensitiveFields({ string, contentType, _ }) {
+function maskSensitiveFields(_a) {
+    var string = _a.string, contentType = _a.contentType, _ = _a._;
     if (!string || typeof string !== 'string')
         return string;
     if (mightContainJson(string, contentType)) {
         string = scrubJsonPII(string);
     }
     if (mightContainPII(string)) {
-        string = scrubPII({ string, _ });
+        string = scrubPII({ string: string, _: _ });
     }
     return string;
 }
 
-const DEV_LOG_TYPE = 'devlog';
+var DEV_LOG_TYPE = 'devlog';
 function createDevLogEnvelope(pluginAPI, globalPendo) {
     return {
         browser_time: pluginAPI.util.getNow(),
@@ -51916,12 +52145,12 @@ function createDevLogEnvelope(pluginAPI, globalPendo) {
     };
 }
 
-const TOKEN_MAX_SIZE = 100;
-const TOKEN_REFILL_RATE = 10;
-const TOKEN_REFRESH_INTERVAL = 1000;
-const MAX_UNCOMPRESSED_SIZE = 125000; // 125KB
-class DevlogBuffer {
-    constructor(pendo, pluginAPI) {
+var TOKEN_MAX_SIZE = 100;
+var TOKEN_REFILL_RATE = 10;
+var TOKEN_REFRESH_INTERVAL = 1000;
+var MAX_UNCOMPRESSED_SIZE = 125000; // 125KB
+var DevlogBuffer = /** @class */ (function () {
+    function DevlogBuffer(pendo, pluginAPI) {
         this.pendo = pendo;
         this.pluginAPI = pluginAPI;
         this.events = [];
@@ -51932,36 +52161,36 @@ class DevlogBuffer {
         this.lastRefillTime = this.pluginAPI.util.getNow();
         this.nextRefillTime = this.lastRefillTime + TOKEN_REFRESH_INTERVAL;
     }
-    isEmpty() {
+    DevlogBuffer.prototype.isEmpty = function () {
         return this.events.length === 0 && this.payloads.length === 0;
-    }
-    refillTokens() {
-        const now = this.pluginAPI.util.getNow();
+    };
+    DevlogBuffer.prototype.refillTokens = function () {
+        var now = this.pluginAPI.util.getNow();
         if (now >= this.nextRefillTime) {
-            const timeSinceLastRefill = now - this.lastRefillTime;
-            const secondsSinceLastRefill = Math.floor(timeSinceLastRefill / TOKEN_REFRESH_INTERVAL);
-            const tokensToRefill = secondsSinceLastRefill * TOKEN_REFILL_RATE;
+            var timeSinceLastRefill = now - this.lastRefillTime;
+            var secondsSinceLastRefill = Math.floor(timeSinceLastRefill / TOKEN_REFRESH_INTERVAL);
+            var tokensToRefill = secondsSinceLastRefill * TOKEN_REFILL_RATE;
             this.tokens = Math.min(this.tokens + tokensToRefill, TOKEN_MAX_SIZE);
             this.lastRefillTime = now;
             this.nextRefillTime = now + TOKEN_REFRESH_INTERVAL;
         }
-    }
-    clear() {
+    };
+    DevlogBuffer.prototype.clear = function () {
         this.events = [];
         this.lastEvent = null;
         this.uncompressedSize = 0;
-    }
-    hasTokenAvailable() {
+    };
+    DevlogBuffer.prototype.hasTokenAvailable = function () {
         this.refillTokens();
         return this.tokens > 0;
-    }
-    estimateEventSize(event) {
+    };
+    DevlogBuffer.prototype.estimateEventSize = function (event) {
         return JSON.stringify(event).length;
-    }
-    push(event) {
+    };
+    DevlogBuffer.prototype.push = function (event) {
         if (!this.hasTokenAvailable())
             return false;
-        const eventSize = this.estimateEventSize(event);
+        var eventSize = this.estimateEventSize(event);
         if (this.uncompressedSize + eventSize > MAX_UNCOMPRESSED_SIZE) {
             this.compressCurrentChunk();
         }
@@ -51970,54 +52199,55 @@ class DevlogBuffer {
         this.events.push(event);
         this.tokens = Math.max(this.tokens - 1, 0);
         return true;
-    }
-    compressCurrentChunk() {
+    };
+    DevlogBuffer.prototype.compressCurrentChunk = function () {
         if (this.events.length === 0)
             return;
-        const jzb = this.pendo.compress(this.events);
+        var jzb = this.pendo.compress(this.events);
         this.payloads.push(jzb);
         this.clear();
-    }
-    generateUrl() {
-        const queryParams = {
+    };
+    DevlogBuffer.prototype.generateUrl = function () {
+        var queryParams = {
             v: this.pendo.VERSION,
             ct: this.pluginAPI.util.getNow()
         };
         return this.pluginAPI.transmit.buildBaseDataUrl(DEV_LOG_TYPE, this.pendo.apiKey, queryParams);
-    }
-    pack() {
+    };
+    DevlogBuffer.prototype.pack = function () {
         if (this.isEmpty())
             return;
-        const url = this.generateUrl();
+        var url = this.generateUrl();
         this.compressCurrentChunk();
-        const payloads = this.pendo._.map(this.payloads, (jzb) => ({
-            jzb,
-            url
-        }));
+        var payloads = this.pendo._.map(this.payloads, function (jzb) { return ({
+            jzb: jzb,
+            url: url
+        }); });
         this.payloads = [];
         return payloads;
-    }
-}
+    };
+    return DevlogBuffer;
+}());
 
-class DevlogTransport {
-    constructor(globalPendo, pluginAPI) {
+var DevlogTransport = /** @class */ (function () {
+    function DevlogTransport(globalPendo, pluginAPI) {
         this.pendo = globalPendo;
         this.pluginAPI = pluginAPI;
     }
-    buildGetUrl(baseUrl, jzb) {
-        const params = {};
+    DevlogTransport.prototype.buildGetUrl = function (baseUrl, jzb) {
+        var params = {};
         if (this.pluginAPI.agent.treatAsAdoptPartner()) {
             this.pluginAPI.agent.addAccountIdParams(params, this.pendo.get_account_id(), this.pluginAPI.ConfigReader.get('oemAccountId'));
         }
-        const jwtOptions = this.pluginAPI.agent.getJwtInfoCopy();
+        var jwtOptions = this.pluginAPI.agent.getJwtInfoCopy();
         if (!this.pendo._.isEmpty(jwtOptions)) {
             this.pendo._.extend(params, jwtOptions);
         }
         params.jzb = jzb;
-        const queryString = this.pendo._.map(params, (value, key) => `${key}=${value}`).join('&');
-        return `${baseUrl}${baseUrl.indexOf('?') !== -1 ? '&' : '?'}${queryString}`;
-    }
-    get(url, options) {
+        var queryString = this.pendo._.map(params, function (value, key) { return "".concat(key, "=").concat(value); }).join('&');
+        return "".concat(baseUrl).concat(baseUrl.indexOf('?') !== -1 ? '&' : '?').concat(queryString);
+    };
+    DevlogTransport.prototype.get = function (url, options) {
         options.method = 'GET';
         if (this.pluginAPI.transmit.fetchKeepalive.supported()) {
             return this.pluginAPI.transmit.fetchKeepalive(url, options);
@@ -52025,86 +52255,90 @@ class DevlogTransport {
         else {
             return this.pendo.ajax.get(url);
         }
-    }
-    sendRequestWithGet({ url, jzb }) {
-        const getUrl = this.buildGetUrl(url, jzb);
+    };
+    DevlogTransport.prototype.sendRequestWithGet = function (_a) {
+        var url = _a.url, jzb = _a.jzb;
+        var getUrl = this.buildGetUrl(url, jzb);
         return this.get(getUrl, {
             headers: {
                 'Content-Type': 'application/octet-stream'
             }
         });
-    }
-    post(url, options) {
+    };
+    DevlogTransport.prototype.post = function (url, options) {
         options.method = 'POST';
         if (options.keepalive && this.pluginAPI.transmit.fetchKeepalive.supported()) {
             return this.pluginAPI.transmit.fetchKeepalive(url, options);
         }
         else if (options.keepalive && this.pluginAPI.transmit.sendBeacon.supported()) {
-            const result = this.pluginAPI.transmit.sendBeacon(url, new Blob([options.body]));
+            var result = this.pluginAPI.transmit.sendBeacon(url, new Blob([options.body]));
             return result ? Promise$2.resolve() : Promise$2.reject(new Error('sendBeacon failed to send devlog data'));
         }
         else {
             return this.pendo.ajax.post(url, options.body);
         }
-    }
-    sendRequestWithPost({ url, jzb }, isUnload) {
-        const jwtOptions = this.pluginAPI.agent.getJwtInfoCopy();
-        const bodyPayload = {
+    };
+    DevlogTransport.prototype.sendRequestWithPost = function (_a, isUnload) {
+        var url = _a.url, jzb = _a.jzb;
+        var jwtOptions = this.pluginAPI.agent.getJwtInfoCopy();
+        var bodyPayload = {
             events: jzb,
             browser_time: this.pluginAPI.util.getNow()
         };
         if (this.pluginAPI.agent.treatAsAdoptPartner()) {
             this.pluginAPI.agent.addAccountIdParams(bodyPayload, this.pendo.get_account_id(), this.pluginAPI.ConfigReader.get('oemAccountId'));
         }
-        const body = JSON.stringify(this.pendo._.extend(bodyPayload, jwtOptions));
+        var body = JSON.stringify(this.pendo._.extend(bodyPayload, jwtOptions));
         return this.post(url, {
-            body,
+            body: body,
             headers: {
                 'Content-Type': 'application/json'
             },
             keepalive: isUnload
         });
-    }
-    sendRequest({ url, jzb }, isUnload) {
-        const compressedLength = jzb.length;
+    };
+    DevlogTransport.prototype.sendRequest = function (_a, isUnload) {
+        var url = _a.url, jzb = _a.jzb;
+        var compressedLength = jzb.length;
         if (compressedLength <= this.pluginAPI.constants.ENCODED_EVENT_MAX_LENGTH && !this.pluginAPI.ConfigReader.get('sendEventsWithPostOnly')) {
-            return this.sendRequestWithGet({ url, jzb });
+            return this.sendRequestWithGet({ url: url, jzb: jzb });
         }
-        return this.sendRequestWithPost({ url, jzb }, isUnload);
-    }
-}
+        return this.sendRequestWithPost({ url: url, jzb: jzb }, isUnload);
+    };
+    return DevlogTransport;
+}());
 
 function ConsoleCapture() {
-    let pluginAPI;
-    let _;
-    let globalPendo;
-    let buffer;
-    let sendQueue;
-    let sendInterval;
-    let transport;
-    let isPtmPaused;
-    let isCapturingConsoleLogs = false;
-    const CAPTURE_CONSOLE_CONFIG = 'captureConsoleLogs';
-    const CONSOLE_METHODS = ['log', 'warn', 'error', 'info'];
-    const DEV_LOG_SUB_TYPE = 'console';
+    var pluginAPI;
+    var _;
+    var globalPendo;
+    var buffer;
+    var sendQueue;
+    var sendInterval;
+    var transport;
+    var isPtmPaused;
+    var isCapturingConsoleLogs = false;
+    var CAPTURE_CONSOLE_CONFIG = 'captureConsoleLogs';
+    var CONSOLE_METHODS = ['log', 'warn', 'error', 'info'];
+    var DEV_LOG_SUB_TYPE = 'console';
     // deduplicate logs
-    let lastLogKey = '';
+    var lastLogKey = '';
     return {
         name: 'ConsoleCapture',
-        initialize,
-        teardown,
-        addIntercepts,
-        createConsoleEvent,
-        captureStackTrace,
-        send,
-        setCaptureState,
-        recordingStarted,
-        recordingStopped,
-        onAppHidden,
-        onAppUnloaded,
-        onPtmPaused,
-        onPtmUnpaused,
-        securityPolicyViolationFn,
+        initialize: initialize,
+        teardown: teardown,
+        addIntercepts: addIntercepts,
+        createConsoleEvent: createConsoleEvent,
+        captureStackTrace: captureStackTrace,
+        send: send,
+        setCaptureState: setCaptureState,
+        recordingStarted: recordingStarted,
+        recordingStopped: recordingStopped,
+        onAppHidden: onAppHidden,
+        onAppUnloaded: onAppUnloaded,
+        onPtmPaused: onPtmPaused,
+        onPtmUnpaused: onPtmUnpaused,
+        securityPolicyViolationFn: securityPolicyViolationFn,
         get isCapturingConsoleLogs() {
             return isCapturingConsoleLogs;
         },
@@ -52121,16 +52355,16 @@ function ConsoleCapture() {
     function initialize(pendo, PluginAPI) {
         _ = pendo._;
         pluginAPI = PluginAPI;
-        const { ConfigReader } = pluginAPI;
+        var ConfigReader = pluginAPI.ConfigReader;
         ConfigReader.addOption(CAPTURE_CONSOLE_CONFIG, [ConfigReader.sources.PENDO_CONFIG_SRC], false);
-        const captureConsoleEnabled = ConfigReader.get(CAPTURE_CONSOLE_CONFIG);
+        var captureConsoleEnabled = ConfigReader.get(CAPTURE_CONSOLE_CONFIG);
         if (!captureConsoleEnabled)
             return;
         globalPendo = pendo;
         buffer = new DevlogBuffer(pendo, pluginAPI);
         transport = new DevlogTransport(pendo, pluginAPI);
         sendQueue = new pluginAPI.SendQueue(transport.sendRequest.bind(transport));
-        sendInterval = setInterval(() => {
+        sendInterval = setInterval(function () {
             if (!sendQueue.failed()) {
                 send();
             }
@@ -52156,17 +52390,19 @@ function ConsoleCapture() {
     function onPtmUnpaused() {
         isPtmPaused = false;
         if (!buffer.isEmpty()) {
-            for (const event of buffer.events) {
-                pluginAPI.Events.eventCaptured.trigger(event);
+            for (var _i = 0, _a = buffer.events; _i < _a.length; _i++) {
+                var event_1 = _a[_i];
+                pluginAPI.Events.eventCaptured.trigger(event_1);
             }
             send();
         }
     }
-    function setCaptureState({ shouldCapture = false, reason = '' } = {}) {
+    function setCaptureState(_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.shouldCapture, shouldCapture = _c === void 0 ? false : _c, _d = _b.reason, reason = _d === void 0 ? '' : _d;
         if (shouldCapture === isCapturingConsoleLogs)
             return;
         isCapturingConsoleLogs = shouldCapture;
-        pluginAPI.log.info(`[ConsoleCapture] Console log capture ${shouldCapture ? 'started' : 'stopped'}${reason ? `: ${reason}` : ''}`);
+        pluginAPI.log.info("[ConsoleCapture] Console log capture ".concat(shouldCapture ? 'started' : 'stopped').concat(reason ? ": ".concat(reason) : ''));
     }
     function recordingStarted() {
         setCaptureState({ shouldCapture: true, reason: 'recording started' });
@@ -52186,12 +52422,12 @@ function ConsoleCapture() {
     }
     function addIntercepts() {
         _.each(CONSOLE_METHODS, function (methodName) {
-            const originalMethod = console[methodName];
+            var originalMethod = console[methodName];
             if (!originalMethod)
                 return;
             console[methodName] = _.wrap(originalMethod, function (originalFn) {
                 // slice 1 to omit originalFn
-                const args = _.toArray(arguments).slice(1);
+                var args = _.toArray(arguments).slice(1);
                 originalFn.apply(console, args);
                 createConsoleEvent(args, methodName);
             });
@@ -52203,10 +52439,10 @@ function ConsoleCapture() {
     function securityPolicyViolationFn(evt) {
         if (!evt || typeof evt !== 'object')
             return;
-        const { blockedURI, violatedDirective, effectiveDirective, disposition, originalPolicy } = evt;
-        const directive = violatedDirective || effectiveDirective;
-        const isReportOnly = disposition === 'report';
-        const message = createCspViolationMessage(blockedURI, directive, isReportOnly, originalPolicy);
+        var blockedURI = evt.blockedURI, violatedDirective = evt.violatedDirective, effectiveDirective = evt.effectiveDirective, disposition = evt.disposition, originalPolicy = evt.originalPolicy;
+        var directive = violatedDirective || effectiveDirective;
+        var isReportOnly = disposition === 'report';
+        var message = createCspViolationMessage(blockedURI, directive, isReportOnly, originalPolicy);
         if (isReportOnly) {
             createConsoleEvent([message], 'warn', { skipStackTrace: true, skipScrubPII: true });
         }
@@ -52214,12 +52450,13 @@ function ConsoleCapture() {
             createConsoleEvent([message], 'error', { skipStackTrace: true, skipScrubPII: true });
         }
     }
-    function createConsoleEvent(args, methodName, { skipStackTrace = false, skipScrubPII = false } = {}) {
+    function createConsoleEvent(args, methodName, _a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.skipStackTrace, skipStackTrace = _c === void 0 ? false : _c, _d = _b.skipScrubPII, skipScrubPII = _d === void 0 ? false : _d;
         if (!isCapturingConsoleLogs || !args || args.length === 0 || !_.contains(CONSOLE_METHODS, methodName))
             return;
         // stringify args
-        let message = _.compact(_.map(args, arg => {
-            let stringifiedArg;
+        var message = _.compact(_.map(args, function (arg) {
+            var stringifiedArg;
             try {
                 stringifiedArg = stringify(arg);
             }
@@ -52231,22 +52468,22 @@ function ConsoleCapture() {
         if (!message)
             return;
         // capture stack trace
-        let stackTrace = '';
+        var stackTrace = '';
         if (!skipStackTrace) {
-            const maxStackFrames = methodName === 'error' ? 4 : 1;
+            var maxStackFrames = methodName === 'error' ? 4 : 1;
             stackTrace = captureStackTrace(maxStackFrames);
         }
         // truncate message and stack trace
         message = truncate(message);
         stackTrace = truncate(stackTrace);
         // de-duplicate log
-        const logKey = generateLogKey(methodName, message, stackTrace);
+        var logKey = generateLogKey(methodName, message, stackTrace);
         if (isExistingDuplicateLog(logKey)) {
             buffer.lastEvent.devLogCount++;
             return;
         }
-        const devLogEnvelope = createDevLogEnvelope(pluginAPI, globalPendo);
-        const consoleEvent = Object.assign(Object.assign({}, devLogEnvelope), { subType: DEV_LOG_SUB_TYPE, devLogLevel: methodName === 'log' ? 'info' : methodName, devLogMessage: skipScrubPII ? message : scrubPII({ string: message, _ }), devLogTrace: stackTrace, devLogCount: 1 });
+        var devLogEnvelope = createDevLogEnvelope(pluginAPI, globalPendo);
+        var consoleEvent = __assign(__assign({}, devLogEnvelope), { subType: DEV_LOG_SUB_TYPE, devLogLevel: methodName === 'log' ? 'info' : methodName, devLogMessage: skipScrubPII ? message : scrubPII({ string: message, _: _ }), devLogTrace: stackTrace, devLogCount: 1 });
         if (!buffer.hasTokenAvailable())
             return consoleEvent;
         if (!isPtmPaused) {
@@ -52258,8 +52495,8 @@ function ConsoleCapture() {
     }
     function captureStackTrace(maxStackFrames) {
         try {
-            const stackFrames = ErrorStackParser.parse(new Error(), maxStackFrames);
-            return _.map(stackFrames, frame => frame.toString()).join('\n');
+            var stackFrames = ErrorStackParser.parse(new Error(), maxStackFrames);
+            return _.map(stackFrames, function (frame) { return frame.toString(); }).join('\n');
         }
         catch (error) {
             return '';
@@ -52271,21 +52508,22 @@ function ConsoleCapture() {
     function updateLastLog(logKey) {
         lastLogKey = logKey;
     }
-    function send({ unload = false, hidden = false } = {}) {
+    function send(_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.unload, unload = _c === void 0 ? false : _c, _d = _b.hidden, hidden = _d === void 0 ? false : _d;
         if (!buffer || buffer.isEmpty())
             return;
         if (!globalPendo.isSendingEvents()) {
             buffer.clear();
             return;
         }
-        const payloads = buffer.pack();
+        var payloads = buffer.pack();
         if (!payloads || payloads.length === 0)
             return;
         if (unload || hidden) {
             sendQueue.drain(payloads, unload);
         }
         else {
-            sendQueue.push(...payloads);
+            sendQueue.push.apply(sendQueue, payloads);
         }
     }
     function teardown() {
@@ -52309,7 +52547,7 @@ function ConsoleCapture() {
         _.each(CONSOLE_METHODS, function (methodName) {
             if (!console[methodName])
                 return _.noop;
-            const unwrap = console[methodName]._pendoUnwrap;
+            var unwrap = console[methodName]._pendoUnwrap;
             if (_.isFunction(unwrap)) {
                 unwrap();
             }
@@ -52751,7 +52989,7 @@ var injectStyles = function (pendoContainerId, log) {
     log("[predict] injecting styles: ".concat(styleId));
     createElement('style', {
         id: styleId,
-        textContent: "\n                #".concat(pendoContainerId, " {\n                display: none !important;\n                }\n                .frame-explanation {\n                aspect-ratio: 16/9; overflow: hidden; min-height: 300px;\n                width: 100vw; height: 100vh; background: transparent;\n                position: fixed; bottom: 0; right: 0; z-index: 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                ")
+        textContent: "\n                #".concat(pendoContainerId, " {\n                display: none !important;\n                }\n                .frame-explanation {\n                aspect-ratio: 16/9; overflow: hidden; min-height: 300px;\n                width: 100vw; height: 100vh; background: transparent;\n                position: fixed; bottom: 0; right: 0; z-index: 1; border: none;\n                visibility: hidden; opacity: 0; pointer-events: none;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;\n                display: none;\n                }\n                .frame-explanation.is-visible {\n                z-index: 999999;\n                visibility: visible; opacity: 1; pointer-events: auto;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0s;\n                }\n                .frame-explanation.is-exists {\n                display: block !important;\n                }\n                .floating-modal-container {\n                position: fixed; top: 20px; right: 20px; z-index: 500000;\n                visibility: hidden; opacity: 0; pointer-events: none;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;\n                border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);\n                overflow: hidden; width: 384px; height: 176px;\n                }\n                .floating-modal-container.is-visible {\n                visibility: visible; opacity: 1; pointer-events: auto;\n                transition: opacity 0.1s ease-out, visibility 0s linear 0s;\n                }\n                .floating-modal-container.is-dragging { will-change: left, top; }\n                .floating-modal-drag-handle {\n                position: absolute; left: 50%; transform: translateX(-50%);\n                top: 5px; width: calc(100% - 46px); min-width: 166px; height: 17px;\n                z-index: 9999; transition: left 0.2s ease, right 0.2s ease;\n                display: flex; justify-content: center; align-items: center;\n                }\n                .floating-modal-drag-handle svg g { fill: #A0A0A0; }\n                .floating-modal-drag-handle:hover { cursor: grab; }\n                .floating-modal-drag-handle:hover svg g { fill: #1f2937; }\n                .floating-modal-drag-handle.is-dragging { cursor: grabbing; }\n                .floating-modal-drag-handle.is-collapsed { top: 0px; }\n                .frame-floating-modal { width: 100%; height: 100%; background: white; border: none; display: block; }\n                ")
     }, document.head);
 };
 var getRecordIdFromUrl = function (recordRegex, log) {