@pendo/agent 2.302.2 → 2.303.0

package/dist/dom.esm.js

@@ -7359,7 +7359,7 @@ function getScreenPosition(element) {
     };
 }
 
-var VERSION = '2.302.2_';
+var VERSION = '2.303.0_';
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 

package/dist/pendo.module.js

@@ -3904,8 +3904,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.302.2_';
-let PACKAGE_VERSION = '2.302.2';
+let VERSION = '2.303.0_';
+let PACKAGE_VERSION = '2.303.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;
 
@@ -14749,9 +14755,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 = [];
@@ -18182,6 +18191,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);
@@ -28808,7 +28818,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';
@@ -28844,22 +28855,29 @@ var BuildingBlockGuides = (function () {
             const guideContainerId = 'pendo-guide-container';
             const baseContainerId = 'pendo-base';
             const baseContainer = guideToAppend[0];
-            const pendoGuideContainer = baseContainer.querySelector(`#${guideContainerId}`);
+            const pendoGuideContainer = dom(`#${guideContainerId}`, baseContainer)[0];
             if (pendoGuideContainer) {
                 pendoGuideContainer.id = `${guideContainerId}-${step.id}`;
                 baseContainer.id = `${baseContainerId}-${step.id}`;
             }
             const { selector, method } = embedConfig;
             parent = dom(selector)[0];
-            if (method === 'replace' && parent) {
-                parent.innerHTML = '';
-                guideToAppend.appendTo(parent);
-            }
-            else if (method === 'prepend') {
-                guideToAppend.prependTo(parent);
+            const existingGuideElement = dom(`#${baseContainer.id}`, parent);
+            if (existingGuideElement.length) { // The embedded guide may already exist due to page caching
+                guideToAppend = existingGuideElement;
+                step.guideElement = guideToAppend;
             }
             else {
-                guideToAppend.appendTo(parent);
+                if (method === 'replace' && parent) {
+                    parent.innerHTML = '';
+                    guideToAppend.appendTo(parent);
+                }
+                else if (method === 'prepend') {
+                    guideToAppend.prependTo(parent);
+                }
+                else {
+                    guideToAppend.appendTo(parent);
+                }
             }
         }
         else {
@@ -28896,7 +28914,7 @@ var BuildingBlockGuides = (function () {
             BuildingBlockTooltips.attachBBAdvanceActions(step);
         }
         if (relativeToElement && !hasImageCount) {
-            BuildingBlockTooltips.positionStepForTooltip(step, json, guideContainer[0]);
+            BuildingBlockTooltips.positionStepForTooltip(step, modifiableJSON, guideContainer[0]);
         }
         if (isResourceCenter) {
             BuildingBlockResourceCenter.showHomeViewOrEmptyState(guide);
@@ -30868,7 +30886,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 };
@@ -39579,6 +39597,7 @@ class DOMPrompt {
         this.latestPromptValue = '';
         this.isActive = true;
         this.lastSubmitTime = 0;
+        this.compositionState = new WeakMap();
         this.dom = pendo.dom;
         this._ = pendo._;
         this.api = PluginAPI;
@@ -39599,23 +39618,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);
         });
     }
@@ -39632,8 +39691,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);
@@ -40602,6 +40660,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) {
@@ -40624,14 +40683,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);
                 });
@@ -40698,7 +40766,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) {
@@ -40731,13 +40799,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) {