@thoughtspot/visual-embed-sdk 1.37.0 → 1.37.1

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

@@ -106,6 +106,43 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
             AI_ANSWER = "aiAnswer",
             NONE = "none"
     }
+    /**
+        * Define the version of the primary navbar
+        * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+        */
+    export enum PrimaryNavbarVersion {
+            /**
+                * Sliding (v3) introduces a new left-side navigation hub featuring a tab switcher,
+                * along with updates to the top navigation bar.
+                * It serves as the foundational version of the PrimaryNavBar.
+                */
+            Sliding = "v3"
+    }
+    /**
+        * Define the version of the home page
+        * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+        */
+    export enum HomePage {
+            /**
+                * Modular (v2) introduces the updated Modular Home Experience.
+                * It serves as the foundational version of the home page.
+                */
+            Modular = "v2"
+    }
+    /**
+        * Define the discovery experience
+        * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+        */
+    export interface DiscoveryExperience {
+            /**
+                * primaryNavbarVersion determines the version of the navigation version.
+                */
+            primaryNavbarVersion?: PrimaryNavbarVersion;
+            /**
+                * homePage determines the version of the home page.
+                */
+            homePage?: HomePage;
+    }
     /**
         * The view configuration for full app embedding.
         * @group Embed components
@@ -174,6 +211,51 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             enablePendoHelp?: boolean;
+            /**
+                * Control the visibility of the hamburger icon on the top nav bar
+                * available when new navigation V3 is enabled.
+                *
+                * @default false
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideHamburger : true,
+                * })
+                * ```
+                */
+            hideHamburger?: boolean;
+            /**
+                * Control the visibility of the Eureka search on the top nav bar
+                * this will control for both new V2 and new navigation V3.
+                *
+                * @default true
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideObjectSearch: false,
+                * })
+                * ```
+                */
+            hideObjectSearch?: boolean;
+            /**
+                * Control the visibility of the notification on the top nav bar V3,
+                * available when new navigation V3 is enabled.
+                *
+                * @default true
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideNotification: false,
+                * })
+                * ```
+                */
+            hideNotification?: boolean;
             /**
                 * Control the visibility of the application switcher button on the nav-bar.
                 * By default, the application switcher is shown.
@@ -367,6 +449,23 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             modularHomeExperience?: boolean;
+            /**
+                * To configure the top-left navigation and home page experience
+                *
+                * @default false
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    discoveryExperience : {
+                *      primaryNavbarVersion: PrimaryNavbarVersion.Sliding,
+                *      homePage: HompePage.Modular,
+                *    },
+                * })
+                * ```
+                */
+            discoveryExperience?: DiscoveryExperience;
             /**
                 * Boolean to control if Liveboard header is sticky or not.
                 * @example
@@ -1735,7 +1834,8 @@ declare module '@thoughtspot/visual-embed-sdk/auth' {
             NO_COOKIE_ACCESS = "NO_COOKIE_ACCESS",
             EXPIRY = "EXPIRY",
             OTHER = "OTHER",
-            IDLE_SESSION_TIMEOUT = "IDLE_SESSION_TIMEOUT"
+            IDLE_SESSION_TIMEOUT = "IDLE_SESSION_TIMEOUT",
+            UNAUTHENTICATED_FAILURE = "UNAUTHENTICATED_FAILURE"
     }
     /**
         * Enum for auth status emitted by the emitter returned from {@link init}.
@@ -1769,7 +1869,11 @@ declare module '@thoughtspot/visual-embed-sdk/auth' {
                 * or by the trigger button.
                 * @version SDK: 1.19.0
                 */
-            WAITING_FOR_POPUP = "WAITING_FOR_POPUP"
+            WAITING_FOR_POPUP = "WAITING_FOR_POPUP",
+            /**
+                * Emitted when the SAML popup is closed without authentication
+                */
+            SAML_POPUP_CLOSED_NO_AUTH = "SAML_POPUP_CLOSED_NO_AUTH"
     }
     /**
         * Event emitter returned from {@link init}.
@@ -1787,10 +1891,10 @@ declare module '@thoughtspot/visual-embed-sdk/auth' {
                 * @param event
                 * @param listener
                 */
-            on(event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP, listener: () => void): this;
+            on(event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP | AuthStatus.SAML_POPUP_CLOSED_NO_AUTH, listener: () => void): this;
             on(event: AuthStatus.SUCCESS, listener: (sessionInfo: any) => void): this;
             once(event: AuthStatus.FAILURE, listener: (failureType: AuthFailureType) => void): this;
-            once(event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP, listener: () => void): this;
+            once(event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP | AuthStatus.SAML_POPUP_CLOSED_NO_AUTH, listener: () => void): this;
             once(event: AuthStatus.SUCCESS, listener: (sessionInfo: any) => void): this;
             /**
                 * Trigger an event on the emitter returned from init.
@@ -2206,7 +2310,19 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * @version SDK: 1.34.0| ThoughtSpot: 10.3.0.cl
                 */
-            LiveboardSchedules = "liveboard-schedules"
+            LiveboardSchedules = "liveboard-schedules",
+            /**
+                * Create new options in the insights left navigation,
+                * available when new navigation V3 is enabled.
+                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                */
+            Create = "create",
+            /**
+                * Spotter option in the insights left navigation,
+                * available when new navigation V3 is enabled.
+                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                */
+            Spotter = "spotter"
     }
     export type DOMSelector = string | HTMLElement;
     /**
@@ -2687,6 +2803,19 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 */
             disabledActions?: Action[];
+            /**
+                * The primary action to display on top of the viz for Liveboard and App Embed.
+                * Use this to set the primary action.
+                * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed', {
+                *   ... // other liveboard view config
+                *   primaryAction: Action.Download
+                * });
+                * ```
+                */
+            primaryAction?: Action | string;
             /**
                 * The tooltip to display for disabled actions.
                 * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1.sw
@@ -4606,9 +4735,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @example
                 * ```js
                 * searchEmbed.trigger(HostEvent.OpenFilter,
-                * { columnId: '<column-GUID>', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE'})
+                *  {column: { columnId: '<column-GUID>', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE'}})
+                * ```
+                * @example
+                * ```js
                 * LiveboardEmbed.trigger(HostEvent.OpenFilter,
-                *  { columnId: '<column-GUID>'})
+                *   { column: {columnId: '<column-GUID>'}})
                 * ```
                 * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
                 */
@@ -5217,6 +5349,25 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *    }]
                 * });
                 * ```
+                * If there are multiple columns with the same name, consider
+                * using `WORKSHEET_NAME::COLUMN_NAME` format.
+                *
+                * @example
+                *
+                * ```js
+                * liveboardEmbed.trigger(HostEvent.UpdateFilters, {
+                *  filters: [{
+                *      column: "(Sample) Retail - Apparel::city",
+                *      oper: 'IN',
+                *      values: ["atlanta"]
+                *  },
+                *  {
+                *      column: "(Sample) Retail - Apparel::Region",
+                *      oper: 'IN',
+                *      values: ["West","Midwest"]
+                *  }]
+                * });
+                * ```
                 * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
                 */
             UpdateFilters = "updateFilters",
@@ -5276,8 +5427,17 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Get the Answer session for a Search or
                 * Liveboard visualization.
+                *
+                * Note: This event is not typically used directly. Instead, use the
+                * `getAnswerService()` method on the embed instance to get an AnswerService
+                * object that provides a more convenient interface for working with answers.
+                *
                 * @example
                 * ```js
+                * // Preferred way to get an AnswerService
+                * const service = await embed.getAnswerService();
+                *
+                * // Alternative direct usage (not recommended)
                 * const {session} = await embed.trigger(
                 *  HostEvent.GetAnswerSession, {
                 *      vizId: '123', // For Liveboard Visualization.
@@ -5285,6 +5445,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 * @example
                 * ```js
+                * // Preferred way to get an AnswerService
+                * const service = await embed.getAnswerService();
+                *
+                * // Alternative direct usage (not recommended)
                 * const {session} = await embed.trigger( HostEvent.GetAnswerSession )
                 * ```
                 * @version SDK: 1.26.0 | ThoughtSpot: 9.10.0.cl, 10.1.0.sw
@@ -5483,6 +5647,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             ShowInsertToSlide = "insertInToSlide",
             PrimaryNavHidden = "primaryNavHidden",
             HideProfleAndHelp = "profileAndHelpInNavBarHidden",
+            NavigationVersion = "navigationVersion",
+            HideHamburger = "hideHamburger",
+            HideObjectSearch = "hideObjectSearch",
+            HideNotification = "hideNotification",
             HideApplicationSwitcher = "applicationSwitcherHidden",
             HideOrgSwitcher = "orgSwitcherHidden",
             IsSageEmbed = "isSageEmbed",
@@ -5538,7 +5706,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             DataSourceId = "dataSourceId",
             preAuthCache = "preAuthCache",
             ShowSpotterLimitations = "showSpotterLimitations",
-            CoverAndFilterOptionInPDF = "coverAndFilterOptionInPDF"
+            CoverAndFilterOptionInPDF = "coverAndFilterOptionInPDF",
+            PrimaryAction = "primaryAction"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands
@@ -7478,29 +7647,49 @@ declare module '@thoughtspot/visual-embed-sdk/utils/graphql/answerService/answer
             dataValue: any;
     }
     /**
-        * Class representing the answer service provided with the
-        * custom action payload. This service could be used to run
-        * graphql queries in the context of the answer on which the
-        * custom action was triggered.
+        * AnswerService provides a simple way to work with ThoughtSpot Answers.
+        *
+        * This service allows you to interact with ThoughtSpot Answers programmatically,
+        * making it easy to customize visualizations, filter data, and extract insights
+        * directly from your application.
+        *
+        * You can use this service to:
+        * - Add or remove columns from Answers (`addColumns`, `removeColumns`, `addColumnsByName`)
+        * - Apply filters to Answers (`addFilter`)
+        * - Get data from Answers in different formats (JSON, CSV, PNG) (`fetchData`, `fetchCSVBlob`, `fetchPNGBlob`)
+        * - Get data for specific points in visualizations (`getUnderlyingDataForPoint`)
+        * - Run custom queries (`executeQuery`)
+        * - Add visualizations to liveboards (`addDisplayedVizToLiveboard`)
+        *
         * @example
         * ```js
-        *  embed.on(EmbedEvent.CustomAction, e => {
-        *     const underlying = await e.answerService.getUnderlyingDataForPoint([
-        *       'col name 1'
-        *     ]);
-        *     const data = await underlying.fetchData(0, 100);
-        *  })
+        * // Get the answer service
+        * embed.on(EmbedEvent.Data, async (e) => {
+        *     const service = await embed.getAnswerService();
+        *
+        *     // Add columns to the answer
+        *     await service.addColumnsByName(["Sales", "Region"]);
+        *
+        *     // Get the data
+        *     const data = await service.fetchData();
+        *     console.log(data);
+        * });
         * ```
+        *
         * @example
         * ```js
-        * embed.on(EmbedEvent.Data, async (e) => {
-        *     const service = await embed.getAnswerService();
-        *     await service.addColumns([
-        *         "<column guid>"
+        * // Get data for a point in a visualization
+        * embed.on(EmbedEvent.CustomAction, async (e) => {
+        *     const underlying = await e.answerService.getUnderlyingDataForPoint([
+        *       'Product Name',
+        *       'Sales Amount'
         *     ]);
-        *     console.log(await service.fetchData());
+        *
+        *     const data = await underlying.fetchData(0, 100);
+        *     console.log(data);
         * });
         * ```
+        *
         * @version SDK: 1.25.0| ThoughtSpot: 9.10.0.cl
         * @group Events
         */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.37.0",
+    "version": "1.37.1",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -141,7 +141,7 @@
         "typescript-eslint": "^8.29.1",
         "url-search-params-polyfill": "^8.1.0",
         "util": "^0.12.4",
-        "vite": "^5.3.4"
+        "vite": "^6.3.5"
     },
     "author": "ThoughtSpot",
     "email": "support@thoughtspot.com",

package/src/auth.spec.ts

@@ -385,6 +385,45 @@ describe('Unit test for auth', () => {
             expect(global.window.location.href).toBe(samalLoginUrl);
         });
 
+        it('should emit SAML_POPUP_CLOSED_NO_AUTH when popup window is closed', async () => {
+            jest.useFakeTimers();
+            const mockPopupWindow = { 
+                closed: false, 
+                focus: jest.fn(),
+                close: jest.fn()
+            };
+            global.window.open = jest.fn().mockReturnValue(mockPopupWindow);
+            Object.defineProperty(window, 'location', {
+                value: {
+                    href: '',
+                    hash: '',
+                },
+            });
+            spyOn(authInstance, 'samlCompletionPromise').and.returnValue(Promise.resolve(false));
+             const emitSpy = jest.fn();
+            const mockEventEmitter = { 
+                emit: emitSpy,
+                once: jest.fn(),
+                on: jest.fn()
+            };
+            authInstance.setAuthEE(mockEventEmitter as any);
+            jest.spyOn(tokenAuthService, 'isActiveService')
+                .mockReturnValueOnce(false)
+                .mockReturnValueOnce(true);
+            expect(
+                await authInstance.doSamlAuth({
+                    ...embedConfig.doSamlAuthNoRedirect,
+                }),
+            ).toBe(true);
+            document.getElementById('ts-auth-btn').click();
+            mockPopupWindow.closed = true;
+            jest.advanceTimersByTime(1000);
+            window.postMessage({ type: EmbedEvent.SAMLComplete }, '*');
+            await authInstance.samlCompletionPromise;
+            expect(emitSpy).toHaveBeenCalledWith(authInstance.AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+            jest.useRealTimers();
+            authInstance.setAuthEE(null);
+        });
         it('when user is not loggedIn, in config noRedirect is true and isAtSSORedirectUrl is false', async () => {
             Object.defineProperty(window, 'location', {
                 value: {
@@ -408,6 +447,19 @@ describe('Unit test for auth', () => {
             await authInstance.samlCompletionPromise;
             expect(authInstance.loggedInStatus).toBe(true);
         });
+
+        it('should support emitting SAML_POPUP_CLOSED_NO_AUTH event', () => {
+            const emitSpy = jest.fn();
+            const mockEventEmitter = { 
+                emit: emitSpy,
+                once: jest.fn()
+            };
+            authInstance.setAuthEE(mockEventEmitter as any);
+            authInstance.getAuthEE().emit(authInstance.AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+            expect(emitSpy).toHaveBeenCalledWith(authInstance.AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+            authInstance.setAuthEE(null);
+        });
+
     });
 
     describe('doOIDCAuth', () => {

package/src/auth.ts

@@ -40,7 +40,8 @@ export enum AuthFailureType {
     NO_COOKIE_ACCESS = 'NO_COOKIE_ACCESS',
     EXPIRY = 'EXPIRY',
     OTHER = 'OTHER',
-    IDLE_SESSION_TIMEOUT = 'IDLE_SESSION_TIMEOUT'
+    IDLE_SESSION_TIMEOUT = 'IDLE_SESSION_TIMEOUT',
+    UNAUTHENTICATED_FAILURE = 'UNAUTHENTICATED_FAILURE',
 }
 
 /**
@@ -76,6 +77,11 @@ export enum AuthStatus {
      * @version SDK: 1.19.0
      */
     WAITING_FOR_POPUP = 'WAITING_FOR_POPUP',
+
+    /**
+     * Emitted when the SAML popup is closed without authentication
+     */
+    SAML_POPUP_CLOSED_NO_AUTH = 'SAML_POPUP_CLOSED_NO_AUTH',
 }
 
 /**
@@ -95,13 +101,13 @@ export interface AuthEventEmitter {
      * @param listener
      */
     on(
-        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP,
+        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP | AuthStatus.SAML_POPUP_CLOSED_NO_AUTH,
         listener: () => void,
     ): this;
     on(event: AuthStatus.SUCCESS, listener: (sessionInfo: any) => void): this;
     once(event: AuthStatus.FAILURE, listener: (failureType: AuthFailureType) => void): this;
     once(
-        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP,
+        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP | AuthStatus.SAML_POPUP_CLOSED_NO_AUTH,
         listener: () => void,
     ): this;
     once(event: AuthStatus.SUCCESS, listener: (sessionInfo: any) => void): this;
@@ -363,6 +369,7 @@ export const doBasicAuth = async (embedConfig: EmbedConfig): Promise<boolean> =>
  * @param triggerText
  */
 async function samlPopupFlow(ssoURL: string, triggerContainer: DOMSelector, triggerText: string) {
+    let popupClosedCheck: NodeJS.Timeout;
     const openPopup = () => {
         if (samlAuthWindow === null || samlAuthWindow.closed) {
             samlAuthWindow = window.open(
@@ -370,10 +377,21 @@ async function samlPopupFlow(ssoURL: string, triggerContainer: DOMSelector, trig
                 '_blank',
                 'location=no,height=570,width=520,scrollbars=yes,status=yes',
             );
+            if (samlAuthWindow) {
+                popupClosedCheck = setInterval(() => {
+                    if (samlAuthWindow.closed) {
+                        clearInterval(popupClosedCheck);
+                        if (samlCompletionPromise && !samlCompletionResolved) {
+                            authEE?.emit(AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+                        }
+                    }
+                }, 500);
+            }
         } else {
             samlAuthWindow.focus();
         }
     };
+    let samlCompletionResolved = false;
     authEE?.emit(AuthStatus.WAITING_FOR_POPUP);
     const containerEl = getDOMNode(triggerContainer);
     if (containerEl) {
@@ -385,6 +403,10 @@ async function samlPopupFlow(ssoURL: string, triggerContainer: DOMSelector, trig
     samlCompletionPromise = samlCompletionPromise || new Promise<void>((resolve, reject) => {
         window.addEventListener('message', (e) => {
             if (e.data.type === EmbedEvent.SAMLComplete) {
+                samlCompletionResolved = true;
+                if (popupClosedCheck) {
+                    clearInterval(popupClosedCheck);
+                }
                 (e.source as Window).close();
                 resolve();
             }

package/src/embed/app.spec.ts

@@ -4,6 +4,8 @@ import {
     DataPanelCustomColumnGroupsAccordionState,
     Page,
     HomePageSearchBarMode,
+    PrimaryNavbarVersion,
+    HomePage,
 } from './app';
 import { init } from '../index';
 import {
@@ -494,6 +496,92 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add hideHamburger, hideObjectSearch, hideNotification flags to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            hideHamburger: true,
+            hideObjectSearch: true,
+            hideNotification: true,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&hideHamburger=true&hideObjectSearch=true&hideNotification=true${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add when hideHamburger, hideObjectSearch, hideNotification values are not true to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            hideHamburger: false,
+            hideObjectSearch: undefined,
+            hideNotification: null,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add navigationVersion=v3 when primaryNavbarVersion is Sliding to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                primaryNavbarVersion: PrimaryNavbarVersion.Sliding,
+                homePage: HomePage.Modular,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true&navigationVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add navigationVersion=v3 when primaryNavbarVersion is not added to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                homePage: HomePage.Modular,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add navigationVersion=v3 & modularHomeExperience=false when primaryNavbarVersion is Sliding to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                primaryNavbarVersion: PrimaryNavbarVersion.Sliding,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&navigationVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add enableAskSage flag to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,