@pendo/agent 2.310.1 → 2.311.0

package/dist/pendo.module.js

@@ -2771,13 +2771,18 @@ var ConfigReader = (function () {
     *
     * key - Actual config property name. Allows for disambiguation for the same property from different sources
     */
-    function addOption(name, sources = [PENDO_CONFIG_SRC], defaultValue, anySource) {
+    function addOption(name, sources = [PENDO_CONFIG_SRC], defaultValue, anySource, aliases = []) {
         if (!name)
             return;
         if (optionMap[name])
             return;
+        if (!_.isArray(aliases)) {
+            // not using logging here to keep circular dependency issues clean
+            aliases = [];
+        }
         var opt = {
             name,
+            aliases,
             defaultValue,
             supportedSources: sources
         };
@@ -2785,13 +2790,20 @@ var ConfigReader = (function () {
             opt.useAnySource = anySource;
         }
         optionMap[name] = opt;
+        if (aliases.length > 0) {
+            _.each(aliases, function (alias) {
+                if (optionMap[alias] !== undefined)
+                    return;
+                optionMap[alias] = opt;
+            });
+        }
     }
     function initializeOptions() {
         // Core
         /**
          * Formerly `additionalApiKeys`. When included, all analytics events will be sent to each of the public app IDs in the list (guide events are
          * only sent to the primary public app ID). This will only function if there are no `additionalPublicAppIds` set on
-         * the configuration included in the downloaded Agent.
+         * the configuration included in the downloaded web SDK.
          *
          * @access public
          * @category Config/Core
@@ -2817,8 +2829,8 @@ var ConfigReader = (function () {
          */
         addOption('annotateUrl', [SNIPPET_SRC]);
         /**
-         * Formerly `apiKey`. A primary public app ID to send data to from the Agent. This will only function if there is no `publicAppId` set
-         * on the configuration included in the downloaded Agent.
+         * Formerly `apiKey`. A primary public app ID to send data to from the web SDK. This will only function if there is no `publicAppId` set
+         * on the configuration included in the downloaded web SDK.
          *
          * @access public
          * @category Config/Core
@@ -2830,7 +2842,7 @@ var ConfigReader = (function () {
         addOption('apiKey', [PENDO_CONFIG_SRC, SNIPPET_SRC]);
         addOption('assetHost', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `true`, the agent will try to install and initialize in all same-origin frames on the page.
+         * If set to `true`, the web SDK will try to install and initialize in all same-origin frames on the page.
          * Read more about [frame support](/advanced/auto-frame-install).
          *
          * @access public
@@ -2854,7 +2866,7 @@ var ConfigReader = (function () {
          */
         addOption('contentHost', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * A unique domain to append to cookies that the Agent stores. If this is set, the Agent will not use local
+         * A unique domain to append to cookies that the web SDK stores. If this is set, the web SDK will not use local
          * storage but will store all information as cookies using this domain. If not set, the browser will use
          * the current domain when setting cookies. **Note:** The domain must match the domain of the JavaScript
          * origin. Setting cookies to foreign domains will be silently ignored.
@@ -2880,7 +2892,7 @@ var ConfigReader = (function () {
         addOption('dataHost', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         addOption('disableAutoInitialize');
         /**
-         * Although the name refers to cookies, if set to `true` the Agent will not persist any data in local
+         * Although the name refers to cookies, if set to `true` the web SDK will not persist any data in local
          * storage or cookies and will rely only on memory.
          *
          * @access public
@@ -2891,7 +2903,7 @@ var ConfigReader = (function () {
          */
         addOption('disableCookies', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `true` the Agent will cancel out of initialization. This can be useful to disable the Agent
+         * If set to `true` the web SDK will cancel out of initialization. This can be useful to disable the web SDK
          * with minimal code changes.
          *
          * @access public
@@ -2902,9 +2914,9 @@ var ConfigReader = (function () {
          */
         addOption('disablePendo', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
-         * By default, the Agent will store the most recently used visitor and account ids as well as historical
-         * metadata. These stored values will be used if the agent is initialized in the future without them.
-         * Setting this to `true` will mean the agent will not store these values but will only use what is provided
+         * By default, the web SDK will store the most recently used visitor and account ids as well as historical
+         * metadata. These stored values will be used if the web SDK is initialized in the future without them.
+         * Setting this to `true` will mean the web SDK will not store these values but will only use what is provided
          * or fall back to anonymous ids.
          *
          * @access public
@@ -2917,7 +2929,7 @@ var ConfigReader = (function () {
         addOption('enableSignedMetadata', [PENDO_CONFIG_SRC], false);
         /**
          * By default, the identity of a visitor in various iframes on a page are independent from each other.
-         * Setting this to `true` will instead have the Agent make sure all frames use the exact same visitor and
+         * Setting this to `true` will instead have the web SDK make sure all frames use the exact same visitor and
          * account information. Read more about [frame support](/advanced/auto-frame-install).
          *
          * @access public
@@ -2942,7 +2954,7 @@ var ConfigReader = (function () {
         /**
          * Having identity persisted by default makes it so that a transition from using identified visitor ids
          * to using anonymous visitor ids is challenging. Anyone that used your application with an identified
-         * visitor id would have that value persisted to storage and whenever they agent is initialized for them,
+         * visitor id would have that value persisted to storage and whenever the web SDK is initialized for them,
          * that value would be read from storage treating them as the same identified visitor. When set `true`,
          * this config option will only use persisted identity values if they are an anonymous id. It is meant to
          * be used to smoothly make this transition to using anonymous ids while still retaining the benefit of
@@ -2959,7 +2971,7 @@ var ConfigReader = (function () {
         addOption('identityStorageLifetime', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         addOption('identityStorageSuffix', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `true`, the Agent will strip url fragments from the url used for events (everything after a `#`
+         * If set to `true`, the web SDK will strip url fragments from the url used for events (everything after a `#`
          * symbol). **Deprecated:** new usages to edit the url for events should use the
          * [location api](/advanced/location).
          *
@@ -2971,8 +2983,8 @@ var ConfigReader = (function () {
          */
         addOption('ignoreHashRouting', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * By default, the Agent will wait until the `document.readyState` is set to `"complete"`. Setting this to
-         * `true` will allow the Agent to initialize while the document is still loading.
+         * By default, the web SDK will wait until the `document.readyState` is set to `"complete"`. Setting this to
+         * `true` will allow the web SDK to initialize while the document is still loading.
          *
          * @access public
          * @category Config/Core
@@ -2983,7 +2995,7 @@ var ConfigReader = (function () {
         addOption('initializeImmediately', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('installType');
         /**
-         * If set to `true`, the Agent will only persist data using local storage and memory.
+         * If set to `true`, the web SDK will only persist data using local storage and memory.
          *
          * @access public
          * @category Config/Core
@@ -2993,7 +3005,7 @@ var ConfigReader = (function () {
          */
         addOption('localStorageOnly', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `false`, the Agent will not use the `History.pushState` api to detect changes to the browser's
+         * If set to `false`, the web SDK will not use the `History.pushState` api to detect changes to the browser's
          * URL. Instead a poll will be used. This can be necessary to disable for some SFDC applications.
          *
          * @access public
@@ -3006,8 +3018,8 @@ var ConfigReader = (function () {
         addOption('maxCookieTTLDays', [SNIPPET_SRC, PENDO_CONFIG_SRC], Infinity);
         /**
          * Use this setting when using `preferMutationObserver` with an application that has Shadow DOM elements.
-         * On page load, the Agent will run a full document scan for shadow roots and attach a MutationObserver to
-         * all results. This setting also allows the agent to run CSS selectors in all shadow roots, so CSS selectors
+         * On page load, the web SDK will run a full document scan for shadow roots and attach a MutationObserver to
+         * all results. This setting also allows the web SDK to run CSS selectors in all shadow roots, so CSS selectors
          * can be written without specifying the full path through all shadow roots with the `::shadow` pseudo-class.
          *
          * @access public
@@ -3020,8 +3032,8 @@ var ConfigReader = (function () {
         addOption('pendoCore', [PENDO_CONFIG_SRC], true);
         addOption('pendoGlobalKey', [PENDO_CONFIG_SRC]);
         /**
-         * By default, if there are multiple frames on the page that have the Agent installed, they will communicate
-         * using `window.postMessage`. If set to `true` the Agent will instead use the browser's Broadcast Channel
+         * By default, if there are multiple frames on the page that have the web SDK installed, they will communicate
+         * using `window.postMessage`. If set to `true` the web SDK will instead use the browser's Broadcast Channel
          * API to communicate. This will only work when all frames use the same domain.
          *
          * @access public
@@ -3032,8 +3044,8 @@ var ConfigReader = (function () {
          */
         addOption('preferBroadcastChannel', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
-         * By default, the Agent will scan the page every 500ms to determine if any new badges or guides are eligible.
-         * To improve idle performance, this can be set to `true` and then the Agent will instead use a mutation
+         * By default, the web SDK will scan the page every 500ms to determine if any new badges or guides are eligible.
+         * To improve idle performance, this can be set to `true` and then the web SDK will instead use a mutation
          * observer and only check eligibility if the page content has changed.
          *
          * @access public
@@ -3045,8 +3057,8 @@ var ConfigReader = (function () {
         addOption('preferMutationObserver', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('preventCookieRefresh');
         /**
-         * By default, the Agent adds an `unload` event listener to the page to make sure it sends events upon
-         * navigation. If set to `true`, the Agent will instead use the `visibilitychange` event listener and send
+         * By default, the web SDK adds an `unload` event listener to the page to make sure it sends events upon
+         * navigation. If set to `true`, the web SDK will instead use the `visibilitychange` event listener and send
          * events when the visibility is changing to `"hidden"`.
          *
          * @access public
@@ -3058,7 +3070,7 @@ var ConfigReader = (function () {
         addOption('preventUnloadListener', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('promotedAgentMetadataConfigurations', [PENDO_CONFIG_SRC]);
         /**
-         * An array of strings or a function that returns an array of strings. The Agent will then strip any query
+         * An array of strings or a function that returns an array of strings. The web SDK will then strip any query
          * string parameters from the url that are not found in the provided array. **Deprecated:** new usages to
          * edit the url for events should use the [location api](/advanced/location).
          *
@@ -3084,7 +3096,7 @@ var ConfigReader = (function () {
         addOption('sanitizeUrl', [SNIPPET_SRC]);
         addOption('selfHosted');
         /**
-         * Meant to be used with `autoFrameInstall`. If set, the Agent will use this as the url to download the Agent
+         * Meant to be used with `autoFrameInstall`. If set, the web SDK will use this as the url to download itself
          * from in child frames. Read more about [frame support](/advanced/auto-frame-install).
          *
          * @access public
@@ -3111,7 +3123,7 @@ var ConfigReader = (function () {
         // Analytics
         /**
          * An array of exact strings that can still be included in event data if text capture is disabled
-         * (`excludeAllText`). This will override any allow list that is stored for your application settings.
+         * (`excludeAllText`). This will not override any allow list specified by your application settings but will apply if none is provided.
          * These are not selectors but are equality checks (the string 'Bug' will allow links that have 'Bug' as the
          * text to be captured but not ones like 'Bug Report')
          *
@@ -3121,9 +3133,9 @@ var ConfigReader = (function () {
          * @default []
          * @type {string[]}
          */
-        addOption('allowedText', [SNIPPET_SRC, PENDO_CONFIG_SRC], []);
+        addOption('allowedText', [PENDO_CONFIG_SRC, SNIPPET_SRC], [], true);
         /**
-         * An array of specific Pendo events that you do not want the Agent to capture. Available event types
+         * An array of specific Pendo events that you do not want the web SDK to capture. Available event types
          * include: `identify`, `meta`, `load`, `click`, `focus`, `submit`, `change`, `track`. See [Event Controls](/events/event-controls)
          * for more information.
          *
@@ -3145,7 +3157,7 @@ var ConfigReader = (function () {
          */
         addOption('analytics.localStorageUnload', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
-         * If set to `true`, the Agent will log out when various events internal to the Agent occur.
+         * If set to `true`, the web SDK will log when various internal events occur.
          *
          * @access public
          * @category Config/Analytics
@@ -3169,7 +3181,7 @@ var ConfigReader = (function () {
          */
         addOption('eventPropertyMatchParents', [SNIPPET_SRC, PENDO_CONFIG_SRC], true);
         /**
-         * By default, the Agent will include text from elements while capturing events. Setting this to `true` will
+         * By default, the web SDK will include text from elements while capturing events. Setting this to `true` will
          * instead prevent the text from being included unless it matches the `allowedText` list. If the subscription
          * flag to disable text capture is turned on, this option cannot be used to reenable it.
          *
@@ -3181,7 +3193,7 @@ var ConfigReader = (function () {
          */
         addOption('excludeAllText', [PENDO_CONFIG_SRC, SNIPPET_SRC], false, true);
         /**
-         * When `true`, the Agent will only send guide and poll events. All other events will not be sent, including:
+         * When `true`, the web SDK will only send guide and poll events. All other events will not be sent, including:
          * identify, meta, load, click, focus, change, submit, or track. Metadata assigned to visitors will still function
          * for guide targeting but will not be sent to Pendo to be visible in the UI. See [Event Controls](/events/event-controls)
          * for more information.
@@ -3197,7 +3209,7 @@ var ConfigReader = (function () {
         addOption('htmlAttributes');
         addOption('interceptElementRemoval', [SNIPPET_SRC, PENDO_CONFIG_SRC], false); // old, use syntheticClicks.elementRemoval instead
         /**
-         * By default, the agent will attempt to intercept calls to `preventDefault` on `touchend` events in order to
+         * By default, the web SDK will attempt to intercept calls to `preventDefault` on `touchend` events in order to
          * ensure that Pendo still tracks the click event. There are cases where your application might prevent these
          * original clicks in order to synthesize your own click event, in that case and where you might be seeing
          * duplicate clicks because of it, this functionality can be disabled.
@@ -3210,7 +3222,7 @@ var ConfigReader = (function () {
          */
         addOption('interceptPreventDefault', [SNIPPET_SRC, PENDO_CONFIG_SRC], true);
         /**
-         * By default, the agent will also attempt to intercept calls to `stopPropagation` and
+         * By default, the web SDK will also attempt to intercept calls to `stopPropagation` and
          * `stopImmediatePropagation` for click, focus, submit, and change events in order to ensure that Pendo can
          * still probably recognize these events. In the case of this causing duplicate events or other issues, this
          * functionality can be disabled.
@@ -3225,7 +3237,7 @@ var ConfigReader = (function () {
         /**
          * Sometimes an application removes an event that is clicked on between the `mousedown` and `mouseup` browser
          * events. In these cases, Pendo will not be able to capture the `click` event properly for events or guide
-         * behavior. Setting this to `true` will have the Agent intercept these types of element removal to ensure
+         * behavior. Setting this to `true` will have the web SDK intercept these types of element removal to ensure
          * more consistent Pendo behavior (this option has been moved from `interceptElementRemoval`).
          *
          * @access public
@@ -3285,7 +3297,7 @@ var ConfigReader = (function () {
         addOption('cacheGuidesTimeout', [PENDO_CONFIG_SRC], 600000);
         addOption('delayGuides', [SNIPPET_SRC]); // old, use guides.delay instead
         /**
-         * If `true`, this will prevent the agent from attempting to launch the Visual Design Studio.
+         * If `true`, this will prevent the web SDK from attempting to launch the Visual Design Studio.
          *
          * @access public
          * @category Config/Guides
@@ -3296,7 +3308,7 @@ var ConfigReader = (function () {
         addOption('disableDesigner', [PENDO_CONFIG_SRC, SNIPPET_SRC], false);
         addOption('disableDesignerKeyboardShortcut', [PENDO_CONFIG_SRC], false);
         /**
-         * If `true`, this will prevent the agent from downloading your application's
+         * If `true`, this will prevent the web SDK from downloading your application's
          * [global css](https://support.pendo.io/hc/en-us/articles/360032206511-Guide-Styling-Classic-#global-css-0-2)
          * file as well as the default classic guide css.
          *
@@ -3332,7 +3344,7 @@ var ConfigReader = (function () {
          */
         addOption('disablePrefetch', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If `true`, the agent will listen for `alt+shift+8` on the keyboard and try to launch the designer (). The
+         * If `true`, the web SDK will listen for `alt+shift+8` on the keyboard and try to launch the designer (). The
          * keyboard shortcut requires the guide launch modal of Engage to be open in another tab showing the shortcut.
          *
          * @access public
@@ -3452,8 +3464,8 @@ var ConfigReader = (function () {
          */
         addOption('guides.tooltip.arrowSize', [SNIPPET_SRC]);
         /**
-         * If set, the agent will attach the provided value as a [nonce](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP#nonces)
-         * onto all inline stylesheets the agent adds. This is used to remove the need for "unsafe-inline" on the "style-src" of your
+         * If set, the web SDK will attach the provided value as a [nonce](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP#nonces)
+         * onto all inline stylesheets the web SDK adds. This is used to remove the need for "unsafe-inline" on the "style-src" of your
          * CSP and will support live guides as well as Visual Design Studio users.
          *
          * @access public
@@ -3507,7 +3519,7 @@ var ConfigReader = (function () {
         addOption('feedbackSettings', [PENDO_CONFIG_SRC], {});
         addOption('pendoFeedback', [PENDO_CONFIG_SRC], false);
         /**
-         * If set, the Agent will use this as the suffix when writing last step advanced key into the visitors cookie.
+         * If set, the web SDK will use this as the suffix when writing last step advanced key into the visitors cookie.
          * This supports cross app guides by having a shared accessible location for different apps on the same effective level domain.
          *
          * @access public
@@ -3518,7 +3530,7 @@ var ConfigReader = (function () {
          */
         addOption('crossAppGuideStorageSuffix', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If `true`, the Agent will launch a version of the Designer that is compatible with the
+         * If `true`, the web SDK will launch a version of the Designer that is compatible with the
          * `Cross-Origin-Embedder-Policy: require-corp` header.
          *
          * @access public
@@ -3904,7 +3916,7 @@ var buildArrowDimensionsQM = function (dim, elementPos) {
 // Environment values are typically injected by gulp
 // If in module mode, all injected values will be empty.
 // In that case, we'll overwrite them on initAgent via overwriteBuiltConfigWithPendoConfig
-/* eslint-disable agent-eslint-rules/no-gulp-env-references */
+/* eslint-disable web-sdk-eslint-rules/no-gulp-env-references */
 let ENV = '';
 let GLOBAL_BUCKET = '';
 let SUBSCRIPTION_BUCKET = '';
@@ -3912,10 +3924,10 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.310.1_';
-let PACKAGE_VERSION = '2.310.1';
+let VERSION = '2.311.0_';
+let PACKAGE_VERSION = '2.311.0';
 let LOADER = 'xhr';
-/* eslint-enable agent-eslint-rules/no-gulp-env-references */
+/* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
  * Returns current version of the Pendo Web SDK as a string. Also directly accessible at `pendo.VERSION`.
  *
@@ -6205,7 +6217,7 @@ var shadowAPI = (function () {
                 if (!isShadowSelector(selection)) {
                     const queryResults = Sizzle(selection, context, results, seed);
                     if (shadowDomManager.cache.size > 0) {
-                        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
+                        // eslint-disable-next-line web-sdk-eslint-rules/no-array-foreach
                         shadowDomManager.cache.forEach(shadowRoot => {
                             if (!context || context === document || contains(context, shadowRoot)) {
                                 queryResults.push(...Sizzle(selection, shadowRoot, results, seed));
@@ -11605,7 +11617,7 @@ function isTrustedOrigin(host) {
         /^https:\/\/([a-zA-Z0-9-]+-dot-)?pendo-(apollo|armada|atlas|batman|calypso|dap|dev|dr-us-east1|eu-dev|freeze|helix|link|magic|mcfly|ml|mobile-fbi|mobile-guides|mobile-hummus|mobile-plat|perfserf|voc|wildlings|ionchef|scrum-ops|security|test|uat|au|eu|govramp|hsbc|io|jp-prod|us1)\.appspot\.com$/,
         /^https:\/\/(via|adopt|local)\.pendo\.(local|io):\d{4}$/,
         /^https:\/\/pendo-(apollo|armada|atlas|batman|calypso|dap|dev|dr-us-east1|eu-dev|freeze|helix|link|magic|mcfly|ml|mobile-fbi|mobile-guides|mobile-hummus|mobile-plat|perfserf|voc|wildlings|ionchef|scrum-ops|security|test|uat)-static\.storage\.googleapis\.com$/
-    ]; // eslint-disable-line agent-eslint-rules/no-gulp-env-references
+    ]; // eslint-disable-line web-sdk-eslint-rules/no-gulp-env-references
     var adoptHost = ConfigReader.get('adoptHost');
     if (adoptHost) {
         var fullHostname = 'https://' + adoptHost;
@@ -12579,12 +12591,12 @@ class PerformanceMonitor {
         }
     }
     _clearMarksAndMeasures() {
-        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
+        // eslint-disable-next-line web-sdk-eslint-rules/no-array-foreach
         this.marks.forEach(name => {
             performance.clearMarks(name);
         });
         this.marks.clear();
-        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
+        // eslint-disable-next-line web-sdk-eslint-rules/no-array-foreach
         this.measures.forEach(name => {
             performance.clearMeasures(name);
         });
@@ -28378,7 +28390,7 @@ class ShadowDomManager extends EventTarget {
         this.stoppedSearchEarly = false;
     }
     updateCache() {
-        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
+        // eslint-disable-next-line web-sdk-eslint-rules/no-array-foreach
         this.cache.forEach(shadowRoot => {
             if (!isInDocument(shadowRoot)) {
                 this.cache.delete(shadowRoot);
@@ -33079,6 +33091,9 @@ var FramesModule = (function () {
             return tryShowInNextFrame();
         },
         requestShowGuideStepInFrame(context, payload) {
+            if (!context.state.frames[payload.frameId]) {
+                return q.reject({ error: 'Frame not found' });
+            }
             var requestId = payload.frameId + '/' + randomString(32);
             var deferred = q.defer();
             requests[requestId] = deferred;
@@ -38550,7 +38565,8 @@ const EmbeddedGuides = (function () {
     let globalPendo;
     let _;
     const embeddedGuides = [];
-    let _oldEmbeddedGuides = [];
+    let embeddedGuidesCache = [];
+    let embeddedGuidesCacheValid = false;
     return {
         name: 'EmbeddedGuides',
         activeEmbeddedGuides: embeddedGuides,
@@ -38567,6 +38583,8 @@ const EmbeddedGuides = (function () {
         pluginApi.Events.on('guideListChanged', initializeEmbeddedGuides);
         pluginApi.Events.on('urlChanged', setForceShowFirstStepFlags);
         pluginApi.Events.on('guideAdvanced', hideGuide);
+        pluginApi.Events.on('metadata', onMetadataChange);
+        pluginApi.Events.on('identify', onIdentify);
         pluginApi.GuideLoop.addUpdatePhase(processEmbeddedGuides);
         pluginApi.guides.addProcessor(extractEmbeddedGuides);
         pluginApi.GuideActivity.registerGuideResolver(getGuideObjectFromEvent);
@@ -38574,17 +38592,19 @@ const EmbeddedGuides = (function () {
     }
     function teardown() {
         clearEmbeddedGuides();
+        clearEmbeddedGuidesCache();
         pluginApi.Events.off('deliverablesLoaded', clearEmbeddedGuides);
         pluginApi.Events.off('guideLoopStopped', onGuidesStopped);
         pluginApi.Events.off('guideListChanged', initializeEmbeddedGuides);
         pluginApi.Events.off('urlChanged', setForceShowFirstStepFlags);
         pluginApi.Events.off('guideAdvanced', hideGuide);
+        pluginApi.Events.off('metadata', onMetadataChange);
+        pluginApi.Events.off('identify', onIdentify);
         pluginApi.GuideLoop.removeUpdatePhase(processEmbeddedGuides);
         pluginApi.guides.removeProcessor(extractEmbeddedGuides);
         pluginApi.GuideActivity.removeGuideResolver(getGuideObjectFromEvent);
         if (this.removeResizeEvent)
             this.removeResizeEvent();
-        _oldEmbeddedGuides.length = 0;
     }
     function onGuidesStopped() {
         // The guideLoopStopped event sometimes is sent when the guide loop is restarted, for example when a guide is advanced.
@@ -38623,10 +38643,24 @@ const EmbeddedGuides = (function () {
         });
     }
     function clearEmbeddedGuides() {
-        _oldEmbeddedGuides = _.toArray(embeddedGuides);
         pluginApi.guides.removeDisplayableGuides('embeddedGuides');
         embeddedGuides.length = 0;
     }
+    function clearEmbeddedGuidesCache() {
+        embeddedGuidesCache.length = 0;
+    }
+    function setEmbeddedGuideCacheValid(value) {
+        embeddedGuidesCacheValid = value;
+    }
+    function onMetadataChange(event) {
+        const { storeChanged } = event.data[0];
+        if (storeChanged) {
+            setEmbeddedGuideCacheValid(false);
+        }
+    }
+    function onIdentify() {
+        setEmbeddedGuideCacheValid(false);
+    }
     // This function syncs the forceShowFirstStep with the restartOnReload property on guides
     // This function is run on the urlChanged event.
     function setForceShowFirstStepFlags() {
@@ -38693,6 +38727,8 @@ const EmbeddedGuides = (function () {
         restoreFromPreviousGuides();
         pluginApi.guides.registerDisplayableGuides('embeddedGuides', embeddedGuides);
         applyEmbeddedGuideBehaviors();
+        embeddedGuidesCache = _.toArray(embeddedGuides);
+        setEmbeddedGuideCacheValid(true);
     }
     function applyEmbeddedGuideBehaviors() {
         _.map(embeddedGuides, function (guide) {
@@ -38702,22 +38738,21 @@ const EmbeddedGuides = (function () {
             });
         });
     }
-    // When a guides payload is received, the embedded guides list is cleared and cached in _oldEmbeddedGuides.
+    // When a guides payload is received, the embedded guides list is cleared and cached in embeddedGuidesCache.
     // This function replaces guides in the new payload with guides from the previous payload to prevent re-rendering.
     // Additionally, if guides from the previous payload are showing, and they are not in the new payload, this function hides them.
     function restoreFromPreviousGuides() {
-        _.each(_oldEmbeddedGuides, function (oldGuide) {
+        _.each(embeddedGuidesCache, function (oldGuide) {
             const newGuideIndex = _.findIndex(embeddedGuides, function (guide) {
                 return guide.id === oldGuide.id;
             });
-            if (newGuideIndex === -1 && oldGuide.isShownInThisFrame()) {
+            if (!embeddedGuidesCacheValid || newGuideIndex === -1) {
                 oldGuide.hide();
             }
             else if (!oldGuide.isFrameProxy) {
                 embeddedGuides[newGuideIndex] = oldGuide;
             }
         });
-        _oldEmbeddedGuides.length = 0;
     }
     function exportPublicEmbeddedGuideApi(pendo) {
         pendo.getEmbeddedGuides = getEmbeddedGuides;
@@ -48573,6 +48608,18 @@ class SendQueue {
     }
 }
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise$2))(function (resolve, reject) {
@@ -56214,13 +56261,18 @@ var ConfigReader = (function () {
     *
     * key - Actual config property name. Allows for disambiguation for the same property from different sources
     */
-    function addOption(name, sources = [PENDO_CONFIG_SRC], defaultValue, anySource) {
+    function addOption(name, sources = [PENDO_CONFIG_SRC], defaultValue, anySource, aliases = []) {
         if (!name)
             return;
         if (optionMap[name])
             return;
+        if (!_.isArray(aliases)) {
+            // not using logging here to keep circular dependency issues clean
+            aliases = [];
+        }
         var opt = {
             name,
+            aliases,
             defaultValue,
             supportedSources: sources
         };
@@ -56228,13 +56280,20 @@ var ConfigReader = (function () {
             opt.useAnySource = anySource;
         }
         optionMap[name] = opt;
+        if (aliases.length > 0) {
+            _.each(aliases, function (alias) {
+                if (optionMap[alias] !== undefined)
+                    return;
+                optionMap[alias] = opt;
+            });
+        }
     }
     function initializeOptions() {
         // Core
         /**
          * Formerly `additionalApiKeys`. When included, all analytics events will be sent to each of the public app IDs in the list (guide events are
          * only sent to the primary public app ID). This will only function if there are no `additionalPublicAppIds` set on
-         * the configuration included in the downloaded Agent.
+         * the configuration included in the downloaded web SDK.
          *
          * @access public
          * @category Config/Core
@@ -56260,8 +56319,8 @@ var ConfigReader = (function () {
          */
         addOption('annotateUrl', [SNIPPET_SRC]);
         /**
-         * Formerly `apiKey`. A primary public app ID to send data to from the Agent. This will only function if there is no `publicAppId` set
-         * on the configuration included in the downloaded Agent.
+         * Formerly `apiKey`. A primary public app ID to send data to from the web SDK. This will only function if there is no `publicAppId` set
+         * on the configuration included in the downloaded web SDK.
          *
          * @access public
          * @category Config/Core
@@ -56273,7 +56332,7 @@ var ConfigReader = (function () {
         addOption('apiKey', [PENDO_CONFIG_SRC, SNIPPET_SRC]);
         addOption('assetHost', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `true`, the agent will try to install and initialize in all same-origin frames on the page.
+         * If set to `true`, the web SDK will try to install and initialize in all same-origin frames on the page.
          * Read more about [frame support](/advanced/auto-frame-install).
          *
          * @access public
@@ -56297,7 +56356,7 @@ var ConfigReader = (function () {
          */
         addOption('contentHost', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * A unique domain to append to cookies that the Agent stores. If this is set, the Agent will not use local
+         * A unique domain to append to cookies that the web SDK stores. If this is set, the web SDK will not use local
          * storage but will store all information as cookies using this domain. If not set, the browser will use
          * the current domain when setting cookies. **Note:** The domain must match the domain of the JavaScript
          * origin. Setting cookies to foreign domains will be silently ignored.
@@ -56323,7 +56382,7 @@ var ConfigReader = (function () {
         addOption('dataHost', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         addOption('disableAutoInitialize');
         /**
-         * Although the name refers to cookies, if set to `true` the Agent will not persist any data in local
+         * Although the name refers to cookies, if set to `true` the web SDK will not persist any data in local
          * storage or cookies and will rely only on memory.
          *
          * @access public
@@ -56334,7 +56393,7 @@ var ConfigReader = (function () {
          */
         addOption('disableCookies', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `true` the Agent will cancel out of initialization. This can be useful to disable the Agent
+         * If set to `true` the web SDK will cancel out of initialization. This can be useful to disable the web SDK
          * with minimal code changes.
          *
          * @access public
@@ -56345,9 +56404,9 @@ var ConfigReader = (function () {
          */
         addOption('disablePendo', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
-         * By default, the Agent will store the most recently used visitor and account ids as well as historical
-         * metadata. These stored values will be used if the agent is initialized in the future without them.
-         * Setting this to `true` will mean the agent will not store these values but will only use what is provided
+         * By default, the web SDK will store the most recently used visitor and account ids as well as historical
+         * metadata. These stored values will be used if the web SDK is initialized in the future without them.
+         * Setting this to `true` will mean the web SDK will not store these values but will only use what is provided
          * or fall back to anonymous ids.
          *
          * @access public
@@ -56360,7 +56419,7 @@ var ConfigReader = (function () {
         addOption('enableSignedMetadata', [PENDO_CONFIG_SRC], false);
         /**
          * By default, the identity of a visitor in various iframes on a page are independent from each other.
-         * Setting this to `true` will instead have the Agent make sure all frames use the exact same visitor and
+         * Setting this to `true` will instead have the web SDK make sure all frames use the exact same visitor and
          * account information. Read more about [frame support](/advanced/auto-frame-install).
          *
          * @access public
@@ -56385,7 +56444,7 @@ var ConfigReader = (function () {
         /**
          * Having identity persisted by default makes it so that a transition from using identified visitor ids
          * to using anonymous visitor ids is challenging. Anyone that used your application with an identified
-         * visitor id would have that value persisted to storage and whenever they agent is initialized for them,
+         * visitor id would have that value persisted to storage and whenever the web SDK is initialized for them,
          * that value would be read from storage treating them as the same identified visitor. When set `true`,
          * this config option will only use persisted identity values if they are an anonymous id. It is meant to
          * be used to smoothly make this transition to using anonymous ids while still retaining the benefit of
@@ -56402,7 +56461,7 @@ var ConfigReader = (function () {
         addOption('identityStorageLifetime', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         addOption('identityStorageSuffix', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `true`, the Agent will strip url fragments from the url used for events (everything after a `#`
+         * If set to `true`, the web SDK will strip url fragments from the url used for events (everything after a `#`
          * symbol). **Deprecated:** new usages to edit the url for events should use the
          * [location api](/advanced/location).
          *
@@ -56414,8 +56473,8 @@ var ConfigReader = (function () {
          */
         addOption('ignoreHashRouting', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * By default, the Agent will wait until the `document.readyState` is set to `"complete"`. Setting this to
-         * `true` will allow the Agent to initialize while the document is still loading.
+         * By default, the web SDK will wait until the `document.readyState` is set to `"complete"`. Setting this to
+         * `true` will allow the web SDK to initialize while the document is still loading.
          *
          * @access public
          * @category Config/Core
@@ -56426,7 +56485,7 @@ var ConfigReader = (function () {
         addOption('initializeImmediately', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('installType');
         /**
-         * If set to `true`, the Agent will only persist data using local storage and memory.
+         * If set to `true`, the web SDK will only persist data using local storage and memory.
          *
          * @access public
          * @category Config/Core
@@ -56436,7 +56495,7 @@ var ConfigReader = (function () {
          */
         addOption('localStorageOnly', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If set to `false`, the Agent will not use the `History.pushState` api to detect changes to the browser's
+         * If set to `false`, the web SDK will not use the `History.pushState` api to detect changes to the browser's
          * URL. Instead a poll will be used. This can be necessary to disable for some SFDC applications.
          *
          * @access public
@@ -56449,8 +56508,8 @@ var ConfigReader = (function () {
         addOption('maxCookieTTLDays', [SNIPPET_SRC, PENDO_CONFIG_SRC], Infinity);
         /**
          * Use this setting when using `preferMutationObserver` with an application that has Shadow DOM elements.
-         * On page load, the Agent will run a full document scan for shadow roots and attach a MutationObserver to
-         * all results. This setting also allows the agent to run CSS selectors in all shadow roots, so CSS selectors
+         * On page load, the web SDK will run a full document scan for shadow roots and attach a MutationObserver to
+         * all results. This setting also allows the web SDK to run CSS selectors in all shadow roots, so CSS selectors
          * can be written without specifying the full path through all shadow roots with the `::shadow` pseudo-class.
          *
          * @access public
@@ -56463,8 +56522,8 @@ var ConfigReader = (function () {
         addOption('pendoCore', [PENDO_CONFIG_SRC], true);
         addOption('pendoGlobalKey', [PENDO_CONFIG_SRC]);
         /**
-         * By default, if there are multiple frames on the page that have the Agent installed, they will communicate
-         * using `window.postMessage`. If set to `true` the Agent will instead use the browser's Broadcast Channel
+         * By default, if there are multiple frames on the page that have the web SDK installed, they will communicate
+         * using `window.postMessage`. If set to `true` the web SDK will instead use the browser's Broadcast Channel
          * API to communicate. This will only work when all frames use the same domain.
          *
          * @access public
@@ -56475,8 +56534,8 @@ var ConfigReader = (function () {
          */
         addOption('preferBroadcastChannel', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
-         * By default, the Agent will scan the page every 500ms to determine if any new badges or guides are eligible.
-         * To improve idle performance, this can be set to `true` and then the Agent will instead use a mutation
+         * By default, the web SDK will scan the page every 500ms to determine if any new badges or guides are eligible.
+         * To improve idle performance, this can be set to `true` and then the web SDK will instead use a mutation
          * observer and only check eligibility if the page content has changed.
          *
          * @access public
@@ -56488,8 +56547,8 @@ var ConfigReader = (function () {
         addOption('preferMutationObserver', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('preventCookieRefresh');
         /**
-         * By default, the Agent adds an `unload` event listener to the page to make sure it sends events upon
-         * navigation. If set to `true`, the Agent will instead use the `visibilitychange` event listener and send
+         * By default, the web SDK adds an `unload` event listener to the page to make sure it sends events upon
+         * navigation. If set to `true`, the web SDK will instead use the `visibilitychange` event listener and send
          * events when the visibility is changing to `"hidden"`.
          *
          * @access public
@@ -56501,7 +56560,7 @@ var ConfigReader = (function () {
         addOption('preventUnloadListener', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         addOption('promotedAgentMetadataConfigurations', [PENDO_CONFIG_SRC]);
         /**
-         * An array of strings or a function that returns an array of strings. The Agent will then strip any query
+         * An array of strings or a function that returns an array of strings. The web SDK will then strip any query
          * string parameters from the url that are not found in the provided array. **Deprecated:** new usages to
          * edit the url for events should use the [location api](/advanced/location).
          *
@@ -56527,7 +56586,7 @@ var ConfigReader = (function () {
         addOption('sanitizeUrl', [SNIPPET_SRC]);
         addOption('selfHosted');
         /**
-         * Meant to be used with `autoFrameInstall`. If set, the Agent will use this as the url to download the Agent
+         * Meant to be used with `autoFrameInstall`. If set, the web SDK will use this as the url to download itself
          * from in child frames. Read more about [frame support](/advanced/auto-frame-install).
          *
          * @access public
@@ -56554,7 +56613,7 @@ var ConfigReader = (function () {
         // Analytics
         /**
          * An array of exact strings that can still be included in event data if text capture is disabled
-         * (`excludeAllText`). This will override any allow list that is stored for your application settings.
+         * (`excludeAllText`). This will not override any allow list specified by your application settings but will apply if none is provided.
          * These are not selectors but are equality checks (the string 'Bug' will allow links that have 'Bug' as the
          * text to be captured but not ones like 'Bug Report')
          *
@@ -56564,9 +56623,9 @@ var ConfigReader = (function () {
          * @default []
          * @type {string[]}
          */
-        addOption('allowedText', [SNIPPET_SRC, PENDO_CONFIG_SRC], []);
+        addOption('allowedText', [PENDO_CONFIG_SRC, SNIPPET_SRC], [], true);
         /**
-         * An array of specific Pendo events that you do not want the Agent to capture. Available event types
+         * An array of specific Pendo events that you do not want the web SDK to capture. Available event types
          * include: `identify`, `meta`, `load`, `click`, `focus`, `submit`, `change`, `track`. See [Event Controls](/events/event-controls)
          * for more information.
          *
@@ -56588,7 +56647,7 @@ var ConfigReader = (function () {
          */
         addOption('analytics.localStorageUnload', [SNIPPET_SRC, PENDO_CONFIG_SRC], false);
         /**
-         * If set to `true`, the Agent will log out when various events internal to the Agent occur.
+         * If set to `true`, the web SDK will log when various internal events occur.
          *
          * @access public
          * @category Config/Analytics
@@ -56612,7 +56671,7 @@ var ConfigReader = (function () {
          */
         addOption('eventPropertyMatchParents', [SNIPPET_SRC, PENDO_CONFIG_SRC], true);
         /**
-         * By default, the Agent will include text from elements while capturing events. Setting this to `true` will
+         * By default, the web SDK will include text from elements while capturing events. Setting this to `true` will
          * instead prevent the text from being included unless it matches the `allowedText` list. If the subscription
          * flag to disable text capture is turned on, this option cannot be used to reenable it.
          *
@@ -56624,7 +56683,7 @@ var ConfigReader = (function () {
          */
         addOption('excludeAllText', [PENDO_CONFIG_SRC, SNIPPET_SRC], false, true);
         /**
-         * When `true`, the Agent will only send guide and poll events. All other events will not be sent, including:
+         * When `true`, the web SDK will only send guide and poll events. All other events will not be sent, including:
          * identify, meta, load, click, focus, change, submit, or track. Metadata assigned to visitors will still function
          * for guide targeting but will not be sent to Pendo to be visible in the UI. See [Event Controls](/events/event-controls)
          * for more information.
@@ -56640,7 +56699,7 @@ var ConfigReader = (function () {
         addOption('htmlAttributes');
         addOption('interceptElementRemoval', [SNIPPET_SRC, PENDO_CONFIG_SRC], false); // old, use syntheticClicks.elementRemoval instead
         /**
-         * By default, the agent will attempt to intercept calls to `preventDefault` on `touchend` events in order to
+         * By default, the web SDK will attempt to intercept calls to `preventDefault` on `touchend` events in order to
          * ensure that Pendo still tracks the click event. There are cases where your application might prevent these
          * original clicks in order to synthesize your own click event, in that case and where you might be seeing
          * duplicate clicks because of it, this functionality can be disabled.
@@ -56653,7 +56712,7 @@ var ConfigReader = (function () {
          */
         addOption('interceptPreventDefault', [SNIPPET_SRC, PENDO_CONFIG_SRC], true);
         /**
-         * By default, the agent will also attempt to intercept calls to `stopPropagation` and
+         * By default, the web SDK will also attempt to intercept calls to `stopPropagation` and
          * `stopImmediatePropagation` for click, focus, submit, and change events in order to ensure that Pendo can
          * still probably recognize these events. In the case of this causing duplicate events or other issues, this
          * functionality can be disabled.
@@ -56668,7 +56727,7 @@ var ConfigReader = (function () {
         /**
          * Sometimes an application removes an event that is clicked on between the `mousedown` and `mouseup` browser
          * events. In these cases, Pendo will not be able to capture the `click` event properly for events or guide
-         * behavior. Setting this to `true` will have the Agent intercept these types of element removal to ensure
+         * behavior. Setting this to `true` will have the web SDK intercept these types of element removal to ensure
          * more consistent Pendo behavior (this option has been moved from `interceptElementRemoval`).
          *
          * @access public
@@ -56728,7 +56787,7 @@ var ConfigReader = (function () {
         addOption('cacheGuidesTimeout', [PENDO_CONFIG_SRC], 600000);
         addOption('delayGuides', [SNIPPET_SRC]); // old, use guides.delay instead
         /**
-         * If `true`, this will prevent the agent from attempting to launch the Visual Design Studio.
+         * If `true`, this will prevent the web SDK from attempting to launch the Visual Design Studio.
          *
          * @access public
          * @category Config/Guides
@@ -56739,7 +56798,7 @@ var ConfigReader = (function () {
         addOption('disableDesigner', [PENDO_CONFIG_SRC, SNIPPET_SRC], false);
         addOption('disableDesignerKeyboardShortcut', [PENDO_CONFIG_SRC], false);
         /**
-         * If `true`, this will prevent the agent from downloading your application's
+         * If `true`, this will prevent the web SDK from downloading your application's
          * [global css](https://support.pendo.io/hc/en-us/articles/360032206511-Guide-Styling-Classic-#global-css-0-2)
          * file as well as the default classic guide css.
          *
@@ -56775,7 +56834,7 @@ var ConfigReader = (function () {
          */
         addOption('disablePrefetch', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If `true`, the agent will listen for `alt+shift+8` on the keyboard and try to launch the designer (). The
+         * If `true`, the web SDK will listen for `alt+shift+8` on the keyboard and try to launch the designer (). The
          * keyboard shortcut requires the guide launch modal of Engage to be open in another tab showing the shortcut.
          *
          * @access public
@@ -56895,8 +56954,8 @@ var ConfigReader = (function () {
          */
         addOption('guides.tooltip.arrowSize', [SNIPPET_SRC]);
         /**
-         * If set, the agent will attach the provided value as a [nonce](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP#nonces)
-         * onto all inline stylesheets the agent adds. This is used to remove the need for "unsafe-inline" on the "style-src" of your
+         * If set, the web SDK will attach the provided value as a [nonce](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP#nonces)
+         * onto all inline stylesheets the web SDK adds. This is used to remove the need for "unsafe-inline" on the "style-src" of your
          * CSP and will support live guides as well as Visual Design Studio users.
          *
          * @access public
@@ -56950,7 +57009,7 @@ var ConfigReader = (function () {
         addOption('feedbackSettings', [PENDO_CONFIG_SRC], {});
         addOption('pendoFeedback', [PENDO_CONFIG_SRC], false);
         /**
-         * If set, the Agent will use this as the suffix when writing last step advanced key into the visitors cookie.
+         * If set, the web SDK will use this as the suffix when writing last step advanced key into the visitors cookie.
          * This supports cross app guides by having a shared accessible location for different apps on the same effective level domain.
          *
          * @access public
@@ -56961,7 +57020,7 @@ var ConfigReader = (function () {
          */
         addOption('crossAppGuideStorageSuffix', [SNIPPET_SRC, PENDO_CONFIG_SRC]);
         /**
-         * If `true`, the Agent will launch a version of the Designer that is compatible with the
+         * If `true`, the web SDK will launch a version of the Designer that is compatible with the
          * `Cross-Origin-Embedder-Policy: require-corp` header.
          *
          * @access public
@@ -58437,4 +58496,405 @@ function NetworkCapture() {
     }
 }
 
-export { ConsoleCapture, Feedback, GuideMarkdown, NetworkCapture, createReplayPlugin as Replay, TextCapture, VocPortal, loadAgent };
+const PREDICT_STEP_REGEX = /\$\$predict\$\$/;
+const DRAG_THRESHOLD = 5;
+const STYLE_ID = 'pendo-predict-plugin-styles';
+const PREDICT_BASE_URL = 'https://predict.pendo.io';
+const BUTTON_CLASS_IDENTIFIER = '._pendo-button-primaryButton:contains("token")';
+const pluginVersion = '1.0.0';
+const $ = (id) => document.getElementById(id);
+const createElement = (tag, attrs = {}, parent = null) => {
+    const el = document.createElement(tag);
+    const entries = Object.entries(attrs);
+    for (let i = 0; i < entries.length; i++) {
+        const [key, value] = entries[i];
+        if (key === 'className')
+            el.className = value;
+        else if (key === 'innerHTML')
+            el.innerHTML = value;
+        else
+            el[key] = value;
+    }
+    if (parent)
+        parent.appendChild(el);
+    return el;
+};
+const injectStyles = (pendoContainerId) => {
+    if ($(STYLE_ID))
+        return;
+    createElement('style', {
+        id: STYLE_ID,
+        textContent: `
+                #${pendoContainerId} {
+                display: none !important;
+                }
+                .frame-explanation {
+                aspect-ratio: 16/9; overflow: hidden; min-height: 300px;
+                width: 100vw; height: 100vh; background: transparent;
+                position: fixed; bottom: 0; right: 0; z-index: 999999; border: none;
+                visibility: hidden; opacity: 0; pointer-events: none;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;
+                display: none;
+                }
+                .frame-explanation.is-visible {
+                visibility: visible; opacity: 1; pointer-events: auto;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0s;
+                }
+                .frame-explanation.is-exists {
+                display: block !important;
+                }
+                .floating-modal-container {
+                position: fixed; top: 20px; right: 20px; z-index: 500000;
+                visibility: hidden; opacity: 0; pointer-events: none;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;
+                border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
+                overflow: hidden; width: 384px; height: 176px;
+                }
+                .floating-modal-container.is-visible {
+                visibility: visible; opacity: 1; pointer-events: auto;
+                transition: opacity 0.1s ease-out, visibility 0s linear 0s;
+                }
+                .floating-modal-container.is-dragging { will-change: left, top; }
+                .floating-modal-drag-handle {
+                position: absolute; left: 50%; transform: translateX(-50%);
+                top: 5px; width: calc(100% - 46px); min-width: 166px; height: 17px;
+                z-index: 9999; transition: left 0.2s ease, right 0.2s ease;
+                display: flex; justify-content: center; align-items: center;
+                }
+                .floating-modal-drag-handle svg g { fill: #A0A0A0; }
+                .floating-modal-drag-handle:hover { cursor: grab; }
+                .floating-modal-drag-handle:hover svg g { fill: #1f2937; }
+                .floating-modal-drag-handle.is-dragging { cursor: grabbing; }
+                .floating-modal-drag-handle.is-collapsed { top: 0px; }
+                .frame-floating-modal { width: 100%; height: 100%; background: white; border: none; display: block; }
+                `
+    }, document.head);
+};
+const getRecordIdFromUrl = (recordRegex) => {
+    var _a;
+    const match = window.location.href.match(recordRegex);
+    return (_a = match === null || match === void 0 ? void 0 : match[1]) !== null && _a !== void 0 ? _a : null;
+};
+const safeStringify = (value, fallback) => {
+    try {
+        return JSON.stringify(value);
+    }
+    catch (error) {
+        return fallback !== null && fallback !== void 0 ? fallback : '';
+    }
+};
+const safeParse = (value, fallback) => {
+    try {
+        return JSON.parse(value);
+    }
+    catch (error) {
+        return fallback;
+    }
+};
+const buildQueryParams = (params) => {
+    const urlParams = new URLSearchParams();
+    const entries = Object.entries(params);
+    urlParams.set('pluginVersion', pluginVersion);
+    for (let i = 0; i < entries.length; i++) {
+        const [key, value] = entries[i];
+        if (value != null) {
+            urlParams.set(key, typeof value === 'object' ? safeStringify(value) : String(value));
+        }
+    }
+    return urlParams.toString();
+};
+// ----- Drag & Drop -----
+const setupDragAndDrop = (handle, container) => {
+    let isDragging = false;
+    let hasMoved = false;
+    let isCollapsed = false;
+    let startX = 0;
+    let startY = 0;
+    let initialLeft = 0;
+    let initialTop = 0;
+    let rafId = null;
+    const iframe = container.querySelector('iframe');
+    const onMouseDown = (e) => {
+        if (e.button !== 0)
+            return;
+        e.preventDefault();
+        isDragging = true;
+        hasMoved = false;
+        handle.classList.add('is-dragging');
+        container.classList.add('is-dragging');
+        if (iframe)
+            iframe.style.pointerEvents = 'none';
+        const rect = container.getBoundingClientRect();
+        initialLeft = rect.left;
+        initialTop = rect.top;
+        container.style.left = `${initialLeft}px`;
+        container.style.right = 'auto';
+        startX = e.clientX;
+        startY = e.clientY;
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+    };
+    const onMouseMove = (e) => {
+        if (!isDragging)
+            return;
+        const deltaX = e.clientX - startX;
+        const deltaY = e.clientY - startY;
+        if (Math.abs(deltaX) > DRAG_THRESHOLD || Math.abs(deltaY) > DRAG_THRESHOLD) {
+            hasMoved = true;
+        }
+        if (rafId)
+            cancelAnimationFrame(rafId);
+        rafId = requestAnimationFrame(() => {
+            const rect = container.getBoundingClientRect();
+            const newLeft = Math.max(0, Math.min(initialLeft + deltaX, window.innerWidth - rect.width));
+            const newTop = Math.max(0, Math.min(initialTop + deltaY, window.innerHeight - rect.height));
+            container.style.left = `${newLeft}px`;
+            container.style.top = `${newTop}px`;
+        });
+    };
+    const onMouseUp = (e) => {
+        var _a;
+        if (!isDragging)
+            return;
+        isDragging = false;
+        handle.classList.remove('is-dragging');
+        container.classList.remove('is-dragging');
+        if (iframe)
+            iframe.style.pointerEvents = '';
+        if (rafId)
+            cancelAnimationFrame(rafId);
+        rafId = null;
+        document.removeEventListener('mousemove', onMouseMove);
+        document.removeEventListener('mouseup', onMouseUp);
+        if (!hasMoved && isCollapsed && iframe) {
+            (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'TRIGGER_EXPAND' }, PREDICT_BASE_URL);
+        }
+    };
+    handle.setCollapsedState = (collapsed) => {
+        isCollapsed = collapsed;
+        handle.classList.toggle('is-collapsed', collapsed);
+    };
+    handle.addEventListener('mousedown', onMouseDown);
+    handle.cleanup = () => {
+        handle.removeEventListener('mousedown', onMouseDown);
+        document.removeEventListener('mousemove', onMouseMove);
+        document.removeEventListener('mouseup', onMouseUp);
+        if (rafId)
+            cancelAnimationFrame(rafId);
+    };
+    return handle;
+};
+// ----- Explanation Iframe Creation -----
+const createExplanationIframe = ({ analysisId, recordId, configuration }) => {
+    var _a;
+    const frameId = `frameExplanation-${analysisId}`;
+    (_a = $(frameId)) === null || _a === void 0 ? void 0 : _a.remove();
+    const base = `${PREDICT_BASE_URL}/external/analysis/${analysisId}/prediction/drilldown/${recordId}`;
+    const params = buildQueryParams(configuration);
+    createElement('iframe', {
+        id: frameId,
+        className: 'frame-explanation',
+        title: 'Explanation',
+        loading: 'lazy',
+        referrerPolicy: 'strict-origin-when-cross-origin',
+        allowFullscreen: true,
+        src: `${base}?${params}`
+    }, document.body);
+};
+// ----- Floating Modal Creation -----
+const createFloatingModal = ({ recordId, configuration }) => {
+    var _a;
+    const flatIds = (_a = configuration.analysisIds) === null || _a === void 0 ? void 0 : _a.flat(Infinity);
+    for (let i = 0; i < flatIds.length; i++) {
+        createExplanationIframe({ analysisId: flatIds[i], recordId, configuration });
+    }
+    const container = createElement('div', { id: 'floatingModalContainer', className: 'floating-modal-container' }, document.body);
+    const dragHandle = createElement('div', {
+        className: 'floating-modal-drag-handle',
+        innerHTML: `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                <g fill="#EBEBEB">
+                  <circle cx="3.33" cy="6" r="1.5"/><circle cx="8" cy="6" r="1.5"/><circle cx="12.67" cy="6" r="1.5"/>
+                  <circle cx="3.33" cy="10" r="1.5"/><circle cx="8" cy="10" r="1.5"/><circle cx="12.67" cy="10" r="1.5"/>
+                </g>
+              </svg>`
+    }, container);
+    const baseUrl = `${PREDICT_BASE_URL}/external/analysis/prediction/summary/${recordId}`;
+    const params = buildQueryParams(configuration);
+    createElement('iframe', {
+        id: 'frameFloatingModal',
+        className: 'frame-floating-modal',
+        loading: 'lazy',
+        referrerPolicy: 'strict-origin-when-cross-origin',
+        allowFullscreen: true,
+        title: 'Floating Modal',
+        src: `${baseUrl}?${params}`
+    }, container);
+    container.dragHandle = setupDragAndDrop(dragHandle, container);
+    return () => {
+        var _a, _b, _c;
+        (_b = (_a = container.dragHandle) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
+        container.remove();
+        const flatIds = (_c = configuration.analysisIds) === null || _c === void 0 ? void 0 : _c.flat(Infinity);
+        for (let i = 0; i < flatIds.length; i++) {
+            const frame = $(`frameExplanation-${flatIds[i]}`);
+            if (frame)
+                frame.remove();
+        }
+    };
+};
+const setupMessageListener = ({ token, cleanup, pendo }) => {
+    const messageHandler = ({ origin, data }) => {
+        var _a;
+        if (origin !== PREDICT_BASE_URL || !data || typeof data !== 'object')
+            return;
+        const { type, analysisId, height, width } = data;
+        const explanationFrame = $(`frameExplanation-${analysisId}`);
+        const floatingModal = $('floatingModalContainer');
+        const setFloatingModalSize = () => {
+            if (floatingModal) {
+                floatingModal.style.height = `${height}px`;
+                floatingModal.style.width = `${width}px`;
+            }
+        };
+        const setFloatingModalCollapsedState = (collapsed) => {
+            var _a, _b;
+            if (floatingModal)
+                (_b = (_a = floatingModal.dragHandle) === null || _a === void 0 ? void 0 : _a.setCollapsedState) === null || _b === void 0 ? void 0 : _b.call(_a, collapsed);
+        };
+        const actions = {
+            MODAL_INITIALIZED: () => {
+                var _a, _b, _c;
+                const iframe = $('frameFloatingModal');
+                if (iframe) {
+                    let idToken = null;
+                    let extensionAPIKeys = null;
+                    const retrieveIDPToken = pendo.getConfigValue('retrieveIDPToken');
+                    if (pendo._.isFunction(retrieveIDPToken)) {
+                        const result = retrieveIDPToken();
+                        if (result) {
+                            idToken = result.idToken;
+                            extensionAPIKeys = result.extensionAPIKeys;
+                        }
+                    }
+                    const visitorId = (_a = pendo === null || pendo === void 0 ? void 0 : pendo.getVisitorId) === null || _a === void 0 ? void 0 : _a.call(pendo);
+                    const accountId = (_b = pendo === null || pendo === void 0 ? void 0 : pendo.getAccountId) === null || _b === void 0 ? void 0 : _b.call(pendo);
+                    (_c = iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.postMessage({ type: 'TOKEN_RECEIVED', token, idToken, extensionAPIKeys, visitorId, accountId }, PREDICT_BASE_URL);
+                }
+            },
+            OPEN_EXPLANATION: () => {
+                var _a;
+                explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.add('is-visible');
+                (_a = explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(data, PREDICT_BASE_URL);
+            },
+            CLOSE_EXPLANATION: () => explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible'),
+            AUTH_ERROR_EXPLANATION: () => {
+                explanationFrame === null || explanationFrame === void 0 ? void 0 : explanationFrame.classList.remove('is-visible');
+                const iframe = $('frameFloatingModal');
+                // eslint-disable-next-line no-self-assign
+                if (iframe)
+                    iframe.src = iframe.src;
+            },
+            DATA_READY: () => {
+                floatingModal === null || floatingModal === void 0 ? void 0 : floatingModal.classList.add('is-visible');
+                setFloatingModalSize();
+                // Use analysisIds from the message data if available, otherwise use all IDs
+                const idsToShow = data.analysisIds || [];
+                for (let i = 0; i < idsToShow.length; i++) {
+                    const frame = $(`frameExplanation-${idsToShow[i]}`);
+                    if (frame)
+                        frame.classList.add('is-exists');
+                }
+            },
+            AUTH_ERROR: () => {
+                floatingModal === null || floatingModal === void 0 ? void 0 : floatingModal.classList.add('is-visible');
+                setFloatingModalSize();
+            },
+            CLOSE_FLOATING_MODAL: cleanup,
+            EXPAND_FLOATING_MODAL: () => {
+                setFloatingModalSize();
+                setFloatingModalCollapsedState(false);
+            },
+            COLLAPSE_FLOATING_MODAL: () => {
+                setFloatingModalSize();
+                setFloatingModalCollapsedState(true);
+            }
+        };
+        if (type && type in actions) {
+            (_a = actions === null || actions === void 0 ? void 0 : actions[type]) === null || _a === void 0 ? void 0 : _a.call(actions);
+        }
+    };
+    window.addEventListener('message', messageHandler);
+    return () => window.removeEventListener('message', messageHandler);
+};
+const predictGuidesScript = ({ step, pendo, cleanupArray, cleanup }) => {
+    var _a;
+    // ----- Extract Configuration -----
+    const pendoButtonPrimaryButton = (_a = step.guideElement.find(BUTTON_CLASS_IDENTIFIER)) === null || _a === void 0 ? void 0 : _a[0];
+    if (!pendoButtonPrimaryButton)
+        return;
+    const _b = safeParse(pendoButtonPrimaryButton.textContent, null), { token } = _b, configuration = __rest(_b, ["token"]);
+    if (!configuration)
+        return;
+    const pendoContainerId = step === null || step === void 0 ? void 0 : step.containerId;
+    injectStyles(pendoContainerId);
+    const recordRegex = new RegExp(`/${configuration.recordRegexName}/([a-zA-Z0-9]{15,18})(?:/|$)`);
+    const recordId = getRecordIdFromUrl(recordRegex);
+    if (!recordId)
+        return;
+    cleanupArray.push(setupMessageListener({ token, cleanup, pendo }));
+    cleanupArray.push(createFloatingModal({ recordId, configuration }));
+};
+
+const PredictGuides = () => {
+    let pluginApiRef = null;
+    let cleanupArray = [];
+    const cleanup = () => {
+        for (let i = 0; i < cleanupArray.length; i++) {
+            try {
+                cleanupArray[i]();
+            }
+            catch (_a) { }
+        }
+        cleanupArray = [];
+    };
+    const initialize = (_pendo, PluginAPI) => {
+        pluginApiRef = PluginAPI;
+        const configReader = PluginAPI.ConfigReader;
+        const PREDICT_GUIDES_CONFIG = 'predictGuides';
+        configReader.addOption(PREDICT_GUIDES_CONFIG, [
+            configReader.sources.SNIPPET_SRC,
+            configReader.sources.PENDO_CONFIG_SRC
+        ], false);
+        const predictGuidesEnabled = configReader.get(PREDICT_GUIDES_CONFIG);
+        if (!predictGuidesEnabled)
+            return;
+        pluginApiRef.Events.urlChanged.on(cleanup);
+        const script = {
+            name: 'PredictFrameScript',
+            script(step, _guide, pendo) {
+                predictGuidesScript({ step, pendo, cleanupArray, cleanup });
+                this.on('unmounted', (evt) => {
+                    if (evt.reason !== 'hidden')
+                        cleanup();
+                });
+            },
+            test(step, _guide) {
+                const stepName = step.name || '';
+                return PREDICT_STEP_REGEX.test(stepName);
+            }
+        };
+        pluginApiRef.GlobalRuntime.addGlobalScript(script);
+    };
+    const teardown = () => {
+        var _a, _b;
+        cleanup();
+        (_b = (_a = pluginApiRef === null || pluginApiRef === void 0 ? void 0 : pluginApiRef.Events) === null || _a === void 0 ? void 0 : _a.urlChanged) === null || _b === void 0 ? void 0 : _b.off(cleanup);
+    };
+    return {
+        name: 'PredictGuides',
+        initialize,
+        teardown
+    };
+};
+
+export { ConsoleCapture, Feedback, GuideMarkdown, NetworkCapture, PredictGuides, createReplayPlugin as Replay, TextCapture, VocPortal, loadAgent };