@thoughtspot/visual-embed-sdk 1.41.0-pre-render-1 → 1.41.0

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

@@ -20,7 +20,7 @@ declare module '@thoughtspot/visual-embed-sdk' {
     import { SpotterEmbed, SpotterEmbedViewConfig, ConversationEmbed, ConversationViewConfig } from '@thoughtspot/visual-embed-sdk/embed/conversation';
     import { AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter } from '@thoughtspot/visual-embed-sdk/auth';
     import { getSessionInfo } from '@thoughtspot/visual-embed-sdk/utils/sessionInfoService';
-    import { AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, EmbedConfig, PrefetchFeatures, FrameParams, DOMSelector, HomeLeftNavItem, HomepageModule, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, ContextMenuTriggerOptions, RuntimeParameter, LogLevel, VizPoint, CustomActionPayload, ListPageColumns } from '@thoughtspot/visual-embed-sdk/types';
+    import { AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, EmbedConfig, PrefetchFeatures, FrameParams, DOMSelector, HomeLeftNavItem, HomepageModule, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, ContextMenuTriggerOptions, RuntimeParameter, LogLevel, VizPoint, CustomActionPayload, ListPageColumns, CustomActionsPosition, CustomActionTarget } from '@thoughtspot/visual-embed-sdk/types';
     import { CustomCssVariables } from '@thoughtspot/visual-embed-sdk/css-variables';
     import { SageEmbed, SageViewConfig } from '@thoughtspot/visual-embed-sdk/embed/sage';
     import { AnswerService, SessionInterface, UnderlyingDataPoint } from '@thoughtspot/visual-embed-sdk/utils/graphql/answerService/answerService';
@@ -30,7 +30,7 @@ declare module '@thoughtspot/visual-embed-sdk' {
     import { getAnswerFromQuery } from '@thoughtspot/visual-embed-sdk/utils/graphql/nlsService/nls-answer-service';
     import { createLiveboardWithAnswers } from '@thoughtspot/visual-embed-sdk/utils/liveboardService/liveboardService';
     import { UIPassthroughEvent } from '@thoughtspot/visual-embed-sdk/embed/hostEventClient/contracts';
-    export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, tokenizedFetch, getAnswerFromQuery, createLiveboardWithAnswers, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, SpotterAgentEmbed, SpotterAgentEmbedViewConfig, BodylessConversationViewConfig, BodylessConversation, SpotterEmbed, SpotterEmbedViewConfig, ConversationViewConfig, ConversationEmbed, 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, PrimaryNavbarVersion, HomePage, ListPage, VizPoint, CustomActionPayload, UIPassthroughEvent, ListPageColumns, DataPanelCustomColumnGroupsAccordionState, };
+    export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, tokenizedFetch, getAnswerFromQuery, createLiveboardWithAnswers, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, SpotterAgentEmbed, SpotterAgentEmbedViewConfig, BodylessConversationViewConfig, BodylessConversation, SpotterEmbed, SpotterEmbedViewConfig, ConversationViewConfig, ConversationEmbed, 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, PrimaryNavbarVersion, HomePage, ListPage, VizPoint, CustomActionPayload, UIPassthroughEvent, ListPageColumns, DataPanelCustomColumnGroupsAccordionState, CustomActionsPosition, CustomActionTarget, };
     export { resetCachedAuthToken } from '@thoughtspot/visual-embed-sdk/authToken';
 }
 
@@ -127,7 +127,12 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * Modular (v2) introduces the updated Modular Home Experience.
                 * It serves as the foundational version of the home page.
                 */
-            Modular = "v2"
+            Modular = "v2",
+            /**
+                * ModularWithStylingChanges (v3) introduces Modular Home Experience
+                * with styling changes.
+                */
+            ModularWithStylingChanges = "v3"
     }
     /**
         * Define the version of the list page
@@ -1153,7 +1158,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 * embedded Liveboard or visualization.
                 */
             protected getEmbedParams(): string;
-            protected getEmbedParamsObject(): any;
             /**
                 * @hidden
                 * Internal state to track the current liveboard id.
@@ -1520,7 +1524,6 @@ 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
@@ -1647,7 +1650,6 @@ 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
                 */
@@ -1691,7 +1693,6 @@ 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>;
     }
@@ -1959,7 +1960,6 @@ 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>;
     }
@@ -2917,6 +2917,31 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 */
             disableFullscreenPresentation?: boolean;
+            /**
+                * Custom Actions allows users to define interactive UI actions (like buttons or menu
+                * items) that appear in ThoughtSpot's visualizations, answers, and Liveboards. These
+                * actions enable users to trigger custom workflows — such as navigating to an
+                * external app, calling an API, or opening a modal — based on the data context of
+                * what they clicked can be used to trigger custom logic when the action is clicked.
+                * @version SDK: 1.43.0 | ThoughtSpot: 10.14.0.cl
+                * @example
+                * ```js
+                * import { CustomActionPosition, CustomActionTarget } from '@thoughtspot/visual-embed-sdk';
+                * init({
+                *   ... // other embed config options
+                *   customActions: [
+                *     {
+                *       name: 'customAction',
+                *       id: 'customAction',
+                *       target: CustomActionTarget.VISUALIZATION,
+                *       position: CustomActionPosition.PRIMARY,
+                *       }
+                *     }
+                *   ]
+                * })
+                * ```
+                */
+            customActions?: CustomAction[];
     }
     export interface LayoutConfig {
     }
@@ -3277,6 +3302,34 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 */
             showAlerts?: boolean;
+            /**
+                * Custom Actions allows users to define interactive UI actions (like buttons or menu
+                * items) that appear in ThoughtSpot's visualizations, answers, and Liveboards. These
+                * actions enable users to trigger custom workflows — such as navigating to an
+                * external app, calling an API, or opening a modal — based on the data context of
+                * what they clicked can be used to trigger custom logic when the action is clicked.
+                *
+                * Supported embed types: `AppEmbed`, `LiveboardEmbed`, `SageEmbed`, `SearchEmbed`, `SpotterEmbed`
+                * @version SDK: 1.43.0 | ThoughtSpot: 10.14.0.cl
+                * @example
+                * ```js
+                * import { CustomActionPosition, CustomActionTarget } from '@thoughtspot/visual-embed-sdk';
+                * // Use supported embed types such as AppEmbed or LiveboardEmbed
+                * const embed = new LiveboardEmbed('#tsEmbed', {
+                *   ... // other embed config options
+                *   customActions: [
+                *     {
+                *       name: 'customAction',
+                *       id: 'customAction',
+                *       target: CustomActionTarget.VISUALIZATION,
+                *       position: CustomActionPosition.PRIMARY,
+                *       }
+                *     }
+                *   ]
+                * })
+                * ```
+                */
+            customActions?: CustomAction[];
     }
     /**
         * The configuration object for Home page embeds configs.
@@ -3286,7 +3339,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Hide list page columns
                 * For example: hiddenListColumns = [ListPageColumns.Author]
                 *
-                * **Note**: This option is available only in full app embedding. To use it, you need to import `ListPageColumns` enum.
+                * **Note**: This option is currently available only in full app embedding and requires importing the ListPageColumns enum.
+                * At present, it can be used with Liveboard and Answer list pages, and starting with version 10.14.0.cl, it will also be supported for the Home page.
                 *
                 * Supported embed types: `AppEmbed`
                 * @version SDK: 1.38.0 | ThoughtSpot: 10.9.0.cl
@@ -3602,7 +3656,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             isLiveboardCompactHeaderEnabled?: boolean;
             /**
-                * This flag can be used to show or hide the Liveboard verified icon in the compact header.
+                * This flag can be used to show or hide the Liveboard verified icon in the compact
+                * header.
                 *
                 * Supported embed types: `AppEmbed`, `LiveboardEmbed`
                 * @version SDK: 1.35.0 | ThoughtSpot:10.4.0.cl
@@ -3620,6 +3675,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * This flag is used to enable/disable hide irrelevant filters in Liveboard tab
                 *
+                * **Note**: This feature is supported only if compact header is enabled on your Liveboard. To enable compact header, use the `isLiveboardCompactHeaderEnabled` attribute.
+                *
                 * Supported embed types: `AppEmbed`, `LiveboardEmbed`
                 * @version SDK: 1.36.0 | ThoughtSpot:10.6.0.cl
                 * @default false
@@ -3629,12 +3686,14 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * const embed = new <EmbedComponent>('#tsEmbed', {
                 *    ... // other embed view config
                 *    hideIrrelevantChipsInLiveboardTabs: true,
+                *    isLiveboardCompactHeaderEnabled: true,
                 * })
                 * ```
                 */
             hideIrrelevantChipsInLiveboardTabs?: boolean;
             /**
-                * This flag can be used to show or hide the re-verify banner on the Liveboard compact header
+                * This flag can be used to show or hide the re-verify banner on the Liveboard
+                * compact header
                 *
                 * Supported embed types: `AppEmbed`, `LiveboardEmbed`
                 * @version SDK: 1.35.0 | ThoughtSpot:10.4.0.cl
@@ -3681,6 +3740,21 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
              * ```
              */
             coverAndFilterOptionInPDF?: boolean;
+            /**
+                * This flag is used to enable or disable the XLSX/CSV download option for Liveboards.
+                *
+                * Supported embed types: `AppEmbed`, `LiveboardEmbed`
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.14.0.cl
+                * @example
+                * ```js
+                * // Replace <EmbedComponent> with embed component name. For example, AppEmbed or LiveboardEmbed
+                * const embed = new <EmbedComponent>('#tsEmbed', {
+                *    ... // other embed view config
+                *    liveboardXLSXCSVDownload: true,
+                * })
+                * ```
+                */
+            liveboardXLSXCSVDownload?: boolean;
     }
     export interface AllEmbedViewConfig extends BaseViewConfig, SearchLiveboardCommonViewConfig, HomePageConfig, LiveboardAppEmbedViewConfig {
     }
@@ -4568,6 +4642,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @hidden
                 */
             APP_INIT = "appInit",
+            /**
+                * Internal event to clear the cached info
+                * @hidden
+                */
+            CLEAR_INFO_CACHE = "clearInfoCache",
             /**
                 * Emitted when a user clicks **Show Liveboard details** on a Liveboard
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
@@ -5035,7 +5114,18 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * })
                 * ```
                 */
-            EmbedListenerReady = "EmbedListenerReady"
+            EmbedListenerReady = "EmbedListenerReady",
+            /**
+                * Emitted when the organization is switched.
+                * @example
+                * ```js
+                * appEmbed.on(EmbedEvent.OrgSwitched, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                * ```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            OrgSwitched = "orgSwitched"
     }
     /**
         * Event types that can be triggered by the host application
@@ -6297,17 +6387,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 * @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"
+            AskSpotter = "AskSpotter"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -6403,6 +6483,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             Query = "query",
             HideHomepageLeftNav = "hideHomepageLeftNav",
             ModularHomeExperienceEnabled = "modularHomeExperience",
+            HomepageVersion = "homepageVersion",
             ListPageVersion = "listpageVersion",
             PendoTrackingKey = "additionalPendoKey",
             LiveboardHeaderSticky = "isLiveboardHeaderSticky",
@@ -6443,7 +6524,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             isSpotterAgentEmbed = "isSpotterAgentEmbed",
             IsLiveboardStylingAndGroupingEnabled = "isLiveboardStylingAndGroupingEnabled",
             IsLazyLoadingForEmbedEnabled = "isLazyLoadingForEmbedEnabled",
-            RootMarginForLazyLoad = "rootMarginForLazyLoad"
+            RootMarginForLazyLoad = "rootMarginForLazyLoad",
+            LiveboardXLSXCSVDownload = "isLiveboardXLSXCSVDownloadEnabled"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands
@@ -7015,7 +7097,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * The Favorites icon (*) for Answers,
                 * Liveboard, and data objects like Worksheet, Model,
                 * Tables and Views.
-                * Allows adding an object to the user’s favorites list.
+                * Allows adding an object to the user's favorites list.
                 * @example
                 * ```js
                 * disabledActions: [Action.AddToFavorites]
@@ -7784,6 +7866,41 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             session: SessionInterface;
             vizId?: string;
     }
+    export interface CustomAction {
+            name: string;
+            id: string;
+            position: CustomActionsPosition;
+            target: CustomActionTarget;
+            metadataIds?: {
+                    answerIds?: string[];
+                    liveboardIds?: string[];
+                    vizIds?: string[];
+            };
+            dataModelIds?: {
+                    modelIds?: string[];
+                    modelColumnNames?: string[];
+            };
+            orgIds?: string[];
+            groupIds?: string[];
+    }
+    /**
+        * Enum options to show custom actions at different
+        * positions in the application.
+        */
+    export enum CustomActionsPosition {
+            PRIMARY = "PRIMARY",
+            MENU = "MENU",
+            CONTEXTMENU = "CONTEXTMENU"
+    }
+    /**
+        * Enum options to mention the target of the custom action.
+        */
+    export enum CustomActionTarget {
+            LIVEBOARD = "LIVEBOARD",
+            VIZ = "VIZ",
+            ANSWER = "ANSWER",
+            SPOTTER = "SPOTTER"
+    }
     /**
         * Enum options to show or suppress Visual Embed SDK and
         * ThoughtSpot application logs in the console output.
@@ -7878,6 +7995,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             hiddenHomeLeftNavItems: string[];
             customVariablesForThirdPartyTools: Record<string, any>;
             hiddenListColumns: ListPageColumns[];
+            customActions: CustomAction[];
     }
 }
 
@@ -8736,7 +8854,6 @@ 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.
@@ -9306,7 +9423,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 * @param query
                 */
             protected getEmbedBasePath(query: string): string;
-            protected getUpdateEmbedParamsObject(): Record<any, any>;
             /**
                 * Common query params set for all the embed modes.
                 * @param queryParams
@@ -9322,7 +9438,6 @@ 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;
@@ -9415,10 +9530,10 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 */
             off(messageType: EmbedEvent, callback: MessageCallback): typeof TsEmbed.prototype;
             /**
-             * @hidden
-             * Internal state to track if the embed container is loaded.
-             * This is used to trigger events after the embed container is loaded.
-             */
+                * @hidden
+                * Internal state to track if the embed container is loaded.
+                * This is used to trigger events after the embed container is loaded.
+                */
             isEmbedContainerLoaded: boolean;
             protected getPreRenderObj<T extends TsEmbed>(): T;
             /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.41.0-pre-render-1",
+    "version": "1.41.0",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -55,7 +55,7 @@
         "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",
+        "posttest": "cat ./coverage/sdk/lcov.info | npx coveralls-next",
         "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",
@@ -101,7 +101,7 @@
         "babel-jest": "^26.6.3",
         "babel-preset-gatsby": "^1.10.0",
         "command-line-args": "^5.1.1",
-        "coveralls": "^3.1.0",
+        "coveralls-next": "^5.0.0",
         "crypto": "^1.0.1",
         "current-git-branch": "^1.1.0",
         "dts-bundle": "^0.7.3",

package/src/embed/app.spec.ts

@@ -344,6 +344,34 @@ describe('App embed tests', () => {
         });
     });
 
+    test('should set liveboardXLSXCSVDownload to true in url', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardXLSXCSVDownload: true,
+        } as AppViewConfig);
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLiveboardXLSXCSVDownloadEnabled=true${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('should set liveboardXLSXCSVDownload to false in url', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardXLSXCSVDownload: false,
+        } as AppViewConfig);
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLiveboardXLSXCSVDownloadEnabled=false${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add the tag to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
@@ -611,6 +639,43 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add homepageVersion=v3 & navigationVersion=v3 & modularHomeExperience=true when Sliding and ModularWithStylingChanges configured in the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                primaryNavbarVersion: PrimaryNavbarVersion.Sliding,
+                homePage: HomePage.ModularWithStylingChanges,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true&navigationVersion=v3&homepageVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add homepageVersion=v3 & navigationVersion=v3 & modularHomeExperience=true when homePage is ModularWithStylingChanges to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            // primaryNavbarVersion is not included under discoveryExperience,
+            // then it set navigationVersion=v2 and modularHomeExperience=false.
+            discoveryExperience: {
+                homePage: HomePage.ModularWithStylingChanges,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&navigationVersion=v2&homepageVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add navigationVersion=v2 when primaryNavbarVersion is not added to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
@@ -657,11 +722,27 @@ describe('App embed tests', () => {
         });
     });
 
-    test('Should not add listpageVersion when listPageVersion is List (v2) to the iframe src', async () => {
+
+    test('Should add listpageVersion=v2 by default when no discoveryExperience is provided', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&navigationVersion=v2&listpageVersion=v2${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add listpageVersion=v2 by default when discoveryExperience is provided but listPageVersion is not specified', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
             discoveryExperience: {
-                listPageVersion: ListPage.List,
+                primaryNavbarVersion: PrimaryNavbarVersion.Sliding,
+                homePage: HomePage.Modular,
             },
         } as AppViewConfig);
 
@@ -669,11 +750,12 @@ describe('App embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false${defaultParams}${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true&navigationVersion=v3&listpageVersion=v2${defaultParams}${defaultParamsPost}#/home`,
             );
         });
     });
 
+
     test('Should add listpageVersion=v3 combined with other discoveryExperience options to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,

package/src/embed/app.ts

@@ -107,6 +107,11 @@ export enum HomePage {
      * It serves as the foundational version of the home page.
      */
     Modular = 'v2',
+    /**
+     * ModularWithStylingChanges (v3) introduces Modular Home Experience
+     * with styling changes.
+     */
+    ModularWithStylingChanges = 'v3',
 }
 
 /**
@@ -638,6 +643,7 @@ export class AppEmbed extends V1Embed {
             enablePendoHelp = true,
             discoveryExperience,
             coverAndFilterOptionInPDF = false,
+            liveboardXLSXCSVDownload = false,
             isLiveboardStylingAndGroupingEnabled,
         } = this.viewConfig;
 
@@ -657,6 +663,7 @@ export class AppEmbed extends V1Embed {
         params[Param.HideIrrelevantFiltersInTab] = hideIrrelevantChipsInLiveboardTabs;
         params[Param.IsUnifiedSearchExperienceEnabled] = isUnifiedSearchExperienceEnabled;
         params[Param.CoverAndFilterOptionInPDF] = !!coverAndFilterOptionInPDF;
+        params[Param.LiveboardXLSXCSVDownload] = !!liveboardXLSXCSVDownload;
 
         params = this.getBaseQueryParams(params);
 
@@ -746,6 +753,12 @@ export class AppEmbed extends V1Embed {
         // To use v3 navigation, we must manually set the discoveryExperience
         // settings.
         params[Param.NavigationVersion] = 'v2';
+        // Set homePageVersion to v2 by default to reset the LD flag value
+        // for the homepageVersion.
+        params[Param.HomepageVersion] = 'v2';
+        // Set listpageVersion to v2 by default to reset the LD flag value
+        // for the listpageVersion.
+        params[Param.ListPageVersion] = ListPage.List;
         if (discoveryExperience) {
             // primaryNavbarVersion v3 will enabled the new left navigation
             if (discoveryExperience.primaryNavbarVersion === PrimaryNavbarVersion.Sliding) {
@@ -759,6 +772,14 @@ export class AppEmbed extends V1Embed {
             if (discoveryExperience.homePage === HomePage.Modular) {
                 params[Param.ModularHomeExperienceEnabled] = true;
             }
+
+            // ModularWithStylingChanges (v3) introduces the styling changes
+            // to the Modular Homepage.
+            // v3 will be the base version of homePageVersion.
+            if (discoveryExperience.homePage === HomePage.ModularWithStylingChanges) {
+                params[Param.HomepageVersion] = HomePage.ModularWithStylingChanges;
+            }
+
             // listPageVersion v3 will enable the new list page
             if (discoveryExperience.listPageVersion === ListPage.ListWithUXChanges) {
                 params[Param.ListPageVersion] = discoveryExperience.listPageVersion;

package/src/embed/bodyless-conversation.ts

@@ -39,13 +39,6 @@ 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,
@@ -56,8 +49,10 @@ export class ConversationMessage extends TsEmbed {
             messageId,
         } = this.viewConfig;
         const path = 'conv-assist-answer';
-        const queryParams = this.getEmbedParamsObject();
+        const queryParams = this.getBaseQueryParams();
 
+        queryParams[Param.HideActions] = [...(queryParams[Param.HideActions] ?? [])];
+        queryParams[Param.isSpotterAgentEmbed] = true;
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
         if (queryParamsString) {

package/src/embed/conversation.ts

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