@pendo/agent 2.279.5 → 2.280.1

package/dist/pendo.module.js

@@ -3118,6 +3118,16 @@ var ConfigReader = (function () {
          * @type {string[]}
          */
         addOption('analytics.excludeEvents', [SNIPPET_SRC, PENDO_CONFIG_SRC], []);
+        /**
+         * Write events to localStorage when the page is unloaded instead of sending them immediately.
+         *
+         * @access public
+         * @category Config/Analytics
+         * @name analytics.localStorageUnload
+         * @default false
+         * @type {boolean}
+         */
+        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.
          *
@@ -3891,8 +3901,8 @@ var SERVER = '';
 var ASSET_HOST = '';
 var ASSET_PATH = '';
 var DESIGNER_ENV = '';
-var VERSION = '2.279.5_';
-var PACKAGE_VERSION = '2.279.5';
+var VERSION = '2.280.1_';
+var PACKAGE_VERSION = '2.280.1';
 var LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -4024,6 +4034,18 @@ function compress(json_obj, encoding) {
     }
 }
 
+function getZoneSafeMethod$1(_, method, target = window) {
+    var zoneSymbol = '__symbol__';
+    /* global Zone */
+    if (typeof Zone !== 'undefined' && _.isFunction(Zone[zoneSymbol])) {
+        var fn = target[Zone[zoneSymbol](method)];
+        if (_.isFunction(fn)) {
+            return fn;
+        }
+    }
+    return target[method];
+}
+
 var crc32_min = {exports: {}};
 
 /*
@@ -4117,15 +4139,7 @@ function isSfdcLightning() {
     return typeof $A !== 'undefined' && _.isFunction($A.get) && _.isString($A.get('$Browser.formFactor'));
 }
 function getZoneSafeMethod(method, target = window) {
-    var zoneSymbol = '__symbol__';
-    /* global Zone */
-    if (typeof Zone !== 'undefined' && _.isFunction(Zone[zoneSymbol])) {
-        var fn = target[Zone[zoneSymbol](method)];
-        if (_.isFunction(fn)) {
-            return fn;
-        }
-    }
-    return target[method];
+    return getZoneSafeMethod$1(_, method, target);
 }
 function getIsFiniteImpl(window) {
     return _.isFunction(window.isFinite) ? window.isFinite
@@ -12035,6 +12049,53 @@ class SendQueue {
     }
 }
 
+const UNSENT_EVENTS_KEY = 'unsentEvents';
+const UNSENT_EVENTS_DURATION = 6 * 24 * 60 * 60 * 1000; // 6 days
+class LocalStorageEventBuffer {
+    constructor() {
+        this.events = {};
+    }
+    send(key, queue) {
+        const data = this.events[key];
+        if (!data)
+            return;
+        let request = data.shift();
+        while (request) {
+            queue.push(request);
+            request = data.shift();
+        }
+        delete this.events[key];
+    }
+    push(key, obj) {
+        const data = this.events[key] || [];
+        data.push(obj);
+        this.events[key] = data;
+    }
+    read(storage) {
+        /**
+        * If enabled, Pendo will write pending events to local storage before unloading the page
+        * rather than attempting to send them. The events will be sent the next time the page is loaded.
+        *
+        * @name _pendo_unsentEvents
+        * @category Cookies/localStorage
+        * @access public
+        * @label UNSENT_EVENTS_KEY
+        */
+        storage.registry.addLocal(UNSENT_EVENTS_KEY);
+        this.events = JSON.parse(storage.read(UNSENT_EVENTS_KEY) || '{}');
+        storage.clear(UNSENT_EVENTS_KEY);
+    }
+    write(storage) {
+        if (_.size(this.events) > 0) {
+            storage.write(UNSENT_EVENTS_KEY, JSON.stringify(this.events), UNSENT_EVENTS_DURATION);
+        }
+        else {
+            storage.clear(UNSENT_EVENTS_KEY);
+        }
+    }
+}
+var localStorageEventBuffer = new LocalStorageEventBuffer();
+
 var defaultTrackName = '_PENDO_UNNAMED_';
 var SILO_AVG_COMPRESSION_RATIO = 5;
 /**
@@ -12487,9 +12548,19 @@ function reliableSendEventForUnload(options) {
         return q.resolve();
     };
 }
+function convertSiloToObject(silo, next) {
+    silo.length = 0;
+    const siloObj = {};
+    for (let key in silo) {
+        if (silo.hasOwnProperty(key)) {
+            siloObj[key] = silo[key];
+        }
+    }
+    next(siloObj);
+}
 function createSiloQueue(options) {
     return pipeline(filterAnalyticsDisabled, filterAccountIdsForSendQueue, compressSilo, shortenUrlFields(options.shorten), compressSilo, // re-compress only if the url was shortened
-    errorLogger(), addSiloParams(options), addAccountIdParamIfAdoptPartner, addSourceParamIfPresent);
+    errorLogger(), addSiloParams(options), addAccountIdParamIfAdoptPartner, addSourceParamIfPresent, convertSiloToObject);
 }
 class SendQueueSplitter {
     constructor(queues) {
@@ -12514,14 +12585,20 @@ function createSendQueue(options, send, guaranteedSend) {
     send = send || defaultSendEvent(options);
     guaranteedSend = guaranteedSend || reliableSendEventForUnload(options);
     const apiKeys = getApiKeysFromOptions(options);
-    const queues = _.map(apiKeys, (apiKey) => {
+    const queues = _.map(apiKeys, (apiKey, i) => {
         const queue = new SendQueue(function (request, isUnload, failureCount) {
             if (failureCount) {
                 request.params = _.extend({}, request.params, {
                     'rt': failureCount
                 });
             }
-            if (isUnload) {
+            if (options.localStorageUnload && isUnload) {
+                if (i === 0) {
+                    localStorageEventBuffer.push(options.beacon, request);
+                }
+                return q.resolve();
+            }
+            else if (isUnload) {
                 return guaranteedSend(apiKey, request);
             }
             else {
@@ -12534,7 +12611,9 @@ function createSendQueue(options, send, guaranteedSend) {
         queue.retryPending = true;
         return queue;
     });
-    return new SendQueueSplitter(queues);
+    const queueSplitter = new SendQueueSplitter(queues);
+    localStorageEventBuffer.send(options.beacon, queueSplitter);
+    return queueSplitter;
 }
 function filterNonGuideAnalytics(beacon) {
     return function (event, next) {
@@ -12633,17 +12712,17 @@ var events;
 var trackEvents;
 var eventQueue;
 var trackEventQueue;
-function initializeEventBuffer() {
+function initializeEventBuffer(options) {
     events = buffers.events = eventCache;
     trackEvents = buffers.trackEvents = trackEventCache;
-    eventQueue = createEventQueue({
+    eventQueue = createEventQueue(_.extend({
         'cache': events,
         'silos': buffers.silos,
         'apiKey': getAllApiKeys,
         'beacon': 'ptm',
         'allowPost': true
-    });
-    trackEventQueue = createEventQueue({
+    }, options));
+    trackEventQueue = createEventQueue(_.extend({
         'cache': trackEvents,
         'silos': buffers.trackEventSilos,
         'apiKey': getAllApiKeys,
@@ -12652,7 +12731,7 @@ function initializeEventBuffer() {
         'params': {
             'type': 'track'
         }
-    });
+    }, options));
     addEventQueue(eventQueue);
     addEventQueue(trackEventQueue);
     return () => {
@@ -13163,12 +13242,6 @@ var wirePage = function (eventList) {
             Events.appHidden.trigger();
         }
     }, ConfigReader.get('preventUnloadListener')));
-    Events.appHidden.on(() => {
-        flushNow(true, { 'hidden': true });
-    });
-    Events.appUnloaded.on(() => {
-        flushNow(true, { 'unload': true });
-    });
     const shouldInterceptStopPropagation = ConfigReader.get('interceptStopPropagation', true);
     const shouldInterceptPreventDefault = ConfigReader.get('interceptPreventDefault', true);
     if (shouldInterceptStopPropagation) {
@@ -14870,6 +14943,20 @@ function findBlockById(id, json) {
     }
 }
 
+function addInlineStyles(config, id, styles, element = document.head) {
+    let styleTag = document.getElementById(id);
+    if (!styleTag) {
+        styleTag = document.createElement('style');
+        styleTag.setAttribute('id', id);
+        if (config.get('inlineStyleNonce')) {
+            styleTag.setAttribute('nonce', config.get('inlineStyleNonce'));
+        }
+        styleTag.innerHTML = styles;
+        styleTag = element.appendChild(styleTag);
+    }
+    return styleTag;
+}
+
 var BuildingBlockTemplates = (function () {
     return {
         'buildNodesFromTemplate': buildNodesFromTemplate,
@@ -15288,8 +15375,7 @@ var BuildingBlockTemplates = (function () {
         var generatedHtml = announcementStep.guideElement;
         var elementId = generatedHtml[0].id;
         var styleString = '#' + elementId + ' h1::after { display:none; }';
-        var styleElem = generatedHtml[0].appendChild(document.createElement('style'));
-        styleElem.innerHTML = styleString;
+        addInlineStyles(ConfigReader, `pendo-whats-new-style-${elementId}`, styleString, generatedHtml[0]);
         if (bubbleConfig) {
             miniBubble = generateUnreadAnnouncementMiniBubble(bubbleConfig);
             miniBubble.props.style.top = '20px';
@@ -19141,9 +19227,7 @@ var BuildingBlockResourceCenter = (function () {
         var mergedUnseenCountCss = _.extend(defaultUnseenCountCss, unseenCountCss);
         bubbleEle.css(mergedBubbleCss);
         unseenCountEle.css(mergedUnseenCountCss);
-        var styleEle;
         if (!isOldIE(10) && !shouldNotAddInlineStyles()) {
-            styleEle = dom(document.createElement('style')).attr('id', 'pendo-resource-center-bubble-animation');
             var rgbColor = hexToRgb(notificationBubbleConfig['background-color']);
             var rgbString = 'rgb(' + rgbColor.r + ', ' + rgbColor.g + ', ' + rgbColor.b + ')';
             var pulseAnimation = '@keyframes pulse { ' +
@@ -19164,24 +19248,15 @@ var BuildingBlockResourceCenter = (function () {
                 'will-change: transform; ' +
                 '}';
             var bubbleStyles = pulseAnimation + ' ' + bubblePseudoEleCss;
-            if (styleEle.styleSheet) {
-                styleEle.styleSheet.cssText = bubbleStyles;
-            }
-            else {
-                styleEle[0].innerHTML = bubbleStyles;
-            }
+            addInlineStyles(ConfigReader, 'pendo-resource-center-bubble-animation', bubbleStyles);
         }
         unseenCountEle.text(unseenCount);
         return {
             'bubbleEle': bubbleEle,
-            'unseenCountEle': unseenCountEle,
-            'styleEle': styleEle
+            'unseenCountEle': unseenCountEle
         };
     }
     function appendNotificationBubble(notificationBubbleElements, targetElement) {
-        if (notificationBubbleElements.styleEle) {
-            notificationBubbleElements.styleEle.appendTo(targetElement);
-        }
         notificationBubbleElements.unseenCountEle.appendTo(notificationBubbleElements.bubbleEle);
         notificationBubbleElements.bubbleEle.appendTo(targetElement);
     }
@@ -20745,7 +20820,11 @@ function Wrappable() {
 var debugEnabled = 'debug-enabled';
 function getDebuggingStorage() {
     try {
-        return JSON.parse(agentStorage.read(debugEnabled, true) || getCookie(debugEnabled)) || {};
+        const debuggingStorage = JSON.parse(agentStorage.read(debugEnabled, true) || getCookie(debugEnabled));
+        if (typeof debuggingStorage === 'boolean') { // v1 debugger storage format
+            return { 'enabled': debuggingStorage };
+        }
+        return debuggingStorage || {};
     }
     catch (e) {
         return {};
@@ -22131,7 +22210,6 @@ var DesignerV2 = (function () {
         'isValidDesignerHost': isValidDesignerHost,
         'isValidTarget': isValidTarget,
         'addCommunicationIframe': addCommunicationIframe,
-        'addStylesToPage': addStylesToPage,
         'hostConfig': { 'host': host },
         'isDesignerFrame': isDesignerFrame,
         'addScriptToPage': addScriptToPage
@@ -22311,7 +22389,7 @@ var DesignerV2 = (function () {
     function launchDesigner(options) {
         var baseFolder = 'latest';
         var gcsBucket = 'designer';
-        addStylesToPage('designer-styles', getStyles());
+        addInlineStyles(ConfigReader, 'designer-styles', getStyles());
         var designerShimsSrc = host + '/' + gcsBucket + '/' + baseFolder + '/plugin.js';
         addScriptToPage('designer-shims', designerShimsSrc);
         if (pendo$1.DESIGNER_VERSION) {
@@ -22384,16 +22462,6 @@ var DesignerV2 = (function () {
         container.appendChild(iframe);
         return container;
     }
-    function addStylesToPage(styleId, styles) {
-        if (document.getElementById(styleId))
-            return;
-        var styleNode = document.createElement('style');
-        styleNode.setAttribute('id', styleId);
-        styleNode.type = 'text/css';
-        var styleText = document.createTextNode(styles);
-        styleNode.appendChild(styleText);
-        document.getElementsByTagName('head')[0].appendChild(styleNode);
-    }
     function addScriptToPage(scriptId, scriptURL, attributes) {
         if (document.getElementById(scriptId))
             return;
@@ -22514,7 +22582,7 @@ var P2AutoLaunch = (function () {
             'box-sizing': 'border-box'
         };
         var modalContainer = createUIElement('div', ids.container, modalStyles);
-        modalContainer.appendChild(createPseudoStyles());
+        addInlineStyles(ConfigReader, ids.style, buildPseudoStyles(pseudoStyles), modalContainer);
         modalContainer.appendChild(createHeader(isVia));
         modalContainer.appendChild(createBody());
         modalContainer.appendChild(createFooter(token));
@@ -22639,14 +22707,6 @@ var P2AutoLaunch = (function () {
             return acc + key + '{' + buildStyles(value) + '} ';
         }, '');
     }
-    function createPseudoStyles() {
-        var styleNode = document.createElement('style');
-        styleNode.setAttribute('id', ids.style);
-        styleNode.type = 'text/css';
-        var styleText = document.createTextNode(buildPseudoStyles(pseudoStyles));
-        styleNode.appendChild(styleText);
-        return styleNode;
-    }
     function createUIElement(type, id, styles) {
         var ele = document.createElement(type);
         ele.setAttribute('id', id);
@@ -23532,11 +23592,12 @@ var findAllItemsInGuidelistBy = function (fn) {
         return arr;
     }, []);
 };
-var _updateGuideStepStatus = function (guideId, stepId, seenState, time, dismissCount) {
+var _updateGuideStepStatus = function (guideId, stepId, seenState, time, dismissCount, destinationStepId) {
     var step = findStepInGuide(findGuideById(guideId), stepId);
     if (step) {
         step.seenState = seenState;
         step.lastSeenAt = time;
+        step.destinationStepId = destinationStepId;
         if (dismissCount !== undefined) {
             step.dismissCount = dismissCount;
         }
@@ -24017,7 +24078,7 @@ var onGuideAdvanced = function (evt, step, isIntermediateStep) {
                 'seenReason': step.seenReason,
                 'visitorId': get_visitor_id()
             });
-            _updateGuideStepStatus(currentGuide.id, step.id, 'advanced', stepNow);
+            _updateGuideStepStatus(currentGuide.id, step.id, 'advanced', stepNow, undefined, destinationStepId);
         }
         return onGuideAdvanced(currentGuide.steps[destinationIndex], step, true);
     }
@@ -24043,7 +24104,7 @@ var onGuideAdvanced = function (evt, step, isIntermediateStep) {
         dismissCount = _.get(step, 'dismissCount', 0) + 1;
     }
     var now = new Date().getTime();
-    _updateGuideStepStatus(guideId, stepId, 'advanced', now, dismissCount);
+    _updateGuideStepStatus(guideId, stepId, 'advanced', now, dismissCount, destinationStepId);
     var guide = _.isFunction(step.getGuide) && step.getGuide();
     var doNotResume = guide && guide.attributes && guide.attributes.doNotResume;
     if (!doNotResume) {
@@ -24129,7 +24190,7 @@ var onGuidePrevious = function (evt, step) {
     advancedGuide(guideId, step.id, get_visitor_id(), seenReason, language, false, destinationStepId);
     log.info('update guide status');
     var now = new Date().getTime();
-    _updateGuideStepStatus(step.guideId, step.id, 'advanced', now);
+    _updateGuideStepStatus(step.guideId, step.id, 'advanced', now, undefined, destinationStepId);
     var guide = _.isFunction(step.getGuide) && step.getGuide();
     var doNotResume = guide && guide.attributes && guide.attributes.doNotResume;
     if (!doNotResume) {
@@ -25149,7 +25210,7 @@ var getGuideEventCache = function () {
     return guideEvtCache;
 };
 function createGuideEventQueue(options) {
-    const processSilos = pipeline(filterAnalyticsDisabled, splitSiloOnFieldChange('visitor_id'), splitSiloOnFieldChange('props.guide_id'), splitSiloOnFieldChange('props.source'), compressSilo, errorLogger(), addSiloParams(options), addAccountIdParamIfAdoptPartner, addSourceParamIfPresent);
+    const processSilos = pipeline(filterAnalyticsDisabled, splitSiloOnFieldChange('visitor_id'), splitSiloOnFieldChange('props.guide_id'), splitSiloOnFieldChange('props.source'), compressSilo, errorLogger(), addSiloParams(options), addAccountIdParamIfAdoptPartner, addSourceParamIfPresent, convertSiloToObject);
     const packageSilos = pipeline(eventSequence, siloReducer(options.cache), _.noop // do not move to the silo queue until manual flush
     );
     return new EventQueue(_.extend({ processSilos, packageSilos }, options));
@@ -25175,28 +25236,32 @@ function listenForTabIdChange() {
         store.dispatch('frames/join');
     });
 }
-function initGuideAnalytics() {
+function initGuideAnalytics(options) {
     if (!guideEventQueue) {
-        guideEventQueue = createGuideEventQueue({
+        guideEventQueue = createGuideEventQueue(_.extend({
             'cache': guideEvtCache,
             'apiKey': function () { return pendo$1.apiKey; },
             'beacon': 'guide',
             'allowPost': true,
             'preferFetch': sniffer.safari
-        });
+        }, options));
     }
     if (!pollEventQueue) {
-        pollEventQueue = createGuideEventQueue({
+        pollEventQueue = createGuideEventQueue(_.extend({
             'cache': [],
             'apiKey': function () { return pendo$1.apiKey; },
             'beacon': 'poll',
             'allowPost': true,
             'preferFetch': sniffer.safari
-        });
+        }, options));
     }
+    addEventQueue(guideEventQueue);
+    addEventQueue(pollEventQueue);
     return () => {
         guideEventQueue.clear();
         pollEventQueue.clear();
+        removeEventQueue(guideEventQueue);
+        removeEventQueue(pollEventQueue);
     };
 }
 function securityPolicyViolationFn(evt) {
@@ -25221,14 +25286,12 @@ function securityPolicyViolationFn(evt) {
  */
 var initGuides = function () {
     const teardownFns = [];
-    teardownFns.push(initGuideAnalytics());
+    teardownFns.push(initGuideAnalytics({
+        'localStorageUnload': ConfigReader.get('analytics.localStorageUnload')
+    }));
     GuideMonitor.run();
     teardownFns.push(GuideMonitor.stop);
-    Events.appHidden.on(function () {
-        processGuideEventCache({ 'hidden': true });
-    });
     Events.appUnloaded.on(function () {
-        processGuideEventCache({ 'unload': true });
         store.dispatch('frames/leave');
     });
     Events.metadata.on(function (event) {
@@ -26345,7 +26408,8 @@ const PluginAPI = {
     'util': {
         'trim': trim,
         'base64EncodeString': base64EncodeString,
-        'parseUrl': parseUrl
+        'parseUrl': parseUrl,
+        'addInlineStyles': _.partial(addInlineStyles, ConfigReader)
     },
     'constants': {
         URL_MAX_LENGTH
@@ -26726,7 +26790,11 @@ const initialize = makeSafe(function (options) {
     if (ConfigReader.get('preferBroadcastChannel')) {
         SingletonMessageHandler.secure(true);
     }
-    teardownFns.push(initializeEventBuffer());
+    const localStorageUnloadEnabled = ConfigReader.get('analytics.localStorageUnload');
+    localStorageEventBuffer.read(agentStorage);
+    teardownFns.push(initializeEventBuffer({
+        'localStorageUnload': localStorageUnloadEnabled
+    }));
     if (pendoCore) {
         /**
         * Current visitor id for pendo installation, either anonymous or identified. Used to determine
@@ -26789,6 +26857,15 @@ const initialize = makeSafe(function (options) {
         Events.appUsage.on(ResourceCenterActivity.handler);
         teardownFns.push(flushEvery(SEND_INTERVAL));
     }
+    Events.appHidden.on(() => {
+        flushNow(true, { 'hidden': true });
+    });
+    Events.appUnloaded.on(() => {
+        flushNow(true, { 'unload': true });
+        if (localStorageUnloadEnabled) {
+            localStorageEventBuffer.write(agentStorage);
+        }
+    });
     // Remove existing visitor and account identification cookies if
     // disablePersistence is set to true via administration UI or snippet
     if (!shouldPersist()) {
@@ -32929,7 +33006,7 @@ var DesignerConnect = (function () {
         }
     }
     function onConnectMessage(data, msg) {
-        if (globalPendo.isSendingEvents()) {
+        if (!globalPendo.designer) {
             var messageOrigin = msg.origin;
             globalPendo.stopGuides();
             globalPendo.buffers.lock();
@@ -33116,8 +33193,14 @@ var PromoteMetadata = (function () {
     }
     function createSchemaGroup(metadata) {
         if (shouldPersist()) {
-            cachedSchemaGroup = JSON.parse(pluginApi.agentStorage.read(SCHEMA_GROUP)) || {};
-            cachedSchemaGroup = removePrefixes(cachedSchemaGroup);
+            try {
+                const storedSchemaGroup = pluginApi.agentStorage.read(SCHEMA_GROUP);
+                cachedSchemaGroup = storedSchemaGroup ? JSON.parse(storedSchemaGroup) : {};
+                cachedSchemaGroup = removePrefixes(cachedSchemaGroup);
+            }
+            catch (e) {
+                resetCachedSchemaGroup();
+            }
         }
         var __sg__ = getSchemaGroup();
         _.each(['visitor', 'account', 'parentAccount'], function (kind) {
@@ -35132,7 +35215,7 @@ var Branding = (function () {
         link.href = 'https://www.pendo.io/pendo-free/nps?utm_source=pendo_app&utm_medium=branded-nps&utm_campaign=free-branded-nps';
         link.target = '_blank';
         var img = document.createElement('img');
-        img.setAttribute('src', pluginApi.getAssetUrl('img/nps-branding.png'));
+        img.setAttribute('src', getAssetHost() + '/img/nps-branding.png');
         link.appendChild(img);
         link.style.display = 'inline-block';
         var div = document.createElement('div');
@@ -36180,9 +36263,11 @@ const FrustrationEvent = (function () {
 
 // A guide that show nested inside another element.
 // Multiple embedded guides can show at the same time.
-const buildGuideBehaviors = function ({ store, globalPendo }) {
+const buildGuideBehaviors = function ({ globalPendo, pluginApi }) {
+    const guide = this;
     const { _ } = globalPendo;
-    const handleShow = function () {
+    const { store } = pluginApi;
+    this.process = function () {
         const guide = this;
         let guideElement = null;
         const containerSelector = '[id^="pendo-guide-container"]';
@@ -36204,7 +36289,7 @@ const buildGuideBehaviors = function ({ store, globalPendo }) {
             guide.hide();
         }
     };
-    const getActiveStep = function () {
+    this.getActiveStep = function () {
         const guide = this;
         if (!guide)
             return null;
@@ -36212,31 +36297,51 @@ const buildGuideBehaviors = function ({ store, globalPendo }) {
             return step.isShown();
         });
     };
-    const shouldAutoDisplay = function () {
+    this.shouldAutoDisplay = function () {
         const guide = this;
         return (guide.shouldShowSnoozedGuide() || guide.shouldRepeatGuide() || _.all(guide.steps, function (step) {
             return step.shouldRepeat() || (!step.isSnoozed() && step.seenState !== 'dismissed');
         }));
     };
-    const show = function (reason) {
+    this.show = function (reason) {
         const guide = this;
         const firstStep = _.first(guide.steps);
-        const stepIds = _.map(guide.steps, function ({ id }) { return id; });
-        const lastSeenStepIds = _.pick(store.state.guideState.steps, stepIds);
-        let lastSeenStep = null;
-        if (!_.isEmpty(lastSeenStepIds)) {
-            lastSeenStep = _.max(lastSeenStepIds, function ({ time }) { return time || 0; });
+        if (guide.forceShowFirstStep) {
+            guide.forceShowFirstStep = false;
+            return firstStep.show('reason');
+        }
+        const steps = guide.steps.map((step) => {
+            // The stored step state is most up to date. Fallback to the guides payload
+            return _.get(store, `state.guideState.steps.${step.id}`, stepToLastSeenObject(step));
+        });
+        const lastSeenStep = _.max(steps, function ({ time }) { return time; });
+        if (lastSeenStep && lastSeenStep.state == 'advanced' && !lastSeenStep.destinationStepId) {
+            return guide.findStepById(lastSeenStep.guideStepId).dismiss();
         }
         const nextStep = guide.nextStep(lastSeenStep) || firstStep;
         return nextStep.show(reason);
     };
-    const isShownInThisFrame = function () {
+    // when embedded guide is initialized set the forceShowFirstStep property.
+    // This property is deleted after the guide shows because we no longer want to foce show the first step.
+    // The propert is reset on urlChanged events.
+    if (!this.hasOwnProperty('forceShowFirstStep')) {
+        this.forceShowFirstStep = _.get(guide, 'attributes.restartOnReload');
+    }
+    this.isShownInThisFrame = function () {
         const guide = this;
         return _.any(guide.steps, function (step) {
             return step.isRendered() || step.isLocked();
         });
     };
-    return { show, isShownInThisFrame, getActiveStep, handleShow, shouldAutoDisplay };
+    // Maps step fields to an last seen step object. See the guide.nextStep function.
+    const stepToLastSeenObject = ({ id, guideId, seenReason, seenState, lastSeenAt, destinationStepId }) => ({
+        guideId,
+        'guideStepId': id,
+        seenReason,
+        'state': seenState,
+        'time': lastSeenAt,
+        destinationStepId
+    });
 };
 const buildStepBehaviors = function ({ pluginApi, _ }) {
     const step = this;
@@ -36250,18 +36355,16 @@ const buildStepBehaviors = function ({ pluginApi, _ }) {
     }
     if (!step._onShown)
         return null;
-    const onShown = function (reason) {
+    this.onShown = function (reason) {
         const step = this;
         const shouldTriggerGuideSeen = !step.lastSeenAt || !!pluginApi.ConfigReader.get('enableAllEmbeddedGuideEvents');
         return step._onShown(reason, shouldTriggerGuideSeen);
     };
-    return { onShown };
 };
 
 const EmbeddedGuides = (function () {
     let pluginApi;
     let globalPendo;
-    let embeddedGuideBehaviors;
     let _;
     const embeddedGuides = [];
     let _oldEmbeddedGuides = [];
@@ -36276,11 +36379,11 @@ const EmbeddedGuides = (function () {
         globalPendo = pendo;
         _ = globalPendo._;
         exportPublicEmbeddedGuideApi(pendo);
-        embeddedGuideBehaviors = buildGuideBehaviors({ 'store': pluginApi.store, globalPendo });
         pluginApi.Events.on('deliverablesLoaded', clearEmbeddedGuides);
         pluginApi.Events.on('guideLoopStopped', hideAllEmbeddedGuides);
         pluginApi.Events.on('guideListChanged', initializeEmbeddedGuides);
-        pluginApi.GuideLoop.addUpdatePhase(showAllEmbeddedGuides);
+        pluginApi.Events.on('urlChanged', setForceShowFirstStepFlags);
+        pluginApi.GuideLoop.addUpdatePhase(processEmbeddedGuides);
         pluginApi.guides.addProcessor(extractEmbeddedGuides);
         pluginApi.GuideActivity.registerGuideResolver(getGuideObjectFromEvent);
         this.removeResizeEvent = pendo.attachEvent(window, 'resize', redrawEmbeddedGuides);
@@ -36290,16 +36393,17 @@ const EmbeddedGuides = (function () {
         pluginApi.Events.off('deliverablesLoaded', clearEmbeddedGuides);
         pluginApi.Events.off('guideLoopStopped', hideAllEmbeddedGuides);
         pluginApi.Events.off('guideListChanged', initializeEmbeddedGuides);
-        pluginApi.GuideLoop.removeUpdatePhase(showAllEmbeddedGuides);
+        pluginApi.Events.off('urlChanged', setForceShowFirstStepFlags);
+        pluginApi.GuideLoop.removeUpdatePhase(processEmbeddedGuides);
         pluginApi.guides.removeProcessor(extractEmbeddedGuides);
         pluginApi.GuideActivity.removeGuideResolver(getGuideObjectFromEvent);
         if (this.removeResizeEvent)
             this.removeResizeEvent();
         _oldEmbeddedGuides.length = 0;
     }
-    function showAllEmbeddedGuides() {
+    function processEmbeddedGuides() {
         _.forEach(embeddedGuides, function (guide) {
-            guide.handleShow();
+            guide.process();
         });
     }
     function hideAllEmbeddedGuides() {
@@ -36315,6 +36419,13 @@ const EmbeddedGuides = (function () {
         pluginApi.guides.removeDisplayableGuides('embeddedGuides');
         embeddedGuides.length = 0;
     }
+    // This function syncs the forceShowFirstStep with the restartOnReload property on guides
+    // This function is run on the urlChanged event.
+    function setForceShowFirstStepFlags() {
+        _.forEach(embeddedGuides, function (guide) {
+            guide.forceShowFirstStep = !!_.get(guide, 'attributes.restartOnReload');
+        });
+    }
     function extractEmbeddedGuides(guide) {
         if (isEmbedded(guide)) {
             if (!_.some(embeddedGuides, ({ id }) => id === guide.id)) {
@@ -36377,10 +36488,9 @@ const EmbeddedGuides = (function () {
     }
     function applyEmbeddedGuideBehaviors() {
         _.map(embeddedGuides, function (guide) {
-            Object.assign(guide, embeddedGuideBehaviors);
+            buildGuideBehaviors.call(guide, { globalPendo, pluginApi });
             _.map(guide.steps, function (step) {
-                const stepBehaviors = buildStepBehaviors.call(step, { pluginApi, _ });
-                Object.assign(step, stepBehaviors);
+                buildStepBehaviors.call(step, { pluginApi, _ });
             });
         });
     }
@@ -36454,6 +36564,7 @@ class SessionManager {
          * @label SESSION_ID
          */
         this.api.agentStorage.registry.addLocal(SESSION_ID);
+        this.suffix = this.api.ConfigReader.get('identityStorageSuffix');
     }
     teardown() {
         _.each(this.subscriptions, function (unsubscribe) {
@@ -36483,23 +36594,25 @@ class SessionManager {
         capturedEvent.sessionId = sessionInfo.sessionId;
     }
     sessionInfo(defaultId = this.pendo.randomString(16)) {
-        let currentSessionInfo = this.api.agentStorage.read(SESSION_ID);
+        let currentSessionInfo = this.api.agentStorage.read(SESSION_ID, false, this.suffix) ||
+            this.api.agentStorage.read(SESSION_ID);
         if (!currentSessionInfo) {
             currentSessionInfo = JSON.stringify({
                 'sessionId': defaultId,
                 'timestamp': new Date().getTime()
             });
-            this.api.agentStorage.write(SESSION_ID, currentSessionInfo);
+            this.api.agentStorage.write(SESSION_ID, currentSessionInfo, undefined, false, true, this.suffix);
         }
         return JSON.parse(currentSessionInfo);
     }
     clearSessionInfo() {
         this.api.agentStorage.clear(SESSION_ID);
+        this.api.agentStorage.clear(SESSION_ID, false, this.suffix);
         return this.sessionInfo();
     }
     storeLastInteractionEventInformation(sessionInfo, timestamp) {
         sessionInfo.timestamp = timestamp;
-        this.api.agentStorage.write(SESSION_ID, JSON.stringify(sessionInfo));
+        this.api.agentStorage.write(SESSION_ID, JSON.stringify(sessionInfo), undefined, false, true, this.suffix);
     }
 }
 var SessionManager$1 = new SessionManager();
@@ -36855,6 +36968,7 @@ class WebAnalytics {
          */
         this.api.agentStorage.registry.addLocal(WEB_ANALYTICS_STORAGE_KEY);
         this.storeParameters(params, PluginAPI.agentStorage);
+        this.suffix = this.api.ConfigReader.get('identityStorageSuffix');
     }
     extractParameters(url, referrer) {
         const locationUrl = new URL(url);
@@ -36915,11 +37029,12 @@ class WebAnalytics {
     storeParameters(params, storage) {
         if (this.pendo._.size(params) > 0) {
             this.utm = params;
-            storage.write(WEB_ANALYTICS_STORAGE_KEY, JSON.stringify(params));
+            storage.write(WEB_ANALYTICS_STORAGE_KEY, JSON.stringify(params), undefined, false, true, this.suffix);
         }
     }
     loadParameters(storage) {
-        const storedParamsJson = storage.read(WEB_ANALYTICS_STORAGE_KEY);
+        const storedParamsJson = storage.read(WEB_ANALYTICS_STORAGE_KEY, false, this.suffix) ||
+            storage.read(WEB_ANALYTICS_STORAGE_KEY);
         if (storedParamsJson)
             return JSON.parse(storedParamsJson);
         return null;
@@ -36941,6 +37056,7 @@ class WebAnalytics {
         this.utm = null;
         const agentStorage = this.api.agentStorage;
         agentStorage.clear(WEB_ANALYTICS_STORAGE_KEY);
+        agentStorage.clear(WEB_ANALYTICS_STORAGE_KEY, false, this.suffix);
         const params = this.extractParameters(window.location.href, document.referrer);
         this.storeParameters(params, agentStorage);
     }
@@ -37304,14 +37420,12 @@ const FormValidation = (function () {
         return true;
     }
     function appendValidationStyles() {
-        var style = document.createElement('style');
-        style.innerHTML = `
-            input[data-pendo-field-valid="false"] {
+        if (validationGuides.length === 0)
+            return;
+        pluginApi.util.addInlineStyles('pendo-form-validation-styles', `input[data-pendo-field-valid="false"] {
                 border-color: red !important;
                 outline-color: red !important;
-            }
-        `;
-        document.head.appendChild(style);
+            }`);
     }
     function focusField(event) {
         var _a, _b;
@@ -37990,6 +38104,18 @@ var guideMarkdownUtil = {
     removeMarkdownSyntax
 };
 
+function getZoneSafeMethod(_, method, target = window) {
+    var zoneSymbol = '__symbol__';
+    /* global Zone */
+    if (typeof Zone !== 'undefined' && _.isFunction(Zone[zoneSymbol])) {
+        var fn = target[Zone[zoneSymbol](method)];
+        if (_.isFunction(fn)) {
+            return fn;
+        }
+    }
+    return target[method];
+}
+
 // Does not support submit and go to
 const goToRegex = new RegExp(guideMarkdownUtil.goToString);
 const PollBranching = {
@@ -38029,6 +38155,7 @@ const PollBranching = {
             'characterData': true,
             'subtree': false
         };
+        const MutationObserver = getZoneSafeMethod(pendo._, 'MutationObserver');
         const observer = new MutationObserver(applyBranchingIndicators);
         observer.observe(target, config);
         function applyBranchingIndicators(mutations) {
@@ -38176,6 +38303,7 @@ const MetadataSubstitution = {
             'characterData': true,
             'subtree': false
         };
+        const MutationObserver = getZoneSafeMethod(pendo._, 'MutationObserver');
         const observer = new MutationObserver(applySubstitutionIndicators);
         observer.observe(target, config);
         function applySubstitutionIndicators(mutations) {
@@ -38491,6 +38619,7 @@ const RequiredQuestions = {
             'characterData': true,
             'subtree': false
         };
+        const MutationObserver = getZoneSafeMethod(pendo._, 'MutationObserver');
         const observer = new MutationObserver(applyRequiredIndicators);
         observer.observe(target, config);
         function applyRequiredIndicators(mutations) {
@@ -38613,6 +38742,7 @@ const SkipToEligibleStep = {
             'characterData': true,
             'subtree': false
         };
+        const MutationObserver = getZoneSafeMethod(pendo._, 'MutationObserver');
         const observer = new MutationObserver(applySkipStepIndicator);
         observer.observe(target, config);
         // create an observer instance
@@ -43866,15 +43996,14 @@ function VocPortal() {
             const width = `${widthValue}${widthUnit}${widthIsImportant ? ' !important' : ''}`;
             const height = `${heightValue}${heightUnit}${heightIsImportant ? ' !important' : ''}`;
             const container = document.getElementById('pendo-resource-center-container');
-            var styleElem = container.appendChild(document.createElement('style'));
-            styleElem.innerHTML = `#pendo-resource-center-container:has(iframe[src*="portal"][src*="mode=rc"]) {
-                width: ${width};
-                height: ${height};
-                ._pendo-step-container-size {
+            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);
             resizePortalIframe();
         }
         catch (err) {
@@ -44005,8 +44134,10 @@ function Feedback() {
     }
     function handleIdentityChange(event) {
         const visitorId = globalPendo._.get(event, 'data.0.visitor_id') || globalPendo._.get(event, 'data.0.options.visitor.id');
-        if (globalPendo.isAnonymousVisitor(visitorId))
+        if (globalPendo.isAnonymousVisitor(visitorId)) {
+            removeFeedbackWidget();
             return;
+        }
         pingOrInitialize();
     }
     function handleReady() {
@@ -44021,6 +44152,8 @@ function Feedback() {
         widgetLoaded = false;
         feedbackAllowedProductId = '';
         initialized = false;
+        pluginApi.agentStorage.clear(notificationCountCookie);
+        pluginApi.agentStorage.clear(PING_COOKIE);
     }
     function getWidgetInitialSource() {
         return siteUrl + '/html/widget/notLoaded.html';
@@ -44272,14 +44405,6 @@ function Feedback() {
                 break;
         }
     }
-    function addStylesToPage(styleId, styles) {
-        if (globalPendo.dom(`#${styleId}`)[0])
-            return;
-        const styleNode = globalPendo.dom(document.createElement('style'));
-        styleNode.attr('id', styleId);
-        styleNode.html(styles);
-        styleNode.appendTo(document.head);
-    }
     function initialiseWidget(settings) {
         var feedbackSettings = globalPendo._.extend(settings, {
             'triggerColor': '#' + settings.triggerColor,
@@ -44287,7 +44412,7 @@ function Feedback() {
         });
         registerTurbolinksHook();
         var positionInfo = getTriggerPositions(feedbackSettings);
-        addStylesToPage(elemIds.feedbackStyles, getPseudoStyles(positionInfo.horizontalPosition));
+        pluginApi.util.addInlineStyles(elemIds.feedbackStyles, getPseudoStyles(positionInfo.horizontalPosition));
         if (!settings.customTrigger) {
             createTrigger(feedbackSettings, positionInfo);
         }
@@ -44410,7 +44535,7 @@ function Feedback() {
                 background: #3e566f !important;
             }
         `;
-        addStylesToPage('pendo-feedback-trigger-styles', pseudoStyles);
+        pluginApi.util.addInlineStyles('pendo-feedback-trigger-styles', pseudoStyles);
     }
     function createTrigger(settings, positionInfo) {
         addTriggerPseudoStyles();
@@ -44468,7 +44593,7 @@ function Feedback() {
                 z-index: 9002 !important;
             }
         `;
-        addStylesToPage(elemIds.feedbackFrameStyles, styles);
+        pluginApi.util.addInlineStyles(elemIds.feedbackFrameStyles, styles);
     }
     function initialiseWidgetFrame(horizontalPosition) {
         addWidgetVisibleButtonStyles(horizontalPosition);
@@ -44937,7 +45062,7 @@ function stringifyStylesheet(s2) {
     }
     let sheetHref = s2.href;
     if (!sheetHref && s2.ownerNode && s2.ownerNode.ownerDocument) {
-      sheetHref = s2.ownerNode.ownerDocument.location.href;
+      sheetHref = s2.ownerNode.ownerDocument.baseURI;
     }
     const stringifiedRules = Array.from(
       rules2,