@thoughtspot/visual-embed-sdk 1.24.0 → 1.24.2

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

@@ -13,7 +13,7 @@ declare module '@thoughtspot/visual-embed-sdk' {
       * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
       */
     import { AppEmbed, Page, AppViewConfig } from '@thoughtspot/visual-embed-sdk/embed/app';
-    import { init, prefetch, logout, getEmbedConfig, executeTML, exportTML } from '@thoughtspot/visual-embed-sdk/embed/base';
+    import { init, prefetch, logout, getEmbedConfig, executeTML, exportTML, executeTMLInput, exportTMLInput } from '@thoughtspot/visual-embed-sdk/embed/base';
     import { PinboardEmbed, LiveboardViewConfig, LiveboardEmbed } from '@thoughtspot/visual-embed-sdk/embed/liveboard';
     import { SearchEmbed, SearchViewConfig } from '@thoughtspot/visual-embed-sdk/embed/search';
     import { SearchBarEmbed, SearchBarViewConfig } from '@thoughtspot/visual-embed-sdk/embed/search-bar';
@@ -21,7 +21,8 @@ declare module '@thoughtspot/visual-embed-sdk' {
     import { AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, EmbedConfig, PrefetchFeatures, FrameParams, DOMSelector, HomeLeftNavItem, HomepageModule, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, ContextMenuTriggerOptions } 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';
-    export { init, logout, prefetch, executeTML, exportTML, getEmbedConfig as getInitConfig, getSessionInfo, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter, 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, };
+    import { AnswerService } from '@thoughtspot/visual-embed-sdk/utils/graphql/answerService/answerService';
+    export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter, AnswerService, 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, };
 }
 
 declare module '@thoughtspot/visual-embed-sdk/embed/app' {
@@ -75,7 +76,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
         *
         * @group Embed components
         */
-    export interface AppViewConfig extends ViewConfig {
+    export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
             /**
                 * If true, the main navigation bar within the ThoughtSpot app
                 * is displayed. By default, the navigation bar is hidden.
@@ -169,6 +170,27 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * @hidden
                 */
             dataPanelV2?: boolean;
+            /**
+                * Boolean to hide liveboard header
+                *
+                * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+                * @default false
+                */
+            hideLiveboardHeader?: boolean;
+            /**
+                * Boolean to show liveboard title
+                *
+                * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+                * @default false
+                */
+            showLiveboardTitle?: boolean;
+            /**
+                * Boolean to show liveboard description
+                *
+                * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+                * @default false
+                */
+            showLiveboardDescription?: boolean;
             /**
                 * Flag to control new Modular Home experience
                 *
@@ -184,6 +206,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
         */
     export class AppEmbed extends V1Embed {
             protected viewConfig: AppViewConfig;
+            protected embedComponentType: string;
             constructor(domSelector: DOMSelector, viewConfig: AppViewConfig);
             /**
                 * Constructs a map of parameters to be passed on to the
@@ -311,17 +334,16 @@ declare module '@thoughtspot/visual-embed-sdk/embed/base' {
     export const renderInQueue: (fn: (next?: (val?: any) => void) => Promise<any>) => Promise<any>;
     /**
         * Imports TML representation of the metadata objects into ThoughtSpot.
-        *
         * @param data
         * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+        * @group Global methods
         */
     export const executeTML: (data: executeTMLInput) => Promise<any>;
     /**
-        * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML
-        * format.
-        *
+        * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML format.
         * @param data
         * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+        * @group Global methods
         */
     export const exportTML: (data: exportTMLInput) => Promise<any>;
     /**
@@ -348,7 +370,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
         *
         * @group Embed components
         */
-    export interface LiveboardViewConfig extends ViewConfig {
+    export interface LiveboardViewConfig extends Omit<ViewConfig, 'hiddenHomepageModules' | 'hiddenHomeLeftNavItems'> {
             /**
                 * If set to true, the embedded object container dynamically resizes
                 * according to the height of the Liveboard.
@@ -425,6 +447,27 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
                 */
             hideTabPanel?: boolean;
+            /**
+                * Boolean to hide liveboard header
+                *
+                * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+                * @default false
+                */
+            hideLiveboardHeader?: boolean;
+            /**
+                * Boolean to show liveboard title
+                *
+                * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+                * @default false
+                */
+            showLiveboardTitle?: boolean;
+            /**
+                * Boolean to show liveboard description
+                *
+                * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+                * @default false
+                */
+            showLiveboardDescription?: boolean;
             /**
                 * The list of parameter override to apply to a Liveboard.
                 */
@@ -447,6 +490,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
         */
     export class LiveboardEmbed extends V1Embed {
             protected viewConfig: LiveboardViewConfig;
+            protected embedComponentType: string;
             constructor(domSelector: DOMSelector, viewConfig: LiveboardViewConfig);
             /**
                 * Construct a map of params to be passed on to the
@@ -508,7 +552,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
         *
         * @group Embed components
         */
-    export interface SearchViewConfig extends ViewConfig {
+    export interface SearchViewConfig extends Omit<ViewConfig, 'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs'> {
             /**
                 * If set to true, the data sources panel is collapsed on load,
                 * but can be expanded manually.
@@ -602,6 +646,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * The view configuration for the embedded ThoughtSpot search.
                 */
             protected viewConfig: SearchViewConfig;
+            protected embedComponentType: string;
             constructor(domSelector: DOMSelector, viewConfig: SearchViewConfig);
             protected getEmbedParams(): string;
             /**
@@ -618,7 +663,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search-bar' {
     /**
         * @group Embed components
         */
-    export interface SearchBarViewConfig extends Omit<ViewConfig, 'runtimeFilters' | 'showAlerts' | 'dataPanelV2'> {
+    export interface SearchBarViewConfig extends Omit<ViewConfig, 'runtimeFilters' | 'showAlerts' | 'dataPanelV2' | 'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs'> {
             /**
                 * The array of data source GUIDs to set on load.
                 * Only a single dataSource supported currently.
@@ -654,6 +699,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search-bar' {
                 * The view configuration for the embedded ThoughtSpot search bar.
                 */
             protected viewConfig: SearchBarViewConfig;
+            protected embedComponentType: string;
             constructor(domSelector: string, viewConfig: SearchBarViewConfig);
             /**
                 * Render the embedded ThoughtSpot search
@@ -859,6 +905,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
         * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
         */
     import { CustomCssVariables } from '@thoughtspot/visual-embed-sdk/css-variables';
+    import type { SessionInterface } from '@thoughtspot/visual-embed-sdk/utils/graphql/answerService/answerService';
     /**
         * The authentication mechanism for allowing access to the
         * the embedded app
@@ -1537,27 +1584,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @hidden
                 */
             excludeRuntimeFiltersfromURL?: boolean;
-            /**
-                * Boolean to hide liveboard header
-                *
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @default false
-                */
-            hideLiveboardHeader?: boolean;
-            /**
-                * Boolean to show liveboard title
-                *
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @default false
-                */
-            showLiveboardTitle?: boolean;
-            /**
-                * Boolean to show liveboard description
-                *
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @default false
-                */
-            showLiveboardDescription?: boolean;
             /**
                 * The list of tab IDs to hide from the embedded.
                 * This Tabs will be hidden from their respective LBs.
@@ -1582,6 +1608,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.27.0 | Thoughtspot: 9.8.0.cl
                 */
             hiddenHomepageModules?: HomepageModule[];
+            /**
+                * reordering the home page modules
+                * eg: reorderedHomepageModules = [HomepageModule.MyLibrary, HomepageModule.Watchlist]
+                * @version SDK: 1.28.0 | Thoughtspot: 9.9.0.cl
+                */
+            reorderedHomepageModules?: HomepageModule[];
             /**
                 * The list of tab IDs to show in the embedded.
                 * Only this Tabs will be shown in their respective LBs.
@@ -1728,27 +1760,27 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Search bar
                 */
-            Search = "search",
+            Search = "SEARCH",
             /**
                 * kPI watchlist module
                 */
-            Watchlist = "watchlist",
+            Watchlist = "WATCHLIST",
             /**
                 * favorite objects
                 */
-            Favorite = "favorite",
+            Favorite = "FAVORITE",
             /**
                 * List of answers and liveboards
                 */
-            MyLibrary = "mylibrary",
+            MyLibrary = "MY_LIBRARY",
             /**
                 * Trending list
                 */
-            Trending = "trending",
+            Trending = "TRENDING",
             /**
                 * Learning videos
                 */
-            Learning = "learning"
+            Learning = "LEARNING"
     }
     /**
         * A filter that can be applied to ThoughtSpot answers, Liveboards, or
@@ -3919,18 +3951,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             PersonalisedViewsDropdown = "personalisedViewsDropdown"
     }
-    export interface SessionInterface {
-            sessionId: string;
-            genNo: number;
-            acSession: {
-                    sessionId: string;
-                    genNo: number;
-            };
-    }
-    export enum OperationType {
-            GetChartWithData = "GetChartWithData",
-            GetTableWithHeadlineData = "GetTableWithHeadlineData"
-    }
     export interface AnswerServiceType {
             getAnswer?: (offset: number, batchSize: number) => any;
     }
@@ -3947,6 +3967,39 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             LEFT_CLICK = "left-click",
             RIGHT_CLICK = "right-click"
     }
+    export interface ColumnValue {
+            column: {
+                    id: string;
+                    name: string;
+                    dataType: string;
+                    [key: string]: any;
+            };
+            value: string | number | boolean;
+    }
+    export interface VizPoint {
+            selectedAttributes: ColumnValue[];
+            selectedMeasures: ColumnValue[];
+    }
+    export interface CustomActionPayload {
+            contextMenuPoints?: {
+                    clickedPoint: VizPoint;
+                    selectedPoints: VizPoint[];
+            };
+            embedAnswerData: {
+                    name: string;
+                    id: string;
+                    sources: {
+                            header: {
+                                    guid: string;
+                            };
+                    };
+                    columns: any[];
+                    data: any[];
+                    [key: string]: any;
+            };
+            session: SessionInterface;
+            vizId?: string;
+    }
 }
 
 declare module '@thoughtspot/visual-embed-sdk/css-variables' {
@@ -4326,7 +4379,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/sage' {
         * @version: SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl, 9.5.1-sw
         * @group Embed components
         */
-    export interface SageViewConfig extends ViewConfig {
+    export interface SageViewConfig extends Omit<ViewConfig, 'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs'> {
             /**
                 * If set to true, a list of liveboard and answers related
                 * to the natural language search will be shown below the
@@ -4378,6 +4431,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/sage' {
                 *
                 */
             protected viewConfig: SageViewConfig;
+            protected embedComponentType: string;
             constructor(domSelector: DOMSelector, viewConfig: SageViewConfig);
             /**
                 * Constructs a map of parameters to be passed on to the
@@ -4395,6 +4449,65 @@ declare module '@thoughtspot/visual-embed-sdk/embed/sage' {
     }
 }
 
+declare module '@thoughtspot/visual-embed-sdk/utils/graphql/answerService/answerService' {
+    import type { VizPoint } from '@thoughtspot/visual-embed-sdk/types';
+    export interface SessionInterface {
+            sessionId: string;
+            genNo: number;
+            acSession: {
+                    sessionId: string;
+                    genNo: number;
+            };
+    }
+    export enum OperationType {
+            GetChartWithData = "GetChartWithData",
+            GetTableWithHeadlineData = "GetTableWithHeadlineData"
+    }
+    interface UnderlyingDataPoint {
+            columnId: string;
+            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.
+        *
+        * @example
+        * ```js
+        *  embed.on(EmbedEvent.CustomAction, e => {
+        *     const underlying = await e.answerService.getUnderlyingDataForPoint([
+        *       'col name 1'
+        *     ]);
+        *     const data = await underlying.fetchData(0, 100);
+        *  })
+        * ```
+        * @version
+        * ThoughtSpot: 9.9.0.cl / SDK: 1.25.0
+        */
+    export class AnswerService {
+            constructor(session: SessionInterface, answer: any, thoughtSpotHost: string, selectedPoints?: VizPoint[]);
+            getSourceDetail(): Promise<any>;
+            removeColumns(columnIds: string[]): Promise<any>;
+            addColumns(columnIds: string[]): Promise<any>;
+            fetchData(offset?: number, size?: number): Promise<{
+                    columns: any;
+                    data: any;
+            }>;
+            /**
+                *
+                * @param userLocale
+                * @param omitInfo Omit the download Info on top of the CSV
+                * @returns Response
+                */
+            fetchCSVBlob(userLocale?: string, omitInfo?: boolean): Promise<Response>;
+            getUnderlyingDataForPoint(outputColumnNames: string[], selectedPoints?: UnderlyingDataPoint[]): Promise<AnswerService>;
+            executeQuery(query: string, variables: any): Promise<any>;
+            getSession(): SessionInterface;
+    }
+    export {};
+}
+
 declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
     /**
         * Copyright (c) 2022
@@ -4428,6 +4541,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 */
             protected thoughtSpotHost: string;
             protected thoughtSpotV2Base: string;
+            protected embedComponentType: string;
             constructor(domSelector: DOMSelector, viewConfig?: ViewConfig);
             /**
                 * Handles errors within the SDK

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.24.0",
+    "version": "1.24.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -37,8 +37,8 @@
     },
     "size-limit": [
         {
-          "path": "dist/tsembed.js",
-          "limit": "40 kB"
+            "path": "dist/tsembed.js",
+            "limit": "40 kB"
         }
     ],
     "scripts": {
@@ -139,11 +139,10 @@
         "identity-obj-proxy": "^3.0.0",
         "istanbul-merge": "^1.1.1",
         "jest": "^26.6.3",
-        "jest-puppeteer": "^4.4.0",
+        "jest-fetch-mock": "^3.0.3",
         "jsdom": "^17.0.0",
         "node-sass": "^8.0.0",
         "prettier": "2.1.2",
-        "puppeteer": "^7.0.1",
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
         "react-resizable": "^1.11.0",

package/src/embed/app.ts

@@ -55,7 +55,7 @@ export enum Page {
  *
  * @group Embed components
  */
-export interface AppViewConfig extends ViewConfig {
+export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
     /**
      * If true, the main navigation bar within the ThoughtSpot app
      * is displayed. By default, the navigation bar is hidden.
@@ -149,6 +149,27 @@ export interface AppViewConfig extends ViewConfig {
      * @hidden
      */
     dataPanelV2?: boolean;
+    /**
+     * Boolean to hide liveboard header
+     *
+     * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+     * @default false
+     */
+    hideLiveboardHeader?: boolean;
+    /**
+     * Boolean to show liveboard title
+     *
+     * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+     * @default false
+     */
+    showLiveboardTitle?: boolean;
+    /**
+     * Boolean to show liveboard description
+     *
+     * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+     * @default false
+     */
+    showLiveboardDescription?: boolean;
     /**
      * Flag to control new Modular Home experience
      *
@@ -168,6 +189,8 @@ export class AppEmbed extends V1Embed {
 
     private defaultHeight = '100%';
 
+    protected embedComponentType = 'AppEmbed';
+
     // eslint-disable-next-line no-useless-constructor
     constructor(domSelector: DOMSelector, viewConfig: AppViewConfig) {
         super(domSelector, viewConfig);
@@ -194,6 +217,9 @@ export class AppEmbed extends V1Embed {
             enableSearchAssist,
             fullHeight,
             dataPanelV2 = false,
+            hideLiveboardHeader,
+            showLiveboardTitle,
+            showLiveboardDescription,
             hideHomepageLeftNav = false,
             modularHomeExperience = false,
         } = this.viewConfig;
@@ -204,6 +230,9 @@ export class AppEmbed extends V1Embed {
         params[Param.HideProfleAndHelp] = !!disableProfileAndHelp;
         params[Param.HideApplicationSwitcher] = !!hideApplicationSwitcher;
         params[Param.HideOrgSwitcher] = !!hideOrgSwitcher;
+        params[Param.HideLiveboardHeader] = !!hideLiveboardHeader;
+        params[Param.ShowLiveboardTitle] = !!showLiveboardTitle;
+        params[Param.ShowLiveboardDescription] = !!showLiveboardDescription;
 
         params = this.getBaseQueryParams(params);
 

package/src/embed/base.ts

@@ -258,9 +258,9 @@ export const renderInQueue = (fn: (next?: (val?: any) => void) => Promise<any>):
 
 /**
  * Imports TML representation of the metadata objects into ThoughtSpot.
- *
  * @param data
  * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+ * @group Global methods
  */
 export const executeTML = async (data: executeTMLInput): Promise<any> => {
     const { thoughtSpotHost, authType } = config;
@@ -306,11 +306,10 @@ export const executeTML = async (data: executeTMLInput): Promise<any> => {
 };
 
 /**
- * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML
- * format.
- *
+ * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML format.
  * @param data
  * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+ * @group Global methods
  */
 export const exportTML = async (data: exportTMLInput): Promise<any> => {
     const { thoughtSpotHost, authType } = config;

package/src/embed/liveboard.ts

@@ -29,7 +29,7 @@ import { V1Embed } from './ts-embed';
  *
  * @group Embed components
  */
-export interface LiveboardViewConfig extends ViewConfig {
+export interface LiveboardViewConfig extends Omit<ViewConfig, 'hiddenHomepageModules' | 'hiddenHomeLeftNavItems'> {
     /**
      * If set to true, the embedded object container dynamically resizes
      * according to the height of the Liveboard.
@@ -106,6 +106,27 @@ export interface LiveboardViewConfig extends ViewConfig {
      * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
      */
     hideTabPanel?: boolean;
+    /**
+     * Boolean to hide liveboard header
+     *
+     * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+     * @default false
+     */
+    hideLiveboardHeader?: boolean;
+    /**
+     * Boolean to show liveboard title
+     *
+     * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+     * @default false
+     */
+    showLiveboardTitle?: boolean;
+    /**
+     * Boolean to show liveboard description
+     *
+     * @version SDK: 1.23.0 | Thoughtspot: 9.6.0.cl
+     * @default false
+     */
+    showLiveboardDescription?: boolean;
     /**
      * The list of parameter override to apply to a Liveboard.
      */
@@ -132,6 +153,8 @@ export class LiveboardEmbed extends V1Embed {
 
     private defaultHeight = 500;
 
+    protected embedComponentType = 'LiveboardEmbed';
+
     // eslint-disable-next-line no-useless-constructor
     constructor(domSelector: DOMSelector, viewConfig: LiveboardViewConfig) {
         super(domSelector, viewConfig);
@@ -159,6 +182,9 @@ export class LiveboardEmbed extends V1Embed {
             vizId,
             hideTabPanel,
             activeTabId,
+            hideLiveboardHeader,
+            showLiveboardDescription,
+            showLiveboardTitle,
             runtimeParameters,
         } = this.viewConfig;
 
@@ -190,6 +216,15 @@ export class LiveboardEmbed extends V1Embed {
         if (hideTabPanel) {
             params[Param.HideTabPanel] = hideTabPanel;
         }
+        if (hideLiveboardHeader) {
+            params[Param.HideLiveboardHeader] = hideLiveboardHeader;
+        }
+        if (showLiveboardDescription) {
+            params[Param.ShowLiveboardDescription] = showLiveboardDescription;
+        }
+        if (showLiveboardTitle) {
+            params[Param.ShowLiveboardTitle] = showLiveboardTitle;
+        }
         let queryParams = getQueryParamString(params, true);
 
         const parameterQuery = getRuntimeParameters(runtimeParameters || []);

package/src/embed/sage.ts

@@ -37,7 +37,11 @@ export interface SearchOptions {
  * @version: SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl, 9.5.1-sw
  * @group Embed components
  */
-export interface SageViewConfig extends ViewConfig {
+export interface SageViewConfig
+    extends Omit<
+        ViewConfig,
+        'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs'
+    > {
     /**
      * If set to true, a list of liveboard and answers related
      * to the natural language search will be shown below the
@@ -47,11 +51,11 @@ export interface SageViewConfig extends ViewConfig {
     /**
      * flag to disable changing worksheet. default false.
      */
-    disableWorksheetChange?: boolean,
+    disableWorksheetChange?: boolean;
     /**
      * flag to hide worksheet selector. default false.
      */
-    hideWorksheetSelector?: boolean,
+    hideWorksheetSelector?: boolean;
     /**
      * If set to true, the search suggestions will contain existing
      * liveboards and answers in addition with the autocomplete
@@ -75,7 +79,6 @@ export interface SageViewConfig extends ViewConfig {
      * Configuration for search options
      */
     searchOptions?: SearchOptions;
-
 }
 export const HiddenActionItemByDefaultForSageEmbed = [
     Action.Save,
@@ -100,6 +103,8 @@ export class SageEmbed extends V1Embed {
      */
     protected viewConfig: SageViewConfig;
 
+    protected embedComponentType = 'SageEmbed';
+
     // eslint-disable-next-line no-useless-constructor
     constructor(domSelector: DOMSelector, viewConfig: SageViewConfig) {
         super(domSelector, viewConfig);

package/src/embed/search-bar.tsx

@@ -7,7 +7,16 @@ import { SearchOptions } from './search';
  * @group Embed components
  */
 export interface SearchBarViewConfig
-    extends Omit<ViewConfig, 'runtimeFilters' | 'showAlerts' | 'dataPanelV2'> {
+    extends Omit<
+        ViewConfig,
+        | 'runtimeFilters'
+        | 'showAlerts'
+        | 'dataPanelV2'
+        | 'hiddenHomepageModules'
+        | 'hiddenHomeLeftNavItems'
+        | 'hiddenTabs'
+        | 'visibleTabs'
+    > {
     /**
      * The array of data source GUIDs to set on load.
      * Only a single dataSource supported currently.
@@ -45,6 +54,8 @@ export class SearchBarEmbed extends TsEmbed {
      */
     protected viewConfig: SearchBarViewConfig;
 
+    protected embedComponentType = 'SearchBarEmbed';
+
     constructor(domSelector: string, viewConfig: SearchBarViewConfig) {
         super(domSelector);
         this.viewConfig = viewConfig;

package/src/embed/search.ts

@@ -50,7 +50,11 @@ export interface SearchOptions {
  *
  * @group Embed components
  */
-export interface SearchViewConfig extends ViewConfig {
+export interface SearchViewConfig
+    extends Omit<
+        ViewConfig,
+        'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs'
+    > {
     /**
      * If set to true, the data sources panel is collapsed on load,
      * but can be expanded manually.
@@ -153,6 +157,8 @@ export class SearchEmbed extends TsEmbed {
      */
     protected viewConfig: SearchViewConfig;
 
+    protected embedComponentType = 'SearchEmbed';
+
     constructor(domSelector: DOMSelector, viewConfig: SearchViewConfig) {
         super(domSelector);
         this.viewConfig = viewConfig;