@thoughtspot/visual-embed-sdk 1.10.0 → 1.10.3

package/dist/tsembed.js

@@ -102,6 +102,10 @@
         }
         return outputUrl;
     };
+    function getRedirectUrl(url, stringToAppend, path = '') {
+        const targetUrl = path ? new URL(path, window.location.origin).href : url;
+        return appendToUrlHash(targetUrl, stringToAppend);
+    }
     const getEncodedQueryParamsString = (queryString) => {
         if (!queryString) {
             return queryString;
@@ -296,6 +300,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
@@ -8655,9 +8669,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',
         });
     }
@@ -8665,12 +9031,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',
@@ -8679,6 +9047,15 @@
             body: `username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`,
             credentials: 'include',
         });
+    }
+    async function fetchLogoutService(thoughtSpotHost) {
+        return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.LOGOUT}`, {
+            credentials: 'include',
+            method: 'POST',
+            headers: {
+                'x-requested-by': 'ThoughtSpot',
+            },
+        });
     }
 
     // eslint-disable-next-line import/no-mutable-exports
@@ -8696,7 +9073,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
@@ -8716,6 +9105,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
      */
@@ -8741,20 +9141,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
@@ -8769,9 +9171,12 @@
         const loggedIn = await isLoggedIn(thoughtSpotHost);
         if (!loggedIn) {
             const response = await fetchBasicAuthService(thoughtSpotHost, username, password);
-            loggedInStatus = response.status === 200;
+            loggedInStatus = response.ok;
+        }
+        else {
+            loggedInStatus = true;
         }
-        loggedInStatus = true;
+        return loggedInStatus;
     };
     async function samlPopupFlow(ssoURL) {
         document.body.insertAdjacentHTML('beforeend', '<div id="ts-saml-auth"></div>');
@@ -8821,6 +9226,7 @@
         const ssoURL = `${thoughtSpotHost}${ssoEndPoint}`;
         if (embedConfig.noRedirect) {
             await samlPopupFlow(ssoURL);
+            loggedInStatus = true;
             return;
         }
         window.location.href = ssoURL;
@@ -8831,10 +9237,11 @@
         // again and the same JS will execute again.
         const ssoRedirectUrl = embedConfig.noRedirect
             ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
-            : appendToUrlHash(window.location.href, SSO_REDIRECTION_MARKER_GUID);
+            : getRedirectUrl(window.location.href, SSO_REDIRECTION_MARKER_GUID, embedConfig.redirectPath);
         // 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;
@@ -8842,10 +9249,17 @@
         // again and the same JS will execute again.
         const ssoRedirectUrl = embedConfig.noRedirect
             ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
-            : appendToUrlHash(window.location.href, SSO_REDIRECTION_MARKER_GUID);
+            : getRedirectUrl(window.location.href, SSO_REDIRECTION_MARKER_GUID, embedConfig.redirectPath);
         // 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
@@ -8863,26 +9277,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
@@ -8908,10 +9351,18 @@
      * @param embedConfig The configuration object containing ThoughtSpot host,
      * authentication mechanism and so on.
      *
-     * @returns authPromise Promise which resolves when authentication is complete.
+     * eg: authStatus = init(config);
+     * authStatus.on(AuthStatus.FAILURE, (reason) => { // do something here });
+     *
+     * @returns event emitter which emits events on authentication success, failure and logout. {@link AuthStatus}
      */
     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,
@@ -8920,7 +9371,30 @@
         if (config.callPrefetch) {
             prefetch(config.thoughtSpotHost);
         }
-        return authPromise;
+        return authEE;
+    };
+    function disableAutoLogin() {
+        config.autoLogin = false;
+    }
+    /**
+     * Logout from ThoughtSpot. This also sets the autoLogin flag to false, to prevent
+     * the SDK from automatically logging in again.
+     *
+     * You can call the `init` method again to re login, if autoLogin is set to true in this
+     * second call it will be honored.
+     *
+     * @param doNotDisableAutoLogin This flag when passed will not disable autoLogin
+     * @returns Promise which resolves when logout completes.
+     * @version SDK: 1.10.1 | ThoughtSpot: *
+     */
+    const logout$1 = (doNotDisableAutoLogin = false) => {
+        if (!doNotDisableAutoLogin) {
+            disableAutoLogin();
+        }
+        return logout(config).then((isLoggedIn) => {
+            notifyLogout();
+            return isLoggedIn;
+        });
     };
     let renderQueue = Promise.resolve();
     /**
@@ -9006,6 +9480,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,
@@ -9019,9 +9494,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);
@@ -9029,6 +9531,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;
     }
@@ -9057,7 +9565,7 @@
         }
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.10.0";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.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",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
@@ -9104,12 +9612,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
@@ -9186,7 +9688,7 @@
                 const eventPort = this.getEventPort(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);
                 }
             });
         }
@@ -9305,7 +9807,11 @@
                     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');
@@ -9321,7 +9827,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}`;
@@ -9355,6 +9861,7 @@
                 }).catch((error) => {
                     nextInQueue();
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED);
+                    this.el.innerHTML = this.embedConfig.loginFailedMessage;
                     this.handleError(error);
                 });
             });
@@ -9926,6 +10433,7 @@
     exports.PinboardEmbed = PinboardEmbed;
     exports.SearchEmbed = SearchEmbed;
     exports.init = init;
+    exports.logout = logout$1;
     exports.prefetch = prefetch;
 
     Object.defineProperty(exports, '__esModule', { value: true });