@thoughtspot/visual-embed-sdk 1.40.1-alpha.1 → 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
                 */
@@ -1672,10 +1676,13 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
             genNo: number;
             acSessionId: string;
             acGenNo: number;
+            convId: string;
+            messageId: string;
     }
     export class ConversationMessage extends TsEmbed {
             protected viewConfig: SpotterAgentMessageViewConfig;
             constructor(container: HTMLElement, viewConfig: SpotterAgentMessageViewConfig);
+            protected getEmbedParamsObject(): Record<any, any>;
             getIframeSrc(): string;
             render(): Promise<ConversationMessage>;
     }
@@ -1719,6 +1726,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
                     data?: undefined;
             } | {
                     data: {
+                            convId: any;
+                            messageId: any;
                             sessionId: any;
                             genNo: any;
                             acSessionId: any;
@@ -1880,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>;
     }
@@ -4855,7 +4865,84 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK : 1.39.0 | ThoughtSpot : 10.10.0.cl
                 * @hidden
                 */
-            RequestVisibleEmbedCoordinates = "requestVisibleEmbedCoordinates"
+            RequestVisibleEmbedCoordinates = "requestVisibleEmbedCoordinates",
+            /**
+                * Emitted when spotter response is text data
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.SpotterData, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            SpotterData = "SpotterData",
+            /**
+                * 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.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            PreviewSpotterData = "PreviewSpotterData",
+            /**
+                * Emitted when the spotter query is triggered in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.SpotterQueryTriggered, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            SpotterQueryTriggered = "SpotterQueryTriggered",
+            /**
+                * 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.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            LastPromptEdited = "LastPromptEdited",
+            /**
+                * 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.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            LastPromptDeleted = "LastPromptDeleted",
+            /**
+                * Emitted when the coversation is reset in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.ResetSpotterConversation, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            ResetSpotterConversation = "ResetSpotterConversation",
+            /**
+                * Emitted when the *Spotter* is initialized.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.SpotterInit, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            SpotterInit = "SpotterInit"
     }
     /**
         * Event types that can be triggered by the host application
@@ -4873,7 +4960,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
         * // create the liveboard embed.
         *
         * liveboardEmbed.trigger(HostEvent.UpdateRuntimeFilters, [
-        *   { columnName: 'state, operator: RuntimeFilterOp.EQ, values: ['california']}
+        *   { columnName: 'state', operator: RuntimeFilterOp.EQ, values: ["california"]}
         * ]);
         * ```
         * @example
@@ -5081,12 +5168,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Works with Search and Liveboard embed.
                 * @param - { columnId: string,
                 *  name: string,
-                *  type: INT64/CHAR/DATE,
-                *  dataType: ATTRIBUTE/MEASURE }
+                *  type: ATTRIBUTE/MEASURE,
+                *  dataType: INT64/CHAR/DATE }
                 * @example
                 * ```js
                 * searchEmbed.trigger(HostEvent.OpenFilter,
-                *  {column: { columnId: '<column-GUID>', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE'}})
+                *  {column: { columnId: '<column-GUID>', name: 'column name', type: 'ATTRIBUTE', dataType: 'INT64'}})
                 * ```
                 * @example
                 * ```js
@@ -5144,6 +5231,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @param
                 * `vizId`-  GUID of the saved Answer or visualization to pin to a Liveboard.
                 *  Optional when pinning a new chart or table generated from a Search query.
+                *  **Required** in Spotter Embed.
                 * @param
                 * `liveboardID` - GUID of the Liveboard to pin an Answer. If there is no Liveboard,
                 *  specify the `newLiveboardName` parameter to create a new Liveboard.
@@ -5191,6 +5279,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * appEmbed.trigger(HostEvent.Pin)
                 * ```
+                * @example
+                * ```js
+                * const pinResponse = await spotterEmbed.trigger(HostEvent.Pin, {
+                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+                *  });
+                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             Pin = "pin",
@@ -5284,6 +5378,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.MakeACopy)
                 * ```
+                * @example
+                * ```js
+                * const pinResponse = await spotterEmbed.trigger(HostEvent.MakeACopy, {
+                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+                *  });
+                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             MakeACopy = "makeACopy",
@@ -5356,6 +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.
+                * **Required** in Spotter embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Edit)
@@ -5364,6 +5465,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * liveboardEmbed.trigger(HostEvent.Edit, {vizId:
                 * '730496d6-6903-4601-937e-2c691821af3c'})
                 * ```
+                * @example
+                * ```js
+                * const pinResponse = 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",
@@ -5411,6 +5518,16 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *   );
                 * })
                 * ```
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.GetTML, {
+                *   vizId: '730496d6-6903-4601-937e-2c691821af3c'
+                * }).then((tml) => {
+                *   console.log(
+                *      tml.answer.search_query // TML representation of the search query
+                *   );
+                * })
+                * ```
                 * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1.sw
                 * @important
                 */
@@ -5498,7 +5615,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * vizEmbed.trigger(HostEvent.DownloadAsPng)
                 *
                 * searchEmbed.trigger(HostEvent.DownloadAsPng)
+                *
+                * spotterEmbed.trigger(HostEvent.DownloadAsPng, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
                 * ```
+                *
                 * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.4.1.sw
                 */
             DownloadAsPng = "downloadAsPng",
@@ -5516,6 +5638,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.DownloadAsCsv)
                 * ```
+                * ```js
+                * spotterEmbed.trigger(HostEvent.DownloadAsCsv, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
+                * ```
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
                 */
             DownloadAsCsv = "downloadAsCSV",
@@ -5533,6 +5660,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.DownloadAsXlsx)
                 * ```
+                * ```js
+                * spotterEmbed.trigger(HostEvent.downloadAsXLSX, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
+                * ```
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
                 */
             DownloadAsXlsx = "downloadAsXLSX",
@@ -5552,6 +5684,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Save**  action on a Liveboard or Answer.
                 * Saves the changes.
+                * @param - `vizId` is required in Spotter Embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Save)
@@ -5559,6 +5692,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.Save)
                 * ```
+                * ```js
+                * spotterEmbed.trigger(HostEvent.Save, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
+                * ```
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
                 */
             Save = "save",
@@ -5842,7 +5980,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             ResetLiveboardPersonalisedView = "ResetLiveboardPersonalisedView",
             /**
                 * Triggers an action to update Parameter values on embedded
-                * Answers and Liveboard.
+                * Answers, Liveboard and Spotter answer in Edit mode.
                 *
                 * @example
                 * ```js
@@ -5861,6 +5999,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *  console.log('parameters', parameter);
                 * });
                 *```
+                *```js
+                * spotterEmbed.trigger(HostEvent.GetParameters, {
+                *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+                * }).then((parameter) => {
+                *  console.log('parameters', parameter);
+                * });
+                *```
                 * @version SDK: 1.29.0 | ThoughtSpot: 10.1.0.cl, 10.1.0.sw
                 */
             GetParameters = "GetParameters",
@@ -5928,6 +6073,64 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.37.0 | ThoughtSpot: 10.8.0.cl
                 */
             TransformTableVizData = "TransformTableVizData",
+            /**
+                * Triggers a search operation with the search tokens specified in
+                * the search query string in spotter embed.
+                * @param - `queryString`: Text string in Natural Language format
+                * @param - `executeSearch`: Boolean to execute search and update search query
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.SpotterSearch, {
+                *  query: 'revenue per year',
+                *  executeSearch: true,
+                * })
+                * ```
+                */
+            SpotterSearch = "SpotterSearch",
+            /**
+                * Edits the last prompt in spotter embed.
+                * @param - `query`: Text string
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.EditLastPrompt, "revenue per year");
+                * ```
+                */
+            EditLastPrompt = "EditLastPrompt",
+            /**
+                * Opens the Worksheet preview modal in Spotter Embed.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.PreviewSpotterData);
+                * ```
+                */
+            PreviewSpotterData = "PreviewSpotterData",
+            /**
+                * Resets the Spotter Embed Conversation.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.ResetSpotterConversation);
+                * ```
+                */
+            ResetSpotterConversation = "ResetSpotterConversation",
+            /**
+                * Deletes the last prompt in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.DeleteLastPrompt);
+                * ```
+                */
+            DeleteLastPrompt = "DeleteLastPrompt",
+            /**
+                * Toggle the visualization to chart or table view.
+                * @param - `vizId ` In Spotter Embed, vizId is required.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.AnswerChartSwitcher, {
+                *          vizId:"'b535c760-8bbe-4e6f-bb26-af56b4129a1e'"
+                * });
+                *```
+                */
+            AnswerChartSwitcher = "answerChartSwitcher",
             /**
                 * @hidden
                 * Trigger exit from presentation mode when user exits fullscreen.
@@ -5950,7 +6153,27 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *
                 * @hidden
                 */
-            VisibleEmbedCoordinates = "visibleEmbedCoordinates"
+            VisibleEmbedCoordinates = "visibleEmbedCoordinates",
+            /**
+                * Trigger the *Ask Sage* action for visualizations
+                * @example
+                * ```js
+                * liveboardEmbed.trigger(HostEvent.AskSpotter,
+                * {containerId:'730496d6-6903-4601-937e-2c691821af3c'})
+                * ```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            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
@@ -8019,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.
@@ -8559,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
@@ -8588,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.1-alpha.1",
+    "version": "1.40.1-alpha.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -57,6 +57,7 @@
         "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",

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);