@thoughtspot/visual-embed-sdk 1.24.0-alpha.7 → 1.24.0-dev

package/dist/tsembed.es.js

@@ -193,7 +193,21 @@ const getRuntimeFilters = (runtimefilters) => getFilterQuery(runtimefilters || [
  */
 function getDOMNode(domSelector) {
     return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
-}
+}
+const setStyleProperties = (element, styleProperties) => {
+    if (!element || !styleProperties)
+        return;
+    Object.keys(styleProperties).forEach((styleProperty) => {
+        element.style[styleProperty] = styleProperties[styleProperty].toString();
+    });
+};
+const removeStyleProperties = (element, styleProperties) => {
+    if (!element || !styleProperties)
+        return;
+    styleProperties.forEach((styleProperty) => {
+        element.style.removeProperty(styleProperty);
+    });
+};
 
 /**
  * Copyright (c) 2023
@@ -11256,7 +11270,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-alpha.7";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":"^40.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.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-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","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:"40 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.24.0-dev";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 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":"^40.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.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-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","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:"40 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
@@ -11651,7 +11665,12 @@ class TsEmbed {
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
             return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                 if (!isLoggedIn) {
-                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                    if (this.isPreRendered) {
+                        this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
+                    }
+                    else {
+                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                    }
                     return;
                 }
                 this.iFrame = this.iFrame || this.createIframeEl(url);
@@ -11673,7 +11692,12 @@ class TsEmbed {
                 this.iFrame.addEventListener('error', () => {
                     nextInQueue();
                 });
-                this.insertIntoDOM(this.iFrame);
+                if (this.isPreRendered) {
+                    this.insertIntoDOMForPreRender(this.iFrame);
+                }
+                else {
+                    this.insertIntoDOM(this.iFrame);
+                }
                 const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                 if (prefetchIframe.length) {
                     prefetchIframe.forEach((el) => {
@@ -11686,11 +11710,119 @@ class TsEmbed {
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
                     error: JSON.stringify(error),
                 });
-                this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                if (this.isPreRendered) {
+                    this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
+                }
+                else {
+                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                }
                 this.handleError(error);
             });
         });
     }
+    getPreRenderIds() {
+        return {
+            wrapper: `tsEmbed-pre-render-wrapper-${this.viewConfig.preRenderId}`,
+            shield: `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
+            child: `tsEmbed-pre-render-child-${this.viewConfig.preRenderId}`,
+        };
+    }
+    createPreRenderWrapper(child) {
+        if (!this.viewConfig.preRenderId) {
+            throw new Error('Pre render id is required');
+        }
+        const preRenderIds = this.getPreRenderIds();
+        const stalePreRenderWrapper = document.getElementById(preRenderIds.wrapper);
+        if (stalePreRenderWrapper) {
+            console.log('Found stale wrapper , removing');
+            stalePreRenderWrapper.remove();
+        }
+        const preRenderWrapper = document.createElement('div');
+        preRenderWrapper.id = preRenderIds.wrapper;
+        setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
+        const preRenderShield = document.createElement('div');
+        preRenderShield.id = preRenderIds.shield;
+        setStyleProperties(preRenderShield, { position: 'absolute', width: '100%', height: '100%' });
+        child.id = preRenderIds.child;
+        preRenderWrapper.appendChild(child);
+        preRenderWrapper.appendChild(preRenderShield);
+        this.preRenderWrapper = preRenderWrapper;
+        this.preRenderShield = preRenderShield;
+        this.preRenderChild = child;
+        return preRenderWrapper;
+    }
+    isPreRenderAvailable() {
+        const preRenderIds = this.getPreRenderIds();
+        this.preRenderWrapper = this.preRenderWrapper
+            || document.getElementById(preRenderIds.wrapper);
+        this.preRenderShield = this.preRenderShield
+            || document.getElementById(preRenderIds.shield);
+        this.preRenderChild = this.preRenderChild
+            || document.getElementById(preRenderIds.child);
+        return !!this.preRenderWrapper && !!this.preRenderShield
+            && !!this.preRenderChild;
+    }
+    insertIntoDOMForPreRender(child) {
+        let childNode;
+        if (typeof child === 'string') {
+            const divChildNode = document.createElement('div');
+            divChildNode.innerHTML = child;
+            childNode = divChildNode;
+        }
+        else {
+            childNode = child;
+        }
+        const preRenderWrapper = this.createPreRenderWrapper(childNode);
+        document.body.appendChild(preRenderWrapper);
+        this.hidePreRender();
+    }
+    hidePreRender() {
+        if (!this.isPreRenderAvailable()) {
+            // if the embed component is not preRendered , nothing to hide
+            console.log('No preRender found, not hiding ');
+            return;
+        }
+        setStyleProperties(this.preRenderWrapper, {
+            opacity: '0',
+            pointerEvents: 'none',
+            zIndex: '-1000',
+            position: 'absolute ',
+            top: '0',
+            left: '0',
+        });
+        const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+        setStyleProperties(this.preRenderShield, {
+            opacity: '0',
+            pointerEvents: 'none',
+            zIndex: '1',
+            width: `${childBoundingRect.width}px`,
+            height: `${childBoundingRect.height}px`,
+            position: 'absolute',
+            top: '0',
+            left: '0',
+        });
+    }
+    showPreRender() {
+        if (!this.isPreRenderAvailable()) {
+            // if the Embed component is nor preRendered , Render it now and
+            // show it (hide is defalt behaviour)
+            console.log('No preRender found, creating new ');
+            this.render();
+            return;
+        }
+        this.syncPreRenderStyle();
+        removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
+        setStyleProperties(this.preRenderShield, { zIndex: '-1' });
+    }
+    syncPreRenderStyle() {
+        if (!this.el) {
+            throw new Error('Embed element is not defined');
+        }
+        const elBoundingClient = this.el.getBoundingClientRect();
+        setStyleProperties(this.preRenderWrapper, {
+            top: `${elBoundingClient.y}px`, left: `${elBoundingClient.x}px`, width: `${elBoundingClient.width}px`, height: `${elBoundingClient.height}px`,
+        });
+    }
     insertIntoDOM(child) {
         var _a;
         if (this.viewConfig.insertAsSibling) {
@@ -11905,6 +12037,13 @@ class TsEmbed {
         this.isRendered = true;
         return this;
     }
+    /**
+     * Creates the preRender shell
+     */
+    preRender() {
+        this.isPreRendered = true;
+        return this;
+    }
     /**
      * Get the Post Url Params for THOUGHTSPOT from the current
      * host app URL.
@@ -11986,8 +12125,10 @@ class V1Embed extends TsEmbed {
         let queryString = queryParams;
         if (!this.viewConfig.excludeRuntimeFiltersfromURL) {
             const runtimeFilters = this.viewConfig.runtimeFilters;
+            const runtimeParameters = this.viewConfig.runtimeParameters;
+            const parameterQuery = getRuntimeParameters(runtimeParameters || []);
             const filterQuery = getFilterQuery(runtimeFilters || []);
-            queryString = [filterQuery, queryParams].filter(Boolean).join('&');
+            queryString = [parameterQuery, filterQuery, queryParams].filter(Boolean).join('&');
         }
         return this.getV1EmbedBasePath(queryString);
     }
@@ -12385,6 +12526,11 @@ class LiveboardEmbed extends V1Embed {
         this.renderV1Embed(src);
         return this;
     }
+    preRender() {
+        super.preRender();
+        this.render();
+        return this;
+    }
     navigateToLiveboard(liveboardId, vizId, activeTabId) {
         const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
         this.viewConfig.liveboardId = liveboardId;

package/dist/tsembed.js

@@ -199,7 +199,21 @@
      */
     function getDOMNode(domSelector) {
         return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
-    }
+    }
+    const setStyleProperties = (element, styleProperties) => {
+        if (!element || !styleProperties)
+            return;
+        Object.keys(styleProperties).forEach((styleProperty) => {
+            element.style[styleProperty] = styleProperties[styleProperty].toString();
+        });
+    };
+    const removeStyleProperties = (element, styleProperties) => {
+        if (!element || !styleProperties)
+            return;
+        styleProperties.forEach((styleProperty) => {
+            element.style.removeProperty(styleProperty);
+        });
+    };
 
     /**
      * Copyright (c) 2023
@@ -11138,7 +11152,7 @@
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-alpha.7";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":"^40.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.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-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","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:"40 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.24.0-dev";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 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":"^40.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.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-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","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:"40 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
@@ -11533,7 +11547,12 @@
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
                 return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                     if (!isLoggedIn) {
-                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                        if (this.isPreRendered) {
+                            this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
+                        }
+                        else {
+                            this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                        }
                         return;
                     }
                     this.iFrame = this.iFrame || this.createIframeEl(url);
@@ -11555,7 +11574,12 @@
                     this.iFrame.addEventListener('error', () => {
                         nextInQueue();
                     });
-                    this.insertIntoDOM(this.iFrame);
+                    if (this.isPreRendered) {
+                        this.insertIntoDOMForPreRender(this.iFrame);
+                    }
+                    else {
+                        this.insertIntoDOM(this.iFrame);
+                    }
                     const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                     if (prefetchIframe.length) {
                         prefetchIframe.forEach((el) => {
@@ -11568,11 +11592,119 @@
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
                         error: JSON.stringify(error),
                     });
-                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                    if (this.isPreRendered) {
+                        this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
+                    }
+                    else {
+                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                    }
                     this.handleError(error);
                 });
             });
         }
+        getPreRenderIds() {
+            return {
+                wrapper: `tsEmbed-pre-render-wrapper-${this.viewConfig.preRenderId}`,
+                shield: `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
+                child: `tsEmbed-pre-render-child-${this.viewConfig.preRenderId}`,
+            };
+        }
+        createPreRenderWrapper(child) {
+            if (!this.viewConfig.preRenderId) {
+                throw new Error('Pre render id is required');
+            }
+            const preRenderIds = this.getPreRenderIds();
+            const stalePreRenderWrapper = document.getElementById(preRenderIds.wrapper);
+            if (stalePreRenderWrapper) {
+                console.log('Found stale wrapper , removing');
+                stalePreRenderWrapper.remove();
+            }
+            const preRenderWrapper = document.createElement('div');
+            preRenderWrapper.id = preRenderIds.wrapper;
+            setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
+            const preRenderShield = document.createElement('div');
+            preRenderShield.id = preRenderIds.shield;
+            setStyleProperties(preRenderShield, { position: 'absolute', width: '100%', height: '100%' });
+            child.id = preRenderIds.child;
+            preRenderWrapper.appendChild(child);
+            preRenderWrapper.appendChild(preRenderShield);
+            this.preRenderWrapper = preRenderWrapper;
+            this.preRenderShield = preRenderShield;
+            this.preRenderChild = child;
+            return preRenderWrapper;
+        }
+        isPreRenderAvailable() {
+            const preRenderIds = this.getPreRenderIds();
+            this.preRenderWrapper = this.preRenderWrapper
+                || document.getElementById(preRenderIds.wrapper);
+            this.preRenderShield = this.preRenderShield
+                || document.getElementById(preRenderIds.shield);
+            this.preRenderChild = this.preRenderChild
+                || document.getElementById(preRenderIds.child);
+            return !!this.preRenderWrapper && !!this.preRenderShield
+                && !!this.preRenderChild;
+        }
+        insertIntoDOMForPreRender(child) {
+            let childNode;
+            if (typeof child === 'string') {
+                const divChildNode = document.createElement('div');
+                divChildNode.innerHTML = child;
+                childNode = divChildNode;
+            }
+            else {
+                childNode = child;
+            }
+            const preRenderWrapper = this.createPreRenderWrapper(childNode);
+            document.body.appendChild(preRenderWrapper);
+            this.hidePreRender();
+        }
+        hidePreRender() {
+            if (!this.isPreRenderAvailable()) {
+                // if the embed component is not preRendered , nothing to hide
+                console.log('No preRender found, not hiding ');
+                return;
+            }
+            setStyleProperties(this.preRenderWrapper, {
+                opacity: '0',
+                pointerEvents: 'none',
+                zIndex: '-1000',
+                position: 'absolute ',
+                top: '0',
+                left: '0',
+            });
+            const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+            setStyleProperties(this.preRenderShield, {
+                opacity: '0',
+                pointerEvents: 'none',
+                zIndex: '1',
+                width: `${childBoundingRect.width}px`,
+                height: `${childBoundingRect.height}px`,
+                position: 'absolute',
+                top: '0',
+                left: '0',
+            });
+        }
+        showPreRender() {
+            if (!this.isPreRenderAvailable()) {
+                // if the Embed component is nor preRendered , Render it now and
+                // show it (hide is defalt behaviour)
+                console.log('No preRender found, creating new ');
+                this.render();
+                return;
+            }
+            this.syncPreRenderStyle();
+            removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
+            setStyleProperties(this.preRenderShield, { zIndex: '-1' });
+        }
+        syncPreRenderStyle() {
+            if (!this.el) {
+                throw new Error('Embed element is not defined');
+            }
+            const elBoundingClient = this.el.getBoundingClientRect();
+            setStyleProperties(this.preRenderWrapper, {
+                top: `${elBoundingClient.y}px`, left: `${elBoundingClient.x}px`, width: `${elBoundingClient.width}px`, height: `${elBoundingClient.height}px`,
+            });
+        }
         insertIntoDOM(child) {
             var _a;
             if (this.viewConfig.insertAsSibling) {
@@ -11787,6 +11919,13 @@
             this.isRendered = true;
             return this;
         }
+        /**
+         * Creates the preRender shell
+         */
+        preRender() {
+            this.isPreRendered = true;
+            return this;
+        }
         /**
          * Get the Post Url Params for THOUGHTSPOT from the current
          * host app URL.
@@ -11868,8 +12007,10 @@
             let queryString = queryParams;
             if (!this.viewConfig.excludeRuntimeFiltersfromURL) {
                 const runtimeFilters = this.viewConfig.runtimeFilters;
+                const runtimeParameters = this.viewConfig.runtimeParameters;
+                const parameterQuery = getRuntimeParameters(runtimeParameters || []);
                 const filterQuery = getFilterQuery(runtimeFilters || []);
-                queryString = [filterQuery, queryParams].filter(Boolean).join('&');
+                queryString = [parameterQuery, filterQuery, queryParams].filter(Boolean).join('&');
             }
             return this.getV1EmbedBasePath(queryString);
         }
@@ -12262,6 +12403,11 @@
             this.renderV1Embed(src);
             return this;
         }
+        preRender() {
+            super.preRender();
+            this.render();
+            return this;
+        }
         navigateToLiveboard(liveboardId, vizId, activeTabId) {
             const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
             this.viewConfig.liveboardId = liveboardId;

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

@@ -109,6 +109,7 @@ type EmbedComponent = typeof SearchEmbed | typeof AppEmbed | typeof LiveboardEmb
     * @returns {React.MutableRefObject<T extends TsEmbed>} ref
     */
 export function useEmbedRef<T extends EmbedComponent>(): React.MutableRefObject<React.ComponentRef<T>>;
+export const PreRenderedLiveboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
 
 /**
   * Copyright (c) 2023
@@ -719,6 +720,7 @@ export declare class LiveboardEmbed extends V1Embed {
             * visualization ID and the runtime filters.
             */
         render(): LiveboardEmbed;
+        preRender(): LiveboardEmbed;
         navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string): void;
 }
 /**
@@ -1647,6 +1649,11 @@ export interface ViewConfig {
             * visualization, or Liveboard.
             */
         runtimeFilters?: RuntimeFilter[];
+        /**
+            * The list of parameter override to apply to a search answer,
+            * visualization, or Liveboard.
+            */
+        runtimeParameters?: RuntimeParameter[];
         /**
             * The locale/language to use for the embedded view.
             *
@@ -1788,6 +1795,10 @@ export interface ViewConfig {
             * @version SDK: 1.27.0 | Thoughtspot: 9.8.0.cl
             */
         hiddenHomeLeftNavItems?: HomeLeftNavItem[];
+        /**
+            * TBD
+            */
+        preRenderId?: string;
 }
 /**
     * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -4538,6 +4549,20 @@ export declare class TsEmbed {
             * @param frameOptions
             */
         protected renderIFrame(url: string): Promise<any>;
+        getPreRenderIds(): {
+                wrapper: string;
+                shield: string;
+                child: string;
+        };
+        protected createPreRenderWrapper(child: HTMLElement): HTMLDivElement;
+        protected preRenderWrapper: HTMLElement;
+        protected preRenderShield: HTMLElement;
+        protected preRenderChild: HTMLElement;
+        protected isPreRenderAvailable(): boolean;
+        protected insertIntoDOMForPreRender(child: string | HTMLElement): void;
+        hidePreRender(): void;
+        showPreRender(): void;
+        syncPreRenderStyle(): void;
         protected insertIntoDOM(child: string | Node): void;
         /**
             * Sets the height of the iframe
@@ -4634,6 +4659,10 @@ export declare class TsEmbed {
             * @param args
             */
         render(): TsEmbed;
+        /**
+            * Creates the preRender shell
+            */
+        preRender(): TsEmbed;
         /**
             * Get the Post Url Params for THOUGHTSPOT from the current
             * host app URL.

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

@@ -109,6 +109,7 @@ type EmbedComponent = typeof SearchEmbed | typeof AppEmbed | typeof LiveboardEmb
     * @returns {React.MutableRefObject<T extends TsEmbed>} ref
     */
 export function useEmbedRef<T extends EmbedComponent>(): React.MutableRefObject<React.ComponentRef<T>>;
+export const PreRenderedLiveboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
 
 /**
     * @group Embed components
@@ -708,6 +709,7 @@ export declare class LiveboardEmbed extends V1Embed {
             * visualization ID and the runtime filters.
             */
         render(): LiveboardEmbed;
+        preRender(): LiveboardEmbed;
         navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string): void;
 }
 /**
@@ -1358,6 +1360,11 @@ export interface ViewConfig {
             * visualization, or Liveboard.
             */
         runtimeFilters?: RuntimeFilter[];
+        /**
+            * The list of parameter override to apply to a search answer,
+            * visualization, or Liveboard.
+            */
+        runtimeParameters?: RuntimeParameter[];
         /**
             * The locale/language to use for the embedded view.
             *
@@ -1499,6 +1506,10 @@ export interface ViewConfig {
             * @version SDK: 1.27.0 | Thoughtspot: 9.8.0.cl
             */
         hiddenHomeLeftNavItems?: HomeLeftNavItem[];
+        /**
+            * TBD
+            */
+        preRenderId?: string;
 }
 /**
     * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -3908,6 +3919,20 @@ export declare class TsEmbed {
             * @param frameOptions
             */
         protected renderIFrame(url: string): Promise<any>;
+        getPreRenderIds(): {
+                wrapper: string;
+                shield: string;
+                child: string;
+        };
+        protected createPreRenderWrapper(child: HTMLElement): HTMLDivElement;
+        protected preRenderWrapper: HTMLElement;
+        protected preRenderShield: HTMLElement;
+        protected preRenderChild: HTMLElement;
+        protected isPreRenderAvailable(): boolean;
+        protected insertIntoDOMForPreRender(child: string | HTMLElement): void;
+        hidePreRender(): void;
+        showPreRender(): void;
+        syncPreRenderStyle(): void;
         protected insertIntoDOM(child: string | Node): void;
         /**
             * Sets the height of the iframe
@@ -4004,6 +4029,10 @@ export declare class TsEmbed {
             * @param args
             */
         render(): TsEmbed;
+        /**
+            * Creates the preRender shell
+            */
+        preRender(): TsEmbed;
         /**
             * Get the Post Url Params for THOUGHTSPOT from the current
             * host app URL.