@thoughtspot/visual-embed-sdk 1.41.0 → 1.42.0

package/dist/tsembed-react.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.41.0 */
+/* @thoughtspot/visual-embed-sdk version 1.42.0 */
 'use client';
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
@@ -2484,21 +2484,42 @@
 	     */
 	    HostEvent["Share"] = "share";
 	    /**
-	     * Trigger the **Save**  action on a Liveboard or Answer.
+	     * Trigger the **Save** action on a Liveboard, Answer, or Spotter.
 	     * Saves the changes.
-	     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+	     *
+	     * @param - `vizId` refers to the Spotter Visualization Id used in Spotter embed.
+	     * It is required and can be retrieved from the data embed event.
+	     *
 	     * @example
 	     * ```js
+	     * // Save changes in a Liveboard
 	     * liveboardEmbed.trigger(HostEvent.Save)
 	     * ```
+	     *
 	     * ```js
+	     * // Save the current Answer in Search embed
 	     * searchEmbed.trigger(HostEvent.Save)
 	     * ```
+	     *
 	     * ```js
+	     * // Save an Answer in Spotter (requires vizId)
 	     * spotterEmbed.trigger(HostEvent.Save, {
-	     *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+	     *   vizId: "730496d6-6903-4601-937e-2c691821af3c"
 	     * })
 	     * ```
+	     *
+	     * ```js
+	     * // How to get the vizId in Spotter?
+	     *
+	     * // You can use the Data event dispatched on each answer creation to get the vizId.
+	     * let latestSpotterVizId = '';
+	     * spotterEmbed.on(EmbedEvent.Data, (payload) => {
+	     *   latestSpotterVizId = payload.data.id;
+	     * });
+	     *
+	     * spotterEmbed.trigger(HostEvent.Save, { vizId: latestSpotterVizId });
+	     * ```
+	     *
 	     * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
 	     */
 	    HostEvent["Save"] = "save";
@@ -2636,7 +2657,7 @@
 	     *      column: "Date",
 	     *      oper: 'EQ',
 	     *      values: ["2023-07-31"],
-	     *      types: "EXACT_DATE"
+	     *      type: "EXACT_DATE"
 	     *    }]
 	     * });
 	     * ```
@@ -2982,6 +3003,16 @@
 	     * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
 	     */
 	    HostEvent["AskSpotter"] = "AskSpotter";
+	    /**
+	     * @hidden
+	     * Triggers the update of the embed params.
+	     *
+	     * @example
+	     * ```js
+	     * liveboardEmbed.trigger(HostEvent.UpdateEmbedParams, viewConfig);
+	     * ```
+	     */
+	    HostEvent["UpdateEmbedParams"] = "updateEmbedParams";
 	})(exports.HostEvent || (exports.HostEvent = {}));
 	/**
 	 * The different visual modes that the data sources panel within
@@ -3128,6 +3159,7 @@
 	    Param["IsLazyLoadingForEmbedEnabled"] = "isLazyLoadingForEmbedEnabled";
 	    Param["RootMarginForLazyLoad"] = "rootMarginForLazyLoad";
 	    Param["LiveboardXLSXCSVDownload"] = "isLiveboardXLSXCSVDownloadEnabled";
+	    Param["isPNGInScheduledEmailsEnabled"] = "isPNGInScheduledEmailsEnabled";
 	})(Param || (Param = {}));
 	/**
 	 * ThoughtSpot application pages include actions and menu commands
@@ -4409,6 +4441,29 @@
 	     *  @version SDK: 1.41.0 | ThoughtSpot Cloud: 10.13.0.cl
 	     */
 	    Action["SpotterTokenQuickEdit"] = "SpotterTokenQuickEdit";
+	    /**
+	     * The **PNG screenshot in email** option in the schedule email dialog.
+	     * Includes a PNG screenshot in the notification email body.
+	     * @example
+	     * ```js
+	     * disabledActions: [Action.PngScreenshotInEmail]
+	     * ```
+	     * ```
+	     *  @version SDK: 1.42.0 | ThoughtSpot Cloud: 10.14.0.cl
+	     */
+	    Action["PngScreenshotInEmail"] = "pngScreenshotInEmail";
+	    /**
+	     * The **Remove attachment** action in the schedule email dialog.
+	     * Removes an attachment from the email configuration.
+	     * @example
+	     * ```js
+	     * disabledActions: [Action.RemoveAttachment]
+	     * ```
+	     * ```
+	     * ```
+	     *  @version SDK: 1.42.0 | ThoughtSpot Cloud: 10.14.0.cl
+	     */
+	    Action["RemoveAttachment"] = "removeAttachment";
 	})(exports.Action || (exports.Action = {}));
 	var PrefetchFeatures;
 	(function (PrefetchFeatures) {
@@ -4997,6 +5052,26 @@
 	        width: Math.max(0, frameRelativeRight - frameRelativeLeft),
 	    };
 	    return data;
+	};
+	/**
+	 * Replaces placeholders in a template string with provided values.
+	 * Placeholders should be in the format {key}.
+	 * @param template - The template string with placeholders
+	 * @param values - An object containing key-value pairs to replace placeholders
+	 * @returns The template string with placeholders replaced
+	 * @example
+	 * formatTemplate('Hello {name}, you are {age} years old', { name: 'John', age: 30 })
+	 * // Returns: 'Hello John, you are 30 years old'
+	 *
+	 * formatTemplate('Expected {type}, but received {actual}', { type: 'string', actual: 'number' })
+	 * // Returns: 'Expected string, but received number'
+	 */
+	const formatTemplate = (template, values) => {
+	    // This regex /\{(\w+)\}/g finds all placeholders in the format {word} 
+	    // and captures the word inside the braces for replacement.
+	    return template.replace(/\{(\w+)\}/g, (match, key) => {
+	        return values[key] !== undefined ? String(values[key]) : match;
+	    });
 	};
 
 	/**
@@ -7285,6 +7360,7 @@
 	    SDK_NOT_INITIALIZED: 'SDK not initialized',
 	    SESSION_INFO_FAILED: 'Failed to get session information',
 	    INVALID_TOKEN_ERROR: 'Received invalid token from getAuthToken callback or authToken endpoint.',
+	    INVALID_TOKEN_TYPE_ERROR: 'Expected getAuthToken to return a string, but received a {invalidType}.',
 	    MIXPANEL_TOKEN_NOT_FOUND: 'Mixpanel token not found in session info',
 	    PRERENDER_ID_MISSING: 'PreRender ID is required for preRender',
 	    SYNC_STYLE_CALLED_BEFORE_RENDER: 'PreRender should be called before using syncPreRenderStyle',
@@ -7465,6 +7541,15 @@
 	    return authToken;
 	}
 	const validateAuthToken = async (embedConfig, authToken, suppressAlert) => {
+	    // even if token verification is disabled, we will still validate
+	    // that the token is a string before proceeding.
+	    if (typeof authToken !== 'string') {
+	        const errorMessage = formatTemplate(ERROR_MESSAGE.INVALID_TOKEN_TYPE_ERROR, {
+	            invalidType: typeof authToken,
+	        });
+	        logger$3.error(errorMessage);
+	        throw new Error(errorMessage);
+	    }
 	    const cachedAuthToken = getCacheAuthToken();
 	    if (embedConfig.disableTokenVerification) {
 	        logger$3.info('Token verification is disabled. Assuming token is valid.');
@@ -17366,7 +17451,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    return e;
 	}
 
-	var name="@thoughtspot/visual-embed-sdk";var version$1="1.41.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports$1={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs","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",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck","test-sdk":"jest -c jest.config.sdk.js --runInBand",test:"npm run test-sdk",posttest:"cat ./coverage/sdk/lcov.info | npx coveralls-next","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={classnames:"^2.3.1",eventemitter3:"^4.0.7",lodash:"^4.17.21","mixpanel-browser":"2.47.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1",yaml:"^2.5.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":"^11.2.0","@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/lodash":"^4.17.0","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^8.28.0","@typescript-eslint/parser":"^8.28.0",ajv:"^8.17.1",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1","coveralls-next":"^5.0.0",crypto:"^1.0.1","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^9.23.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^10.1.1","eslint-import-resolver-typescript":"^4.2.5","eslint-plugin-comment-length":"2.2.1","eslint-plugin-import":"^2.31.0","eslint-plugin-jsdoc":"^50.6.9","eslint-plugin-prettier":"^5.2.5","eslint-plugin-react":"^7.37.5","eslint-plugin-react-hooks":"^5.2.0","fs-extra":"^10.0.0","gh-pages":"6.3.0",globals:"^16.0.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^2.0.0",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.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:"4.24.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","typescript-eslint":"^8.29.1","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^6.3.5"};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$1,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"32 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="1.42.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports$1={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p tsconfig.build.json --incremental false; tsc -p tsconfig.build.json --incremental false --module commonjs --outDir cjs","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle-generator --config ./dts-config/dts-bundle-file.config.js","bundle-dts":"dts-bundle-generator --config ./dts-config/dts-bundle.config.js","bundle-dts-react":"dts-bundle-generator --config ./dts-config/dts-bundle-react.config.js","bundle-dts-react-full":"dts-bundle-generator --config ./dts-config/dts-bundle-react-full.config.js",build:"rollup -c",watch:"rollup -cw",docgen:"typedoc --tsconfig tsconfig.build.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck","test-sdk":"jest -c jest.config.sdk.js --runInBand",test:"npm run test-sdk",posttest:"cat ./coverage/sdk/lcov.info | npx coveralls-next","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={classnames:"^2.3.1",eventemitter3:"^4.0.7",lodash:"^4.17.21","mixpanel-browser":"2.47.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1",yaml:"^2.5.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":"^11.2.0","@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/lodash":"^4.17.0","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^8.28.0","@typescript-eslint/parser":"^8.28.0",ajv:"^8.17.1",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1","coveralls-next":"^5.0.0",crypto:"^1.0.1","current-git-branch":"^1.1.0","dts-bundle-generator":"^9.5.1",eslint:"^9.23.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^10.1.1","eslint-import-resolver-typescript":"^4.2.5","eslint-plugin-comment-length":"2.2.1","eslint-plugin-import":"^2.31.0","eslint-plugin-jsdoc":"^50.6.9","eslint-plugin-prettier":"^5.2.5","eslint-plugin-react":"^7.37.5","eslint-plugin-react-hooks":"^5.2.0","fs-extra":"^10.0.0","gh-pages":"6.3.0",globals:"^16.0.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^2.0.0",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.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:"4.24.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","typescript-eslint":"^8.29.1","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^6.3.5"};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$1,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"32 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};
 
 	/**
 	 * Reloads the ThoughtSpot iframe.
@@ -17677,10 +17762,10 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        };
 	        this.showPreRenderByDefault = false;
 	        /**
-	         * @hidden
-	         * Internal state to track if the embed container is loaded.
-	         * This is used to trigger events after the embed container is loaded.
-	         */
+	        * @hidden
+	        * Internal state to track if the embed container is loaded.
+	        * This is used to trigger events after the embed container is loaded.
+	        */
 	        this.isEmbedContainerLoaded = false;
 	        /**
 	         * @hidden
@@ -17739,10 +17824,10 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
 	            ...viewConfig,
 	        });
+	        const embedConfig = getEmbedConfig();
+	        this.embedConfig = embedConfig;
 	        this.hostEventClient = new HostEventClient(this.iFrame);
 	        this.isReadyForRenderPromise = getInitPromise().then(async () => {
-	            const embedConfig = getEmbedConfig();
-	            this.embedConfig = embedConfig;
 	            if (!embedConfig.authTriggerContainer && !embedConfig.useEventForSAMLPopup) {
 	                this.embedConfig.authTriggerContainer = domSelector;
 	            }
@@ -17938,6 +18023,11 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            .join('/');
 	        return `${basePath}#`;
 	    }
+	    getUpdateEmbedParamsObject() {
+	        let queryParams = this.getEmbedParamsObject();
+	        queryParams = { ...this.viewConfig, ...queryParams };
+	        return queryParams;
+	    }
 	    /**
 	     * Common query params set for all the embed modes.
 	     * @param queryParams
@@ -18087,9 +18177,13 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        return path;
 	    }
 	    getEmbedParams() {
-	        const queryParams = this.getBaseQueryParams();
+	        const queryParams = this.getEmbedParamsObject();
 	        return getQueryParamString(queryParams);
 	    }
+	    getEmbedParamsObject() {
+	        const params = this.getBaseQueryParams();
+	        return params;
+	    }
 	    getRootIframeSrc() {
 	        const query = this.getEmbedParams();
 	        return this.getEmbedBasePath(query);
@@ -18560,13 +18654,17 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * Creates the preRender shell
 	     * @param showPreRenderByDefault - Show the preRender after render, hidden by default
 	     */
-	    async preRender(showPreRenderByDefault = false) {
+	    async preRender(showPreRenderByDefault = false, replaceExistingPreRender = false) {
 	        if (!this.viewConfig.preRenderId) {
 	            logger$3.error(ERROR_MESSAGE.PRERENDER_ID_MISSING);
 	            return this;
 	        }
 	        this.isPreRendered = true;
 	        this.showPreRenderByDefault = showPreRenderByDefault;
+	        const isAlreadyRendered = this.connectPreRendered();
+	        if (isAlreadyRendered && !replaceExistingPreRender) {
+	            return this;
+	        }
 	        return this.handleRenderForPrerender();
 	    }
 	    /**
@@ -18650,7 +18748,12 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	                return this.preRender(true);
 	            }
 	            this.validatePreRenderViewConfig(this.viewConfig);
+	            logger$3.debug('triggering UpdateEmbedParams', this.viewConfig);
+	            this.executeAfterEmbedContainerLoaded(() => {
+	                this.trigger(exports.HostEvent.UpdateEmbedParams, this.getUpdateEmbedParamsObject());
+	            });
 	        }
+	        this.beforePrerenderVisible();
 	        if (this.el) {
 	            this.syncPreRenderStyle();
 	            if (!this.viewConfig.doNotTrackPreRenderSize) {
@@ -18667,7 +18770,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	                this.resizeObserver.observe(this.el);
 	            }
 	        }
-	        this.beforePrerenderVisible();
 	        removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
 	        this.subscribeToEvents();
 	        // Setup fullscreen change handler for prerendered components
@@ -18856,15 +18958,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        this.embedComponentType = 'SearchBarEmbed';
 	        this.viewConfig = viewConfig;
 	    }
-	    /**
-	     * Construct the URL of the embedded ThoughtSpot search to be
-	     * loaded in the iframe
-	     * @param dataSources A list of data source GUIDs
-	     */
-	    getIFrameSrc() {
+	    getEmbedParamsObject() {
 	        var _a;
 	        const { searchOptions, dataSource, dataSources, useLastSelectedSources = false, excludeSearchTokenStringFromURL, } = this.viewConfig;
-	        const path = 'search-bar-embed';
 	        const queryParams = this.getBaseQueryParams();
 	        queryParams[Param.HideActions] = [...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : [])];
 	        if (dataSources && dataSources.length) {
@@ -18886,6 +18982,16 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            queryParams[Param.UseLastSelectedDataSource] = false;
 	        }
 	        queryParams[Param.searchEmbed] = true;
+	        return queryParams;
+	    }
+	    /**
+	     * Construct the URL of the embedded ThoughtSpot search to be
+	     * loaded in the iframe
+	     * @param dataSources A list of data source GUIDs
+	     */
+	    getIFrameSrc() {
+	        const queryParams = this.getEmbedParamsObject();
+	        const path = 'search-bar-embed';
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {
@@ -18936,12 +19042,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        viewConfig.embedComponentType = 'SageEmbed';
 	        super(domSelector, viewConfig);
 	    }
-	    /**
-	     * Constructs a map of parameters to be passed on to the
-	     * embedded Eureka or Sage search page.
-	     * @returns {string} query string
-	     */
-	    getEmbedParams() {
+	    getEmbedParamsObject() {
 	        const { disableWorksheetChange, hideWorksheetSelector, showObjectSuggestions, dataPanelV2, hideSampleQuestions, isProductTour, hideSageAnswerHeader, hideAutocompleteSuggestions, } = this.viewConfig;
 	        const params = this.getBaseQueryParams();
 	        params[Param.DataPanelV2Enabled] = !!dataPanelV2;
@@ -18956,6 +19057,15 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        params[Param.HideSampleQuestions] = !!hideSampleQuestions;
 	        params[Param.IsProductTour] = !!isProductTour;
 	        params[Param.HideSageAnswerHeader] = !!hideSageAnswerHeader;
+	        return params;
+	    }
+	    /**
+	     * Constructs a map of parameters to be passed on to the
+	     * embedded Eureka or Sage search page.
+	     * @returns {string} query string
+	     */
+	    getEmbedParams() {
+	        const params = this.getEmbedParamsObject();
 	        return getQueryParamString(params, true);
 	    }
 	    /**
@@ -19065,11 +19175,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        const defaultAppInitData = await super.getAppInitData();
 	        return { ...defaultAppInitData, ...this.getSearchInitData() };
 	    }
-	    getEmbedParams() {
+	    getEmbedParamsObject() {
 	        var _a;
-	        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, hideSearchBar, dataPanelV2 = false, useLastSelectedSources = false, runtimeParameters, collapseSearchBarInitially = false, enableCustomColumnGroups = false, isOnBeforeGetVizDataInterceptEnabled = false, 
-	        /* eslint-disable-next-line max-len */
-	        dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState$1.EXPAND_ALL, focusSearchBarOnRender = true, excludeRuntimeParametersfromURL, excludeSearchTokenStringFromURL, collapseSearchBar = true, } = this.viewConfig;
+	        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, hideSearchBar, dataPanelV2 = true, useLastSelectedSources = false, runtimeParameters, collapseSearchBarInitially = false, enableCustomColumnGroups = false, isOnBeforeGetVizDataInterceptEnabled = false, dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState$1.EXPAND_ALL, focusSearchBarOnRender = true, excludeRuntimeParametersfromURL, excludeSearchTokenStringFromURL, collapseSearchBar = true, } = this.viewConfig;
 	        const queryParams = this.getBaseQueryParams();
 	        queryParams[Param.HideActions] = [
 	            ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
@@ -19102,7 +19210,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            queryParams[Param.HideSearchBar] = true;
 	        }
 	        if (isOnBeforeGetVizDataInterceptEnabled) {
-	            /* eslint-disable-next-line max-len */
 	            queryParams[Param.IsOnBeforeGetVizDataInterceptEnabled] = isOnBeforeGetVizDataInterceptEnabled;
 	        }
 	        if (!focusSearchBarOnRender) {
@@ -19115,20 +19222,22 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            queryParams[Param.UseLastSelectedDataSource] = false;
 	        }
 	        queryParams[Param.searchEmbed] = true;
-	        /* eslint-disable-next-line max-len */
 	        queryParams[Param.CollapseSearchBarInitially] = collapseSearchBarInitially || collapseSearchBar;
 	        queryParams[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
 	        if (dataPanelCustomGroupsAccordionInitialState
 	            === DataPanelCustomColumnGroupsAccordionState$1.COLLAPSE_ALL
 	            || dataPanelCustomGroupsAccordionInitialState
 	                === DataPanelCustomColumnGroupsAccordionState$1.EXPAND_FIRST) {
-	            /* eslint-disable-next-line max-len */
 	            queryParams[Param.DataPanelCustomGroupsAccordionInitialState] = dataPanelCustomGroupsAccordionInitialState;
 	        }
 	        else {
-	            /* eslint-disable-next-line max-len */
 	            queryParams[Param.DataPanelCustomGroupsAccordionInitialState] = DataPanelCustomColumnGroupsAccordionState$1.EXPAND_ALL;
 	        }
+	        return queryParams;
+	    }
+	    getEmbedParams() {
+	        const { runtimeParameters, runtimeFilters, excludeRuntimeParametersfromURL, excludeRuntimeFiltersfromURL, } = this.viewConfig;
+	        const queryParams = this.getEmbedParamsObject();
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {
@@ -19361,7 +19470,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * embedded Liveboard or visualization.
 	     */
 	    getEmbedParams() {
-	        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, hideHamburger, hideObjectSearch, hideNotification, hideApplicationSwitcher, hideOrgSwitcher, enableSearchAssist, fullHeight, dataPanelV2 = false, hideLiveboardHeader = false, showLiveboardTitle = true, showLiveboardDescription = true, hideHomepageLeftNav = false, modularHomeExperience = false, isLiveboardHeaderSticky = true, enableAskSage, collapseSearchBarInitially = false, enable2ColumnLayout, enableCustomColumnGroups = false, isOnBeforeGetVizDataInterceptEnabled = false, dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL, collapseSearchBar = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, homePageSearchBarMode, isUnifiedSearchExperienceEnabled = true, enablePendoHelp = true, discoveryExperience, coverAndFilterOptionInPDF = false, liveboardXLSXCSVDownload = false, isLiveboardStylingAndGroupingEnabled, } = this.viewConfig;
+	        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, hideHamburger, hideObjectSearch, hideNotification, hideApplicationSwitcher, hideOrgSwitcher, enableSearchAssist, fullHeight, dataPanelV2 = true, hideLiveboardHeader = false, showLiveboardTitle = true, showLiveboardDescription = true, hideHomepageLeftNav = false, modularHomeExperience = false, isLiveboardHeaderSticky = true, enableAskSage, collapseSearchBarInitially = false, enable2ColumnLayout, enableCustomColumnGroups = false, isOnBeforeGetVizDataInterceptEnabled = false, dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL, collapseSearchBar = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, homePageSearchBarMode, isUnifiedSearchExperienceEnabled = true, enablePendoHelp = true, discoveryExperience, coverAndFilterOptionInPDF = false, liveboardXLSXCSVDownload = false, isLiveboardStylingAndGroupingEnabled, isPNGInScheduledEmailsEnabled = false, } = this.viewConfig;
 	        let params = {};
 	        params[Param.PrimaryNavHidden] = !showPrimaryNavbar;
 	        params[Param.HideProfleAndHelp] = !!disableProfileAndHelp;
@@ -19426,6 +19535,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        if (isLiveboardStylingAndGroupingEnabled !== undefined) {
 	            params[Param.IsLiveboardStylingAndGroupingEnabled] = isLiveboardStylingAndGroupingEnabled;
 	        }
+	        if (isPNGInScheduledEmailsEnabled !== undefined) {
+	            params[Param.isPNGInScheduledEmailsEnabled] = isPNGInScheduledEmailsEnabled;
+	        }
 	        params[Param.DataPanelV2Enabled] = dataPanelV2;
 	        params[Param.HideHomepageLeftNav] = hideHomepageLeftNav;
 	        params[Param.ModularHomeExperienceEnabled] = modularHomeExperience;
@@ -19773,9 +19885,14 @@ query GetEurekaVizSnapshots(
 	     * embedded Liveboard or visualization.
 	     */
 	    getEmbedParams() {
+	        const params = this.getEmbedParamsObject();
+	        const queryParams = getQueryParamString(params, true);
+	        return queryParams;
+	    }
+	    getEmbedParamsObject() {
 	        let params = {};
 	        params = this.getBaseQueryParams(params);
-	        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, hideLiveboardHeader, showLiveboardDescription, showLiveboardTitle, isLiveboardHeaderSticky = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, enableAskSage, enable2ColumnLayout, dataPanelV2 = false, enableCustomColumnGroups = false, oAuthPollingInterval, isForceRedirect, dataSourceId, coverAndFilterOptionInPDF = false, liveboardXLSXCSVDownload = false, isLiveboardStylingAndGroupingEnabled, } = this.viewConfig;
+	        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, hideLiveboardHeader, showLiveboardDescription, showLiveboardTitle, isLiveboardHeaderSticky = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, enableAskSage, enable2ColumnLayout, dataPanelV2 = true, enableCustomColumnGroups = false, oAuthPollingInterval, isForceRedirect, dataSourceId, coverAndFilterOptionInPDF = false, liveboardXLSXCSVDownload = false, isLiveboardStylingAndGroupingEnabled, isPNGInScheduledEmailsEnabled = false, showSpotterLimitations, } = this.viewConfig;
 	        const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
 	            || this.viewConfig.preventPinboardFilterRemoval;
 	        if (fullHeight === true) {
@@ -19834,6 +19951,12 @@ query GetEurekaVizSnapshots(
 	        if (isLiveboardStylingAndGroupingEnabled !== undefined) {
 	            params[Param.IsLiveboardStylingAndGroupingEnabled] = isLiveboardStylingAndGroupingEnabled;
 	        }
+	        if (isPNGInScheduledEmailsEnabled !== undefined) {
+	            params[Param.isPNGInScheduledEmailsEnabled] = isPNGInScheduledEmailsEnabled;
+	        }
+	        if (showSpotterLimitations !== undefined) {
+	            params[Param.ShowSpotterLimitations] = showSpotterLimitations;
+	        }
 	        params[Param.LiveboardHeaderSticky] = isLiveboardHeaderSticky;
 	        params[Param.LiveboardHeaderV2] = isLiveboardCompactHeaderEnabled;
 	        params[Param.ShowLiveboardVerifiedBadge] = showLiveboardVerifiedBadge;
@@ -19843,8 +19966,8 @@ query GetEurekaVizSnapshots(
 	        params[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
 	        params[Param.CoverAndFilterOptionInPDF] = coverAndFilterOptionInPDF;
 	        params[Param.LiveboardXLSXCSVDownload] = !!liveboardXLSXCSVDownload;
-	        const queryParams = getQueryParamString(params, true);
-	        return queryParams;
+	        getQueryParamString(params, true);
+	        return params;
 	    }
 	    getIframeSuffixSrc(liveboardId, vizId, activeTabId) {
 	        let suffix = `/embed/viz/${liveboardId}`;
@@ -20402,13 +20525,17 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
 	        super(container, viewConfig);
 	        this.viewConfig = viewConfig;
 	    }
-	    getIframeSrc() {
+	    getEmbedParamsObject() {
 	        var _a;
-	        const { sessionId, genNo, acSessionId, acGenNo, convId, messageId, } = this.viewConfig;
-	        const path = 'conv-assist-answer';
 	        const queryParams = this.getBaseQueryParams();
 	        queryParams[Param.HideActions] = [...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : [])];
 	        queryParams[Param.isSpotterAgentEmbed] = true;
+	        return queryParams;
+	    }
+	    getIframeSrc() {
+	        const { sessionId, genNo, acSessionId, acGenNo, convId, messageId, } = this.viewConfig;
+	        const path = 'conv-assist-answer';
+	        const queryParams = this.getEmbedParamsObject();
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {
@@ -20564,9 +20691,8 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
 	        super(container, viewConfig);
 	        this.viewConfig = viewConfig;
 	    }
-	    getIframeSrc() {
+	    getEmbedParamsObject() {
 	        const { worksheetId, searchOptions, disableSourceSelection, hideSourceSelection, dataPanelV2, showSpotterLimitations, hideSampleQuestions, runtimeFilters, excludeRuntimeFiltersfromURL, runtimeParameters, excludeRuntimeParametersfromURL, } = this.viewConfig;
-	        const path = 'insights/conv-assist';
 	        if (!worksheetId) {
 	            this.handleError(ERROR_MESSAGE.SPOTTER_EMBED_WORKSHEED_ID_NOT_FOUND);
 	        }
@@ -20587,6 +20713,12 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
 	        if (!isUndefined_1(hideSampleQuestions)) {
 	            queryParams[Param.HideSampleQuestions] = !!hideSampleQuestions;
 	        }
+	        return queryParams;
+	    }
+	    getIframeSrc() {
+	        const { worksheetId, searchOptions, runtimeFilters, excludeRuntimeFiltersfromURL, runtimeParameters, excludeRuntimeParametersfromURL, } = this.viewConfig;
+	        const path = 'insights/conv-assist';
+	        const queryParams = this.getEmbedParamsObject();
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {
@@ -20695,7 +20827,8 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
 	            handleDestroy(tsEmbed);
 	        };
 	    }, [viewConfig, listeners]);
-	    return viewConfig.insertAsSibling ? (React.createElement("span", { "data-testid": "tsEmbed", ref: ref, style: { position: 'absolute' } })) : (React.createElement("div", { "data-testid": "tsEmbed", ref: ref, style: style, className: `ts-embed-container ${className}` }));
+	    const preRenderStyles = isPreRenderedComponent ? { display: 'none' } : {};
+	    return viewConfig.insertAsSibling ? (React.createElement("span", { "data-testid": "tsEmbed", ref: ref, style: { position: 'absolute', ...preRenderStyles } })) : (React.createElement("div", { "data-testid": "tsEmbed", ref: ref, style: { ...style, ...preRenderStyles }, className: `ts-embed-container ${className}` }));
 	});
 	/**
 	 * React component for Search Embed.