@pendo/agent 2.302.3 → 2.304.0

package/dist/dom.esm.js

@@ -7359,7 +7359,7 @@ function getScreenPosition(element) {
     };
 }
 
-var VERSION = '2.302.3_';
+var VERSION = '2.304.0_';
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 
@@ -9255,50 +9255,49 @@ function isElementVisible(element, overflowPattern) {
     // *Probably* visible...
     return true;
 }
+function scrollElementIntoParentRect(element, scrollParent) {
+    var clientRect = getClientRect(element);
+    var scrollRect = getClientRect(scrollParent);
+    var yScrollAmount = 0;
+    var xScrollAmount = 0;
+    var diff;
+    if (clientRect.bottom > scrollRect.bottom) {
+        yScrollAmount += clientRect.bottom - scrollRect.bottom;
+        clientRect.top -= yScrollAmount;
+        clientRect.bottom -= yScrollAmount;
+    }
+    if (clientRect.top < scrollRect.top) {
+        diff = scrollRect.top - clientRect.top;
+        yScrollAmount -= diff;
+        clientRect.top += diff;
+        clientRect.bottom += diff;
+    }
+    if (clientRect.right > scrollRect.right) {
+        xScrollAmount += clientRect.right - scrollRect.right;
+        clientRect.left -= xScrollAmount;
+        clientRect.right -= xScrollAmount;
+    }
+    if (clientRect.left < scrollRect.left) {
+        diff = scrollRect.left - clientRect.left;
+        xScrollAmount -= diff;
+        clientRect.left += diff;
+        clientRect.right += diff;
+    }
+    if (_.isFunction(scrollParent.scrollBy)) {
+        scrollParent.scrollBy(xScrollAmount, yScrollAmount);
+    }
+    else {
+        scrollParent.scrollTop += yScrollAmount;
+        scrollParent.scrollLeft += xScrollAmount;
+    }
+}
 function scrollIntoView(element) {
     var overflowScroll = /(auto|scroll)/;
-    var clientRect;
     var scrollParent;
-    var scrollRect;
-    var yScrollAmount;
-    var xScrollAmount;
-    var diff;
     var pbody = getBody();
     scrollParent = getScrollParent(element, overflowScroll);
     while (scrollParent && scrollParent !== pbody) {
-        clientRect = getClientRect(element);
-        scrollRect = getClientRect(scrollParent);
-        yScrollAmount = 0;
-        xScrollAmount = 0;
-        if (clientRect.bottom > scrollRect.bottom) {
-            yScrollAmount += clientRect.bottom - scrollRect.bottom;
-            clientRect.top -= yScrollAmount;
-            clientRect.bottom -= yScrollAmount;
-        }
-        if (clientRect.top < scrollRect.top) {
-            diff = scrollRect.top - clientRect.top;
-            yScrollAmount -= diff;
-            clientRect.top += diff;
-            clientRect.bottom += diff;
-        }
-        if (clientRect.right > scrollRect.right) {
-            xScrollAmount += clientRect.right - scrollRect.right;
-            clientRect.left -= xScrollAmount;
-            clientRect.right -= xScrollAmount;
-        }
-        if (clientRect.left < scrollRect.left) {
-            diff = scrollRect.left - clientRect.left;
-            xScrollAmount -= diff;
-            clientRect.left += diff;
-            clientRect.right += diff;
-        }
-        if (_.isFunction(scrollParent.scrollBy)) {
-            scrollParent.scrollBy(xScrollAmount, yScrollAmount);
-        }
-        else {
-            scrollParent.scrollTop += yScrollAmount;
-            scrollParent.scrollLeft += xScrollAmount;
-        }
+        scrollElementIntoParentRect(element, scrollParent);
         scrollParent = getScrollParent(scrollParent, overflowScroll);
     }
 }

package/dist/pendo.module.js

@@ -3904,8 +3904,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.302.3_';
-let PACKAGE_VERSION = '2.302.3';
+let VERSION = '2.304.0_';
+let PACKAGE_VERSION = '2.304.0';
 let LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -4203,6 +4203,12 @@ var getNumberFromText = function (text) {
 function isPromise(obj) {
     return _.isObject(obj) && _.isFunction(obj.then);
 }
+function unwrapFirefoxObject(obj) {
+    if (obj && obj.hasOwnProperty('wrappedJSObject')) {
+        return obj.wrappedJSObject;
+    }
+    return obj;
+}
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 
@@ -10738,50 +10744,49 @@ function wouldBeVisibleAfterAutoScroll(element) {
     }
     return true;
 }
+function scrollElementIntoParentRect(element, scrollParent) {
+    var clientRect = getClientRect(element);
+    var scrollRect = getClientRect(scrollParent);
+    var yScrollAmount = 0;
+    var xScrollAmount = 0;
+    var diff;
+    if (clientRect.bottom > scrollRect.bottom) {
+        yScrollAmount += clientRect.bottom - scrollRect.bottom;
+        clientRect.top -= yScrollAmount;
+        clientRect.bottom -= yScrollAmount;
+    }
+    if (clientRect.top < scrollRect.top) {
+        diff = scrollRect.top - clientRect.top;
+        yScrollAmount -= diff;
+        clientRect.top += diff;
+        clientRect.bottom += diff;
+    }
+    if (clientRect.right > scrollRect.right) {
+        xScrollAmount += clientRect.right - scrollRect.right;
+        clientRect.left -= xScrollAmount;
+        clientRect.right -= xScrollAmount;
+    }
+    if (clientRect.left < scrollRect.left) {
+        diff = scrollRect.left - clientRect.left;
+        xScrollAmount -= diff;
+        clientRect.left += diff;
+        clientRect.right += diff;
+    }
+    if (_.isFunction(scrollParent.scrollBy)) {
+        scrollParent.scrollBy(xScrollAmount, yScrollAmount);
+    }
+    else {
+        scrollParent.scrollTop += yScrollAmount;
+        scrollParent.scrollLeft += xScrollAmount;
+    }
+}
 function scrollIntoView(element) {
     var overflowScroll = /(auto|scroll)/;
-    var clientRect;
     var scrollParent;
-    var scrollRect;
-    var yScrollAmount;
-    var xScrollAmount;
-    var diff;
     var pbody = getBody();
     scrollParent = getScrollParent(element, overflowScroll);
     while (scrollParent && scrollParent !== pbody) {
-        clientRect = getClientRect(element);
-        scrollRect = getClientRect(scrollParent);
-        yScrollAmount = 0;
-        xScrollAmount = 0;
-        if (clientRect.bottom > scrollRect.bottom) {
-            yScrollAmount += clientRect.bottom - scrollRect.bottom;
-            clientRect.top -= yScrollAmount;
-            clientRect.bottom -= yScrollAmount;
-        }
-        if (clientRect.top < scrollRect.top) {
-            diff = scrollRect.top - clientRect.top;
-            yScrollAmount -= diff;
-            clientRect.top += diff;
-            clientRect.bottom += diff;
-        }
-        if (clientRect.right > scrollRect.right) {
-            xScrollAmount += clientRect.right - scrollRect.right;
-            clientRect.left -= xScrollAmount;
-            clientRect.right -= xScrollAmount;
-        }
-        if (clientRect.left < scrollRect.left) {
-            diff = scrollRect.left - clientRect.left;
-            xScrollAmount -= diff;
-            clientRect.left += diff;
-            clientRect.right += diff;
-        }
-        if (_.isFunction(scrollParent.scrollBy)) {
-            scrollParent.scrollBy(xScrollAmount, yScrollAmount);
-        }
-        else {
-            scrollParent.scrollTop += yScrollAmount;
-            scrollParent.scrollLeft += xScrollAmount;
-        }
+        scrollElementIntoParentRect(element, scrollParent);
         scrollParent = getScrollParent(scrollParent, overflowScroll);
     }
 }
@@ -11535,9 +11540,33 @@ function hasHashedAllowedOriginServers() {
 function parseUrl(url) {
     if (!_.isString(url))
         return;
+    try {
+        const urlObj = new URL(url);
+        const filename = _.last(urlObj.pathname.split('/'));
+        const splitFilename = filename.split('.');
+        const result = {
+            filename: _.first(splitFilename),
+            extension: splitFilename.slice(1).join('.'),
+            query: {}
+        };
+        if (urlObj.search.length) {
+            result.query = queryStringToObject(urlObj.search.substring(1));
+        }
+        if (urlObj.hash.length) {
+            const fragQueryStart = urlObj.hash.indexOf('?');
+            if (fragQueryStart >= 0) {
+                const fragmentQuery = urlObj.hash.substring(fragQueryStart + 1);
+                result.fragmentQuery = queryStringToObject(fragmentQuery);
+            }
+        }
+        return result;
+    }
+    catch (e) {
+    }
+    // original implementation, if URL object fails
     var queryString = parseQueryString(url).substring(1);
     var query = queryString && queryString.length ? queryStringToObject(queryString) : {};
-    var filename = _.last(_.first(url.split('?')).split('/'));
+    var filename = _.last(_.first(url.split(/[?#]/)).split('/'));
     var splitFilename = filename.split('.');
     return {
         filename: _.first(splitFilename),
@@ -14749,9 +14778,12 @@ function applyBehaviors(behaviors, obj) {
 function GuideFactory(guide) {
     if (_.isFunction(guide.before))
         return guide;
+    guide = unwrapFirefoxObject(guide);
     return applyBehaviors(GuideFactory.behaviors, guide);
 }
 function GuideStepFactory(step, guide) {
+    step = unwrapFirefoxObject(step);
+    guide = unwrapFirefoxObject(guide);
     return applyBehaviors(GuideStepFactory.behaviors, step, guide);
 }
 GuideFactory.behaviors = [];
@@ -16497,7 +16529,7 @@ var BuildingBlockTooltips = (function () {
         attachBBAdvanceActions,
         attachScrollHandlers,
         isBuildingBlockGuideRelativeToElement,
-        positionStepForTooltip,
+        positionStepForGuide,
         patchGuideContainerWidthForResponsiveTooltips
     };
     function patchGuideContainerWidthForResponsiveTooltips(step, providedGuideContainer, json) {
@@ -16516,12 +16548,19 @@ var BuildingBlockTooltips = (function () {
             return;
         calculateVwRelativeToLayoutDir(guideContainer, tooltipContext);
     }
-    function positionStepForTooltip(step, json, guideContainerEle) {
-        // This directly modifies step.guideElement object
-        createBBTooltip(json, step.element, step, guideContainerEle);
-        if (!step.hasBeenScrolledTo) {
+    function positionStepForGuide(step, json, guideContainerEle) {
+        if (step.attributes && step.attributes.calculatedType === 'tooltip') {
+            // This directly modifies step.guideElement object
+            createBBTooltip(json, step.element, step, guideContainerEle);
+            if (!step.hasBeenScrolledTo) {
+                scrollIntoView(step.element);
+                scrollToTooltip(step.element, guideContainerEle, step.attributes.layoutDir);
+                step.hasBeenScrolledTo = true;
+            }
+        }
+        else if (step.element && !step.hasBeenScrolledTo) {
             scrollIntoView(step.element);
-            scrollToTooltip(step.element, guideContainerEle, step.attributes.layoutDir);
+            scrollElementIntoParentRect(step.element, window);
             step.hasBeenScrolledTo = true;
         }
     }
@@ -18182,6 +18221,7 @@ function getAllowedAttributes(attributeKeyValueMap, stepId, guideId, type) {
 }
 function buildNodeFromJSON(json, step, guides) {
     step = step || { id: 'unknown', guideId: 'unknown' };
+    json = unwrapFirefoxObject(json);
     json.props = getAllowedAttributes(json.props, step.id, step.guideId, json.type);
     if (step.isDarkMode && json.darkModeProps) {
         json.darkModeProps = getAllowedAttributes(json.darkModeProps, step.id, step.guideId, json.type);
@@ -18373,9 +18413,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
                         FlexboxPolyfill.flexAllThings(step.containerId, step);
                     }
                 }
-                if (step.attributes.calculatedType === 'tooltip') {
-                    BuildingBlockTooltips.positionStepForTooltip(step, step.domJson, guideContainer);
-                }
+                BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
                 guideContainer.style.visibility = 'visible';
                 guideContainer.parentNode.style.visibility = 'visible';
                 dom.event.dispatch(guideContainer, {
@@ -18391,9 +18429,7 @@ function recalculateGuideHeightOnImgLoad(node, step) {
             log.info('Failed to find guideContainer for id: ' + step.containerId);
             return;
         }
-        if (step.attributes.calculatedType === 'tooltip') {
-            BuildingBlockTooltips.positionStepForTooltip(step, step.domJson, guideContainer);
-        }
+        BuildingBlockTooltips.positionStepForGuide(step, step.domJson, guideContainer);
         guideContainer.style.visibility = 'visible';
         guideContainer.parentNode.style.visibility = 'visible';
         FlexboxPolyfill.flexAllThings(step.containerId, step);
@@ -28751,7 +28787,7 @@ var BuildingBlockGuides = (function () {
         adjustGuideContentWidth,
         findDomBlockInDomJson,
         isElementHiddenInGuide: FlexboxPolyfill.isElementHiddenInGuide,
-        positionStepForTooltip: BuildingBlockTooltips.positionStepForTooltip,
+        positionStepForTooltip: BuildingBlockTooltips.positionStepForGuide,
         flexAllThings: FlexboxPolyfill.flexAllThings,
         flexElement: FlexboxPolyfill.flexElement,
         findTopLevelContainer,
@@ -28808,7 +28844,8 @@ var BuildingBlockGuides = (function () {
         step.hasEscapeListener = false;
         step.containerId = containerJSON && containerJSON.props && containerJSON.props.id;
         step.element = getElementForGuideStep(step, options.document);
-        var guideToAppend = BuildingBlockGuides.buildNodeFromJSON(json, step, guides);
+        var modifiableJSON = unwrapFirefoxObject(json);
+        var guideToAppend = BuildingBlockGuides.buildNodeFromJSON(modifiableJSON, step, guides);
         step.guideElement = guideToAppend;
         var guideContainer = guideToAppend.find('#' + step.containerId);
         var verticalAlignmentAttr = 'data-vertical-alignment';
@@ -28902,8 +28939,8 @@ var BuildingBlockGuides = (function () {
         else {
             BuildingBlockTooltips.attachBBAdvanceActions(step);
         }
-        if (relativeToElement && !hasImageCount) {
-            BuildingBlockTooltips.positionStepForTooltip(step, json, guideContainer[0]);
+        if (!hasImageCount) {
+            BuildingBlockTooltips.positionStepForGuide(step, modifiableJSON, guideContainer[0]);
         }
         if (isResourceCenter) {
             BuildingBlockResourceCenter.showHomeViewOrEmptyState(guide);
@@ -30875,7 +30912,7 @@ function joinShowPromises(promises) {
 // A group of one or more guide steps with no ordering.
 function Guide() {
     this.elements = [];
-    this.attributes = this.attributes || {};
+    this.attributes = (this.attributes && unwrapFirefoxObject(this.attributes)) || {};
     if (this.attributes.device && this.attributes.device.type) {
         if (this.attributes.device.type == 'all') {
             this.attributes.device = { desktop: true, mobile: true };
@@ -38955,7 +38992,7 @@ class WebAnalytics {
         const parsedUrl = this.api.util.parseUrl(url);
         if (!parsedUrl)
             return {};
-        const { query } = parsedUrl;
+        const query = this.pendo._.extend({}, parsedUrl.fragmentQuery, parsedUrl.query);
         const source = query.utm_source;
         const medium = query.utm_medium;
         const campaign = query.utm_campaign;
@@ -39586,6 +39623,7 @@ class DOMPrompt {
         this.latestPromptValue = '';
         this.isActive = true;
         this.lastSubmitTime = 0;
+        this.compositionState = new WeakMap();
         this.dom = pendo.dom;
         this._ = pendo._;
         this.api = PluginAPI;
@@ -39606,23 +39644,63 @@ class DOMPrompt {
         this.setupSubmitListeners();
         this.setupObserver();
     }
+    isComposing(evt) {
+        const target = evt.target;
+        const isComposingFromState = target && this.compositionState.get(target);
+        return evt.isComposing !== undefined ? evt.isComposing : isComposingFromState;
+    }
+    isEnterKey(evt) {
+        return evt.code === 'Enter' || evt.key === 'Enter' || evt.keyCode === 13;
+    }
     setupInputListeners() {
         this._.each(this.inputEls, (inputEl) => {
             if (!inputEl) {
                 return;
             }
+            // Handle IME composition events (Japanese, Chinese, etc.) to prevent premature
+            // analytics collection during intermediate input states
+            inputEl.addEventListener('compositionstart', (evt) => {
+                const target = evt.target;
+                if (target) {
+                    this.compositionState.set(target, true);
+                }
+            }, true);
+            inputEl.addEventListener('compositionend', (evt) => {
+                const target = evt.target;
+                if (target) {
+                    this.compositionState.set(target, false);
+                    this.capturePromptValue();
+                }
+            }, true);
+            inputEl.addEventListener('compositionupdate', (evt) => {
+                const target = evt.target;
+                if (target) {
+                    this.compositionState.set(target, true);
+                }
+            }, true);
+            inputEl.addEventListener('blur', (evt) => {
+                const target = evt.target;
+                if (target) {
+                    this.compositionState.set(target, false);
+                }
+            }, true);
+            inputEl.addEventListener('input', (evt) => {
+                if (!this.isComposing(evt)) {
+                    this.capturePromptValue();
+                }
+            }, true);
             inputEl.addEventListener('change', (evt) => {
-                // capture value from copy / paste
                 this.capturePromptValue();
             }, true);
             inputEl.addEventListener('keydown', (evt) => {
-                const wasEnterKey = evt.code === 'Enter' || evt.key === 'Enter' || evt.keyCode === 13;
-                if (wasEnterKey) {
+                if (this.isEnterKey(evt) && !this.isComposing(evt)) {
                     this.submit(this.latestPromptValue);
                 }
             }, true);
             inputEl.addEventListener('keyup', (evt) => {
-                this.capturePromptValue();
+                if (!this.isComposing(evt)) {
+                    this.capturePromptValue();
+                }
             }, true);
         });
     }
@@ -39639,8 +39717,7 @@ class DOMPrompt {
             };
             submitEl.addEventListener('mousedown', clickHandler, true);
             const keydownHandler = (evt) => {
-                const wasEnterKey = evt.code === 'Enter' || evt.key === 'Enter' || evt.keyCode === 13;
-                if (wasEnterKey) {
+                if (this.isEnterKey(evt)) {
                     const currentValue = this.getPromptValue();
                     const valueToSubmit = currentValue || this.latestPromptValue;
                     this.submit(valueToSubmit);
@@ -40609,6 +40686,7 @@ function substitutionIcon(color, size) {
 }
 
 const requiredElement = '<span class="_pendo-required-indicator" style="color:red; font-style:italic;" title="Question is required"> *</span>';
+const requiredSyntax = '{required/}';
 const RequiredQuestions = {
     name: 'RequiredQuestions',
     script(step, guide, pendo) {
@@ -40631,14 +40709,23 @@ const RequiredQuestions = {
                 }
             });
         }
+        function getEligibleQuestions() {
+            const allQuestions = step.guideElement.find(`[class*=-poll-question]:contains(${requiredSyntax})`);
+            return pendo._.reduce(allQuestions, (eligibleQuestions, question) => {
+                if (question.classList.contains('_pendo-yes-no-poll-question'))
+                    return eligibleQuestions;
+                eligibleQuestions.push(question);
+                return eligibleQuestions;
+            }, []);
+        }
         function processRequiredQuestions() {
-            let questions = step.guideElement.find('[class*=-poll-question]:contains({required/})');
+            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) => {
-                        guideMarkdownUtil.removeMarkdownSyntax(element, '{required/}', '', pendo);
+                        guideMarkdownUtil.removeMarkdownSyntax(element, requiredSyntax, '', pendo);
                     });
                     step.guideElement.find(`#${question.id} p`).append(requiredElement);
                 });
@@ -40705,7 +40792,7 @@ 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({required/})');
+        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);
     },
     designerListener(pendo) {
@@ -40738,13 +40825,15 @@ const RequiredQuestions = {
                                 dataPendoPollId = poll.getAttribute('data-pendo-poll-id');
                             }
                             let questionText;
-                            if (pendo.dom(`[class*="-poll-question"][data-pendo-poll-id=${dataPendoPollId}]`)[0]) {
+                            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;
                             }
-                            if (pendo._.contains(questionText, '{required/}')) {
+                            const requiredSyntaxIndex = questionText.indexOf(requiredSyntax);
+                            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) => {
-                                        guideMarkdownUtil.removeMarkdownSyntax(item, '{required/}', '', pendo);
+                                        guideMarkdownUtil.removeMarkdownSyntax(item, requiredSyntax, '', pendo);
                                     });
                                 });
                                 if (pendo.dom(`.bb-text[data-pendo-poll-id=${dataPendoPollId}] p`).length !== 0 || pendo.dom(`.bb-text[data-pendo-poll-id=${dataPendoPollId}] li`).length !== 0) {