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

package/dist/tsembed.es.js

@@ -3361,8 +3361,9 @@ var Action;
      * ```js
      * hiddenAction: [Action.CreateLiveboard]
      * disabledActions: [Action.CreateLiveboard]
+     * ```
      *
-     * @version SDK: 1.31.1 | Thoughtspot: 10.1.0.cl
+     * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
      */
     Action["CreateLiveboard"] = "CreateLiveboard";
     /**
@@ -13997,7 +13998,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.32.0-alpha.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/**","cjs/**"];var exports={".":{"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,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};
+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={".":{"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,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
@@ -14254,7 +14255,7 @@ class TsEmbed {
      * @param query
      */
     getEmbedBasePath(query) {
-        let queryString = query;
+        let queryString = (query.startsWith('?')) ? query : `?${query}`;
         if (this.shouldEncodeUrlQueryParams) {
             queryString = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryString.substr(1))}`;
         }
@@ -14701,7 +14702,7 @@ class TsEmbed {
             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 });
@@ -14972,6 +14973,13 @@ class TsEmbed {
 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 };
     }
     /**
@@ -14994,7 +15002,9 @@ class V1Embed extends TsEmbed {
             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
@@ -15275,6 +15285,71 @@ class AppEmbed extends V1Embed {
     }
 }
 
+/* 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
  *
@@ -15417,6 +15492,33 @@ class LiveboardEmbed extends V1Embed {
             super.trigger(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(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];
@@ -15461,6 +15563,7 @@ class LiveboardEmbed extends V1Embed {
         super.render();
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
+        this.showPreviewLoader();
         return this;
     }
     navigateToLiveboard(liveboardId, vizId, activeTabId) {

package/dist/tsembed.js

@@ -3259,8 +3259,9 @@
          * ```js
          * hiddenAction: [Action.CreateLiveboard]
          * disabledActions: [Action.CreateLiveboard]
+         * ```
          *
-         * @version SDK: 1.31.1 | Thoughtspot: 10.1.0.cl
+         * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
          */
         Action["CreateLiveboard"] = "CreateLiveboard";
         /**
@@ -13873,7 +13874,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.32.0-alpha.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/**","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:"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};
+    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
@@ -14130,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))}`;
             }
@@ -14577,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 });
@@ -14848,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 };
         }
         /**
@@ -14870,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
@@ -15146,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
      *
@@ -15288,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];
@@ -15332,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) {

package/dist/visual-embed-sdk-react-full.d.ts

@@ -1393,6 +1393,29 @@ export interface LiveboardViewConfig extends Omit<ViewConfig, 'hiddenHomepageMod
             * ```
             */
         enable2ColumnLayout?: boolean;
+        /**
+            * Show a preview image of the visualization before the visualization loads.
+            * Only works for visualizations embeds with a viz id.
+            *
+            * Also, viz snashot should be enabled in the ThoughtSpot instance.
+            * Contact ThoughtSpot support to enable this feature.
+            *
+            * Since, this will show preview images, be careful that it may show
+            * undesired data to the user when using row level security.
+            *
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed-container', {
+            *   liveboardId: 'liveboard-id',
+            *   vizId: 'viz-id',
+            *   showPreviewLoader: true,
+            * });
+            * embed.render();
+            * ```
+            *
+            * @version SDK: 1.32.0 | ThoughtSpot: 10.0.0.cl
+            */
+        showPreviewLoader?: boolean;
 }
 /**
     * Embed a ThoughtSpot Liveboard or visualization. When rendered it already
@@ -2793,6 +2816,19 @@ export interface ViewConfig {
             * @version SDK: 1.29.0 | ThoughtSpot: 10.1.0.cl
             */
         excludeRuntimeParametersfromURL?: boolean;
+        /**
+            * Enable the V2 shell. This can provide performance benefits
+            * due to a lighterweight shell.
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed', {
+            *   liveboardId: '123',
+            *   enableV2Shell_experimental: true
+            * });
+            * ```
+            * @version SDK: 1.31.2 | ThoughtSpot: 10.0.0.cl
+            */
+        enableV2Shell_experimental?: boolean;
 }
 /**
     * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -5709,8 +5745,9 @@ export declare enum Action {
             * ```js
             * hiddenAction: [Action.CreateLiveboard]
             * disabledActions: [Action.CreateLiveboard]
+            * ```
             *
-            * @version SDK: 1.31.1 | Thoughtspot: 10.1.0.cl
+            * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
             */
         CreateLiveboard = "CreateLiveboard",
         /**
@@ -6496,7 +6533,7 @@ export declare class TsEmbed {
         /**
             * The DOM node where the ThoughtSpot app is to be embedded.
             */
-        protected el: Element;
+        protected el: HTMLElement;
         /**
             * The key to store the embed instance in the DOM node
             */
@@ -6750,5 +6787,11 @@ export declare class V1Embed extends TsEmbed {
             * ```
             */
         on(messageType: EmbedEvent, callback: MessageCallback, options?: MessageOptions): typeof TsEmbed.prototype;
+        /**
+            * Only for testing purposes.
+            *
+            * @hidden
+            */
+        test__executeCallbacks: (eventType: EmbedEvent, data: any, eventPort?: void | MessagePort) => void;
 }
 

package/dist/visual-embed-sdk-react.d.ts

@@ -1383,6 +1383,29 @@ export interface LiveboardViewConfig extends Omit<ViewConfig, 'hiddenHomepageMod
             * ```
             */
         enable2ColumnLayout?: boolean;
+        /**
+            * Show a preview image of the visualization before the visualization loads.
+            * Only works for visualizations embeds with a viz id.
+            *
+            * Also, viz snashot should be enabled in the ThoughtSpot instance.
+            * Contact ThoughtSpot support to enable this feature.
+            *
+            * Since, this will show preview images, be careful that it may show
+            * undesired data to the user when using row level security.
+            *
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed-container', {
+            *   liveboardId: 'liveboard-id',
+            *   vizId: 'viz-id',
+            *   showPreviewLoader: true,
+            * });
+            * embed.render();
+            * ```
+            *
+            * @version SDK: 1.32.0 | ThoughtSpot: 10.0.0.cl
+            */
+        showPreviewLoader?: boolean;
 }
 /**
     * Embed a ThoughtSpot Liveboard or visualization. When rendered it already
@@ -2425,6 +2448,19 @@ export interface ViewConfig {
             * @version SDK: 1.29.0 | ThoughtSpot: 10.1.0.cl
             */
         excludeRuntimeParametersfromURL?: boolean;
+        /**
+            * Enable the V2 shell. This can provide performance benefits
+            * due to a lighterweight shell.
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed', {
+            *   liveboardId: '123',
+            *   enableV2Shell_experimental: true
+            * });
+            * ```
+            * @version SDK: 1.31.2 | ThoughtSpot: 10.0.0.cl
+            */
+        enableV2Shell_experimental?: boolean;
 }
 /**
     * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -5341,8 +5377,9 @@ export declare enum Action {
             * ```js
             * hiddenAction: [Action.CreateLiveboard]
             * disabledActions: [Action.CreateLiveboard]
+            * ```
             *
-            * @version SDK: 1.31.1 | Thoughtspot: 10.1.0.cl
+            * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
             */
         CreateLiveboard = "CreateLiveboard",
         /**
@@ -5559,7 +5596,7 @@ export declare class TsEmbed {
         /**
             * The DOM node where the ThoughtSpot app is to be embedded.
             */
-        protected el: Element;
+        protected el: HTMLElement;
         /**
             * The key to store the embed instance in the DOM node
             */
@@ -5813,6 +5850,12 @@ export declare class V1Embed extends TsEmbed {
             * ```
             */
         on(messageType: EmbedEvent, callback: MessageCallback, options?: MessageOptions): typeof TsEmbed.prototype;
+        /**
+            * Only for testing purposes.
+            *
+            * @hidden
+            */
+        test__executeCallbacks: (eventType: EmbedEvent, data: any, eventPort?: void | MessagePort) => void;
 }
 
 export interface executeTMLInput {

package/dist/visual-embed-sdk.d.ts

@@ -812,6 +812,29 @@ export interface LiveboardViewConfig extends Omit<ViewConfig, 'hiddenHomepageMod
             * ```
             */
         enable2ColumnLayout?: boolean;
+        /**
+            * Show a preview image of the visualization before the visualization loads.
+            * Only works for visualizations embeds with a viz id.
+            *
+            * Also, viz snashot should be enabled in the ThoughtSpot instance.
+            * Contact ThoughtSpot support to enable this feature.
+            *
+            * Since, this will show preview images, be careful that it may show
+            * undesired data to the user when using row level security.
+            *
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed-container', {
+            *   liveboardId: 'liveboard-id',
+            *   vizId: 'viz-id',
+            *   showPreviewLoader: true,
+            * });
+            * embed.render();
+            * ```
+            *
+            * @version SDK: 1.32.0 | ThoughtSpot: 10.0.0.cl
+            */
+        showPreviewLoader?: boolean;
 }
 /**
     * Embed a ThoughtSpot Liveboard or visualization. When rendered it already
@@ -2419,6 +2442,19 @@ export interface ViewConfig {
             * @version SDK: 1.29.0 | ThoughtSpot: 10.1.0.cl
             */
         excludeRuntimeParametersfromURL?: boolean;
+        /**
+            * Enable the V2 shell. This can provide performance benefits
+            * due to a lighterweight shell.
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed', {
+            *   liveboardId: '123',
+            *   enableV2Shell_experimental: true
+            * });
+            * ```
+            * @version SDK: 1.31.2 | ThoughtSpot: 10.0.0.cl
+            */
+        enableV2Shell_experimental?: boolean;
 }
 /**
     * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -5335,8 +5371,9 @@ export enum Action {
             * ```js
             * hiddenAction: [Action.CreateLiveboard]
             * disabledActions: [Action.CreateLiveboard]
+            * ```
             *
-            * @version SDK: 1.31.1 | Thoughtspot: 10.1.0.cl
+            * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
             */
         CreateLiveboard = "CreateLiveboard",
         /**
@@ -6268,7 +6305,7 @@ export class TsEmbed {
         /**
             * The DOM node where the ThoughtSpot app is to be embedded.
             */
-        protected el: Element;
+        protected el: HTMLElement;
         /**
             * The key to store the embed instance in the DOM node
             */
@@ -6522,5 +6559,11 @@ export class V1Embed extends TsEmbed {
             * ```
             */
         on(messageType: EmbedEvent, callback: MessageCallback, options?: MessageOptions): typeof TsEmbed.prototype;
+        /**
+            * Only for testing purposes.
+            *
+            * @hidden
+            */
+        test__executeCallbacks: (eventType: EmbedEvent, data: any, eventPort?: void | MessagePort) => void;
 }