@thoughtspot/visual-embed-sdk 1.35.5-hostEvent.6 → 1.35.5-hostEvent.7

package/dist/tsembed-react.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.35.5-hostEvent.6 */
+/* @thoughtspot/visual-embed-sdk version 1.35.5-hostEvent.7 */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -2694,7 +2694,7 @@
 	     * EmbedApi
 	     * @hidden
 	     */
-	    HostEvent["UiPassthrough"] = "UiPassthrough";
+	    HostEvent["UIPassthrough"] = "UiPassthrough";
 	})(exports.HostEvent || (exports.HostEvent = {}));
 	/**
 	 * The different visual modes that the data sources panel within
@@ -14525,7 +14525,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    return e;
 	}
 
-	var name="@thoughtspot/visual-embed-sdk";var version$1="1.35.5-hostEvent.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","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 | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",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":"^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/lodash":"^4.17.0","@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",crypto:"^1.0.1","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","eslint-plugin-comment-length":"1.7.3","eslint-plugin-jsdoc":"^46.9.0","fs-extra":"^10.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"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","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^5.3.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embedded","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version$1,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 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.35.5-hostEvent.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","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 | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",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":"^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/lodash":"^4.17.0","@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",crypto:"^1.0.1","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","eslint-plugin-comment-length":"1.7.3","eslint-plugin-jsdoc":"^46.9.0","fs-extra":"^10.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"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","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^5.3.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embedded","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version$1,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 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.
@@ -14585,61 +14585,94 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    });
 	}
 
-	var UiPassthroughEvent;
-	(function (UiPassthroughEvent) {
-	    UiPassthroughEvent["addVizToPinboard"] = "addVizToPinboard";
-	    UiPassthroughEvent["saveAnswer"] = "saveAnswer";
-	    UiPassthroughEvent["getDiscoverabilityStatus"] = "getDiscoverabilityStatus";
-	    UiPassthroughEvent["getAvailableUiPassthroughs"] = "getAvailableUiPassthroughs";
-	    UiPassthroughEvent["getAnswerPageConfig"] = "getAnswerPageConfig";
-	    UiPassthroughEvent["getPinboardPageConfig"] = "getPinboardPageConfig";
-	})(UiPassthroughEvent || (UiPassthroughEvent = {}));
+	var UIPassthroughEvent;
+	(function (UIPassthroughEvent) {
+	    UIPassthroughEvent["PinAnswerToLiveboard"] = "addVizToPinboard";
+	    UIPassthroughEvent["SaveAnswer"] = "saveAnswer";
+	    UIPassthroughEvent["GetDiscoverabilityStatus"] = "getDiscoverabilityStatus";
+	    UIPassthroughEvent["GetAvailableUIPassthroughs"] = "getAvailableUIPassthroughs";
+	    UIPassthroughEvent["GetAnswerConfig"] = "getAnswerPageConfig";
+	    UIPassthroughEvent["GetLiveboardConfig"] = "getPinboardPageConfig";
+	})(UIPassthroughEvent || (UIPassthroughEvent = {}));
 
 	class HostEventClient {
-	    constructor(thoughtSpotHost) {
-	        this.thoughtSpotHost = thoughtSpotHost;
+	    constructor(iFrame) {
+	        this.iFrame = iFrame;
 	    }
-	    async executeUiPassthroughApi(iFrame, apiName, parameters) {
-	        const res = await processTrigger(iFrame, exports.HostEvent.UiPassthrough, this.thoughtSpotHost, {
-	            type: apiName,
-	            parameters,
-	        });
-	        return res;
+	    /**
+	     * A wrapper over process trigger to
+	     * @param {HostEvent} message Host event to send
+	     * @param {any} data Data to send with the host event
+	     * @returns {Promise<any>} - the response from the process trigger
+	     */
+	    async processTrigger(message, data) {
+	        if (!this.iFrame) {
+	            throw new Error('Iframe element is not set');
+	        }
+	        const thoughtspotHost = getEmbedConfig().thoughtSpotHost;
+	        return processTrigger(this.iFrame, message, thoughtspotHost, data);
 	    }
-	    async handleUiPassthroughForHostEvent(iFrame, apiName, parameters) {
-	        var _a, _b, _c;
-	        const response = (_b = (_a = (await this.executeUiPassthroughApi(iFrame, apiName, parameters))) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.call(_a, (r) => r.error || r.value)[0];
+	    async handleHostEventWithParam(apiName, parameters) {
+	        var _a, _b, _c, _d;
+	        const response = (_b = (_a = (await this.triggerUIPassthroughApi(apiName, parameters))) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.call(_a, (r) => r.error || r.value)[0];
 	        if (!response) {
 	            const error = `No answer found${parameters.vizId ? ` for vizId: ${parameters.vizId}` : ''}.`;
 	            // eslint-disable-next-line no-throw-literal
 	            throw { error };
 	        }
-	        const errors = response.error || ((_c = response.value) === null || _c === void 0 ? void 0 : _c.errors);
+	        const errors = response.error
+	            || ((_c = response.value) === null || _c === void 0 ? void 0 : _c.errors)
+	            || ((_d = response.value) === null || _d === void 0 ? void 0 : _d.error);
 	        if (errors) {
 	            // eslint-disable-next-line no-throw-literal
 	            throw { error: response.error };
 	        }
 	        return { ...response.value };
 	    }
-	    async hostEventFallback(iFrame, hostEvent, data) {
-	        return processTrigger(iFrame, hostEvent, this.thoughtSpotHost, data);
+	    async hostEventFallback(hostEvent, data) {
+	        return this.processTrigger(hostEvent, data);
+	    }
+	    /**
+	     * Setter for the iframe element used for host events
+	     * @param {HTMLIFrameElement} iFrame - the iframe element to set
+	     */
+	    setIframeElement(iFrame) {
+	        this.iFrame = iFrame;
+	    }
+	    async triggerUIPassthroughApi(apiName, parameters) {
+	        const res = await this.processTrigger(exports.HostEvent.UIPassthrough, {
+	            type: apiName,
+	            parameters,
+	        });
+	        return res;
+	    }
+	    async handlePinEvent(payload) {
+	        if (!payload || !('newVizName' in payload)) {
+	            return this.hostEventFallback(exports.HostEvent.Pin, payload);
+	        }
+	        return this.handleHostEventWithParam(UIPassthroughEvent.PinAnswerToLiveboard, payload);
 	    }
-	    async executeHostEvent(iFrame, hostEvent, payload) {
+	    async handleSaveAnswerEvent(payload) {
 	        var _a, _b, _c, _d;
-	        if (hostEvent === exports.HostEvent.Pin && (payload === null || payload === void 0 ? void 0 : payload.newVizName)) {
-	            return this.handleUiPassthroughForHostEvent(iFrame, UiPassthroughEvent.addVizToPinboard, payload);
+	        if (!payload || !('name' in payload) || !('description' in payload)) {
+	            // Save is the fallback for SaveAnswer
+	            return this.hostEventFallback(exports.HostEvent.Save, payload);
 	        }
-	        if (hostEvent === exports.HostEvent.SaveAnswer && (payload === null || payload === void 0 ? void 0 : payload.name)) {
-	            const data = await this.handleUiPassthroughForHostEvent(iFrame, UiPassthroughEvent.saveAnswer, payload);
-	            return {
-	                ...data,
-	                answerId: (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.saveResponse) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.Answer__save) === null || _c === void 0 ? void 0 : _c.answer) === null || _d === void 0 ? void 0 : _d.id,
-	            };
+	        const data = await this.handleHostEventWithParam(UIPassthroughEvent.SaveAnswer, payload);
+	        return {
+	            ...data,
+	            answerId: (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.saveResponse) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.Answer__save) === null || _c === void 0 ? void 0 : _c.answer) === null || _d === void 0 ? void 0 : _d.id,
+	        };
+	    }
+	    async triggerHostEvent(hostEvent, payload) {
+	        switch (hostEvent) {
+	            case exports.HostEvent.Pin:
+	                return this.handlePinEvent(payload);
+	            case exports.HostEvent.SaveAnswer:
+	                return this.handleSaveAnswerEvent(payload);
+	            default:
+	                return this.hostEventFallback(hostEvent, payload);
 	        }
-	        // fallback for save answer is Save
-	        if (hostEvent === exports.HostEvent.SaveAnswer)
-	            hostEvent = exports.HostEvent.Save;
-	        return this.hostEventFallback(iFrame, hostEvent, payload);
 	    }
 	}
 
@@ -14669,6 +14702,14 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	 * React+GraphQL
 	 */
 	class TsEmbed {
+	    /**
+	     * Setter for the iframe element
+	     * @param {HTMLIFrameElement} iFrame HTMLIFrameElement
+	     */
+	    setIframeElement(iFrame) {
+	        this.iFrame = iFrame;
+	        this.hostEventClient.setIframeElement(iFrame);
+	    }
 	    constructor(domSelector, viewConfig) {
 	        /**
 	         * The key to store the embed instance in the DOM node
@@ -14797,7 +14838,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
 	            ...viewConfig,
 	        });
-	        this.hostEventClient = new HostEventClient(this.embedConfig.thoughtSpotHost);
+	        this.hostEventClient = new HostEventClient(this.iFrame);
 	    }
 	    /**
 	     * Throws error encountered during initialization.
@@ -15118,7 +15159,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	                    this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
 	                    return;
 	                }
-	                this.iFrame = this.iFrame || this.createIframeEl(url);
+	                this.setIframeElement(this.iFrame || this.createIframeEl(url));
 	                this.iFrame.addEventListener('load', () => {
 	                    nextInQueue();
 	                    const loadTimestamp = Date.now();
@@ -15177,7 +15218,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        if (this.preRenderWrapper && this.preRenderChild) {
 	            this.isPreRendered = true;
 	            if (this.preRenderChild instanceof HTMLIFrameElement) {
-	                this.iFrame = this.preRenderChild;
+	                this.setIframeElement(this.preRenderChild);
 	            }
 	            this.insertedDomEl = this.preRenderWrapper;
 	            this.isRendered = true;
@@ -15215,7 +15256,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        this.preRenderChild = preRenderChild;
 	        this.preRenderWrapper = preRenderWrapper;
 	        if (preRenderChild instanceof HTMLIFrameElement) {
-	            this.iFrame = preRenderChild;
+	            this.setIframeElement(preRenderChild);
 	        }
 	        this.insertedDomEl = preRenderWrapper;
 	        if (this.showPreRenderByDefault) {
@@ -15414,11 +15455,11 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    }
 	    /**
 	     * Triggers an event to the embedded app
-	     * @param messageType The event type
-	     * @param data The payload to send with the message
+	     * @param {HostEvent} messageType The event type
+	     * @param {any} data The payload to send with the message
 	     * @returns A promise that resolves with the response from the embedded app
 	     */
-	    trigger(messageType, data) {
+	    async trigger(messageType, data) {
 	        uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_TRIGGER}-${messageType}`);
 	        if (!this.isRendered) {
 	            this.handleError('Please call render before triggering events');
@@ -15428,18 +15469,18 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            this.handleError('Host event type is undefined');
 	            return null;
 	        }
-	        return this.hostEventClient.executeHostEvent(this.iFrame, messageType, data);
+	        return this.hostEventClient.triggerHostEvent(messageType, data);
 	    }
 	    /**
 	     * Triggers an event to the embedded app, skipping the UI flow.
-	     * @param {UiPassthroughEvent} apiName - The name of the API to be triggered.
-	     * @param {UiPassthroughRequest} parameters - The parameters to be passed to the API.
-	     * @returns {Promise<UiPassthroughRequest>} - A promise that resolves with the response
+	     * @param {UIPassthroughEvent} apiName - The name of the API to be triggered.
+	     * @param {UIPassthroughRequest} parameters - The parameters to be passed to the API.
+	     * @returns {Promise<UIPassthroughRequest>} - A promise that resolves with the response
 	     * from the embedded app.
 	     */
-	    // eslint-disable-next-line arrow-body-style
-	    triggerUiPassThrough(apiName, parameters) {
-	        return this.hostEventClient.executeUiPassthroughApi(this.iFrame, apiName, parameters);
+	    async triggerUIPassThrough(apiName, parameters) {
+	        const response = this.hostEventClient.triggerUIPassthroughApi(apiName, parameters);
+	        return response;
 	    }
 	    /**
 	     * Marks the ThoughtSpot object to have been rendered

package/dist/tsembed.es.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.35.5-hostEvent.6 */
+/* @thoughtspot/visual-embed-sdk version 1.35.5-hostEvent.7 */
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {
         e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -2557,7 +2557,7 @@ var HostEvent;
      * EmbedApi
      * @hidden
      */
-    HostEvent["UiPassthrough"] = "UiPassthrough";
+    HostEvent["UIPassthrough"] = "UiPassthrough";
 })(HostEvent || (HostEvent = {}));
 /**
  * The different visual modes that the data sources panel within
@@ -7059,7 +7059,7 @@ class AnswerService {
     async getTML() {
         const { object } = await this.executeQuery(getAnswerTML, {});
         const edoc = object[0].edoc;
-        const YAML = await import('./index-DOIjN0N_.js');
+        const YAML = await import('./index-DaLHJaLd.js');
         const parsedDoc = YAML.parse(edoc);
         return {
             answer: {
@@ -14745,7 +14745,7 @@ function processEventData(type, e, thoughtSpotHost, containerEl) {
     return e;
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version$1="1.35.5-hostEvent.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={".":{"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 | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",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":"^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/lodash":"^4.17.0","@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",crypto:"^1.0.1","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","eslint-plugin-comment-length":"1.7.3","eslint-plugin-jsdoc":"^46.9.0","fs-extra":"^10.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"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","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^5.3.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embedded","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version$1,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 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.35.5-hostEvent.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","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 | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",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":"^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/lodash":"^4.17.0","@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",crypto:"^1.0.1","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","eslint-plugin-comment-length":"1.7.3","eslint-plugin-jsdoc":"^46.9.0","fs-extra":"^10.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"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","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^5.3.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embedded","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version$1,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 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.
@@ -14805,61 +14805,94 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var UiPassthroughEvent;
-(function (UiPassthroughEvent) {
-    UiPassthroughEvent["addVizToPinboard"] = "addVizToPinboard";
-    UiPassthroughEvent["saveAnswer"] = "saveAnswer";
-    UiPassthroughEvent["getDiscoverabilityStatus"] = "getDiscoverabilityStatus";
-    UiPassthroughEvent["getAvailableUiPassthroughs"] = "getAvailableUiPassthroughs";
-    UiPassthroughEvent["getAnswerPageConfig"] = "getAnswerPageConfig";
-    UiPassthroughEvent["getPinboardPageConfig"] = "getPinboardPageConfig";
-})(UiPassthroughEvent || (UiPassthroughEvent = {}));
+var UIPassthroughEvent;
+(function (UIPassthroughEvent) {
+    UIPassthroughEvent["PinAnswerToLiveboard"] = "addVizToPinboard";
+    UIPassthroughEvent["SaveAnswer"] = "saveAnswer";
+    UIPassthroughEvent["GetDiscoverabilityStatus"] = "getDiscoverabilityStatus";
+    UIPassthroughEvent["GetAvailableUIPassthroughs"] = "getAvailableUIPassthroughs";
+    UIPassthroughEvent["GetAnswerConfig"] = "getAnswerPageConfig";
+    UIPassthroughEvent["GetLiveboardConfig"] = "getPinboardPageConfig";
+})(UIPassthroughEvent || (UIPassthroughEvent = {}));
 
 class HostEventClient {
-    constructor(thoughtSpotHost) {
-        this.thoughtSpotHost = thoughtSpotHost;
+    constructor(iFrame) {
+        this.iFrame = iFrame;
     }
-    async executeUiPassthroughApi(iFrame, apiName, parameters) {
-        const res = await processTrigger(iFrame, HostEvent.UiPassthrough, this.thoughtSpotHost, {
-            type: apiName,
-            parameters,
-        });
-        return res;
+    /**
+     * A wrapper over process trigger to
+     * @param {HostEvent} message Host event to send
+     * @param {any} data Data to send with the host event
+     * @returns {Promise<any>} - the response from the process trigger
+     */
+    async processTrigger(message, data) {
+        if (!this.iFrame) {
+            throw new Error('Iframe element is not set');
+        }
+        const thoughtspotHost = getEmbedConfig().thoughtSpotHost;
+        return processTrigger(this.iFrame, message, thoughtspotHost, data);
     }
-    async handleUiPassthroughForHostEvent(iFrame, apiName, parameters) {
-        var _a, _b, _c;
-        const response = (_b = (_a = (await this.executeUiPassthroughApi(iFrame, apiName, parameters))) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.call(_a, (r) => r.error || r.value)[0];
+    async handleHostEventWithParam(apiName, parameters) {
+        var _a, _b, _c, _d;
+        const response = (_b = (_a = (await this.triggerUIPassthroughApi(apiName, parameters))) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.call(_a, (r) => r.error || r.value)[0];
         if (!response) {
             const error = `No answer found${parameters.vizId ? ` for vizId: ${parameters.vizId}` : ''}.`;
             // eslint-disable-next-line no-throw-literal
             throw { error };
         }
-        const errors = response.error || ((_c = response.value) === null || _c === void 0 ? void 0 : _c.errors);
+        const errors = response.error
+            || ((_c = response.value) === null || _c === void 0 ? void 0 : _c.errors)
+            || ((_d = response.value) === null || _d === void 0 ? void 0 : _d.error);
         if (errors) {
             // eslint-disable-next-line no-throw-literal
             throw { error: response.error };
         }
         return { ...response.value };
     }
-    async hostEventFallback(iFrame, hostEvent, data) {
-        return processTrigger(iFrame, hostEvent, this.thoughtSpotHost, data);
+    async hostEventFallback(hostEvent, data) {
+        return this.processTrigger(hostEvent, data);
+    }
+    /**
+     * Setter for the iframe element used for host events
+     * @param {HTMLIFrameElement} iFrame - the iframe element to set
+     */
+    setIframeElement(iFrame) {
+        this.iFrame = iFrame;
+    }
+    async triggerUIPassthroughApi(apiName, parameters) {
+        const res = await this.processTrigger(HostEvent.UIPassthrough, {
+            type: apiName,
+            parameters,
+        });
+        return res;
+    }
+    async handlePinEvent(payload) {
+        if (!payload || !('newVizName' in payload)) {
+            return this.hostEventFallback(HostEvent.Pin, payload);
+        }
+        return this.handleHostEventWithParam(UIPassthroughEvent.PinAnswerToLiveboard, payload);
     }
-    async executeHostEvent(iFrame, hostEvent, payload) {
+    async handleSaveAnswerEvent(payload) {
         var _a, _b, _c, _d;
-        if (hostEvent === HostEvent.Pin && (payload === null || payload === void 0 ? void 0 : payload.newVizName)) {
-            return this.handleUiPassthroughForHostEvent(iFrame, UiPassthroughEvent.addVizToPinboard, payload);
+        if (!payload || !('name' in payload) || !('description' in payload)) {
+            // Save is the fallback for SaveAnswer
+            return this.hostEventFallback(HostEvent.Save, payload);
         }
-        if (hostEvent === HostEvent.SaveAnswer && (payload === null || payload === void 0 ? void 0 : payload.name)) {
-            const data = await this.handleUiPassthroughForHostEvent(iFrame, UiPassthroughEvent.saveAnswer, payload);
-            return {
-                ...data,
-                answerId: (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.saveResponse) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.Answer__save) === null || _c === void 0 ? void 0 : _c.answer) === null || _d === void 0 ? void 0 : _d.id,
-            };
+        const data = await this.handleHostEventWithParam(UIPassthroughEvent.SaveAnswer, payload);
+        return {
+            ...data,
+            answerId: (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.saveResponse) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.Answer__save) === null || _c === void 0 ? void 0 : _c.answer) === null || _d === void 0 ? void 0 : _d.id,
+        };
+    }
+    async triggerHostEvent(hostEvent, payload) {
+        switch (hostEvent) {
+            case HostEvent.Pin:
+                return this.handlePinEvent(payload);
+            case HostEvent.SaveAnswer:
+                return this.handleSaveAnswerEvent(payload);
+            default:
+                return this.hostEventFallback(hostEvent, payload);
         }
-        // fallback for save answer is Save
-        if (hostEvent === HostEvent.SaveAnswer)
-            hostEvent = HostEvent.Save;
-        return this.hostEventFallback(iFrame, hostEvent, payload);
     }
 }
 
@@ -14889,6 +14922,14 @@ const V1EventMap = {};
  * React+GraphQL
  */
 class TsEmbed {
+    /**
+     * Setter for the iframe element
+     * @param {HTMLIFrameElement} iFrame HTMLIFrameElement
+     */
+    setIframeElement(iFrame) {
+        this.iFrame = iFrame;
+        this.hostEventClient.setIframeElement(iFrame);
+    }
     constructor(domSelector, viewConfig) {
         /**
          * The key to store the embed instance in the DOM node
@@ -15017,7 +15058,7 @@ class TsEmbed {
         uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
             ...viewConfig,
         });
-        this.hostEventClient = new HostEventClient(this.embedConfig.thoughtSpotHost);
+        this.hostEventClient = new HostEventClient(this.iFrame);
     }
     /**
      * Throws error encountered during initialization.
@@ -15338,7 +15379,7 @@ class TsEmbed {
                     this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
                     return;
                 }
-                this.iFrame = this.iFrame || this.createIframeEl(url);
+                this.setIframeElement(this.iFrame || this.createIframeEl(url));
                 this.iFrame.addEventListener('load', () => {
                     nextInQueue();
                     const loadTimestamp = Date.now();
@@ -15397,7 +15438,7 @@ class TsEmbed {
         if (this.preRenderWrapper && this.preRenderChild) {
             this.isPreRendered = true;
             if (this.preRenderChild instanceof HTMLIFrameElement) {
-                this.iFrame = this.preRenderChild;
+                this.setIframeElement(this.preRenderChild);
             }
             this.insertedDomEl = this.preRenderWrapper;
             this.isRendered = true;
@@ -15435,7 +15476,7 @@ class TsEmbed {
         this.preRenderChild = preRenderChild;
         this.preRenderWrapper = preRenderWrapper;
         if (preRenderChild instanceof HTMLIFrameElement) {
-            this.iFrame = preRenderChild;
+            this.setIframeElement(preRenderChild);
         }
         this.insertedDomEl = preRenderWrapper;
         if (this.showPreRenderByDefault) {
@@ -15634,11 +15675,11 @@ class TsEmbed {
     }
     /**
      * Triggers an event to the embedded app
-     * @param messageType The event type
-     * @param data The payload to send with the message
+     * @param {HostEvent} messageType The event type
+     * @param {any} data The payload to send with the message
      * @returns A promise that resolves with the response from the embedded app
      */
-    trigger(messageType, data) {
+    async trigger(messageType, data) {
         uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_TRIGGER}-${messageType}`);
         if (!this.isRendered) {
             this.handleError('Please call render before triggering events');
@@ -15648,18 +15689,18 @@ class TsEmbed {
             this.handleError('Host event type is undefined');
             return null;
         }
-        return this.hostEventClient.executeHostEvent(this.iFrame, messageType, data);
+        return this.hostEventClient.triggerHostEvent(messageType, data);
     }
     /**
      * Triggers an event to the embedded app, skipping the UI flow.
-     * @param {UiPassthroughEvent} apiName - The name of the API to be triggered.
-     * @param {UiPassthroughRequest} parameters - The parameters to be passed to the API.
-     * @returns {Promise<UiPassthroughRequest>} - A promise that resolves with the response
+     * @param {UIPassthroughEvent} apiName - The name of the API to be triggered.
+     * @param {UIPassthroughRequest} parameters - The parameters to be passed to the API.
+     * @returns {Promise<UIPassthroughRequest>} - A promise that resolves with the response
      * from the embedded app.
      */
-    // eslint-disable-next-line arrow-body-style
-    triggerUiPassThrough(apiName, parameters) {
-        return this.hostEventClient.executeUiPassthroughApi(this.iFrame, apiName, parameters);
+    async triggerUIPassThrough(apiName, parameters) {
+        const response = this.hostEventClient.triggerUIPassthroughApi(apiName, parameters);
+        return response;
     }
     /**
      * Marks the ThoughtSpot object to have been rendered
@@ -17867,4 +17908,4 @@ const createLiveboardWithAnswers = async (answers, name) => {
     return result;
 };
 
-export { Action, AnswerService, AppEmbed, AuthEvent, AuthFailureType, AuthStatus, AuthType, BodylessConversation, ContextMenuTriggerOptions, ConversationEmbed, DataSourceVisualMode, EmbedEvent, HomeLeftNavItem, HomePageSearchBarMode, HomepageModule, HostEvent, LiveboardEmbed, LogLevel, MIXPANEL_EVENT, Page, PinboardEmbed, PrefetchFeatures, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, UiPassthroughEvent, createLiveboardWithAnswers, executeTML, exportTML, getAnswerFromQuery, getEmbedConfig as getInitConfig, getSessionInfo, init, logout, prefetch, resetCachedAuthToken, tokenizedFetch, uploadMixpanelEvent };
+export { Action, AnswerService, AppEmbed, AuthEvent, AuthFailureType, AuthStatus, AuthType, BodylessConversation, ContextMenuTriggerOptions, ConversationEmbed, DataSourceVisualMode, EmbedEvent, HomeLeftNavItem, HomePageSearchBarMode, HomepageModule, HostEvent, LiveboardEmbed, LogLevel, MIXPANEL_EVENT, Page, PinboardEmbed, PrefetchFeatures, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, UIPassthroughEvent, createLiveboardWithAnswers, executeTML, exportTML, getAnswerFromQuery, getEmbedConfig as getInitConfig, getSessionInfo, init, logout, prefetch, resetCachedAuthToken, tokenizedFetch, uploadMixpanelEvent };