@thoughtspot/visual-embed-sdk 1.32.1 → 1.32.3-alpha-1

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

@@ -72,7 +72,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
             /**
                 * SpotIQ listing page
                 */
-            SpotIQ = "insights"
+            SpotIQ = "insights",
+            /**
+                *  Monitor Alerts Page
+                */
+            Monitor = "monitor"
     }
     /**
         * Define the initial state os column custom group accordions
@@ -92,6 +96,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 */
             EXPAND_FIRST = "EXPAND_FIRST"
     }
+    export enum HomePageSearchBarMode {
+            OBJECT_SEARCH = "objectSearch",
+            AI_ANSWER = "aiAnswer",
+            NONE = "none"
+    }
     /**
         * The view configuration for full app embedding.
         * @group Embed components
@@ -278,19 +287,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             fullHeight?: boolean;
-            /**
-                * Flag to control Data panel experience
-                * @default false
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @example
-                * ```js
-                * const embed = new AppEmbed('#tsEmbed', {
-                *    ... // other options
-                *    dataPanelV2: true,
-                * })
-                * ```
-                */
-            dataPanelV2?: boolean;
             /**
                 * Show or hide Liveboard header
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
@@ -419,6 +415,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * @version SDK : 1.29.0 | Thoughtspot : 10.1.0.cl
                 */
             isOnBeforeGetVizDataInterceptEnabled?: boolean;
+            /**
+                * Flag to use home page search bar mode
+                * @version SDK : 1.33.0 | Thoughtspot : 10.2.0.cl
+                */
+            homePageSearchBarMode?: HomePageSearchBarMode;
     }
     /**
         * Embeds full ThoughtSpot experience in a host application.
@@ -1117,19 +1118,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * ```
                 */
             hideSearchBar?: boolean;
-            /**
-                * Flag to control Data panel experience
-                * @default false
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @example
-                * ```js
-                * const embed = new SearchEmbed('#tsEmbed', {
-                *    ... // other options
-                *    dataPanelV2:false,
-                * })
-                * ```
-                */
-            dataPanelV2?: boolean;
             /**
                 * Flag to set if last selected dataSource should be used
                 * @version: SDK: 1.24.0
@@ -2116,6 +2104,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.28.5 | Thoughtspot: *
                 */
             disableTokenVerification?: boolean;
+            /**
+                * This flag is used to disable showing the login failure page in the embedded app.
+                *
+                * @version SDK 1.32.3 | Thoughtspot: *
+                */
+            disableLoginFailurePage?: boolean;
     }
     export interface LayoutConfig {
     }
@@ -2563,6 +2557,19 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.32.1 | ThoughtSpot: 10.3.0.cl
                 */
             disableRedirectionLinksInNewTab?: boolean;
+            /**
+                * Flag to control Data panel experience
+                * @default true
+                * @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    dataPanelV2: true,
+                * })
+                * ```
+                */
+            dataPanelV2?: boolean;
     }
     /**
         * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -3307,7 +3314,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Emitted when a user clicks the **Update TML** action on
                 * embedded Liveboard.
-                *
                 * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
                 * @example
                 *```js
@@ -3319,7 +3325,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Emitted when a user clicks the **Edit TML** action
                 * on an embedded Liveboard.
-                *
                 * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
                 * @example
                 *```js
@@ -3927,20 +3932,16 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Export TML** action on an embedded Liveboard or
                 * Answer.
-                *
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.ExportTML)
                 * ```
-                *
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             ExportTML = "exportTSL",
             /**
                 * Trigger the **Edit TML** action on an embedded Liveboard or
                 * saved Answers in the full application embedding.
-                *
-                *
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.EditTML)
@@ -4067,7 +4068,6 @@ 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.
-                *
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Edit)
@@ -4334,7 +4334,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Get details of filters applied on the Liveboard.
                 * Returns arrays containing Liveboard filter and runtime filter elements.
-                *
                 * @example
                 * ```js
                 * const data = await liveboardEmbed.trigger(HostEvent.GetFilters);
@@ -4631,7 +4630,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             IsFullAppEmbed = "isFullAppEmbed",
             IsOnBeforeGetVizDataInterceptEnabled = "isOnBeforeGetVizDataInterceptEnabled",
             FocusSearchBarOnRender = "focusSearchBarOnRender",
-            DisableRedirectionLinksInNewTab = "disableRedirectionLinksInNewTab"
+            DisableRedirectionLinksInNewTab = "disableRedirectionLinksInNewTab",
+            HomePageSearchBarMode = "homePageSearchBarMode"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands
@@ -4681,7 +4681,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * The **Save as View** action on the Answer
                 * page. Saves an Answer as a View object in the full
                 * application embedding mode.
-                *
                 * @example
                 * ```js
                 * disabledActions: [Action.SaveAsView]
@@ -5139,7 +5138,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * The **Delete** action for Answers in the full application
                 * embedding mode.
-                *
                 * @example
                 * ```js
                 * disabledActions: [Action.AnswerDelete]
@@ -5411,9 +5409,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             RenameModalTitleDescription = "renameModalTitleDescription",
             /**
-                *
-                * The **Request Verification** action on the Liveboard.
-                * Triggers a Liveboard verification request.
                 *
                 * @example
                 * ```js
@@ -5558,7 +5553,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *
                 * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
                 */
-            CreateLiveboard = "CreateLiveboard",
+            CreateLiveboard = "createLiveboard",
             /**
                 * Action ID for to hide Verified Liveboard Banner
                 *  @example
@@ -5649,6 +5644,16 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
                 */
             UnsubscribeScheduleHomepage = "unsubscribeScheduleHomepage",
+            /**
+                * The **Manage Tags** action on Homepage Favourite Module.
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.ManageTags]
+                * ```
+                * @version SDK : 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            ManageTags = "manageTags",
             /**
                 * Action ID for delete schedule action on schedule on homepage
                 * @example
@@ -6141,6 +6146,34 @@ declare module '@thoughtspot/visual-embed-sdk/css-variables' {
                 * Background for favorite carousel find your favorites card in modular home.
                 */
             '--ts-var-home-favorite-suggestion-card-background'?: string;
+            /**
+                * Border color of checkbox in error state.
+                */
+            '--ts-var-checkbox-error-border'?: string;
+            /**
+                * Border color of checkbox.
+                */
+            '--ts-var-checkbox-border-color'?: string;
+            /**
+                * Border color of checkbox in hover state.
+                */
+            '--ts-var-checkbox-hover-border'?: string;
+            /**
+                * Border and font color of checkbox in active state.
+                */
+            '--ts-var-checkbox-active-color'?: string;
+            /**
+                * Border color and font color of checkbox in checked state.
+                */
+            '--ts-var-checkbox-checked-color'?: string;
+            /**
+                * Border and font color of checkbox in disabled state.
+                */
+            '--ts-var-checkbox-checked-disabled'?: string;
+            /**
+                * Background color of checkbox.
+                */
+            '--ts-var-checkbox-background-color'?: string;
     }
 }
 
@@ -6473,6 +6506,10 @@ declare module '@thoughtspot/visual-embed-sdk/mixpanel-service' {
     export const EndPoints: {
             CONFIG: string;
     };
+    /**
+        * Enum of mixpanel events
+        * @hidden
+        */
     export const MIXPANEL_EVENT: {
             VISUAL_SDK_RENDER_START: string;
             VISUAL_SDK_CALLED_INIT: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.32.1",
+    "version": "1.32.3-alpha-1",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -45,11 +45,6 @@
         "lint": "eslint 'src/**'",
         "lint:fix": "eslint 'src/**/*.*' --fix",
         "tsc": "tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",
-        "start": "gatsby develop",
-        "build:gatsby": "npm run clean:gatsby && gatsby build --prefix-paths",
-        "build:gatsby:noprefix": "npm run clean:gatsby && gatsby build",
-        "serve:gatsby": "gatsby serve",
-        "clean:gatsby": "gatsby clean",
         "build-and-publish": "npm run build:gatsby && npm run publish",
         "bundle-dts-file": "dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",
         "bundle-dts": "dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true",
@@ -57,11 +52,9 @@
         "bundle-dts-react-full": "dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",
         "build": "rollup -c",
         "watch": "rollup -cw",
-        "docs-cmd": "node scripts/gatsby-commands.js",
-        "docgen": "typedoc --tsconfig tsconfig.json --theme typedoc-theme",
+        "docgen": "typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck",
         "test-sdk": "jest -c jest.config.sdk.js --runInBand",
-        "test-docs": "jest -c jest.config.docs.js",
-        "test": "npm run test-sdk && npm run test-docs",
+        "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",
@@ -104,6 +97,7 @@
         "@testing-library/user-event": "^13.1.8",
         "@types/jest": "^22.2.3",
         "@types/mixpanel-browser": "^2.35.6",
+        "@types/lodash": "^4.17.0",
         "@types/react-test-renderer": "^17.0.1",
         "@typescript-eslint/eslint-plugin": "^4.6.0",
         "@typescript-eslint/parser": "^4.6.0",
@@ -122,18 +116,6 @@
         "eslint-plugin-prettier": "^3.1.4",
         "eslint-plugin-react-hooks": "^4.2.0",
         "fs-extra": "^10.0.0",
-        "gatsby": "3.13.1",
-        "gatsby-plugin-algolia": "^0.22.2",
-        "gatsby-plugin-catch-links": "^3.1.0",
-        "gatsby-plugin-env-variables": "^2.1.0",
-        "gatsby-plugin-intl": "^0.3.3",
-        "gatsby-plugin-manifest": "^3.2.0",
-        "gatsby-plugin-output": "^0.1.3",
-        "gatsby-plugin-sass": "6.7.0",
-        "gatsby-plugin-sitemap": "^4.10.0",
-        "gatsby-source-filesystem": "3.1.0",
-        "gatsby-transformer-asciidoc": "2.1.0",
-        "gatsby-transformer-rehype": "2.0.0",
         "gh-pages": "^3.1.0",
         "highlight.js": "^10.6.0",
         "html-to-text": "^8.0.0",

package/src/css-variables.ts

@@ -416,4 +416,32 @@ export interface CustomCssVariables {
      * Background for favorite carousel find your favorites card in modular home.
      */
     '--ts-var-home-favorite-suggestion-card-background'?: string;
+    /**
+     * Border color of checkbox in error state.
+     */
+    '--ts-var-checkbox-error-border'?: string;
+    /**
+     * Border color of checkbox.
+     */
+    '--ts-var-checkbox-border-color'?: string;
+    /**
+     * Border color of checkbox in hover state.
+     */
+    '--ts-var-checkbox-hover-border'?: string;
+    /**
+     * Border and font color of checkbox in active state.
+     */
+    '--ts-var-checkbox-active-color'?: string;
+    /**
+     * Border color and font color of checkbox in checked state.
+     */
+    '--ts-var-checkbox-checked-color'?: string;
+    /**
+     * Border and font color of checkbox in disabled state.
+     */
+    '--ts-var-checkbox-checked-disabled'?: string;
+    /**
+     * Background color of checkbox.
+     */
+    '--ts-var-checkbox-background-color'?: string;
   }

package/src/embed/app.spec.ts

@@ -3,6 +3,7 @@ import {
     AppViewConfig,
     DataPanelCustomColumnGroupsAccordionState,
     Page,
+    HomePageSearchBarMode,
 } from './app';
 import { init } from '../index';
 import {
@@ -137,6 +138,7 @@ describe('App embed tests', () => {
             [Page.Data]: 'data/tables',
             [Page.Home]: 'home',
             [Page.SpotIQ]: 'insights/results',
+            [Page.Monitor]: 'insights/monitor-alerts',
         };
 
         const pageIds = Object.keys(pageRouteMap);
@@ -169,6 +171,7 @@ describe('App embed tests', () => {
             [Page.Data]: 'data/tables',
             [Page.Home]: 'home',
             [Page.SpotIQ]: 'home/spotiq-analysis',
+            [Page.Monitor]: 'home/monitor-alerts',
         };
 
         const pageIdsForModularHomes = Object.keys(pageRouteMapForModularHome);
@@ -431,6 +434,51 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add HomePageSearchBarMode flag with object search to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            homePageSearchBarMode: HomePageSearchBarMode.OBJECT_SEARCH,
+        } as AppViewConfig);
+
+        await appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&homePageSearchBarMode=objectSearch${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add HomePageSearchBarMode flag with ai answer to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            homePageSearchBarMode: HomePageSearchBarMode.AI_ANSWER,
+        } as AppViewConfig);
+
+        await appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&homePageSearchBarMode=aiAnswer${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add HomePageSearchBarMode flag with none to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            homePageSearchBarMode: HomePageSearchBarMode.NONE,
+        } as AppViewConfig);
+
+        await appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&homePageSearchBarMode=none${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add dataPanelCustomGroupsAccordionInitialState flag to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,

package/src/embed/app.ts

@@ -53,6 +53,10 @@ export enum Page {
      * SpotIQ listing page
      */
     SpotIQ = 'insights',
+    /**
+     *  Monitor Alerts Page
+     */
+    Monitor = 'monitor'
 }
 
 /**
@@ -74,6 +78,11 @@ export enum DataPanelCustomColumnGroupsAccordionState {
     EXPAND_FIRST = 'EXPAND_FIRST',
 }
 
+export enum HomePageSearchBarMode {
+    OBJECT_SEARCH = 'objectSearch',
+    AI_ANSWER = 'aiAnswer',
+    NONE = 'none'
+}
 /**
  * The view configuration for full app embedding.
  * @group Embed components
@@ -260,19 +269,6 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * ```
      */
     fullHeight?: boolean;
-    /**
-     * Flag to control Data panel experience
-     * @default false
-     * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-     * @example
-     * ```js
-     * const embed = new AppEmbed('#tsEmbed', {
-     *    ... // other options
-     *    dataPanelV2: true,
-     * })
-     * ```
-     */
-    dataPanelV2?: boolean;
     /**
      * Show or hide Liveboard header
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
@@ -401,6 +397,11 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * @version SDK : 1.29.0 | Thoughtspot : 10.1.0.cl
      */
     isOnBeforeGetVizDataInterceptEnabled?: boolean;
+    /**
+     * Flag to use home page search bar mode
+     * @version SDK : 1.33.0 | Thoughtspot : 10.2.0.cl
+     */
+    homePageSearchBarMode?: HomePageSearchBarMode;
 }
 
 /**
@@ -438,7 +439,7 @@ export class AppEmbed extends V1Embed {
             hideOrgSwitcher,
             enableSearchAssist,
             fullHeight,
-            dataPanelV2 = false,
+            dataPanelV2 = true,
             hideLiveboardHeader = false,
             showLiveboardTitle = true,
             showLiveboardDescription = true,
@@ -453,6 +454,7 @@ export class AppEmbed extends V1Embed {
             /* eslint-disable-next-line max-len */
             dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL,
             collapseSearchBar = true,
+            homePageSearchBarMode,
         } = this.viewConfig;
 
         let params = {};
@@ -502,6 +504,10 @@ export class AppEmbed extends V1Embed {
             ] = isOnBeforeGetVizDataInterceptEnabled;
         }
 
+        if (homePageSearchBarMode) {
+            params[Param.HomePageSearchBarMode] = homePageSearchBarMode;
+        }
+
         params[Param.DataPanelV2Enabled] = dataPanelV2;
         params[Param.HideHomepageLeftNav] = hideHomepageLeftNav;
         params[Param.ModularHomeExperienceEnabled] = modularHomeExperience;
@@ -580,6 +586,8 @@ export class AppEmbed extends V1Embed {
                 return 'data/tables';
             case Page.SpotIQ:
                 return modularHomeExperience ? 'home/spotiq-analysis' : 'insights/results';
+            case Page.Monitor:
+                return modularHomeExperience ? 'home/monitor-alerts' : 'insights/monitor-alerts';
             case Page.Home:
             default:
                 return 'home';

package/src/embed/liveboard.spec.ts

@@ -67,6 +67,20 @@ describe('Liveboard/viz embed tests', () => {
         });
     });
 
+    test('should render liveboard with data panel v2 flag set to true by default', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}&enableDataPanelV2=true#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
     test('should set disabled actions', async () => {
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
             disabledActions: [Action.DownloadAsCsv, Action.DownloadAsPdf, Action.DownloadAsXlsx],

package/src/embed/liveboard.ts

@@ -340,6 +340,7 @@ export class LiveboardEmbed extends V1Embed {
             isLiveboardHeaderSticky = true,
             enableAskSage,
             enable2ColumnLayout,
+            dataPanelV2 = true,
         } = this.viewConfig;
 
         const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
@@ -388,6 +389,7 @@ export class LiveboardEmbed extends V1Embed {
 
         params[Param.LiveboardHeaderSticky] = isLiveboardHeaderSticky;
 
+        params[Param.DataPanelV2Enabled] = dataPanelV2;
         const queryParams = getQueryParamString(params, true);
 
         return queryParams;

package/src/embed/search.spec.ts

@@ -52,7 +52,7 @@ describe('Search embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&enableDataPanelV2=false&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&enableDataPanelV2=true&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
     });
@@ -416,16 +416,16 @@ describe('Search embed tests', () => {
         });
     });
 
-    test('should set enableDataPanelV2 to true if data panel v2 flag is true', async () => {
+    test('should set enableDataPanelV2 to false if data panel v2 flag is false', async () => {
         const searchEmbed = new SearchEmbed(getRootEl(), {
             ...defaultViewConfig,
-            dataPanelV2: true,
+            dataPanelV2: false,
         });
         searchEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=true&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=false&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
     });
@@ -438,7 +438,7 @@ describe('Search embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=false&useLastSelectedSources=true${prefixParams}#/embed/saved-answer/${answerId}`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=true&useLastSelectedSources=true${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
     });
@@ -453,7 +453,7 @@ describe('Search embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&enableDataPanelV2=false&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&enableDataPanelV2=true&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
     });
@@ -468,7 +468,7 @@ describe('Search embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&enableDataPanelV2=false&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&enableDataPanelV2=true&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
     });
@@ -499,7 +499,7 @@ describe('Search embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=false&useLastSelectedSources=false&hideSearchBar=true${prefixParams}#/embed/saved-answer/${answerId}`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=true&useLastSelectedSources=false&hideSearchBar=true${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
     });
@@ -514,7 +514,7 @@ describe('Search embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=false&useLastSelectedSources=false&dataPanelCustomGroupsAccordionInitialState=EXPAND_FIRST${prefixParams}#/embed/saved-answer/${answerId}`,
+                `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&enableDataPanelV2=true&useLastSelectedSources=false&dataPanelCustomGroupsAccordionInitialState=EXPAND_FIRST${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
     });

package/src/embed/search.ts

@@ -227,19 +227,6 @@ export interface SearchViewConfig
      * ```
      */
     hideSearchBar?: boolean;
-    /**
-     * Flag to control Data panel experience
-     * @default false
-     * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-     * @example
-     * ```js
-     * const embed = new SearchEmbed('#tsEmbed', {
-     *    ... // other options
-     *    dataPanelV2:false,
-     * })
-     * ```
-     */
-    dataPanelV2?: boolean;
     /**
      * Flag to set if last selected dataSource should be used
      * @version: SDK: 1.24.0
@@ -356,7 +343,7 @@ export class SearchEmbed extends TsEmbed {
             dataSources,
             excludeRuntimeFiltersfromURL,
             hideSearchBar,
-            dataPanelV2 = false,
+            dataPanelV2 = true,
             useLastSelectedSources = false,
             runtimeParameters,
             collapseSearchBarInitially = false,