@thoughtspot/visual-embed-sdk 1.10.0-alpha.3 → 1.10.1

package/dist/tsembed.js

@@ -296,6 +296,16 @@
          * The ThoughtSpot auth session has expired.
          */
         EmbedEvent["AuthExpire"] = "ThoughtspotAuthExpired";
+        /**
+         * ThoughtSpot failed to validate the auth session.
+         * @hidden
+         */
+        EmbedEvent["AuthFailure"] = "ThoughtspotAuthFailure";
+        /**
+         * ThoughtSpot failed to validate the auth session.
+         * @hidden
+         */
+        EmbedEvent["AuthLogout"] = "ThoughtspotAuthLogout";
         /**
          * The height of the embedded Liveboard or visualization has been computed.
          * @return data - The height of the embedded Liveboard or visualization
@@ -347,6 +357,12 @@
          * @version 1.9.1 or later
          */
         EmbedEvent["LiveboardRendered"] = "PinboardRendered";
+        /**
+         * This can be used to register an event listener which
+         * is triggered on all events.
+         * @version SDK: 1.10.0 | ThoughtSpot: any
+         */
+        EmbedEvent["ALL"] = "*";
         /**
          * Emitted when answer is saved in the app
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl
@@ -483,6 +499,13 @@
          * @version SDK: 1.9.0 | ThoughtSpot: 8.1.0.cl
          */
         HostEvent["UpdateRuntimeFilters"] = "UpdateRuntimeFilters";
+        /**
+         * Navigate to a specific page in App embed without any reload.
+         * This is the same as calling `appEmbed.navigateToPage(path, true)`
+         * @param path - the path to navigate to (can be a number[1/-1] to go forward/back)
+         * @version SDK: 1.12.0 | ThoughtSpot: 8.4.0.cl
+         */
+        HostEvent["Navigate"] = "Navigate";
     })(exports.HostEvent || (exports.HostEvent = {}));
     (function (DataSourceVisualMode) {
         /**
@@ -8642,9 +8665,361 @@
         }
     }
 
+    function createCommonjsModule(fn) {
+      var module = { exports: {} };
+    	return fn(module, module.exports), module.exports;
+    }
+
+    var eventemitter3 = createCommonjsModule(function (module) {
+
+    var has = Object.prototype.hasOwnProperty
+      , prefix = '~';
+
+    /**
+     * Constructor to create a storage for our `EE` objects.
+     * An `Events` instance is a plain object whose properties are event names.
+     *
+     * @constructor
+     * @private
+     */
+    function Events() {}
+
+    //
+    // We try to not inherit from `Object.prototype`. In some engines creating an
+    // instance in this way is faster than calling `Object.create(null)` directly.
+    // If `Object.create(null)` is not supported we prefix the event names with a
+    // character to make sure that the built-in object properties are not
+    // overridden or used as an attack vector.
+    //
+    if (Object.create) {
+      Events.prototype = Object.create(null);
+
+      //
+      // This hack is needed because the `__proto__` property is still inherited in
+      // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.
+      //
+      if (!new Events().__proto__) prefix = false;
+    }
+
+    /**
+     * Representation of a single event listener.
+     *
+     * @param {Function} fn The listener function.
+     * @param {*} context The context to invoke the listener with.
+     * @param {Boolean} [once=false] Specify if the listener is a one-time listener.
+     * @constructor
+     * @private
+     */
+    function EE(fn, context, once) {
+      this.fn = fn;
+      this.context = context;
+      this.once = once || false;
+    }
+
+    /**
+     * Add a listener for a given event.
+     *
+     * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
+     * @param {(String|Symbol)} event The event name.
+     * @param {Function} fn The listener function.
+     * @param {*} context The context to invoke the listener with.
+     * @param {Boolean} once Specify if the listener is a one-time listener.
+     * @returns {EventEmitter}
+     * @private
+     */
+    function addListener(emitter, event, fn, context, once) {
+      if (typeof fn !== 'function') {
+        throw new TypeError('The listener must be a function');
+      }
+
+      var listener = new EE(fn, context || emitter, once)
+        , evt = prefix ? prefix + event : event;
+
+      if (!emitter._events[evt]) emitter._events[evt] = listener, emitter._eventsCount++;
+      else if (!emitter._events[evt].fn) emitter._events[evt].push(listener);
+      else emitter._events[evt] = [emitter._events[evt], listener];
+
+      return emitter;
+    }
+
+    /**
+     * Clear event by name.
+     *
+     * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
+     * @param {(String|Symbol)} evt The Event name.
+     * @private
+     */
+    function clearEvent(emitter, evt) {
+      if (--emitter._eventsCount === 0) emitter._events = new Events();
+      else delete emitter._events[evt];
+    }
+
+    /**
+     * Minimal `EventEmitter` interface that is molded against the Node.js
+     * `EventEmitter` interface.
+     *
+     * @constructor
+     * @public
+     */
+    function EventEmitter() {
+      this._events = new Events();
+      this._eventsCount = 0;
+    }
+
+    /**
+     * Return an array listing the events for which the emitter has registered
+     * listeners.
+     *
+     * @returns {Array}
+     * @public
+     */
+    EventEmitter.prototype.eventNames = function eventNames() {
+      var names = []
+        , events
+        , name;
+
+      if (this._eventsCount === 0) return names;
+
+      for (name in (events = this._events)) {
+        if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
+      }
+
+      if (Object.getOwnPropertySymbols) {
+        return names.concat(Object.getOwnPropertySymbols(events));
+      }
+
+      return names;
+    };
+
+    /**
+     * Return the listeners registered for a given event.
+     *
+     * @param {(String|Symbol)} event The event name.
+     * @returns {Array} The registered listeners.
+     * @public
+     */
+    EventEmitter.prototype.listeners = function listeners(event) {
+      var evt = prefix ? prefix + event : event
+        , handlers = this._events[evt];
+
+      if (!handlers) return [];
+      if (handlers.fn) return [handlers.fn];
+
+      for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {
+        ee[i] = handlers[i].fn;
+      }
+
+      return ee;
+    };
+
+    /**
+     * Return the number of listeners listening to a given event.
+     *
+     * @param {(String|Symbol)} event The event name.
+     * @returns {Number} The number of listeners.
+     * @public
+     */
+    EventEmitter.prototype.listenerCount = function listenerCount(event) {
+      var evt = prefix ? prefix + event : event
+        , listeners = this._events[evt];
+
+      if (!listeners) return 0;
+      if (listeners.fn) return 1;
+      return listeners.length;
+    };
+
+    /**
+     * Calls each of the listeners registered for a given event.
+     *
+     * @param {(String|Symbol)} event The event name.
+     * @returns {Boolean} `true` if the event had listeners, else `false`.
+     * @public
+     */
+    EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
+      var evt = prefix ? prefix + event : event;
+
+      if (!this._events[evt]) return false;
+
+      var listeners = this._events[evt]
+        , len = arguments.length
+        , args
+        , i;
+
+      if (listeners.fn) {
+        if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);
+
+        switch (len) {
+          case 1: return listeners.fn.call(listeners.context), true;
+          case 2: return listeners.fn.call(listeners.context, a1), true;
+          case 3: return listeners.fn.call(listeners.context, a1, a2), true;
+          case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;
+          case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
+          case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
+        }
+
+        for (i = 1, args = new Array(len -1); i < len; i++) {
+          args[i - 1] = arguments[i];
+        }
+
+        listeners.fn.apply(listeners.context, args);
+      } else {
+        var length = listeners.length
+          , j;
+
+        for (i = 0; i < length; i++) {
+          if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);
+
+          switch (len) {
+            case 1: listeners[i].fn.call(listeners[i].context); break;
+            case 2: listeners[i].fn.call(listeners[i].context, a1); break;
+            case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;
+            case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;
+            default:
+              if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {
+                args[j - 1] = arguments[j];
+              }
+
+              listeners[i].fn.apply(listeners[i].context, args);
+          }
+        }
+      }
+
+      return true;
+    };
+
+    /**
+     * Add a listener for a given event.
+     *
+     * @param {(String|Symbol)} event The event name.
+     * @param {Function} fn The listener function.
+     * @param {*} [context=this] The context to invoke the listener with.
+     * @returns {EventEmitter} `this`.
+     * @public
+     */
+    EventEmitter.prototype.on = function on(event, fn, context) {
+      return addListener(this, event, fn, context, false);
+    };
+
+    /**
+     * Add a one-time listener for a given event.
+     *
+     * @param {(String|Symbol)} event The event name.
+     * @param {Function} fn The listener function.
+     * @param {*} [context=this] The context to invoke the listener with.
+     * @returns {EventEmitter} `this`.
+     * @public
+     */
+    EventEmitter.prototype.once = function once(event, fn, context) {
+      return addListener(this, event, fn, context, true);
+    };
+
+    /**
+     * Remove the listeners of a given event.
+     *
+     * @param {(String|Symbol)} event The event name.
+     * @param {Function} fn Only remove the listeners that match this function.
+     * @param {*} context Only remove the listeners that have this context.
+     * @param {Boolean} once Only remove one-time listeners.
+     * @returns {EventEmitter} `this`.
+     * @public
+     */
+    EventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {
+      var evt = prefix ? prefix + event : event;
+
+      if (!this._events[evt]) return this;
+      if (!fn) {
+        clearEvent(this, evt);
+        return this;
+      }
+
+      var listeners = this._events[evt];
+
+      if (listeners.fn) {
+        if (
+          listeners.fn === fn &&
+          (!once || listeners.once) &&
+          (!context || listeners.context === context)
+        ) {
+          clearEvent(this, evt);
+        }
+      } else {
+        for (var i = 0, events = [], length = listeners.length; i < length; i++) {
+          if (
+            listeners[i].fn !== fn ||
+            (once && !listeners[i].once) ||
+            (context && listeners[i].context !== context)
+          ) {
+            events.push(listeners[i]);
+          }
+        }
+
+        //
+        // Reset the array, or remove it completely if we have no more listeners.
+        //
+        if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;
+        else clearEvent(this, evt);
+      }
+
+      return this;
+    };
+
+    /**
+     * Remove all listeners, or those of the specified event.
+     *
+     * @param {(String|Symbol)} [event] The event name.
+     * @returns {EventEmitter} `this`.
+     * @public
+     */
+    EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
+      var evt;
+
+      if (event) {
+        evt = prefix ? prefix + event : event;
+        if (this._events[evt]) clearEvent(this, evt);
+      } else {
+        this._events = new Events();
+        this._eventsCount = 0;
+      }
+
+      return this;
+    };
+
+    //
+    // Alias methods names because people roll like that.
+    //
+    EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
+    EventEmitter.prototype.addListener = EventEmitter.prototype.on;
+
+    //
+    // Expose the prefix.
+    //
+    EventEmitter.prefixed = prefix;
+
+    //
+    // Allow `EventEmitter` to be imported as module namespace.
+    //
+    EventEmitter.EventEmitter = EventEmitter;
+
+    //
+    // Expose the module.
+    //
+    {
+      module.exports = EventEmitter;
+    }
+    });
+
     // eslint-disable-next-line import/no-cycle
+    function failureLoggedFetch(url, options = {}) {
+        return fetch(url, options).then(async (r) => {
+            var _a;
+            if (!r.ok && r.type !== 'opaqueredirect' && r.type !== 'opaque') {
+                console.error('Failure', await ((_a = r.text) === null || _a === void 0 ? void 0 : _a.call(r)));
+            }
+            return r;
+        });
+    }
     function fetchSessionInfoService(authVerificationUrl) {
-        return fetch(authVerificationUrl, {
+        return failureLoggedFetch(authVerificationUrl, {
             credentials: 'include',
         });
     }
@@ -8652,12 +9027,14 @@
         return fetch(authEndpoint);
     }
     async function fetchAuthService(thoughtSpotHost, username, authToken) {
-        return fetch(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}?username=${username}&auth_token=${authToken}`, {
+        return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}?username=${username}&auth_token=${authToken}`, {
             credentials: 'include',
+            // We do not want to follow the redirect, as it starts giving a CORS error
+            redirect: 'manual',
         });
     }
     async function fetchBasicAuthService(thoughtSpotHost, username, password) {
-        return fetch(`${thoughtSpotHost}${EndPoints.BASIC_LOGIN}`, {
+        return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.BASIC_LOGIN}`, {
             method: 'POST',
             headers: {
                 'content-type': 'application/x-www-form-urlencoded',
@@ -8666,6 +9043,13 @@
             body: `username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`,
             credentials: 'include',
         });
+    }
+    async function fetchLogoutService(thoughtSpotHost) {
+        return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.LOGOUT}`, {
+            credentials: 'include',
+            mode: 'no-cors',
+            method: 'POST',
+        });
     }
 
     // eslint-disable-next-line import/no-mutable-exports
@@ -8683,7 +9067,19 @@
         OIDC_LOGIN_TEMPLATE: (targetUrl) => `/callosum/v1/oidc/login?targetURLPath=${targetUrl}`,
         TOKEN_LOGIN: '/callosum/v1/session/login/token',
         BASIC_LOGIN: '/callosum/v1/session/login',
+        LOGOUT: '/callosum/v1/session/logout',
     };
+    (function (AuthFailureType) {
+        AuthFailureType["SDK"] = "SDK";
+        AuthFailureType["NO_COOKIE_ACCESS"] = "NO_COOKIE_ACCESS";
+        AuthFailureType["EXPIRY"] = "EXPIRY";
+        AuthFailureType["OTHER"] = "OTHER";
+    })(exports.AuthFailureType || (exports.AuthFailureType = {}));
+    (function (AuthStatus) {
+        AuthStatus["FAILURE"] = "FAILURE";
+        AuthStatus["SUCCESS"] = "SUCCESS";
+        AuthStatus["LOGOUT"] = "LOGOUT";
+    })(exports.AuthStatus || (exports.AuthStatus = {}));
     /**
      * Check if we are logged into the ThoughtSpot cluster
      * @param thoughtSpotHost The ThoughtSpot cluster hostname or IP
@@ -8703,6 +9099,17 @@
         sessionInfo = sessionDetails;
         initMixpanel(sessionInfo);
     }
+    const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.' +
+        'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
+    let prevAuthToken = null;
+    function alertForDuplicateToken(authtoken) {
+        if (prevAuthToken === authtoken) {
+            // eslint-disable-next-line no-alert
+            alert(DUPLICATE_TOKEN_ERR);
+            throw new Error(DUPLICATE_TOKEN_ERR);
+        }
+        prevAuthToken = authtoken;
+    }
     /**
      * Check if we are stuck at the SSO redirect URL
      */
@@ -8728,20 +9135,22 @@
         if (!authEndpoint && !getAuthToken) {
             throw new Error('Either auth endpoint or getAuthToken function must be provided');
         }
-        const loggedIn = await isLoggedIn(thoughtSpotHost);
-        if (!loggedIn) {
+        loggedInStatus = await isLoggedIn(thoughtSpotHost);
+        if (!loggedInStatus) {
             let authToken = null;
             if (getAuthToken) {
                 authToken = await getAuthToken();
+                alertForDuplicateToken(authToken);
             }
             else {
                 const response = await fetchAuthTokenService(authEndpoint);
                 authToken = await response.text();
             }
-            await fetchAuthService(thoughtSpotHost, username, authToken);
-            loggedInStatus = false;
+            const resp = await fetchAuthService(thoughtSpotHost, username, authToken);
+            // token login issues a 302 when successful
+            loggedInStatus = resp.ok || resp.type === 'opaqueredirect';
         }
-        loggedInStatus = true;
+        return loggedInStatus;
     };
     /**
      * Perform basic authentication to the ThoughtSpot cluster using the cluster
@@ -8756,9 +9165,12 @@
         const loggedIn = await isLoggedIn(thoughtSpotHost);
         if (!loggedIn) {
             const response = await fetchBasicAuthService(thoughtSpotHost, username, password);
-            loggedInStatus = response.status === 200;
+            loggedInStatus = response.ok;
         }
-        loggedInStatus = true;
+        else {
+            loggedInStatus = true;
+        }
+        return loggedInStatus;
     };
     async function samlPopupFlow(ssoURL) {
         document.body.insertAdjacentHTML('beforeend', '<div id="ts-saml-auth"></div>');
@@ -8808,6 +9220,7 @@
         const ssoURL = `${thoughtSpotHost}${ssoEndPoint}`;
         if (embedConfig.noRedirect) {
             await samlPopupFlow(ssoURL);
+            loggedInStatus = true;
             return;
         }
         window.location.href = ssoURL;
@@ -8822,6 +9235,7 @@
         // bring back the page to the same URL
         const ssoEndPoint = `${EndPoints.SAML_LOGIN_TEMPLATE(encodeURIComponent(ssoRedirectUrl))}`;
         await doSSOAuth(embedConfig, ssoEndPoint);
+        return loggedInStatus;
     };
     const doOIDCAuth = async (embedConfig) => {
         const { thoughtSpotHost } = embedConfig;
@@ -8833,6 +9247,13 @@
         // bring back the page to the same URL
         const ssoEndPoint = `${EndPoints.OIDC_LOGIN_TEMPLATE(encodeURIComponent(ssoRedirectUrl))}`;
         await doSSOAuth(embedConfig, ssoEndPoint);
+        return loggedInStatus;
+    };
+    const logout = async (embedConfig) => {
+        const { thoughtSpotHost } = embedConfig;
+        const response = await fetchLogoutService(thoughtSpotHost);
+        loggedInStatus = false;
+        return loggedInStatus;
     };
     /**
      * Perform authentication on the ThoughtSpot cluster
@@ -8850,26 +9271,55 @@
             case exports.AuthType.Basic:
                 return doBasicAuth(embedConfig);
             default:
-                return Promise.resolve();
+                return Promise.resolve(true);
         }
     };
 
     /* eslint-disable import/no-mutable-exports */
     let config = {};
+    const CONFIG_DEFAULTS = {
+        loginFailedMessage: 'Not logged in',
+        authType: exports.AuthType.None,
+    };
     let authPromise;
+    const getEmbedConfig = () => config;
+    const getAuthPromise = () => authPromise;
+    let authEE;
+    function notifyAuthSuccess() {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.SUCCESS);
+    }
+    function notifyAuthFailure(failureType) {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.FAILURE, failureType);
+    }
+    function notifyLogout() {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.LOGOUT);
+    }
     /**
      * Perform authentication on the ThoughtSpot app as applicable.
      */
     const handleAuth = () => {
-        const authConfig = {
-            ...config,
-            thoughtSpotHost: getThoughtSpotHost(config),
-        };
-        authPromise = authenticate(authConfig);
+        authPromise = authenticate(config);
+        authPromise.then((isLoggedIn) => {
+            if (!isLoggedIn) {
+                notifyAuthFailure(exports.AuthFailureType.SDK);
+            }
+        }, () => {
+            notifyAuthFailure(exports.AuthFailureType.SDK);
+        });
         return authPromise;
     };
-    const getEmbedConfig = () => config;
-    const getAuthPromise = () => authPromise;
     /**
      * Prefetches static resources from the specified URL. Web browsers can then cache the prefetched resources and serve them from the user's local disk to provide faster access to your app.
      * @param url The URL provided for prefetch
@@ -8898,7 +9348,12 @@
      * @returns authPromise Promise which resolves when authentication is complete.
      */
     const init = (embedConfig) => {
-        config = embedConfig;
+        config = {
+            ...CONFIG_DEFAULTS,
+            ...embedConfig,
+            thoughtSpotHost: getThoughtSpotHost(embedConfig),
+        };
+        authEE = new eventemitter3();
         handleAuth();
         uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
             authType: config.authType,
@@ -8907,7 +9362,19 @@
         if (config.callPrefetch) {
             prefetch(config.thoughtSpotHost);
         }
-        return authPromise;
+        return authEE;
+    };
+    function disableAutoLogin() {
+        config.autoLogin = false;
+    }
+    const logout$1 = (doNotDisableAutoLogin = false) => {
+        if (!doNotDisableAutoLogin) {
+            disableAutoLogin();
+        }
+        return logout(config).then((isLoggedIn) => {
+            notifyLogout();
+            return isLoggedIn;
+        });
     };
     let renderQueue = Promise.resolve();
     /**
@@ -8993,6 +9460,7 @@
         var _a, _b;
         // Store user session details sent by app.
         initSession(e.data);
+        notifyAuthSuccess();
         // Expose only allowed details (eg: userGUID) back to SDK users.
         return {
             ...e,
@@ -9006,9 +9474,36 @@
         if (autoLogin) {
             handleAuth();
         }
+        notifyAuthFailure(exports.AuthFailureType.EXPIRY);
+        return e;
+    }
+    function processNoCookieAccess(e, containerEl) {
+        const { loginFailedMessage, suppressNoCookieAccessAlert, } = getEmbedConfig();
+        if (!suppressNoCookieAccessAlert) {
+            // eslint-disable-next-line no-alert
+            alert('Third party cookie access is blocked on this browser, please allow third party cookies for this to work properly. \nYou can use `suppressNoCookieAccessAlert` to suppress this message.');
+        }
+        // eslint-disable-next-line no-param-reassign
+        containerEl.innerHTML = loginFailedMessage;
+        notifyAuthFailure(exports.AuthFailureType.NO_COOKIE_ACCESS);
+        return e;
+    }
+    function processAuthFailure(e, containerEl) {
+        const { loginFailedMessage } = getEmbedConfig();
+        // eslint-disable-next-line no-param-reassign
+        containerEl.innerHTML = loginFailedMessage;
+        notifyAuthFailure(exports.AuthFailureType.OTHER);
         return e;
     }
-    function getProcessData(type, e, thoughtSpotHost) {
+    function processAuthLogout(e, containerEl) {
+        const { loginFailedMessage } = getEmbedConfig();
+        // eslint-disable-next-line no-param-reassign
+        containerEl.innerHTML = loginFailedMessage;
+        disableAutoLogin();
+        notifyLogout();
+        return e;
+    }
+    function processEventData(type, e, thoughtSpotHost, containerEl) {
         switch (type) {
             case exports.EmbedEvent.CustomAction:
                 return processCustomAction(e, thoughtSpotHost);
@@ -9016,6 +9511,12 @@
                 return processAuthInit(e);
             case exports.EmbedEvent.AuthExpire:
                 return processAuthExpire(e);
+            case exports.EmbedEvent.NoCookieAccess:
+                return processNoCookieAccess(e, containerEl);
+            case exports.EmbedEvent.AuthFailure:
+                return processAuthFailure(e, containerEl);
+            case exports.EmbedEvent.AuthLogout:
+                return processAuthLogout(e, containerEl);
         }
         return e;
     }
@@ -9044,7 +9545,7 @@
         }
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.10.0-alpha.3";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports$1={".":"./lib/src/index.js","./react":"./lib/src/react/index.js"};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs && npx istanbul-merge --out ./coverage/coverage.json ./coverage/docs/coverage-final.json ./coverage/sdk/coverage-final.json && npx istanbul report --include ./coverage/coverage.json --dir ./coverage lcov",posttest:"cat ./coverage/sdk/lcov.info | coveralls",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1","mixpanel-browser":"^2.41.0"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","dts-bundle":"0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.1.0","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"4.1.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^4.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",typescript:"^4.1.0","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports$1,scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
+    var name="@thoughtspot/visual-embed-sdk";var version="1.10.1";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports$1={".":"./lib/src/index.js","./react":"./lib/src/react/index.js"};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs && npx istanbul-merge --out ./coverage/coverage.json ./coverage/docs/coverage-final.json ./coverage/sdk/coverage-final.json && npx istanbul report --include ./coverage/coverage.json --dir ./coverage lcov",posttest:"cat ./coverage/sdk/lcov.info | coveralls",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",eventemitter3:"^4.0.7","mixpanel-browser":"^2.41.0"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","dts-bundle":"0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.1.0","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"4.1.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^4.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",typescript:"^4.1.0","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports$1,scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
 
     /**
      * Copyright (c) 2022
@@ -9091,12 +9592,6 @@
             this.isError = false;
             this.viewConfig = viewConfig;
             this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
-            if (!this.embedConfig.suppressNoCookieAccessAlert) {
-                this.on(exports.EmbedEvent.NoCookieAccess, () => {
-                    // eslint-disable-next-line no-alert
-                    alert('Third party cookie access is blocked on this browser, please allow third party cookies for ThoughtSpot to work properly');
-                });
-            }
         }
         /**
          * Gets a reference to the root DOM node where
@@ -9151,9 +9646,10 @@
          * will be removed for ts7.oct.cl
          * @hidden
          */
-        formatEventData(event) {
+        formatEventData(event, eventType) {
             const eventData = {
                 ...event.data,
+                type: eventType,
             };
             if (!eventData.data) {
                 eventData.data = event.data.payload;
@@ -9170,9 +9666,9 @@
             window.addEventListener('message', (event) => {
                 const eventType = this.getEventType(event);
                 const eventPort = this.getEventPort(event);
-                const eventData = this.formatEventData(event);
+                const eventData = this.formatEventData(event, eventType);
                 if (event.source === this.iFrame.contentWindow) {
-                    this.executeCallbacks(eventType, getProcessData(eventType, eventData, this.thoughtSpotHost), eventPort);
+                    this.executeCallbacks(eventType, processEventData(eventType, eventData, this.thoughtSpotHost, this.el), eventPort);
                 }
             });
         }
@@ -9288,9 +9784,14 @@
                     data: {
                         timestamp: initTimestamp,
                     },
+                    type: exports.EmbedEvent.Init,
                 });
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
-                (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then(() => {
+                (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
+                    if (!isLoggedIn) {
+                        this.el.innerHTML = this.embedConfig.loginFailedMessage;
+                        return;
+                    }
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
                     this.iFrame =
                         this.iFrame || document.createElement('iframe');
@@ -9306,7 +9807,7 @@
                     this.iFrame.mozallowfullscreen = true;
                     const { height: frameHeight, width: frameWidth, ...restParams } = frameOptions;
                     const width = getCssDimension(frameWidth || DEFAULT_EMBED_WIDTH);
-                    const height = getCssDimension(frameWidth || DEFAULT_EMBED_HEIGHT);
+                    const height = getCssDimension(frameHeight || DEFAULT_EMBED_HEIGHT);
                     setAttributes(this.iFrame, restParams);
                     this.iFrame.style.width = `${width}`;
                     this.iFrame.style.height = `${height}`;
@@ -9319,6 +9820,7 @@
                             data: {
                                 timestamp: loadTimestamp,
                             },
+                            type: exports.EmbedEvent.Load,
                         });
                         uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_IFRAME_LOAD_PERFORMANCE, {
                             timeTookToLoad: loadTimestamp - initTimestamp,
@@ -9339,6 +9841,7 @@
                 }).catch((error) => {
                     nextInQueue();
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED);
+                    this.el.innerHTML = this.embedConfig.loginFailedMessage;
                     this.handleError(error);
                 });
             });
@@ -9358,6 +9861,8 @@
          */
         executeCallbacks(eventType, data, eventPort) {
             const callbacks = this.eventHandlerMap.get(eventType) || [];
+            const allHandlers = this.eventHandlerMap.get(exports.EmbedEvent.ALL) || [];
+            callbacks.push(...allHandlers);
             const dataStatus = (data === null || data === void 0 ? void 0 : data.status) || embedEventStatus.END;
             callbacks.forEach((callbackObj) => {
                 if ((callbackObj.options.start &&
@@ -9524,9 +10029,9 @@
             this.renderIFrame(iframeSrc, this.viewConfig.frameParams);
         }
         // @override
-        on(messageType, callback) {
+        on(messageType, callback, options = { start: false }) {
             const eventType = this.getCompatibleEventType(messageType);
-            return super.on(eventType, callback);
+            return super.on(eventType, callback, options);
         }
     }
 
@@ -9652,19 +10157,29 @@
         /**
          * Navigate to particular page for app embed. eg:answers/pinboards/home
          * This is used for embedding answers, pinboards, visualizations and full application only.
-         * @param path The string, set to iframe src and navigate to new page
+         * @param path string | number The string, set to iframe src and navigate to new page
          * eg: appEmbed.navigateToPage('pinboards')
+         * When used with `noReload` this can also be a number like 1/-1 to go forward/back.
+         * @param noReload boolean Trigger the navigation without reloading the page (version: 1.12.0 | 8.4.0.cl)
          */
-        navigateToPage(path) {
-            if (this.iFrame) {
+        navigateToPage(path, noReload = false) {
+            if (!this.iFrame) {
+                console.log('Please call render before invoking this method');
+                return;
+            }
+            if (noReload) {
+                this.trigger(exports.HostEvent.Navigate, path);
+            }
+            else {
+                if (typeof path !== 'string') {
+                    console.warn('Path can only by a string when triggered without noReload');
+                    return;
+                }
                 const iframeSrc = this.iFrame.src;
                 const embedPath = '#/embed';
                 const currentPath = iframeSrc.includes(embedPath) ? embedPath : '#';
                 this.iFrame.src = `${iframeSrc.split(currentPath)[0]}${currentPath}/${path.replace(/^\/?#?\//, '')}`;
             }
-            else {
-                console.log('Please call render before invoking this method');
-            }
         }
         /**
          * Renders the embedded application pages in the ThoughtSpot app.
@@ -9845,7 +10360,7 @@
          */
         getIFrameSrc(answerId, dataSources) {
             var _a;
-            const { hideResults, enableSearchAssist, forceTable, searchOptions, } = this.viewConfig;
+            const { hideResults, expandAllDataSource, enableSearchAssist, forceTable, searchOptions, } = this.viewConfig;
             const answerPath = answerId ? `saved-answer/${answerId}` : 'answer';
             const queryParams = this.getBaseQueryParams();
             queryParams[Param.HideActions] = [
@@ -9898,6 +10413,7 @@
     exports.PinboardEmbed = PinboardEmbed;
     exports.SearchEmbed = SearchEmbed;
     exports.init = init;
+    exports.logout = logout$1;
     exports.prefetch = prefetch;
 
     Object.defineProperty(exports, '__esModule', { value: true });