@pendo/agent 2.336.1 → 2.337.0

package/dist/pendo.module.js

@@ -4029,8 +4029,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.336.1_';
-let PACKAGE_VERSION = '2.336.1';
+let VERSION = '2.337.0_';
+let PACKAGE_VERSION = '2.337.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -9766,6 +9766,7 @@ var pendoDotUrl = {
     electronResourcesPath
 };
 
+const FONT_HOST = 'https://cdn.pendo.io';
 function getDataHost() {
     var localDataHost = ConfigReader.getLocalConfig('dataHost');
     if (localDataHost) {
@@ -9807,6 +9808,12 @@ function getAssetUrl(filename) {
     const file = isLocalAgent(assetHost) ? filename.replace('.min.js', '.js') : filename;
     return `${assetHost}/${ASSET_PATH ? ASSET_PATH + '/' : ''}${file}`;
 }
+function getFontBaseUrl() {
+    if (ConfigReader.get('assetHost')) {
+        return getAssetUrl('fonts');
+    }
+    return `${FONT_HOST}/fonts`;
+}
 
 function treatAsAdoptPartner() {
     // allowPartnerAnalyticsForwarding is set on the snippet in Adopt UI to block based on the environment of the app.
@@ -28640,6 +28647,7 @@ const PluginAPI = {
         getAssetHost,
         getAssetUrl,
         getDataHost,
+        getFontBaseUrl,
         SERVER,
         DESIGNER_SERVER
     },
@@ -28664,7 +28672,10 @@ const PluginAPI = {
         testPageRule,
         addInlineStyles: _.partial(addInlineStyles, ConfigReader),
         getNow,
-        escapeRegExp
+        escapeRegExp,
+        getZoneSafeMethod(method, target) {
+            return getZoneSafeMethod$1(_, method, target);
+        }
     },
     constants: {
         URL_MAX_LENGTH,
@@ -30963,6 +30974,54 @@ var validateEnvironment = function (skipLogging) {
     ConfigReader.validate(console);
 };
 
+const SUPPORTED_INTEGRATIONS = ['intercom'];
+// Comparison logic is a standalone bundle fetched on demand, not base-agent code.
+function runCheck(pendoVisitorId, isAnonymous) {
+    return window.__pendoCheckIntercomIdMatch(pendoVisitorId, isAnonymous);
+}
+/**
+ * Compares the current Pendo visitor ID against the current user ID for the given
+ * integration and logs the result to the console.
+ *
+ * @access public
+ * @category Validation
+ * @param {string} integration name of the integration to check against (currently only
+ * `'intercom'` is supported)
+ * @returns {Promise<boolean|undefined>} `true` if the IDs match, `false` if they don't, or
+ * `undefined` if the match couldn't be confirmed
+ * @example
+ * pendo.checkIntegrationIdMatch('intercom')
+ */
+function checkIntegrationIdMatch(integration) {
+    if (!_.contains(SUPPORTED_INTEGRATIONS, integration)) {
+        /* eslint-disable no-console */
+        if (typeof console !== 'undefined' && console.log) {
+            console.log('Unsupported integration "' + integration + '". Supported integrations: ' + SUPPORTED_INTEGRATIONS.join(', ') + '.');
+        }
+        /* eslint-enable no-console */
+        return q.resolve(undefined);
+    }
+    const pendoVisitorId = get_visitor_id();
+    const isAnonymous = isAnonymousVisitor(pendoVisitorId);
+    if (typeof window.__pendoCheckIntercomIdMatch === 'function') {
+        return q.resolve(runCheck(pendoVisitorId, isAnonymous));
+    }
+    const deferred = q.defer();
+    loadResource(getAssetUrl('check-intercom-id-match.min.js'), function (err) {
+        /* eslint-disable no-console */
+        if (err) {
+            if (typeof console !== 'undefined' && console.error) {
+                console.error('Failed to load the Intercom ID check. Please try again.');
+            }
+            deferred.resolve(undefined);
+            return;
+        }
+        /* eslint-enable no-console */
+        deferred.resolve(runCheck(pendoVisitorId, isAnonymous));
+    }, true);
+    return deferred.promise;
+}
+
 var BuildingBlocks = {
     BuildingBlockGuides,
     BuildingBlockResourceCenter,
@@ -31634,6 +31693,7 @@ function exportPublicApi(pendo) {
     pendo.get_account_id = get_account_id;
     pendo.set_account_id = function (accountId) { identify(get_visitor_id(), accountId); };
     pendo.getSerializedMetadata = getSerializedMetadata;
+    pendo.checkIntegrationIdMatch = checkIntegrationIdMatch;
     pendo.compress = compress;
     pendo.squeezeAndCompress = compress;
     pendo.randomElement = randomElement;
@@ -42829,6 +42889,48 @@ setTimeout = (function(global) {
 
 var setTimeout$1 = setTimeout;
 
+// NOT A TRUE POLYFILL
+// This really only replaces the location portion of the URL API. 
+//
+// NOTE: This, for now, at least is identified as an instanceof HTMLAnchorElement
+
+function URLPolyfillFactory(doc) {
+    return function URL(str) {
+        var a = doc.createElement('a');
+        a.href = str;
+
+        if (a.protocol === ':') {
+            throw new Error('Uncaught TypeError: Failed to construct \'URL\': Invalid URL');
+        }
+
+        if (a.href !== str && a.href !== encodeURI(str)) {
+            throw new Error('Uncaught TypeError: Failed to construct \'URL\': Invalid URL');
+        }
+
+        if (!a.toString) {
+            a.toString = function() { return a.href; };
+        }
+
+        if (a.origin == null) {
+            a.origin = a.protocol + '//' + a.hostname;
+            if (a.port !== '80' && a.port !== '443') {
+                a.origin += ':' + a.port;
+            }
+        }
+
+        return a;
+    };
+}
+
+var URL$1 = (function(global, factory) {
+    var nativeURL = global.URL;
+    if (typeof nativeURL !== 'function' || !/native/.test(nativeURL)) {
+        return factory(document);
+    }
+
+    return nativeURL;
+})(window, URLPolyfillFactory);
+
 /*
  * @license  MIT - https://github.com/taylorhakes/promise-polyfill
  */
@@ -43709,15 +43811,57 @@ const startListening = (
     _stopListening = () => window.removeEventListener('message', postMessageListener);
 };
 
+const SIZED_CLASS = 'pendo-voc-portal-sized';
+const STEP_CONTAINER_SELECTOR = '._pendo-step-container-size';
+const PORTAL_RC_SELECTOR = `#pendo-resource-center-container.${SIZED_CLASS}`;
+const PORTAL_STEP_SELECTOR = `#pendo-resource-center-container ${STEP_CONTAINER_SELECTOR}.${SIZED_CLASS}`;
+const PORTAL_IFRAME_SELECTOR = 'iframe[src*="portal"][src*="mode=rc"]';
+const HOME_LIST_SELECTOR = '._pendo-resource-center-home-list';
+const CONTAINER_ID = 'pendo-resource-center-container';
+const STYLE_ID$1 = 'pendo-voc-portal-styles';
+const LOADER_ID = 'pendo-voc-portal-loader';
+const LOADER_STYLE_ID = 'pendo-voc-portal-loader-styles';
+const LOADER_Z_INDEX = 2147483646;
+const LOADER_TIMEOUT_MS = 10000;
+const LOADER_CSS = `#${LOADER_ID} {
+                    position: absolute;
+                    inset: 0;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    background: #fff;
+                    z-index: ${LOADER_Z_INDEX};
+                }
+                #${LOADER_ID}::after {
+                    content: "";
+                    width: 60px;
+                    height: 60px;
+                    border: 5px solid rgba(0, 0, 0, 0.12);
+                    border-top-color: #000;
+                    border-radius: 50%;
+                    animation: pendo-voc-portal-spin 1s linear infinite;
+                }
+                @keyframes pendo-voc-portal-spin { to { transform: rotate(360deg); } }`;
+const VALID_UNITS = ['px', '%', 'vh', 'vw'];
+const DEFAULT_PORTAL_WIDTH = '90vw !important';
+const DEFAULT_PORTAL_HEIGHT = '85vh !important';
 function VocPortal() {
     let pendoGlobal;
     let pluginAPI;
+    let portalObserver;
+    let containerObserver;
+    let observedContainer;
+    let ObserverCtor;
+    let lastPresetCss;
+    let loaderTimeout;
+    let sizedElements = [];
     return {
         name: 'VocPortal',
         initialize,
         routeHandlerLookup,
         queryMessageHandler,
         resizeMessageHandler,
+        presizePortalContainer,
         teardown
     };
     function initialize(pendo, PluginAPI) {
@@ -43726,6 +43870,232 @@ function VocPortal() {
         const { frameId } = PluginAPI.EventTracer.addTracerIds({});
         this.removeResizeEvent = pendoGlobal.attachEvent(window, 'resize', resizePortalIframe);
         startListening('VocPortal', frameId, routeHandlerLookup, () => '*');
+        try {
+            observePortalContainer();
+        }
+        catch (err) {
+            pluginAPI.log.error('VocPortal presizing setup failed', err);
+        }
+    }
+    function buildContainerSizeCss(width, height) {
+        return `${PORTAL_RC_SELECTOR} {
+                    width: ${width};
+                    height: ${height};
+                }
+                ${PORTAL_STEP_SELECTOR} {
+                    width: ${width};
+                    height: ${height};
+                }`;
+    }
+    function presizePortalContainer(width = DEFAULT_PORTAL_WIDTH, height = DEFAULT_PORTAL_HEIGHT) {
+        const css = buildContainerSizeCss(width, height);
+        if (css === lastPresetCss)
+            return;
+        lastPresetCss = css;
+        const existing = document.getElementById(STYLE_ID$1);
+        if (existing) {
+            existing.textContent = css;
+        }
+        else {
+            pluginAPI.util.addInlineStyles(STYLE_ID$1, css);
+        }
+    }
+    function observePortalContainer() {
+        ObserverCtor = getPortalMutationObserver();
+        if (!ObserverCtor)
+            return;
+        presizeFromExistingIframe();
+        ensureContainerObserver();
+        portalObserver = new ObserverCtor(handleBodyMutations);
+        portalObserver.observe(pendoGlobal.dom.getBody(), {
+            childList: true,
+            subtree: true
+        });
+    }
+    function handleBodyMutations(mutations) {
+        ensureContainerObserver();
+        handleRcMutations(mutations);
+    }
+    function ensureContainerObserver() {
+        if (!ObserverCtor)
+            return;
+        const container = document.getElementById(CONTAINER_ID) || null;
+        if (container === observedContainer)
+            return;
+        if (containerObserver) {
+            containerObserver.disconnect();
+            containerObserver = undefined;
+        }
+        observedContainer = container;
+        if (!container) {
+            clearPresetSizing();
+            return;
+        }
+        containerObserver = new ObserverCtor(handleRcMutations);
+        containerObserver.observe(container, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['src']
+        });
+    }
+    function presizeFromExistingIframe() {
+        const iframe = document.querySelector(PORTAL_IFRAME_SELECTOR);
+        if (iframe)
+            presizeFromIframe(iframe);
+    }
+    function getPortalMutationObserver() {
+        const zoneSafe = pluginAPI.util && pluginAPI.util.getZoneSafeMethod;
+        let MutationObserver = zoneSafe && zoneSafe('MutationObserver');
+        if (typeof MutationObserver !== 'function') {
+            MutationObserver = window.MutationObserver;
+        }
+        return typeof MutationObserver === 'function' ? MutationObserver : undefined;
+    }
+    function handleRcMutations(mutations) {
+        const iframe = findPortalIframe(mutations);
+        if (iframe) {
+            presizeFromIframe(iframe);
+            return;
+        }
+        if (findAddedHomeList(mutations))
+            clearPresetSizing();
+    }
+    function clearPresetSizing() {
+        lastPresetCss = undefined;
+        unmarkSizedElements();
+        const existing = document.getElementById(STYLE_ID$1);
+        if (existing)
+            existing.textContent = '';
+        const container = document.getElementById(CONTAINER_ID);
+        if (container)
+            container.style.transform = '';
+        hideLoadingOverlay();
+    }
+    function markSizedElements(container, iframe) {
+        addSizedClass(container);
+        addSizedClass(closestStepContainer(iframe));
+    }
+    function addSizedClass(el) {
+        if (el && el.classList) {
+            el.classList.add(SIZED_CLASS);
+            if (sizedElements.indexOf(el) === -1)
+                sizedElements.push(el);
+        }
+    }
+    function unmarkSizedElements() {
+        for (let i = 0; i < sizedElements.length; i++) {
+            const el = sizedElements[i];
+            if (el && el.classList)
+                el.classList.remove(SIZED_CLASS);
+        }
+        sizedElements = [];
+    }
+    function closestStepContainer(node) {
+        let el = node;
+        while (el && el.nodeType === 1) {
+            if (el.matches && el.matches(STEP_CONTAINER_SELECTOR))
+                return el;
+            el = el.parentNode;
+        }
+        return null;
+    }
+    function findAddedHomeList(mutations) {
+        if (!mutations)
+            return false;
+        for (const mutation of mutations) {
+            const addedNodes = mutation.addedNodes || [];
+            for (const node of addedNodes) {
+                if (!node || node.nodeType !== 1)
+                    continue;
+                if (node.matches && node.matches(HOME_LIST_SELECTOR))
+                    return true;
+                if (node.querySelector && node.querySelector(HOME_LIST_SELECTOR))
+                    return true;
+            }
+        }
+        return false;
+    }
+    function presizeFromIframe(iframe) {
+        const { width, height } = readPortalDimsFromSrc(iframe.getAttribute('src'));
+        const container = document.getElementById(CONTAINER_ID);
+        presizePortalContainer(width, height);
+        markSizedElements(container, iframe);
+        showLoadingOverlay(container, iframe);
+        try {
+            resizePortalIframe();
+            clampContainerToViewport(container);
+        }
+        catch (err) {
+            pluginAPI.log.error('VocPortal presize sizing failed', err);
+        }
+    }
+    function showLoadingOverlay(container, iframe) {
+        if (!container || document.getElementById(LOADER_ID))
+            return;
+        pluginAPI.util.addInlineStyles(LOADER_STYLE_ID, LOADER_CSS);
+        const loader = document.createElement('div');
+        loader.id = LOADER_ID;
+        loader.setAttribute('role', 'status');
+        loader.setAttribute('aria-label', 'Loading');
+        const title = document.getElementById('pendo-resource-center-module-title-container');
+        if (title && title.offsetHeight)
+            loader.style.top = `${title.offsetHeight}px`;
+        container.appendChild(loader);
+        if (iframe && iframe.addEventListener) {
+            iframe.addEventListener('load', hideLoadingOverlay, { once: true });
+        }
+        loaderTimeout = setTimeout$1(hideLoadingOverlay, LOADER_TIMEOUT_MS);
+    }
+    function hideLoadingOverlay() {
+        if (loaderTimeout) {
+            clearTimeout(loaderTimeout);
+            loaderTimeout = undefined;
+        }
+        const loader = document.getElementById(LOADER_ID);
+        if (loader && loader.remove)
+            loader.remove();
+    }
+    function findPortalIframe(mutations) {
+        if (!mutations)
+            return null;
+        for (const mutation of mutations) {
+            const target = mutation.target;
+            if (mutation.type === 'attributes' && target && target.matches &&
+                target.matches(PORTAL_IFRAME_SELECTOR)) {
+                return target;
+            }
+            const addedNodes = mutation.addedNodes || [];
+            for (const node of addedNodes) {
+                if (!node || node.nodeType !== 1)
+                    continue;
+                if (node.matches && node.matches(PORTAL_IFRAME_SELECTOR))
+                    return node;
+                const found = node.querySelector && node.querySelector(PORTAL_IFRAME_SELECTOR);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    function readPortalDimsFromSrc(src) {
+        try {
+            const params = new URL$1(src, window.location.href).searchParams;
+            const widthValue = parseInt(params.get('width'), 10);
+            const heightValue = parseInt(params.get('height'), 10);
+            const widthUnit = params.get('widthUnit') || 'vw';
+            const heightUnit = params.get('heightUnit') || 'vh';
+            const width = (widthValue > 0 && pendoGlobal._.contains(VALID_UNITS, widthUnit))
+                ? `${widthValue}${widthUnit} !important`
+                : DEFAULT_PORTAL_WIDTH;
+            const height = (heightValue > 0 && pendoGlobal._.contains(VALID_UNITS, heightUnit))
+                ? `${heightValue}${heightUnit} !important`
+                : DEFAULT_PORTAL_HEIGHT;
+            return { width, height };
+        }
+        catch (err) {
+            return { width: DEFAULT_PORTAL_WIDTH, height: DEFAULT_PORTAL_HEIGHT };
+        }
     }
     function routeHandlerLookup(path) {
         switch (path) {
@@ -43738,7 +44108,7 @@ function VocPortal() {
         }
     }
     function resizePortalIframe() {
-        const vocPortalRcContainer = document.getElementById('pendo-resource-center-container');
+        const vocPortalRcContainer = document.getElementById(CONTAINER_ID);
         const vocPortalRcDOM = pendoGlobal.dom(vocPortalRcContainer);
         pluginAPI.sizeElements(vocPortalRcDOM);
     }
@@ -43764,21 +44134,14 @@ function VocPortal() {
             if (typeof widthValue !== 'number' || typeof heightValue !== 'number') {
                 return;
             }
-            const validUnits = ['px', '%', 'vh', 'vw'];
-            if (!pendoGlobal._.contains(validUnits, widthUnit) || !pendoGlobal._.contains(validUnits, heightUnit)) {
+            if (!pendoGlobal._.contains(VALID_UNITS, widthUnit) || !pendoGlobal._.contains(VALID_UNITS, heightUnit)) {
                 return;
             }
             const width = `${widthValue}${widthUnit}${widthIsImportant ? ' !important' : ''}`;
             const height = `${heightValue}${heightUnit}${heightIsImportant ? ' !important' : ''}`;
-            const container = document.getElementById('pendo-resource-center-container');
-            pluginAPI.util.addInlineStyles('pendo-voc-portal-styles', `#pendo-resource-center-container:has(iframe[src*="portal"][src*="mode=rc"]) {
-                    width: ${width};
-                    height: ${height};
-                    ._pendo-step-container-size {
-                        width: ${width};
-                        height: ${height};
-                    }
-                }`, container);
+            const container = document.getElementById(CONTAINER_ID);
+            presizePortalContainer(width, height);
+            hideLoadingOverlay();
             resizePortalIframe();
             clampContainerToViewport(container);
         }
@@ -43801,6 +44164,18 @@ function VocPortal() {
     function teardown() {
         if (this.removeResizeEvent)
             this.removeResizeEvent();
+        if (portalObserver) {
+            portalObserver.disconnect();
+            portalObserver = undefined;
+        }
+        if (containerObserver) {
+            containerObserver.disconnect();
+            containerObserver = undefined;
+        }
+        observedContainer = undefined;
+        lastPresetCss = undefined;
+        unmarkSizedElements();
+        hideLoadingOverlay();
         stopListening();
     }
 }
@@ -44556,48 +44931,6 @@ function Feedback() {
     }
 }
 
-// NOT A TRUE POLYFILL
-// This really only replaces the location portion of the URL API. 
-//
-// NOTE: This, for now, at least is identified as an instanceof HTMLAnchorElement
-
-function URLPolyfillFactory(doc) {
-    return function URL(str) {
-        var a = doc.createElement('a');
-        a.href = str;
-
-        if (a.protocol === ':') {
-            throw new Error('Uncaught TypeError: Failed to construct \'URL\': Invalid URL');
-        }
-
-        if (a.href !== str && a.href !== encodeURI(str)) {
-            throw new Error('Uncaught TypeError: Failed to construct \'URL\': Invalid URL');
-        }
-
-        if (!a.toString) {
-            a.toString = function() { return a.href; };
-        }
-
-        if (a.origin == null) {
-            a.origin = a.protocol + '//' + a.hostname;
-            if (a.port !== '80' && a.port !== '443') {
-                a.origin += ':' + a.port;
-            }
-        }
-
-        return a;
-    };
-}
-
-var URL$1 = (function(global, factory) {
-    var nativeURL = global.URL;
-    if (typeof nativeURL !== 'function' || !/native/.test(nativeURL)) {
-        return factory(document);
-    }
-
-    return nativeURL;
-})(window, URLPolyfillFactory);
-
 function record() { var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);