@thoughtspot/visual-embed-sdk 1.40.0 → 1.40.1-alpha.2

package/lib/src/visual-embed-sdk.d.ts

@@ -1153,6 +1153,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 * embedded Liveboard or visualization.
                 */
             protected getEmbedParams(): string;
+            protected getEmbedParamsObject(): any;
             protected beforePrerenderVisible(): void;
             protected handleRenderForPrerender(): Promise<TsEmbed>;
             /**
@@ -1173,7 +1174,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 * visualization ID and the runtime filters.
                 */
             render(): Promise<LiveboardEmbed>;
-            navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string): void;
+            currentLiveboardId: string;
+            navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string, onNavigateCalled?: () => void): void;
             /**
                 * Returns the full url of the Liveboard/visualization which can be used to open
                 * this Liveboard inside the full ThoughtSpot application in a new tab.
@@ -1509,6 +1511,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                     };
             };
             protected getAppInitData(): Promise<SearchAppInitData>;
+            protected getEmbedParamsObject(): Record<any, any>;
             protected getEmbedParams(): string;
             /**
                 * Construct the URL of the embedded ThoughtSpot search to be
@@ -1635,6 +1638,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search-bar' {
             protected viewConfig: SearchBarViewConfig;
             protected embedComponentType: string;
             constructor(domSelector: string, viewConfig: SearchBarViewConfig);
+            protected getEmbedParamsObject(): Record<any, any>;
             /**
                 * Render the embedded ThoughtSpot search
                 */
@@ -1678,6 +1682,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
     export class ConversationMessage extends TsEmbed {
             protected viewConfig: SpotterAgentMessageViewConfig;
             constructor(container: HTMLElement, viewConfig: SpotterAgentMessageViewConfig);
+            protected getEmbedParamsObject(): Record<any, any>;
             getIframeSrc(): string;
             render(): Promise<ConversationMessage>;
     }
@@ -1884,6 +1889,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
     export class SpotterEmbed extends TsEmbed {
             protected viewConfig: SpotterEmbedViewConfig;
             constructor(container: HTMLElement, viewConfig: SpotterEmbedViewConfig);
+            protected getEmbedParamsObject(): Record<any, any>;
             getIframeSrc(): string;
             render(): Promise<SpotterEmbed>;
     }
@@ -4486,7 +4492,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 * @example
                 *```js
-                * liveboardEmbed.on(EmbedEvent.LiveboardInfo, payload => {
+                * liveboardEmbed.on(EmbedEvent.AnswerChartSwitcher, payload => {
                 *    console.log('Liveboard details', payload);
                 * })
                 *```
@@ -4861,58 +4867,58 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             RequestVisibleEmbedCoordinates = "requestVisibleEmbedCoordinates",
             /**
-                * Emitted when Spotter response is text data
+                * Emitted when spotter response is text data
                 * @example
                 * ```js
                 * spotterEmbed.on(EmbedEvent.SpotterData, (payload) => {
                 *     console.log('payload', payload);
                 * })
                 *```
-                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
             SpotterData = "SpotterData",
             /**
-                * Emitted when user opens up the worksheet preview modal in Spotter embed.
+                * Emitted when user opens up the worksheet preview modal in spotter embed.
                 * @example
                 * ```js
                 * spotterEmbed.on(EmbedEvent.PreviewSpotterData, (payload) => {
                 *     console.log('payload', payload);
                 * })
                 *```
-                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
             PreviewSpotterData = "PreviewSpotterData",
             /**
-                * Emitted when the Spotter query is triggered in Spotter embed.
+                * Emitted when the spotter query is triggered in spotter embed.
                 * @example
                 * ```js
                 * spotterEmbed.on(EmbedEvent.SpotterQueryTriggered, (payload) => {
                 *     console.log('payload', payload);
                 * })
                 *```
-                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
             SpotterQueryTriggered = "SpotterQueryTriggered",
             /**
-                * Emitted when the last Spotter query is edited in Spotter embed.
+                * Emitted when the last spotter query is edited in spotter embed.
                 * @example
                 * ```js
                 * spotterEmbed.on(EmbedEvent.LastPromptEdited, (payload) => {
                 *     console.log('payload', payload);
                 * })
                 *```
-                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
             LastPromptEdited = "LastPromptEdited",
             /**
-                * Emitted when the last Spotter query is deleted in Spotter embed.
+                * Emitted when the last spotter query is deleted in spotter embed.
                 * @example
                 * ```js
                 * spotterEmbed.on(EmbedEvent.LastPromptDeleted, (payload) => {
                 *     console.log('payload', payload);
                 * })
                 *```
-                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
             LastPromptDeleted = "LastPromptDeleted",
             /**
@@ -4923,7 +4929,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *     console.log('payload', payload);
                 * })
                 *```
-                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
             ResetSpotterConversation = "ResetSpotterConversation",
             /**
@@ -4936,7 +4942,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *```
                 * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
-            SpotterInit = "spotterInit"
+            SpotterInit = "SpotterInit"
     }
     /**
         * Event types that can be triggered by the host application
@@ -5024,7 +5030,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * done automatically on the most popular column.
                 * @param - vizId [TS >= 9.8.0] - Optional. The GUID of the visualization to drill
                 * in case of a Liveboard.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
                 * @example
                 * ```js
                 * searchEmbed.on(EmbedEvent.VizPointDoubleClick, (payload) => {
@@ -5344,21 +5349,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Trigger the **Download PDF** action on an embedded Liveboard,
                 * visualization or Answer.
                 *
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
-                *
                 * **NOTE**: The **Download** > **PDF** action is available on
                 * visualizations and Answers if the data is in tabular format.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.DownloadAsPdf)
                 * ```
-                * @example
-                * ```js
-                * spotterEmbed.trigger(HostEvent.DownloadAsPdf, {
-                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
-                *  });
-                * ```
-                *
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             DownloadAsPdf = "downloadAsPdf",
@@ -5460,8 +5456,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * This event is not supported in visualization embed and search embed.
                 * @param - object - To trigger the action for a specific visualization
                 * in Liveboard embed, pass in `vizId` as a key.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
-                *
+                * **Required** in Spotter embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Edit)
@@ -5476,12 +5471,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
                 *  });
                 * ```
-                * @example
-                * ```js
-                * const editResponse = await spotterEmbed.trigger(HostEvent.Edit, {
-                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
-                *  });
-                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             Edit = "edit",
@@ -5602,7 +5591,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Download** action on charts in
                 * the embedded view.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Download, {vizId:
@@ -5611,11 +5599,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * embed.trigger(HostEvent.Download)
                 * ```
-                * ```js
-                * spotterEmbed.trigger(HostEvent.Download, {
-                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
-                *  });
-                * ```
                 * @deprecated from SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl ,9.4.1.sw
                 * Use {@link DownloadAsPng}
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
@@ -5644,7 +5627,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Download** > **CSV**  action on tables in
                 * the embedded view.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId:
@@ -5667,7 +5649,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Download** > **XLSX**  action on tables
                 * in the embedded view.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId:
@@ -5703,7 +5684,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Save**  action on a Liveboard or Answer.
                 * Saves the changes.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+                * @param - `vizId` is required in Spotter Embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Save)
@@ -6013,7 +5994,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             UpdateParameters = "UpdateParameters",
             /**
                 * Triggers GetParameters to fetch the runtime Parameters.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.GetParameters).then((parameter) => {
                 *  console.log('parameters', parameter);
@@ -6057,7 +6037,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @param - optional attributes to set Answer properties.
                 *  `name` - Name string for the Answer.
                 *  `description` - Description text for the Answer.
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+                *
                 * @example
                 * ```js
                 * const saveAnswerResponse = await searchEmbed.trigger(HostEvent.SaveAnswer, {
@@ -6065,14 +6045,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *      description: "Total sales by states in MidWest"
                 *   });
                 * ```
-                * @example
-                * ```js
-                * const saveAnswerResponse = await spotterEmbed.trigger(HostEvent.SaveAnswer, {
-                *      vizId: '730496d6-6903-4601-937e-2c691821af3c',
-                *      name: "Sales by states",
-                *      description: "Total sales by states in MidWest"
-                * });
-                * ```
                 * @version SDK: 1.36.0 | ThoughtSpot: 10.6.0.cl
                 */
             SaveAnswer = "saveAnswer",
@@ -6104,7 +6076,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Triggers a search operation with the search tokens specified in
                 * the search query string in spotter embed.
-                * @param - `query`: Text string in Natural Language format
+                * @param - `queryString`: Text string in Natural Language format
                 * @param - `executeSearch`: Boolean to execute search and update search query
                 * @example
                 * ```js
@@ -6113,7 +6085,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *  executeSearch: true,
                 * })
                 * ```
-                * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
             SpotterSearch = "SpotterSearch",
             /**
@@ -6123,7 +6094,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * spotterEmbed.trigger(HostEvent.EditLastPrompt, "revenue per year");
                 * ```
-                * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
             EditLastPrompt = "EditLastPrompt",
             /**
@@ -6132,7 +6102,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * spotterEmbed.trigger(HostEvent.PreviewSpotterData);
                 * ```
-                * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
             PreviewSpotterData = "PreviewSpotterData",
             /**
@@ -6141,7 +6110,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * spotterEmbed.trigger(HostEvent.ResetSpotterConversation);
                 * ```
-                * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
             ResetSpotterConversation = "ResetSpotterConversation",
             /**
@@ -6150,19 +6118,17 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * spotterEmbed.trigger(HostEvent.DeleteLastPrompt);
                 * ```
-                * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
             DeleteLastPrompt = "DeleteLastPrompt",
             /**
                 * Toggle the visualization to chart or table view.
-                * @param - `vizId ` refers to the answer id in spotter Embed, it is required in spotter Embed.
+                * @param - `vizId ` In Spotter Embed, vizId is required.
                 * @example
                 * ```js
                 * spotterEmbed.trigger(HostEvent.AnswerChartSwitcher, {
-                *          vizId:'b535c760-8bbe-4e6f-bb26-af56b4129a1e'
+                *          vizId:"'b535c760-8bbe-4e6f-bb26-af56b4129a1e'"
                 * });
                 *```
-                * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
             AnswerChartSwitcher = "answerChartSwitcher",
             /**
@@ -6189,16 +6155,25 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             VisibleEmbedCoordinates = "visibleEmbedCoordinates",
             /**
-                * Trigger the *Ask Spotter* action for visualizations
-                * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+                * Trigger the *Ask Sage* action for visualizations
                 * @example
                 * ```js
-                * spotterEmbed.trigger(HostEvent.AskSpotter,
-                * {vizId:'730496d6-6903-4601-937e-2c691821af3c'})
+                * liveboardEmbed.trigger(HostEvent.AskSpotter,
+                * {containerId:'730496d6-6903-4601-937e-2c691821af3c'})
                 * ```
                 * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
                 */
-            AskSpotter = "AskSpotter"
+            AskSpotter = "askSpotter",
+            /**
+                * @hidden
+                * Triggers the update of the embed params.
+                *
+                * @example
+                * ```js
+                * liveboardEmbed.trigger(HostEvent.UpdateEmbedParams, viewConfig);
+                * ```
+                */
+            UpdateEmbedParams = "updateEmbedParams"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -8267,6 +8242,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/sage' {
                 */
             protected viewConfig: SageViewConfig;
             constructor(domSelector: DOMSelector, viewConfig: SageViewConfig);
+            protected getEmbedParamsObject(): Record<any, any>;
             /**
                 * Constructs a map of parameters to be passed on to the
                 * embedded Eureka or Sage search page.
@@ -8807,20 +8783,25 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
             protected isRendered: boolean;
             protected hostEventClient: HostEventClient;
             protected isReadyForRenderPromise: Promise<void>;
+            id: string;
             constructor(domSelector: DOMSelector, viewConfig?: ViewConfig);
             /**
                 * Handles errors within the SDK
                 * @param error The error message or object
                 */
             protected handleError(error: string | Record<string, unknown>): void;
+            isEmbedContainerLoaded: boolean;
             protected getAuthTokenForCookielessInit(): Promise<string>;
             protected getDefaultAppInitData(): Promise<DefaultAppInitData>;
             protected getAppInitData(): Promise<DefaultAppInitData>;
+            protected getPreRenderObj<T extends TsEmbed>(): T;
+            protected triggerAfterLoad(eventType: HostEvent, data: TriggerPayload<any, HostEvent>, onEventTriggered?: () => void): void;
             /**
                 * Constructs the base URL string to load the ThoughtSpot app.
                 * @param query
                 */
             protected getEmbedBasePath(query: string): string;
+            protected getUpdateEmbedParamsObject(): Record<any, any>;
             /**
                 * Common query params set for all the embed modes.
                 * @param queryParams
@@ -8836,6 +8817,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 */
             protected getV1EmbedBasePath(queryString: string): string;
             protected getEmbedParams(): string;
+            protected getEmbedParamsObject(): Record<any, any>;
             protected getRootIframeSrc(): string;
             protected createIframeEl(frameSrc: string): HTMLIFrameElement;
             protected handleInsertionIntoDOM(child: string | Node): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.40.0",
+    "version": "1.40.1-alpha.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",

package/src/embed/bodyless-conversation.ts

@@ -39,6 +39,14 @@ export class ConversationMessage extends TsEmbed {
         super(container, viewConfig);
     }
 
+    protected getEmbedParamsObject() {
+        const queryParams = this.getBaseQueryParams();
+
+        queryParams[Param.HideActions] = [...(queryParams[Param.HideActions] ?? [])];
+        queryParams[Param.isSpotterAgentEmbed] = true;
+        return queryParams;
+    }
+
     public getIframeSrc() {
         const {
             sessionId,
@@ -49,10 +57,8 @@ export class ConversationMessage extends TsEmbed {
             messageId,
         } = this.viewConfig;
         const path = 'conv-assist-answer';
-        const queryParams = this.getBaseQueryParams();
+        const queryParams = this.getEmbedParamsObject();
 
-        queryParams[Param.HideActions] = [...(queryParams[Param.HideActions] ?? [])];
-        queryParams[Param.isSpotterAgentEmbed] = true;
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
         if (queryParamsString) {

package/src/embed/conversation.ts

@@ -135,7 +135,7 @@ export class SpotterEmbed extends TsEmbed {
         super(container, viewConfig);
     }
 
-    public getIframeSrc(): string {
+    protected getEmbedParamsObject() {
         const {
             worksheetId,
             searchOptions,
@@ -145,7 +145,7 @@ export class SpotterEmbed extends TsEmbed {
             showSpotterLimitations,
             hideSampleQuestions,
         } = this.viewConfig;
-        const path = 'insights/conv-assist';
+
         if (!worksheetId) {
             this.handleError(ERROR_MESSAGE.SPOTTER_EMBED_WORKSHEED_ID_NOT_FOUND);
         }
@@ -170,6 +170,17 @@ export class SpotterEmbed extends TsEmbed {
             queryParams[Param.HideSampleQuestions] = !!hideSampleQuestions;
         }
 
+        return queryParams;
+    }
+
+    public getIframeSrc(): string {
+        const {
+            worksheetId,
+            searchOptions,
+        } = this.viewConfig;
+        const path = 'insights/conv-assist';
+        const queryParams = this.getEmbedParamsObject();
+
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
         if (queryParamsString) {

package/src/embed/liveboard.spec.ts

@@ -25,6 +25,7 @@ import * as tsEmbed from './ts-embed';
 import * as processTriggerInstance from '../utils/processTrigger';
 import * as auth from '../auth';
 import * as previewService from '../utils/graphql/preview-service';
+import * as SessionInfoService from '../utils/sessionInfoService';
 
 const defaultViewConfig = {
     frameParams: {
@@ -600,6 +601,14 @@ describe('Liveboard/viz embed tests', () => {
 
     test('navigateToLiveboard should trigger the navigate event with the correct path', async (done) => {
         mockMessageChannel();
+        // mock getSessionInfo
+        jest.spyOn(SessionInfoService, 'getSessionInfo').mockResolvedValue({
+            releaseVersion: '1.0.0',
+            userGUID: '1234567890',
+            currentOrgId: 1,
+            privileges: [],
+            mixpanelToken: '1234567890',
+        });
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
             ...defaultViewConfig,
         } as LiveboardViewConfig);
@@ -610,16 +619,30 @@ describe('Liveboard/viz embed tests', () => {
             postMessageToParent(iframe.contentWindow, {
                 type: EmbedEvent.APP_INIT,
             });
+            postMessageToParent(iframe.contentWindow, {
+                type: EmbedEvent.AuthInit,
+            });
+            liveboardEmbed.navigateToLiveboard('lb1', 'viz1');
         });
+
         executeAfterWait(() => {
-            liveboardEmbed.navigateToLiveboard('lb1', 'viz1');
             expect(onSpy).toHaveBeenCalledWith(HostEvent.Navigate, 'embed/viz/lb1/viz1');
             done();
-        });
+        }, 1002);
     });
 
     test('navigateToLiveboard with preRender', async (done) => {
         mockMessageChannel();
+
+        // mock getSessionInfo
+        jest.spyOn(SessionInfoService, 'getSessionInfo').mockResolvedValue({
+            releaseVersion: '1.0.0',
+            userGUID: '1234567890',
+            currentOrgId: 1,
+            privileges: [],
+            mixpanelToken: '1234567890',
+        });
+        
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
             ...defaultViewConfig,
             preRenderId: 'test',
@@ -631,12 +654,15 @@ describe('Liveboard/viz embed tests', () => {
             postMessageToParent(iframe.contentWindow, {
                 type: EmbedEvent.APP_INIT,
             });
+            postMessageToParent(iframe.contentWindow, {
+                type: EmbedEvent.AuthInit,
+            });
         });
         executeAfterWait(() => {
             liveboardEmbed.navigateToLiveboard('lb1', 'viz1');
             expect(onSpy).toHaveBeenCalledWith(HostEvent.Navigate, 'embed/viz/lb1/viz1');
             done();
-        });
+        }, 1002);
     });
     test('should set runtime parametere values in url params', async () => {
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
@@ -794,6 +820,8 @@ describe('Liveboard/viz embed tests', () => {
             const newLibEmbed = new LiveboardEmbed(getRootEl(), {
                 preRenderId: testPreRenderId,
                 liveboardId: testLiveboardId,
+                activeTabId: 'tab1',
+                vizId: 'viz1',
             });
             const navigateToLiveboardSpy = jest.spyOn(newLibEmbed, 'navigateToLiveboard');
             await newLibEmbed.showPreRender();
@@ -804,7 +832,7 @@ describe('Liveboard/viz embed tests', () => {
                 ) as HTMLIFrameElement;
 
                 // should render the generic link
-                expect(navigateToLiveboardSpy).toHaveBeenCalledWith(testLiveboardId);
+                expect(navigateToLiveboardSpy).toHaveBeenCalledWith(testLiveboardId, 'viz1', 'tab1', expect.any(Function));
                 expect(iFrame.src).toMatch(/http:\/\/tshost\/.*&isLiveboardEmbed=true.*#$/);
 
                 expect(consoleSpy).toHaveBeenCalledTimes(0);

package/src/embed/liveboard.ts

@@ -408,6 +408,12 @@ export class LiveboardEmbed extends V1Embed {
      * embedded Liveboard or visualization.
      */
     protected getEmbedParams() {
+        const params = this.getEmbedParamsObject();
+        const queryParams = getQueryParamString(params, true);
+        return queryParams;
+    }
+
+    protected getEmbedParamsObject() {
         let params: any = {};
         params = this.getBaseQueryParams(params);
         const {
@@ -511,9 +517,33 @@ export class LiveboardEmbed extends V1Embed {
         params[Param.DataPanelV2Enabled] = dataPanelV2;
         params[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
         params[Param.CoverAndFilterOptionInPDF] = coverAndFilterOptionInPDF;
-        const queryParams = getQueryParamString(params, true);
 
-        return queryParams;
+        if (oAuthPollingInterval !== undefined) {
+            params[Param.OauthPollingInterval] = oAuthPollingInterval;
+        }
+
+        if (isForceRedirect) {
+            params[Param.IsForceRedirect] = isForceRedirect;
+        }
+
+        if (dataSourceId !== undefined) {
+            params[Param.DataSourceId] = dataSourceId;
+        }
+
+
+        if (isLiveboardStylingAndGroupingEnabled !== undefined) {
+            params[Param.IsLiveboardStylingAndGroupingEnabled] = isLiveboardStylingAndGroupingEnabled;
+        }
+
+        params[Param.LiveboardHeaderSticky] = isLiveboardHeaderSticky;
+        params[Param.LiveboardHeaderV2] = isLiveboardCompactHeaderEnabled;
+        params[Param.ShowLiveboardVerifiedBadge] = showLiveboardVerifiedBadge;
+        params[Param.ShowLiveboardReverifyBanner] = showLiveboardReverifyBanner;
+        params[Param.HideIrrelevantFiltersInTab] = hideIrrelevantChipsInLiveboardTabs;
+        params[Param.DataPanelV2Enabled] = dataPanelV2;
+        params[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
+        params[Param.CoverAndFilterOptionInPDF] = coverAndFilterOptionInPDF;
+        return params;
     }
 
     private getIframeSuffixSrc(liveboardId: string, vizId: string, activeTabId: string) {
@@ -645,17 +675,12 @@ export class LiveboardEmbed extends V1Embed {
     }
 
     protected beforePrerenderVisible(): void {
-        const embedObj = (this.insertedDomEl as any)?.[this.embedNodeKey] as LiveboardEmbed;
+        const embedObj = this.getPreRenderObj<LiveboardEmbed>();
 
-        if (isUndefined(embedObj)) return;
-
-        const showDifferentLib = this.viewConfig.liveboardId
-            && embedObj.viewConfig.liveboardId !== this.viewConfig.liveboardId;
-
-        if (showDifferentLib) {
-            const libId = this.viewConfig.liveboardId;
-            this.navigateToLiveboard(libId);
-        }
+        const libId = this.currentLiveboardId;
+        this.navigateToLiveboard(libId, this.viewConfig.vizId, this.viewConfig.activeTabId, () => {
+            if (embedObj) embedObj.currentLiveboardId = libId;
+        });
     }
 
     protected async handleRenderForPrerender(): Promise<TsEmbed> {
@@ -729,13 +754,15 @@ export class LiveboardEmbed extends V1Embed {
         return this;
     }
 
-    public navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string) {
+    public currentLiveboardId: string = this.viewConfig.liveboardId;
+
+    public navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string, onNavigateCalled?: () => void) {
         const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
         this.viewConfig.liveboardId = liveboardId;
         this.viewConfig.activeTabId = activeTabId;
         this.viewConfig.vizId = vizId;
         if (this.isRendered) {
-            this.trigger(HostEvent.Navigate, path.substring(1));
+            this.triggerAfterLoad(HostEvent.Navigate, path.substring(1), onNavigateCalled);
         } else if (this.viewConfig.preRenderId) {
             this.preRender(true);
         } else {