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

package/dist/tsembed-react.js

@@ -194,6 +194,24 @@
 	    }
 	    return null;
 	};
+	/**
+	 * Construct a runtime parameter override query string from the given option.
+	 *
+	 * @param runtimeParameters
+	 */
+	const getRuntimeParameters = (runtimeParameters) => {
+	    if (runtimeParameters && runtimeParameters.length) {
+	        const params = runtimeParameters.map((param, valueIndex) => {
+	            const index = valueIndex + 1;
+	            const filterExpr = [];
+	            filterExpr.push(`param${index}=${encodeURIComponent(param.name)}`);
+	            filterExpr.push(`paramVal${index}=${encodeURIComponent(param.value)}`);
+	            return filterExpr.join('&');
+	        });
+	        return `${params.join('&')}`;
+	    }
+	    return null;
+	};
 	/**
 	 * Convert a value to a string representation to be sent as a query
 	 * parameter to the ThoughtSpot app.
@@ -342,7 +360,21 @@
 	function getDOMNode(domSelector) {
 	    return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
 	}
-	const deepMerge = (target, source) => merge(target, source);
+	const deepMerge = (target, source) => merge(target, source);
+	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
@@ -1020,21 +1052,21 @@
 	     */
 	    EmbedEvent["InsertIntoSlide"] = "insertInToSlide";
 	    /**
+	     * @hidden
 	     * Emitted when a user changes any filter on a Liveboard.
-	     *
 	     * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
 	     */
 	    EmbedEvent["FilterChanged"] = "filterChanged";
 	    /**
 	     *  Emitted when a user click on Go button in Sage Embed
 	     *
-	     * @version SDK : 1.27.0 | Thoughtspot: 9.7.0.cl
+	     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
 	     */
 	    EmbedEvent["SageEmbedQuery"] = "sageEmbedQuery";
 	    /**
 	     * Emitten when a user select data source in Sage Embed
 	     *
-	     * @version SDK : 1.27.0 | Thoughtspot: 9.7.0.cl
+	     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
 	     */
 	    EmbedEvent["SageWorksheetUpdated"] = "sageWorksheetUpdated";
 	    /**
@@ -1043,6 +1075,51 @@
 	     * @version SDK : 1.27.0 | Thoughtspot: 9.8.0.cl
 	     */
 	    EmbedEvent["UpdateConnection"] = "updateConnection";
+	    /**
+	     * Emitted when name, status (private or public) or filter values of a
+	     * PersonalisedView is updated.
+	     *
+	     * @returns viewName: string
+	     * @returns viewId: string
+	     * @returns liveboardId: string
+	     * @returns isPublic: boolean
+	     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+	     */
+	    EmbedEvent["UpdatePersonalisedView"] = "updatePersonalisedView";
+	    /**
+	     * Emitted when a PersonalisedView is saved.
+	     *
+	     * @returns viewName: string
+	     * @returns viewId: string
+	     * @returns liveboardId: string
+	     * @returns isPublic: boolean
+	     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+	     */
+	    EmbedEvent["SavePersonalisedView"] = "savePersonalisedView";
+	    /**
+	     * Emitted when a Liveboard is reset.
+	     *
+	     * @returns viewName: string
+	     * @returns viewId: string
+	     * @returns liveboardId: string
+	     * @returns isPublic: boolean
+	     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+	     */
+	    EmbedEvent["ResetLiveboard"] = "resetLiveboard";
+	    /**
+	     * Emitted when a PersonalisedView is deleted.
+	     *
+	     * @returns views: string[]
+	     * @returns liveboardId: string
+	     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+	     */
+	    EmbedEvent["DeletePersonalisedView"] = "deletePersonalisedView";
+	    /**
+	     * Emitten when a user creates a new worksheet
+	     *
+	     * @version SDK : 1.27.0 | Thoughtspot: 9.8.0.cl
+	     */
+	    EmbedEvent["CreateWorksheet"] = "createWorksheet";
 	})(exports.EmbedEvent || (exports.EmbedEvent = {}));
 	(function (HostEvent) {
 	    /**
@@ -1663,16 +1740,16 @@
 	     */
 	    HostEvent["ResetSearch"] = "resetSearch";
 	    /**
+	     * @hidden
 	     * Gets the currents visible and runtime filters applied on a Liveboard
-	     *
 	     * @example
 	     * liveboardEmbed.trigger(HostEvent.GetFilters)
 	     * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
 	     */
 	    HostEvent["GetFilters"] = "getFilters";
 	    /**
+	     * @hidden
 	     * Updates the visible filters on the Liveboard.
-	     *
 	     * @param - filter: filter object containing column name and filter operation and values
 	     * @example
 	     *
@@ -2631,6 +2708,16 @@
 	     * ```
 	     */
 	    Action["ManageMonitor"] = "ManageMonitor";
+	    /**
+	     * Action ID for Liveboard Personalised Views dropdown
+	     *
+	     *  @example
+	     * ```js
+	     * disabledActions: [Action.PersonalisedViewsDropdown]
+	     * ```
+	     *  @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+	     */
+	    Action["PersonalisedViewsDropdown"] = "personalisedViewsDropdown";
 	})(exports.Action || (exports.Action = {}));
 	// eslint-disable-next-line no-shadow
 	var OperationType;
@@ -10245,7 +10332,7 @@
 	    });
 	}
 
-	var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-alpha.6";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
@@ -10304,11 +10391,14 @@
 	                data: {
 	                    customisations: getCustomisations(this.embedConfig, this.viewConfig),
 	                    authToken,
-	                    runtimeFilterParams: getRuntimeFilters(this.viewConfig.runtimeFilters),
+	                    runtimeFilterParams: this.viewConfig.excludeRuntimeFiltersfromURL
+	                        ? getRuntimeFilters(this.viewConfig.runtimeFilters)
+	                        : null,
 	                    hiddenHomepageModules: this.viewConfig.hiddenHomepageModules || [],
 	                    hostConfig: this.embedConfig.hostConfig,
 	                    hiddenHomeLeftNavItems: ((_a = this.viewConfig) === null || _a === void 0 ? void 0 : _a.hiddenHomeLeftNavItems)
-	                        ? (_b = this.viewConfig) === null || _b === void 0 ? void 0 : _b.hiddenHomeLeftNavItems : [],
+	                        ? (_b = this.viewConfig) === null || _b === void 0 ? void 0 : _b.hiddenHomeLeftNavItems
+	                        : [],
 	                },
 	            });
 	        };
@@ -10637,7 +10727,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);
@@ -10659,7 +10754,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) => {
@@ -10672,11 +10772,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) {
@@ -10891,6 +11099,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.
@@ -10972,8 +11187,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);
 	    }
@@ -11189,7 +11406,7 @@
 	    }
 	    getEmbedParams() {
 	        var _a;
-	        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, dataPanelV2 = false, useLastSelectedSources = false, } = this.viewConfig;
+	        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, dataPanelV2 = false, useLastSelectedSources = false, runtimeParameters, } = this.viewConfig;
 	        const queryParams = this.getBaseQueryParams();
 	        queryParams[Param.HideActions] = [
 	            ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
@@ -11228,6 +11445,9 @@
 	        if (queryParamsString) {
 	            query = `?${queryParamsString}`;
 	        }
+	        const parameterQuery = getRuntimeParameters(runtimeParameters || []);
+	        if (parameterQuery)
+	            query += `&${parameterQuery}`;
 	        const filterQuery = getFilterQuery(runtimeFilters || []);
 	        if (filterQuery && !excludeRuntimeFiltersfromURL) {
 	            query += `&${filterQuery}`;
@@ -11390,6 +11610,7 @@
 	     * Gets the ThoughtSpot route of the page for a particular page ID.
 	     *
 	     * @param pageId The identifier for a page in the ThoughtSpot app.
+	     * @param modularHomeExperience
 	     */
 	    getPageRoute(pageId, modularHomeExperience = false) {
 	        switch (pageId) {
@@ -11533,7 +11754,7 @@
 	        let params = {};
 	        params[Param.EmbedApp] = true;
 	        params = this.getBaseQueryParams(params);
-	        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, } = this.viewConfig;
+	        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, runtimeParameters, } = this.viewConfig;
 	        const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
 	            || this.viewConfig.preventPinboardFilterRemoval;
 	        if (fullHeight === true) {
@@ -11561,7 +11782,10 @@
 	        if (hideTabPanel) {
 	            params[Param.HideTabPanel] = hideTabPanel;
 	        }
-	        const queryParams = getQueryParamString(params, true);
+	        let queryParams = getQueryParamString(params, true);
+	        const parameterQuery = getRuntimeParameters(runtimeParameters || []);
+	        if (parameterQuery)
+	            queryParams += `&${parameterQuery}`;
 	        return queryParams;
 	    }
 	    getIframeSuffixSrc(liveboardId, vizId, activeTabId) {
@@ -11625,6 +11849,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;
@@ -11659,7 +11888,7 @@
 	    });
 	}
 
-	const componentFactory = (EmbedConstructor) => React__default['default'].forwardRef((props, forwardedRef) => {
+	const componentFactory = (EmbedConstructor, isPreRenderedComponent = false) => React__default['default'].forwardRef((props, forwardedRef) => {
 	    const ref = React__default['default'].useRef(null);
 	    const { className, ...embedProps } = props;
 	    const { viewConfig, listeners } = getViewPropsAndListeners(embedProps);
@@ -11675,13 +11904,26 @@
 	        Object.keys(listeners).forEach((eventName) => {
 	            tsEmbed.on(eventName, listeners[eventName]);
 	        });
-	        tsEmbed.render();
+	        if (isPreRenderedComponent) {
+	            tsEmbed.preRender();
+	        }
+	        else if (props.preRenderId) {
+	            tsEmbed.showPreRender();
+	        }
+	        else {
+	            tsEmbed.render();
+	        }
 	        if (forwardedRef) {
 	            // eslint-disable-next-line no-param-reassign
 	            forwardedRef.current = tsEmbed;
 	        }
 	        return () => {
-	            tsEmbed.destroy();
+	            if (!isPreRenderedComponent) {
+	                if (props.preRenderId)
+	                    tsEmbed.hidePreRender();
+	                else
+	                    tsEmbed.destroy();
+	            }
 	        };
 	    }, [viewConfig, listeners]);
 	    return ((viewConfig.insertAsSibling)
@@ -11781,11 +12023,13 @@
 	 */
 	function useEmbedRef() {
 	    return React__default['default'].useRef(null);
-	}
+	}
+	const PreRenderedLiveboardEmbed = componentFactory(LiveboardEmbed, true);
 
 	exports.AppEmbed = AppEmbed$1;
 	exports.LiveboardEmbed = LiveboardEmbed$1;
 	exports.PinboardEmbed = PinboardEmbed;
+	exports.PreRenderedLiveboardEmbed = PreRenderedLiveboardEmbed;
 	exports.SageEmbed = SageEmbed$1;
 	exports.SearchBarEmbed = SearchBarEmbed$1;
 	exports.SearchEmbed = SearchEmbed$1;