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

package/dist/tsembed.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.35.5-hostEvent.5 */
+/* @thoughtspot/visual-embed-sdk version 1.35.5-hostEvent.7 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
     typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -2563,7 +2563,7 @@
          * EmbedApi
          * @hidden
          */
-        HostEvent["UiPassthrough"] = "UiPassthrough";
+        HostEvent["UIPassthrough"] = "UiPassthrough";
     })(exports.HostEvent || (exports.HostEvent = {}));
     /**
      * The different visual modes that the data sources panel within
@@ -14751,7 +14751,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
         return e;
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version$1="1.35.5-hostEvent.5";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.
@@ -14811,61 +14811,94 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
         });
     }
 
-    exports.UiPassthroughEvent = void 0;
-    (function (UiPassthroughEvent) {
-        UiPassthroughEvent["addVizToPinboard"] = "addVizToPinboard";
-        UiPassthroughEvent["saveAnswer"] = "saveAnswer";
-        UiPassthroughEvent["getDiscoverabilityStatus"] = "getDiscoverabilityStatus";
-        UiPassthroughEvent["getAvailableUiPassthroughs"] = "getAvailableUiPassthroughs";
-        UiPassthroughEvent["getAnswerPageConfig"] = "getAnswerPageConfig";
-        UiPassthroughEvent["getPinboardPageConfig"] = "getPinboardPageConfig";
-    })(exports.UiPassthroughEvent || (exports.UiPassthroughEvent = {}));
+    exports.UIPassthroughEvent = void 0;
+    (function (UIPassthroughEvent) {
+        UIPassthroughEvent["PinAnswerToLiveboard"] = "addVizToPinboard";
+        UIPassthroughEvent["SaveAnswer"] = "saveAnswer";
+        UIPassthroughEvent["GetDiscoverabilityStatus"] = "getDiscoverabilityStatus";
+        UIPassthroughEvent["GetAvailableUIPassthroughs"] = "getAvailableUIPassthroughs";
+        UIPassthroughEvent["GetAnswerConfig"] = "getAnswerPageConfig";
+        UIPassthroughEvent["GetLiveboardConfig"] = "getPinboardPageConfig";
+    })(exports.UIPassthroughEvent || (exports.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(exports.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, exports.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, exports.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(exports.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);
         }
     }
 
@@ -14895,6 +14928,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
@@ -15023,7 +15064,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.
@@ -15344,7 +15385,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();
@@ -15403,7 +15444,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;
@@ -15441,7 +15482,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) {
@@ -15640,11 +15681,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');
@@ -15654,18 +15695,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/visual-embed-sdk-react-full.d.ts

@@ -259,7 +259,7 @@ export function useEmbedRef<T extends EmbedComponent>(): React.MutableRefObject<
   * @summary ThoughtSpot Visual Embed SDK
   * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
   */
-export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, tokenizedFetch, getAnswerFromQuery, createLiveboardWithAnswers, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, BodylessConversation, BodylessConversationViewConfig, ConversationEmbed, ConversationViewConfig, AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter, AnswerService, SessionInterface, UnderlyingDataPoint, Page, AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, ContextMenuTriggerOptions, EmbedConfig, SearchViewConfig, SearchBarViewConfig, LiveboardViewConfig, SageViewConfig, AppViewConfig, PrefetchFeatures, FrameParams, HomeLeftNavItem, HomepageModule, DOMSelector, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, CustomCssVariables, RuntimeParameter, LogLevel, uploadMixpanelEvent, MIXPANEL_EVENT, HomePageSearchBarMode, VizPoint, CustomActionPayload, UiPassthroughEvent, };
+export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, tokenizedFetch, getAnswerFromQuery, createLiveboardWithAnswers, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, BodylessConversation, BodylessConversationViewConfig, ConversationEmbed, ConversationViewConfig, AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter, AnswerService, SessionInterface, UnderlyingDataPoint, Page, AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, ContextMenuTriggerOptions, EmbedConfig, SearchViewConfig, SearchBarViewConfig, LiveboardViewConfig, SageViewConfig, AppViewConfig, PrefetchFeatures, FrameParams, HomeLeftNavItem, HomepageModule, DOMSelector, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, CustomCssVariables, RuntimeParameter, LogLevel, uploadMixpanelEvent, MIXPANEL_EVENT, HomePageSearchBarMode, VizPoint, CustomActionPayload, UIPassthroughEvent, };
 
 /**
     * @group Embed components
@@ -5313,7 +5313,7 @@ export declare enum HostEvent {
             * EmbedApi
             * @hidden
             */
-        UiPassthrough = "UiPassthrough"
+        UIPassthrough = "UiPassthrough"
 }
 /**
     * The different visual modes that the data sources panel within
@@ -7326,16 +7326,16 @@ export declare const getAnswerFromQuery: (query: string, worksheetId: string) =>
   */
 export declare const createLiveboardWithAnswers: (answers: AnswerService[], name: string) => Promise<any>;
 
-export declare enum UiPassthroughEvent {
-    addVizToPinboard = "addVizToPinboard",
-    saveAnswer = "saveAnswer",
-    getDiscoverabilityStatus = "getDiscoverabilityStatus",
-    getAvailableUiPassthroughs = "getAvailableUiPassthroughs",
-    getAnswerPageConfig = "getAnswerPageConfig",
-    getPinboardPageConfig = "getPinboardPageConfig"
+export declare enum UIPassthroughEvent {
+    PinAnswerToLiveboard = "addVizToPinboard",
+    SaveAnswer = "saveAnswer",
+    GetDiscoverabilityStatus = "getDiscoverabilityStatus",
+    GetAvailableUIPassthroughs = "getAvailableUIPassthroughs",
+    GetAnswerConfig = "getAnswerPageConfig",
+    GetLiveboardConfig = "getPinboardPageConfig"
 }
-export type UiPassthroughContractBase = {
-    [UiPassthroughEvent.addVizToPinboard]: {
+export type UIPassthroughContractBase = {
+    [UIPassthroughEvent.PinAnswerToLiveboard]: {
         request: {
             vizId?: string;
             newVizName: string;
@@ -7351,62 +7351,58 @@ export type UiPassthroughContractBase = {
             vizId: string;
         };
     };
-    [UiPassthroughEvent.saveAnswer]: {
+    [UIPassthroughEvent.SaveAnswer]: {
         request: {
             name: string;
             description: string;
-            vizId: string;
+            vizId?: string;
             isDiscoverable?: boolean;
         };
         response: {
             answerId: string;
-            saveResponse: any;
+            saveResponse?: any;
             shareResponse?: any;
-            errors?: any;
         };
     };
-    [UiPassthroughEvent.getDiscoverabilityStatus]: {
+    [UIPassthroughEvent.GetDiscoverabilityStatus]: {
         request: any;
         response: {
             shouldShowDiscoverability: boolean;
             isDiscoverabilityCheckboxUnselectedPerOrg: boolean;
         };
     };
-    [UiPassthroughEvent.getAvailableUiPassthroughs]: {
+    [UIPassthroughEvent.GetAvailableUIPassthroughs]: {
         request: any;
         response: {
             keys: string[];
         };
     };
-    [UiPassthroughEvent.getAnswerPageConfig]: {
+    [UIPassthroughEvent.GetAnswerConfig]: {
         request: {
             vizId?: string;
         };
         response: any;
     };
-    [UiPassthroughEvent.getPinboardPageConfig]: {
+    [UIPassthroughEvent.GetLiveboardConfig]: {
         request: any;
         response: any;
     };
 };
-export type FlattenType<T> = T extends infer R ? {
-    [K in keyof R]: R[K];
-} : never;
-export type UiPassthroughRequest<T extends keyof UiPassthroughContractBase> = FlattenType<UiPassthroughContractBase[T]['request']>;
-export type UiPassthroughResponse<T extends keyof UiPassthroughContractBase> = FlattenType<UiPassthroughContractBase[T]['response']>;
-export type UiPassthroughArrayResponse<ApiName extends keyof UiPassthroughContractBase> = Promise<Array<{
+export type UIPassthroughRequest<T extends keyof UIPassthroughContractBase> = UIPassthroughContractBase[T]['request'];
+export type UIPassthroughResponse<T extends keyof UIPassthroughContractBase> = UIPassthroughContractBase[T]['response'];
+export type UIPassthroughArrayResponse<ApiName extends keyof UIPassthroughContractBase> = Array<{
     redId?: string;
-    value?: UiPassthroughResponse<ApiName>;
+    value?: UIPassthroughResponse<ApiName>;
     error?: any;
-}>>;
+}>;
 export type EmbedApiHostEventMapping = {
-    [HostEvent.Pin]: UiPassthroughEvent.addVizToPinboard;
-    [HostEvent.SaveAnswer]: UiPassthroughEvent.saveAnswer;
+    [HostEvent.Pin]: UIPassthroughEvent.PinAnswerToLiveboard;
+    [HostEvent.SaveAnswer]: UIPassthroughEvent.SaveAnswer;
 };
-export type HostEventRequest<HostEventT extends HostEvent> = HostEventT extends keyof EmbedApiHostEventMapping ? FlattenType<UiPassthroughRequest<EmbedApiHostEventMapping[HostEventT]>> : any;
-export type HostEventResponse<HostEventT extends HostEvent> = HostEventT extends keyof EmbedApiHostEventMapping ? {
-    value?: UiPassthroughResponse<EmbedApiHostEventMapping[HostEventT]>;
-} : any;
+export type HostEventRequest<HostEventT extends HostEvent> = HostEventT extends keyof EmbedApiHostEventMapping ? UIPassthroughRequest<EmbedApiHostEventMapping[HostEventT]> : any;
+export type HostEventResponse<HostEventT extends HostEvent> = HostEventT extends keyof EmbedApiHostEventMapping ? UIPassthroughResponse<EmbedApiHostEventMapping[HostEventT]> : any;
+export type TriggerPayload<PayloadT, HostEventT extends HostEvent> = PayloadT | HostEventRequest<HostEventT>;
+export type TriggerResponse<PayloadT, HostEventT extends HostEvent> = PayloadT extends HostEventRequest<HostEventT> ? HostEventResponse<HostEventT> : any;
 
 /**
     *
@@ -7462,6 +7458,11 @@ export declare class TsEmbed {
             * will be rendered.
             */
         protected iFrame: HTMLIFrameElement;
+        /**
+            * Setter for the iframe element
+            * @param {HTMLIFrameElement} iFrame HTMLIFrameElement
+            */
+        protected setIframeElement(iFrame: HTMLIFrameElement): void;
         protected viewConfig: ViewConfig;
         protected embedConfig: EmbedConfig;
         /**
@@ -7593,19 +7594,19 @@ export declare class TsEmbed {
         off(messageType: EmbedEvent, callback: MessageCallback): typeof TsEmbed.prototype;
         /**
             * 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<HostEventT extends HostEvent>(messageType: HostEventT, data?: HostEventRequest<HostEventT>): Promise<HostEventResponse<HostEventT>>;
+        trigger<HostEventT extends HostEvent, PayloadT>(messageType: HostEventT, data?: TriggerPayload<PayloadT, HostEventT>): Promise<TriggerResponse<PayloadT, HostEventT>>;
         /**
             * 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.
             */
-        triggerUiPassThrough<UiPassthroughEventT extends UiPassthroughEvent>(apiName: UiPassthroughEventT, parameters: UiPassthroughRequest<UiPassthroughEventT>): UiPassthroughArrayResponse<UiPassthroughEventT>;
+        triggerUIPassThrough<UIPassthroughEventT extends UIPassthroughEvent>(apiName: UIPassthroughEventT, parameters: UIPassthroughRequest<UIPassthroughEventT>): Promise<UIPassthroughArrayResponse<UIPassthroughEventT>>;
         /**
             * Marks the ThoughtSpot object to have been rendered
             * Needs to be overridden by subclasses to do the actual
@@ -7725,11 +7726,25 @@ export declare class V1Embed extends TsEmbed {
 }
 
 export declare class HostEventClient {
-    thoughtSpotHost: string;
-    constructor(thoughtSpotHost: string);
-    executeUiPassthroughApi<UiPassthroughEventT extends UiPassthroughEvent>(iFrame: HTMLIFrameElement, apiName: UiPassthroughEventT, parameters: UiPassthroughRequest<UiPassthroughEventT>): UiPassthroughArrayResponse<UiPassthroughEventT>;
-    handleUiPassthroughForHostEvent<UiPassthroughEventT extends UiPassthroughEvent>(iFrame: HTMLIFrameElement, apiName: UiPassthroughEventT, parameters: UiPassthroughRequest<UiPassthroughEventT>): Promise<UiPassthroughResponse<UiPassthroughEventT>>;
-    hostEventFallback(iFrame: HTMLIFrameElement, hostEvent: HostEvent, data: any): Promise<any>;
-    executeHostEvent<T extends HostEvent>(iFrame: HTMLIFrameElement, hostEvent: HostEvent, payload?: HostEventRequest<T>): Promise<HostEventResponse<HostEvent>>;
+        iFrame: HTMLIFrameElement;
+        constructor(iFrame?: HTMLIFrameElement);
+        /**
+            * 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
+            */
+        protected processTrigger(message: HostEvent, data: any): Promise<any>;
+        handleHostEventWithParam<UIPassthroughEventT extends UIPassthroughEvent>(apiName: UIPassthroughEventT, parameters: UIPassthroughRequest<UIPassthroughEventT>): Promise<UIPassthroughResponse<UIPassthroughEventT>>;
+        hostEventFallback(hostEvent: HostEvent, data: any): Promise<any>;
+        /**
+            * Setter for the iframe element used for host events
+            * @param {HTMLIFrameElement} iFrame - the iframe element to set
+            */
+        setIframeElement(iFrame: HTMLIFrameElement): void;
+        triggerUIPassthroughApi<UIPassthroughEventT extends UIPassthroughEvent>(apiName: UIPassthroughEventT, parameters: UIPassthroughRequest<UIPassthroughEventT>): Promise<UIPassthroughArrayResponse<UIPassthroughEventT>>;
+        protected handlePinEvent(payload: HostEventRequest<HostEvent.Pin>): Promise<HostEventResponse<HostEvent.Pin>>;
+        protected handleSaveAnswerEvent(payload: HostEventRequest<HostEvent.SaveAnswer>): Promise<any>;
+        triggerHostEvent<HostEventT extends HostEvent, PayloadT>(hostEvent: HostEventT, payload?: TriggerPayload<PayloadT, HostEventT>): Promise<TriggerResponse<PayloadT, HostEventT>>;
 }