@thoughtspot/visual-embed-sdk 1.32.0-alpha.0 → 1.32.0-alpha.2

package/dist/tsembed.js

@@ -1462,26 +1462,33 @@
         /**
          * Emitted when user wants to intercept the search execution
          *
-         * Make isOnBeforeGetVizDataEnabled : true to use this embed
-         * event
+         * Set IsOnBeforeGetVizDataInterceptEnabled : true to use
+         * this embed event
          *
          *```js
-         * searchEmbed.on(EmbedEvent.OnBeforeGetVizData, (payload, responder) => {
-         * responder({
-         * data: {
-         * execute: true,
-         * error: {errorText: "My own customised error"}
-         * }})
-         *   })
+         * searchEmbed.on(EmbedEvent.OnBeforeGetVizDataIntercept,
+         * (payload, responder) => {
+         *  responder({
+         *      data: {
+         *          execute: true,
+         *   }})
+         * })
          *```
-         * @version SDK : 1.29.0 | Thoughtspot : 10.1.0.cl
+         * @version SDK : 1.29.0 | Thoughtspot : 10.2.0.cl
          */
         EmbedEvent["OnBeforeGetVizDataIntercept"] = "onBeforeGetVizDataIntercept";
         /**
-         * Emitted when runtime parameters changes
-         * @version SDK : 1.29.0 | Thoughtspot : 10.1.0.cl
+         * Emitted when parameter changes in an answer
+         * or liveboard
+         *
+         * ```js
+         * liveboardEmbed.on(EmbedEvent.ParameterChanged, (payload) => {
+         *     console.log('payload', payload);
+         * })
+         *```
+         * @version SDK : 1.29.0 | Thoughtspot : 10.2.0.cl
          */
-        EmbedEvent["ParameterChanged"] = "ParameterChanged";
+        EmbedEvent["ParameterChanged"] = "parameterChanged";
     })(exports.EmbedEvent || (exports.EmbedEvent = {}));
     (function (HostEvent) {
         /**
@@ -1678,7 +1685,7 @@
          * sorting, toggling of legends, and data drill down.
          * @example
          * ```js
-         * liveboardEmbed.trigger(HostEvent.getexportrequestforcurrentpinboard).then(
+         * liveboardEmbed.trigger(HostEvent.getExportRequestForCurrentPinboard).then(
          * data=>console.log(data))
          * ```
          * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1.sw
@@ -2288,15 +2295,6 @@
          * @version SDK: 1.29.0 | Thoughtspot: 10.1.0.cl
          */
         HostEvent["ResetLiveboardPersonalisedView"] = "ResetLiveboardPersonalisedView";
-        /**
-         * Trigger CreateLiveboard for liveboard list page & Pin Modal
-         * @example
-         * ```js
-         * liveboardEmbed.trigger(HostEvent.CreateLiveboard);
-         *
-         * @version SDK: 1.29.0 | Thoughtspot: 10.1.0.cl
-         */
-        HostEvent["CreateLiveboard"] = "CreateLiveboard";
         /**
          * Triggers Update RuntimeParameters for answers and liveboard
          * @example
@@ -2312,8 +2310,10 @@
         /**
          * Triggers GetParameters to fetch the runtime parameters
          * ```js
-         * liveboardEmbed.trigger(HostEvent.GetParameters);
-         *
+         * liveboardEmbed.trigger(HostEvent.GetParameters).then((parameter) => {
+         *  console.log('parameters', parameter);
+         * });
+         *```
          * @version SDK: 1.29.0 | Thoughtspot: 10.1.0.cl
          */
         HostEvent["GetParameters"] = "GetParameters";
@@ -3253,6 +3253,17 @@
          * @version SDK : 1.28.3 | Thoughtspot: 9.12.0.cl
          */
         Action["TML"] = "tml";
+        /**
+         * Action Id for CreateLiveboard for liveboard list page & Pin Modal
+         * @example
+         * ```js
+         * hiddenAction: [Action.CreateLiveboard]
+         * disabledActions: [Action.CreateLiveboard]
+         * ```
+         *
+         * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
+         */
+        Action["CreateLiveboard"] = "CreateLiveboard";
         /**
          * Action ID for to hide Verified Liveboard Banner
          *  @example
@@ -5670,6 +5681,7 @@
 
     const EndPoints = {
         AUTH_VERIFICATION: '/callosum/v1/session/info',
+        SESSION_INFO: '/callosum/v1/session/info',
         SAML_LOGIN_TEMPLATE: (targetUrl) => `/callosum/v1/saml/login?targetURLPath=${targetUrl}`,
         OIDC_LOGIN_TEMPLATE: (targetUrl) => `/callosum/v1/oidc/login?targetURLPath=${targetUrl}`,
         TOKEN_LOGIN: '/callosum/v1/session/login/token',
@@ -5785,7 +5797,7 @@
     const INVALID_TOKEN_ERR = 'Invalid token received form token callback or authToken endpoint.';
     let cachedAuthToken = null;
     // This method can be used to get the authToken using the embedConfig
-    const getAuthenticationToken = async (embedConfig) => {
+    async function getAuthenticationToken(embedConfig) {
         // Since we don't have token validation enabled , we cannot tell if the
         // cached token is valid or not. So we will always fetch a new token.
         if (cachedAuthToken && !embedConfig.disableTokenVerification) {
@@ -5808,11 +5820,17 @@
             const response = await fetchAuthTokenService(authEndpoint);
             authToken = await response.text();
         }
-        // this will throw error if the token is not valid
-        await validateAuthToken(embedConfig, authToken);
+        try {
+            // this will throw error if the token is not valid
+            await validateAuthToken(embedConfig, authToken);
+        }
+        catch (e) {
+            logger.error(`Received invalid token from getAuthToken callback or authToken endpoint. Error : ${e.message}`);
+            throw e;
+        }
         cachedAuthToken = authToken;
         return authToken;
-    };
+    }
     const validateAuthToken = async (embedConfig, authToken, suppressAlert) => {
         if (embedConfig.disableTokenVerification) {
             logger.info('Token verification is disabled. Assuming token is valid.');
@@ -5873,8 +5891,16 @@
     /**
      * Fetch wrapper that adds the authentication token to the request.
      * Use this to call the ThoughtSpot APIs when using the visual embed sdk.
+     * The interface for this method is the same as Web `Fetch`.
+     *
      * @param input
      * @param init
+     * @example
+     * ```js
+     * tokenizedFetch("<TS_ORIGIN>/api/rest/2.0/auth/session/user", {
+     *   // .. fetch options ..
+     * });
+     *```
      * @version SDK: 1.28.0
      * @group Global methods
      */
@@ -12542,6 +12568,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
     function initMixpanel(sessionInfo) {
         var _a;
         if (!sessionInfo || !sessionInfo.mixpanelToken) {
+            logger.error('Mixpanel token not found in session info');
             return;
         }
         // On a public cluster the user is anonymous, so don't set the identify to
@@ -12912,49 +12939,124 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
      * @param url
      * @param options
      */
-    function tokenisedFailureLoggedFetch(url, options = {}) {
+    function tokenizedFailureLoggedFetch(url, options = {}) {
         return tokenizedFetch(url, options).then(async (r) => {
             var _a;
             if (!r.ok && r.type !== 'opaqueredirect' && r.type !== 'opaque') {
-                logger.error('Failure', await ((_a = r.text) === null || _a === void 0 ? void 0 : _a.call(r)));
+                logger.error(`Failed to fetch ${url}`, await ((_a = r.text) === null || _a === void 0 ? void 0 : _a.call(r)));
             }
             return r;
         });
     }
     /**
+     * Fetches the session info from the ThoughtSpot server.
      *
-     * @param authVerificationUrl
+     * @param thoughtspotHost
+     * @returns {Promise<any>}
+     * @example
+     * ```js
+     *  const response = await sessionInfoService();
+     * ```
      */
-    function fetchSessionInfoService(authVerificationUrl) {
-        return tokenisedFailureLoggedFetch(authVerificationUrl, {
-            credentials: 'include',
-        });
+    async function fetchSessionInfoService(thoughtspotHost) {
+        const sessionInfoPath = `${thoughtspotHost}${EndPoints.SESSION_INFO}`;
+        const response = await tokenizedFailureLoggedFetch(sessionInfoPath);
+        if (!response.ok) {
+            throw new Error(`Failed to fetch session info: ${response.statusText}`);
+        }
+        const data = await response.json();
+        return data;
     }
     /**
      *
      * @param thoughtSpotHost
      */
     async function fetchLogoutService(thoughtSpotHost) {
-        return tokenisedFailureLoggedFetch(`${thoughtSpotHost}${EndPoints.LOGOUT}`, {
+        return tokenizedFailureLoggedFetch(`${thoughtSpotHost}${EndPoints.LOGOUT}`, {
             credentials: 'include',
             method: 'POST',
             headers: {
                 'x-requested-by': 'ThoughtSpot',
             },
         });
+    }
+    /**
+     * Is active service to check if the user is logged in.
+     *
+     * @param thoughtSpotHost
+     * @version SDK: 1.28.4 | ThoughtSpot: *
+     */
+    async function isActiveService(thoughtSpotHost) {
+        const isActiveUrl = `${thoughtSpotHost}${EndPoints.IS_ACTIVE}`;
+        try {
+            const res = await tokenizedFetch(isActiveUrl, {
+                credentials: 'include',
+            });
+            return res.ok;
+        }
+        catch (e) {
+            logger.warn(`Is Logged In Service failed : ${e.message}`);
+        }
+        return false;
     }
 
+    let sessionInfo = null;
+    /**
+     * Returns the session info object and caches it for future use.
+     * Once fetched the session info object is cached and returned from the cache on
+     * subsequent calls.
+     *
+     * @example ```js
+     * const sessionInfo = await getSessionInfo();
+     * console.log(sessionInfo);
+     * ```
+     * @version SDK: 1.28.3 | ThoughtSpot: *
+     * @returns {Promise<SessionInfo>} The session info object.
+     */
+    async function getSessionInfo() {
+        if (!sessionInfo) {
+            const host = getEmbedConfig().thoughtSpotHost;
+            const sessionResponse = await fetchSessionInfoService(host);
+            const processedSessionInfo = getSessionDetails(sessionResponse);
+            sessionInfo = processedSessionInfo;
+        }
+        return sessionInfo;
+    }
+    /**
+     * Processes the session info response and returns the session info object.
+     *
+     *  @param sessionInfoResp {any} Response from the session info API.
+     *  @returns {SessionInfo} The session info object.
+     *  @example ```js
+     *  const sessionInfoResp = await fetch(sessionInfoPath);
+     *  const sessionInfo = getSessionDetails(sessionInfoResp);
+     *  console.log(sessionInfo);
+     *  ```
+     * @version SDK: 1.28.3 | ThoughtSpot: *
+     */
+    const getSessionDetails = (sessionInfoResp) => {
+        const devMixpanelToken = sessionInfoResp.configInfo.mixpanelConfig.devSdkKey;
+        const prodMixpanelToken = sessionInfoResp.configInfo.mixpanelConfig.prodSdkKey;
+        const mixpanelToken = sessionInfoResp.configInfo.mixpanelConfig.production
+            ? prodMixpanelToken
+            : devMixpanelToken;
+        return {
+            userGUID: sessionInfoResp.userGUID,
+            mixpanelToken,
+            isPublicUser: sessionInfoResp.configInfo.isPublicUser,
+            releaseVersion: sessionInfoResp.releaseVersion,
+            clusterId: sessionInfoResp.configInfo.selfClusterId,
+            clusterName: sessionInfoResp.configInfo.selfClusterName,
+            ...sessionInfoResp,
+        };
+    };
+
     // eslint-disable-next-line import/no-mutable-exports
     let loggedInStatus = false;
     // eslint-disable-next-line import/no-mutable-exports
     let samlAuthWindow = null;
     // eslint-disable-next-line import/no-mutable-exports
     let samlCompletionPromise = null;
-    let sessionInfo = null;
-    let sessionInfoResolver = null;
-    const sessionInfoPromise = new Promise((resolve) => {
-        sessionInfoResolver = resolve;
-    });
     let releaseVersion = '';
     const SSO_REDIRECTION_MARKER_GUID = '5e16222e-ef02-43e9-9fbd-24226bf3ce5b';
     (function (AuthFailureType) {
@@ -13016,12 +13118,18 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
     /**
      *
      */
-    function notifyAuthSuccess() {
+    async function notifyAuthSuccess() {
         if (!authEE) {
             logger.error('SDK not initialized');
             return;
         }
-        authEE.emit(exports.AuthStatus.SUCCESS, sessionInfo);
+        try {
+            const sessionInfo = await getSessionInfo();
+            authEE.emit(exports.AuthStatus.SUCCESS, sessionInfo);
+        }
+        catch (e) {
+            logger.error('Failed to get session info');
+        }
     }
     /**
      *
@@ -13044,65 +13152,49 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         }
         authEE.emit(exports.AuthStatus.LOGOUT);
     }
-    const initSession = (sessionDetails) => {
-        const embedConfig = getEmbedConfig();
-        if (sessionInfo == null) {
-            sessionInfo = sessionDetails;
-            if (!embedConfig.disableSDKTracking) {
-                initMixpanel(sessionInfo);
-            }
-            sessionInfoResolver(sessionInfo);
-        }
-    };
-    const getSessionDetails = (sessionInfoResp) => {
-        const devMixpanelToken = sessionInfoResp.configInfo.mixpanelConfig.devSdkKey;
-        const prodMixpanelToken = sessionInfoResp.configInfo.mixpanelConfig.prodSdkKey;
-        const mixpanelToken = sessionInfoResp.configInfo.mixpanelConfig.production
-            ? prodMixpanelToken
-            : devMixpanelToken;
-        return {
-            userGUID: sessionInfoResp.userGUID,
-            mixpanelToken,
-            isPublicUser: sessionInfoResp.configInfo.isPublicUser,
-            releaseVersion: sessionInfoResp.releaseVersion,
-            clusterId: sessionInfoResp.configInfo.selfClusterId,
-            clusterName: sessionInfoResp.configInfo.selfClusterName,
-            ...sessionInfoResp,
-        };
-    };
     /**
      * Check if we are logged into the ThoughtSpot cluster
      * @param thoughtSpotHost The ThoughtSpot cluster hostname or IP
      */
     async function isLoggedIn(thoughtSpotHost) {
-        const authVerificationUrl = `${thoughtSpotHost}${EndPoints.AUTH_VERIFICATION}`;
-        let response = null;
         try {
-            response = await fetchSessionInfoService(authVerificationUrl);
-            const sessionInfoResp = await response.json();
-            const sessionDetails = getSessionDetails(sessionInfoResp);
-            // Store user session details from session info
-            initSession(sessionDetails);
-            releaseVersion = sessionInfoResp.releaseVersion;
+            const response = await isActiveService(thoughtSpotHost);
+            return response;
         }
         catch (e) {
             return false;
         }
-        return response.status === 200;
     }
     /**
-     * Return releaseVersion if available
+     * Services to be called after the login is successful,
+     * This should be called after the cookie is set for cookie auth or
+     * after the token is set for cookieless.
+     *
+     * @return {Promise<void>}
+     * @example
+     * ```js
+     * await postLoginService();
+     * ```
+     * @version SDK: 1.28.3 | ThoughtSpot: *
      */
-    function getReleaseVersion() {
-        return releaseVersion;
+    async function postLoginService() {
+        try {
+            const sessionInfo = await getSessionInfo();
+            releaseVersion = sessionInfo.releaseVersion;
+            const embedConfig = getEmbedConfig();
+            if (!embedConfig.disableSDKTracking) {
+                initMixpanel(sessionInfo);
+            }
+        }
+        catch (e) {
+            logger.error('Post login services failed.', e.message);
+        }
     }
     /**
-     * Return a promise that resolves with the session information when
-     * authentication is successful. And info is available.
-     * @group Global methods
+     * Return releaseVersion if available
      */
-    function getSessionInfo() {
-        return sessionInfoPromise;
+    function getReleaseVersion() {
+        return releaseVersion;
     }
     /**
      * Check if we are stuck at the SSO redirect URL
@@ -13132,7 +13224,14 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         }
         loggedInStatus = await isLoggedIn(thoughtSpotHost);
         if (!loggedInStatus) {
-            const authToken = await getAuthenticationToken(embedConfig);
+            let authToken;
+            try {
+                authToken = await getAuthenticationToken(embedConfig);
+            }
+            catch (e) {
+                loggedInStatus = false;
+                throw e;
+            }
             let resp;
             try {
                 resp = await fetchAuthPostService(thoughtSpotHost, username, authToken);
@@ -13217,15 +13316,14 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             authElem.textContent = triggerText;
             authElem.addEventListener('click', openPopup, { once: true });
         }
-        samlCompletionPromise = samlCompletionPromise
-            || new Promise((resolve, reject) => {
-                window.addEventListener('message', (e) => {
-                    if (e.data.type === exports.EmbedEvent.SAMLComplete) {
-                        e.source.close();
-                        resolve();
-                    }
-                });
+        samlCompletionPromise = samlCompletionPromise || new Promise((resolve, reject) => {
+            window.addEventListener('message', (e) => {
+                if (e.data.type === exports.EmbedEvent.SAMLComplete) {
+                    e.source.close();
+                    resolve();
+                }
             });
+        });
         authEE === null || authEE === void 0 ? void 0 : authEE.once(exports.AuthEvent.TRIGGER_SSO_POPUP, openPopup);
         return samlCompletionPromise;
     }
@@ -13287,7 +13385,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         const { thoughtSpotHost } = embedConfig;
         await fetchLogoutService(thoughtSpotHost);
         resetCachedAuthToken();
-        const thoughtspotIframes = document.querySelectorAll('[data-ts-iframe=\'true\']');
+        const thoughtspotIframes = document.querySelectorAll("[data-ts-iframe='true']");
         if (thoughtspotIframes === null || thoughtspotIframes === void 0 ? void 0 : thoughtspotIframes.length) {
             thoughtspotIframes.forEach((el) => {
                 el.parentElement.innerHTML = embedConfig.loginFailedMessage;
@@ -13341,6 +13439,8 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 notifyAuthFailure(exports.AuthFailureType.SDK);
             }
             else {
+                // Post login service is called after successful login.
+                postLoginService();
                 notifyAuthSDKSuccess();
             }
         }, () => {
@@ -13632,13 +13732,13 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         };
     }
     /**
+     * Responds to AuthInit sent from host signifying successful authentication in host.
      *
      * @param e
+     * @returns {any}
      */
     function processAuthInit(e) {
         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 {
@@ -13774,7 +13874,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.32.0-alpha.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/**","cjs/**"];var exports$1={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",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-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",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 --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","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",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^46.9.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1"};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","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@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","current-git-branch":"^1.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.13.1","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":"6.7.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-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",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-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","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","embedded","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,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"45 kB"}],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.32.0-alpha.2";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/**","cjs/**"];var exports$1={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",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-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",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 --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^46.9.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1"};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","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@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","current-git-branch":"^1.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.13.1","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":"6.7.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-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",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-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^5.3.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","embedded","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,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"46 kB"}],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
@@ -13872,6 +13972,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                         });
                     }
                     catch (e) {
+                        logger.error(`Received invalid token. Error : ${e === null || e === void 0 ? void 0 : e.message}`);
                         processAuthFailure(e, this.isPreRendered ? this.preRenderWrapper : this.el);
                     }
                 }
@@ -14030,7 +14131,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
          * @param query
          */
         getEmbedBasePath(query) {
-            let queryString = query;
+            let queryString = (query.startsWith('?')) ? query : `?${query}`;
             if (this.shouldEncodeUrlQueryParams) {
                 queryString = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryString.substr(1))}`;
             }
@@ -14477,7 +14578,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 isRegisteredBySDK,
             });
             if (this.isRendered) {
-                this.handleError('Please register event handlers before calling render');
+                logger.warn('Please register event handlers before calling render');
             }
             const callbacks = this.eventHandlerMap.get(messageType) || [];
             callbacks.push({ options, callback });
@@ -14748,6 +14849,13 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
     class V1Embed extends TsEmbed {
         constructor(domSelector, viewConfig) {
             super(domSelector, viewConfig);
+            /**
+             * Only for testing purposes.
+             *
+             * @hidden
+             */
+            // eslint-disable-next-line camelcase
+            this.test__executeCallbacks = this.executeCallbacks;
             this.viewConfig = { excludeRuntimeFiltersfromURL: false, ...viewConfig };
         }
         /**
@@ -14770,7 +14878,9 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 const filterQuery = getFilterQuery(runtimeFilters || []);
                 queryString = [filterQuery, queryString].filter(Boolean).join('&');
             }
-            return this.getV1EmbedBasePath(queryString);
+            return (this.viewConfig.enableV2Shell_experimental)
+                ? this.getEmbedBasePath(queryString)
+                : this.getV1EmbedBasePath(queryString);
         }
         /**
          * @inheritdoc
@@ -15046,6 +15156,71 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         }
     }
 
+    /* eslint-disable quotes */
+    const getPreviewQuery = `
+query GetEurekaVizSnapshots(
+    $vizId: String!, $liveboardId: String!) {
+    getEurekaVizSnapshot(
+      id: $vizId
+      reportBookId: $liveboardId
+      reportBookType: "PINBOARD_ANSWER_BOOK"
+      version: 9999999
+    ) {
+      id
+      vizContent
+      snapshotType
+      createdMs
+    }
+  } 
+`;
+    async function getPreview(thoughtSpotHost, vizId, liveboardId) {
+        return graphqlQuery({
+            query: getPreviewQuery,
+            variables: { vizId, liveboardId },
+            thoughtSpotHost,
+        });
+    }
+
+    const addPreviewStylesIfNotPresent = () => {
+        const styleEl = document.getElementById('ts-preview-style');
+        if (styleEl) {
+            return;
+        }
+        const previewStyles = `
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ag-grid-community@32.0.2/styles/ag-grid.min.css">
+        <style id="ts-preview-style">
+           .ts-viz-preview-loader {
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%);
+                background-size: 300%;
+                background-position-x: 100%;
+                animation: shimmer 1s infinite linear;
+                z-index: 999;
+                filter: grayscale(0.7);
+           }
+
+           @keyframes shimmer {
+                to {
+                    background-position-x: 0%
+                }
+           }
+
+           .ts-viz-preview-loader .table-module__fullContainer {
+                width: 100%;
+                height: 100%;
+           }
+        </style>
+    `;
+        document.head.insertAdjacentHTML('beforeend', previewStyles);
+    };
+
     /**
      * Copyright (c) 2022
      *
@@ -15188,6 +15363,33 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 super.trigger(exports.HostEvent.Navigate, path);
             }
         }
+        async showPreviewLoader() {
+            if (!this.viewConfig.showPreviewLoader || !this.viewConfig.vizId) {
+                return;
+            }
+            try {
+                const preview = await getPreview(this.thoughtSpotHost, this.viewConfig.vizId, this.viewConfig.liveboardId);
+                if (!preview.vizContent) {
+                    return;
+                }
+                addPreviewStylesIfNotPresent();
+                const div = document.createElement('div');
+                div.innerHTML = `
+                <div class=ts-viz-preview-loader>
+                    ${preview.vizContent}
+                </div>
+                `;
+                const previewDiv = div.firstElementChild;
+                this.el.appendChild(previewDiv);
+                this.el.style.position = 'relative';
+                this.on(exports.EmbedEvent.Data, () => {
+                    previewDiv.remove();
+                });
+            }
+            catch (error) {
+                console.error('Error fetching preview', error);
+            }
+        }
         beforePrerenderVisible() {
             var _a;
             const embedObj = (_a = this.insertedDomEl) === null || _a === void 0 ? void 0 : _a[this.embedNodeKey];
@@ -15232,6 +15434,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             super.render();
             const src = this.getIFrameSrc();
             await this.renderV1Embed(src);
+            this.showPreviewLoader();
             return this;
         }
         navigateToLiveboard(liveboardId, vizId, activeTabId) {