@thoughtspot/visual-embed-sdk 1.24.0-dev → 1.24.0-preRender.0

package/dist/visual-embed-sdk-react.d.ts

@@ -39,6 +39,7 @@ interface AppProps extends EmbedProps, AppViewConfig {
     * ```
     */
 export const AppEmbed: React.ForwardRefExoticComponent<AppProps & React.RefAttributes<_AppEmbed>>;
+export const PreRenderedAppEmbed: React.ForwardRefExoticComponent<AppProps & React.RefAttributes<_AppEmbed>>;
 interface LiveboardProps extends EmbedProps, LiveboardViewConfig {
 }
 /**
@@ -58,6 +59,8 @@ interface LiveboardProps extends EmbedProps, LiveboardViewConfig {
     */
 export const LiveboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
 export const PinboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
+export const PreRenderedLiveboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
+export const PreRenderedPinboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
 interface SearchBarEmbedProps extends EmbedProps, SearchBarViewConfig {
 }
 /**
@@ -74,6 +77,7 @@ interface SearchBarEmbedProps extends EmbedProps, SearchBarViewConfig {
     * ```
     */
 export const SearchBarEmbed: React.ForwardRefExoticComponent<SearchBarEmbedProps & React.RefAttributes<_SearchBarEmbed>>;
+export const PreRenderedSearchBarEmbed: React.ForwardRefExoticComponent<SearchBarEmbedProps & React.RefAttributes<_SearchBarEmbed>>;
 interface SageEmbedProps extends EmbedProps, SageViewConfig {
 }
 /**
@@ -90,6 +94,7 @@ interface SageEmbedProps extends EmbedProps, SageViewConfig {
     * ```
     */
 export const SageEmbed: React.ForwardRefExoticComponent<SageEmbedProps & React.RefAttributes<_SageEmbed>>;
+export const PreRenderedSageEmbed: React.ForwardRefExoticComponent<SageEmbedProps & React.RefAttributes<_SageEmbed>>;
 type EmbedComponent = typeof SearchEmbed | typeof AppEmbed | typeof LiveboardEmbed | typeof SearchBarEmbed | typeof SageEmbed;
 /**
     * Get a reference to the embed component to trigger events on the component.
@@ -109,7 +114,6 @@ type EmbedComponent = typeof SearchEmbed | typeof AppEmbed | typeof LiveboardEmb
     * @returns {React.MutableRefObject<T extends TsEmbed>} ref
     */
 export function useEmbedRef<T extends EmbedComponent>(): React.MutableRefObject<React.ComponentRef<T>>;
-export const PreRenderedLiveboardEmbed: React.ForwardRefExoticComponent<LiveboardProps & React.RefAttributes<_LiveboardEmbed>>;
 
 /**
     * @group Embed components
@@ -150,6 +154,7 @@ export declare class SearchBarEmbed extends TsEmbed {
             * 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
@@ -240,6 +245,7 @@ export declare class SageEmbed extends V1Embed {
             *
             */
         protected viewConfig: SageViewConfig;
+        protected embedComponentType: string;
         constructor(domSelector: DOMSelector, viewConfig: SageViewConfig);
         /**
             * Constructs a map of parameters to be passed on to the
@@ -251,9 +257,11 @@ export declare class SageEmbed extends V1Embed {
         /**
             * Render the embedded ThoughtSpot Sage
             *
+            * @param showPreRenderByDefault
             * @returns {SageEmbed} Eureka/Sage embed
             */
-        render(): SageEmbed;
+        render(showPreRenderByDefault?: boolean): SageEmbed;
+        preRender(showPreRenderByDefault?: boolean): SageEmbed;
 }
 
 /**
@@ -375,12 +383,16 @@ export declare class SearchEmbed extends TsEmbed {
             * The view configuration for the embedded ThoughtSpot search.
             */
         protected viewConfig: SearchViewConfig;
+        protected embedComponentType: string;
         constructor(domSelector: DOMSelector, viewConfig: SearchViewConfig);
         protected getEmbedParams(): string;
         /**
             * Render the embedded ThoughtSpot search
+            *
+            * @param showPreRenderByDefault
             */
-        render(): SearchEmbed;
+        render(showPreRenderByDefault?: boolean): SearchEmbed;
+        preRender(showPreRenderByDefault?: boolean): SearchEmbed;
 }
 
 /**
@@ -540,6 +552,7 @@ export interface AppViewConfig extends ViewConfig {
     */
 export declare 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
@@ -572,7 +585,8 @@ export declare class AppEmbed extends V1Embed {
             * @param renderOptions An object containing the page ID
             * to be embedded.
             */
-        render(): AppEmbed;
+        render(showPreRenderByDefault?: boolean): AppEmbed;
+        preRender(showPreRenderByDefault?: boolean): AppEmbed;
 }
 
 /**
@@ -689,6 +703,7 @@ export interface LiveboardViewConfig extends ViewConfig {
     */
 export declare 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
@@ -708,8 +723,8 @@ export declare class LiveboardEmbed extends V1Embed {
             * @param renderOptions An object specifying the Liveboard ID,
             * visualization ID and the runtime filters.
             */
-        render(): LiveboardEmbed;
-        preRender(): LiveboardEmbed;
+        render(showPreRenderByDefault?: boolean): LiveboardEmbed;
+        preRender(showPreRenderByDefault?: boolean): LiveboardEmbed;
         navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string): void;
 }
 /**
@@ -745,7 +760,7 @@ export function getViewPropsAndListeners<T extends EmbedProps, U extends ViewCon
   * @summary ThoughtSpot Visual Embed SDK
   * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
   */
-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, };
+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, };
 
 /**
     * Copyright (c) 2023
@@ -1478,6 +1493,12 @@ export interface ViewConfig {
             * @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.
@@ -1628,27 +1649,27 @@ export declare enum HomepageModule {
         /**
             * 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
@@ -3819,18 +3840,6 @@ export declare enum Action {
             */
         PersonalisedViewsDropdown = "personalisedViewsDropdown"
 }
-export interface SessionInterface {
-        sessionId: string;
-        genNo: number;
-        acSession: {
-                sessionId: string;
-                genNo: number;
-        };
-}
-export declare enum OperationType {
-        GetChartWithData = "GetChartWithData",
-        GetTableWithHeadlineData = "GetTableWithHeadlineData"
-}
 export interface AnswerServiceType {
         getAnswer?: (offset: number, batchSize: number) => any;
 }
@@ -3847,6 +3856,39 @@ export declare enum ContextMenuTriggerOptions {
         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;
+}
 
 /**
     * Copyright (c) 2022
@@ -3879,6 +3921,7 @@ export declare class TsEmbed {
             */
         protected thoughtSpotHost: string;
         protected thoughtSpotV2Base: string;
+        protected embedComponentType: string;
         constructor(domSelector: DOMSelector, viewConfig?: ViewConfig);
         /**
             * Handles errors within the SDK
@@ -3917,8 +3960,10 @@ export declare class TsEmbed {
             *
             * @param url
             * @param frameOptions
+            * @param showPreRender
+            * @param showPreRenderByDefault
             */
-        protected renderIFrame(url: string): Promise<any>;
+        protected renderIFrame(url: string, showPreRenderByDefault?: boolean): Promise<any>;
         getPreRenderIds(): {
                 wrapper: string;
                 shield: string;
@@ -3928,6 +3973,7 @@ export declare class TsEmbed {
         protected preRenderWrapper: HTMLElement;
         protected preRenderShield: HTMLElement;
         protected preRenderChild: HTMLElement;
+        protected connectPreRendered(): boolean;
         protected isPreRenderAvailable(): boolean;
         protected insertIntoDOMForPreRender(child: string | HTMLElement): void;
         hidePreRender(): void;
@@ -4032,7 +4078,7 @@ export declare class TsEmbed {
         /**
             * Creates the preRender shell
             */
-        preRender(): TsEmbed;
+        preRender(showPreRenderByDefault?: boolean): TsEmbed;
         /**
             * Get the Post Url Params for THOUGHTSPOT from the current
             * host app URL.
@@ -4073,7 +4119,7 @@ export declare class V1Embed extends TsEmbed {
             *
             * @param iframeSrc
             */
-        protected renderV1Embed(iframeSrc: string): any;
+        protected renderV1Embed(iframeSrc: string, showPreRenderByDefault?: boolean): any;
         protected getRootIframeSrc(): string;
         /**
             * @inheritdoc
@@ -4186,6 +4232,7 @@ export declare const renderInQueue: (fn: (next?: (val?: any) => void) => Promise
     *
     * @param data
     * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+    * @group Global methods
     */
 export declare const executeTML: (data: executeTMLInput) => Promise<any>;
 /**
@@ -4194,6 +4241,7 @@ export declare const executeTML: (data: executeTMLInput) => Promise<any>;
     *
     * @param data
     * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+    * @group Global methods
     */
 export declare const exportTML: (data: exportTMLInput) => Promise<any>;
 /**
@@ -4725,3 +4773,59 @@ export interface CustomCssVariables {
         '--ts-var-home-favorite-suggestion-card-background'?: string;
 }
 
+export interface SessionInterface {
+        sessionId: string;
+        genNo: number;
+        acSession: {
+                sessionId: string;
+                genNo: number;
+        };
+}
+export declare 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 declare 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 {};
+

package/dist/visual-embed-sdk.d.ts

@@ -13,7 +13,7 @@ import EventEmitter from 'eventemitter3';
   * @summary ThoughtSpot Visual Embed SDK
   * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
   */
-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, };
+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, };
 
 /**
     * Copyright (c) 2022
@@ -172,6 +172,7 @@ export interface AppViewConfig extends ViewConfig {
     */
 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
@@ -204,7 +205,8 @@ export class AppEmbed extends V1Embed {
             * @param renderOptions An object containing the page ID
             * to be embedded.
             */
-        render(): AppEmbed;
+        render(showPreRenderByDefault?: boolean): AppEmbed;
+        preRender(showPreRenderByDefault?: boolean): AppEmbed;
 }
 
 export interface executeTMLInput {
@@ -298,6 +300,7 @@ export const renderInQueue: (fn: (next?: (val?: any) => void) => Promise<any>) =
     *
     * @param data
     * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+    * @group Global methods
     */
 export const executeTML: (data: executeTMLInput) => Promise<any>;
 /**
@@ -306,6 +309,7 @@ export const executeTML: (data: executeTMLInput) => Promise<any>;
     *
     * @param data
     * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+    * @group Global methods
     */
 export const exportTML: (data: exportTMLInput) => Promise<any>;
 /**
@@ -427,6 +431,7 @@ export interface LiveboardViewConfig extends ViewConfig {
     */
 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
@@ -446,8 +451,8 @@ export class LiveboardEmbed extends V1Embed {
             * @param renderOptions An object specifying the Liveboard ID,
             * visualization ID and the runtime filters.
             */
-        render(): LiveboardEmbed;
-        preRender(): LiveboardEmbed;
+        render(showPreRenderByDefault?: boolean): LiveboardEmbed;
+        preRender(showPreRenderByDefault?: boolean): LiveboardEmbed;
         navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string): void;
 }
 /**
@@ -575,12 +580,16 @@ export class SearchEmbed extends TsEmbed {
             * The view configuration for the embedded ThoughtSpot search.
             */
         protected viewConfig: SearchViewConfig;
+        protected embedComponentType: string;
         constructor(domSelector: DOMSelector, viewConfig: SearchViewConfig);
         protected getEmbedParams(): string;
         /**
             * Render the embedded ThoughtSpot search
+            *
+            * @param showPreRenderByDefault
             */
-        render(): SearchEmbed;
+        render(showPreRenderByDefault?: boolean): SearchEmbed;
+        preRender(showPreRenderByDefault?: boolean): SearchEmbed;
 }
 
 /**
@@ -622,6 +631,7 @@ export class SearchBarEmbed extends TsEmbed {
             * 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
@@ -1543,6 +1553,12 @@ export interface ViewConfig {
             * @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.
@@ -1693,27 +1709,27 @@ export enum HomepageModule {
         /**
             * 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
@@ -3884,18 +3900,6 @@ export enum Action {
             */
         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;
 }
@@ -3912,6 +3916,39 @@ export enum ContextMenuTriggerOptions {
         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;
+}
 
 /**
     * The list of customization css variables. These
@@ -4337,6 +4374,7 @@ export class SageEmbed extends V1Embed {
             *
             */
         protected viewConfig: SageViewConfig;
+        protected embedComponentType: string;
         constructor(domSelector: DOMSelector, viewConfig: SageViewConfig);
         /**
             * Constructs a map of parameters to be passed on to the
@@ -4348,11 +4386,69 @@ export class SageEmbed extends V1Embed {
         /**
             * Render the embedded ThoughtSpot Sage
             *
+            * @param showPreRenderByDefault
             * @returns {SageEmbed} Eureka/Sage embed
             */
-        render(): SageEmbed;
+        render(showPreRenderByDefault?: boolean): SageEmbed;
+        preRender(showPreRenderByDefault?: boolean): SageEmbed;
 }
 
+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 {};
+
 /**
     * Copyright (c) 2022
     *
@@ -4384,6 +4480,7 @@ export class TsEmbed {
             */
         protected thoughtSpotHost: string;
         protected thoughtSpotV2Base: string;
+        protected embedComponentType: string;
         constructor(domSelector: DOMSelector, viewConfig?: ViewConfig);
         /**
             * Handles errors within the SDK
@@ -4422,8 +4519,10 @@ export class TsEmbed {
             *
             * @param url
             * @param frameOptions
+            * @param showPreRender
+            * @param showPreRenderByDefault
             */
-        protected renderIFrame(url: string): Promise<any>;
+        protected renderIFrame(url: string, showPreRenderByDefault?: boolean): Promise<any>;
         getPreRenderIds(): {
                 wrapper: string;
                 shield: string;
@@ -4433,6 +4532,7 @@ export class TsEmbed {
         protected preRenderWrapper: HTMLElement;
         protected preRenderShield: HTMLElement;
         protected preRenderChild: HTMLElement;
+        protected connectPreRendered(): boolean;
         protected isPreRenderAvailable(): boolean;
         protected insertIntoDOMForPreRender(child: string | HTMLElement): void;
         hidePreRender(): void;
@@ -4537,7 +4637,7 @@ export class TsEmbed {
         /**
             * Creates the preRender shell
             */
-        preRender(): TsEmbed;
+        preRender(showPreRenderByDefault?: boolean): TsEmbed;
         /**
             * Get the Post Url Params for THOUGHTSPOT from the current
             * host app URL.
@@ -4578,7 +4678,7 @@ export class V1Embed extends TsEmbed {
             *
             * @param iframeSrc
             */
-        protected renderV1Embed(iframeSrc: string): any;
+        protected renderV1Embed(iframeSrc: string, showPreRenderByDefault?: boolean): any;
         protected getRootIframeSrc(): string;
         /**
             * @inheritdoc

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.24.0-dev",
+    "version": "1.24.0-preRender.0",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -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",