@thoughtspot/visual-embed-sdk 1.13.0-alpha.1 → 1.13.0-alpha.4

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

@@ -110,6 +110,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * @hidden
                 */
             liveboardV2?: boolean;
+            /**
+                * If set to true, the Search Assist feature is enabled.
+                * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl
+                */
+            enableSearchAssist?: boolean;
     }
     /**
         * Embeds full ThoughtSpot experience in a host application.
@@ -151,6 +156,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/base' {
     export let authPromise: Promise<boolean>;
     export const getEmbedConfig: () => EmbedConfig;
     export const getAuthPromise: () => Promise<boolean>;
+    export function notifyAuthSDKSuccess(): void;
     export function notifyAuthSuccess(): void;
     export function notifyAuthFailure(failureType: AuthFailureType): void;
     export function notifyLogout(): void;
@@ -414,8 +420,21 @@ declare module '@thoughtspot/visual-embed-sdk/auth' {
             OTHER = "OTHER"
     }
     export enum AuthStatus {
+            /**
+                * Emits when the SDK fails to authenticate
+                */
             FAILURE = "FAILURE",
+            /**
+                * Emits when the SDK succeeds to authenticate
+                */
+            SDK_SUCCESS = "SDK_SUCCESS",
+            /**
+                * Emits when the App sends a auth success
+                */
             SUCCESS = "SUCCESS",
+            /**
+                * Emits when there is a logout
+                */
             LOGOUT = "LOGOUT"
     }
     /**
@@ -467,8 +486,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             None = "None",
             /**
                 * SSO using SAML
+                * @deprecated Use {@link SAML} instead
                 */
             SSO = "SSO_SAML",
+            /**
+                * SSO using SAML
+                */
+            SAML = "SSO_SAML",
             /**
                 * SSO using OIDC
                 */
@@ -486,6 +510,26 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             Basic = "Basic"
     }
     export type DOMSelector = string | HTMLElement;
+    interface customCssInterface {
+            variables?: {
+                    [variableName: string]: string;
+            };
+            rules_UNSTABLE?: {
+                    [selector: string]: {
+                            [declaration: string]: string;
+                    };
+            };
+    }
+    interface CustomStyles {
+            customCSSUrl?: string;
+            customCss?: customCssInterface;
+    }
+    export interface CustomisationsInterface {
+            style: CustomStyles;
+            content: {
+                    [key: string]: string;
+            };
+    }
     /**
         * The configuration object for embedding ThoughtSpot content.
         * It includes the ThoughtSpot hostname or IP address,
@@ -617,6 +661,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.12.0 | ThoughtSpot: *
                 */
             suppressSearchEmbedBetaWarning?: boolean;
+            /**
+                * Custom style params for embed Config
+                */
+            customisations?: CustomisationsInterface;
     }
     /**
         * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -971,7 +1019,66 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Emitted when an answer is switched to a chart or table view
                 * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl
                 */
-            AnswerChartSwitcher = "answerChartSwitcher"
+            AnswerChartSwitcher = "answerChartSwitcher",
+            /**
+                *
+                */
+            APP_INIT = "appInit",
+            /**
+                * Emitted when a user clicks Show Liveboard details on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            LiveboardInfo = "pinboardInfo",
+            /**
+                * Emitted when a user clicks on the Favorite icon on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            AddToFavorites = "addToFavorites",
+            /**
+                * Emitted when a user clicks Schedule on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Schedule = "subscription",
+            /**
+                * Emitted when a user clicks Edit on a Liveboard or visualization
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Edit = "edit",
+            /**
+                * Emitted when a user clicks Make a copy on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            MakeACopy = "makeACopy",
+            /**
+                * Emitted when a user clicks Present on a Liveboard or visualization
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Present = "present",
+            /**
+                * Emitted when a user clicks Delete on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Delete = "delete",
+            /**
+                * Emitted when a user clicks Manage schedules on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            SchedulesList = "schedule-list",
+            /**
+                * Emitted when a user clicks Cancel in edit mode on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Cancel = "cancel",
+            /**
+                * Emitted when a user clicks Explore on a visualization
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Explore = "explore",
+            /**
+                * Emitted when a user clicks Copy link action on a visualization
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            CopyLink = "copyLink"
     }
     /**
         * Event types that can be triggered by the host application
@@ -1033,12 +1140,106 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             getExportRequestForCurrentPinboard = "getExportRequestForCurrentPinboard",
             /**
-                * Fires the pin action on an embedded object
-                * @param - incase of liveboard embed, takes in an object with vizId as a key
-                * can be left empty for search and viz embeds
+                * Triggers the Pin action on an embedded object
+                * @param - incase of Liveboard embed, takes in an object with vizId as a key
+                * can be left empty for search and visualization embeds
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Pin = "pin",
+            /**
+                * Triggers the Show Liveboard details action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            LiveboardInfo = "pinboardInfo",
+            /**
+                * Triggers the Schedule action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Schedule = "subscription",
+            /**
+                * Triggers the Manage schedule action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            SchedulesList = "schedule-list",
+            /**
+                * Triggers the Export TML action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            ExportTML = "exportTSL",
+            /**
+                * Triggers the Edit TML action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            EditTML = "editTSL",
+            /**
+                * Triggers the Update TML action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            UpdateTML = "updateTSL",
+            /**
+                * Triggers the Download PDF action on a Liveboard
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
                 */
-            Pin = "pin"
+            DownloadAsPdf = "downloadAsPdf",
+            /**
+                * Triggers the Make a copy action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            MakeACopy = "makeACopy",
+            /**
+                * Triggers the Delete action on a Liveboard
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Remove = "delete",
+            /**
+                * Triggers the Explore action on a visualization
+                * @param - an object with vizId as a key
+                * eg: {vizId: '730496d6-6903-4601-937e-2c691821af3c'}
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Explore = "explore",
+            /**
+                * Triggers the Create alert action on a visualization
+                * @param - an object with vizId as a key
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            CreateMonitor = "createMonitor",
+            /**
+                * Triggers the Manage alert action on a visualization
+                * @param - an object with vizId as a key
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            ManageMonitor = "manageMonitor",
+            /**
+                * Triggers the Edit action on a Liveboard or visualization
+                * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.Edit)
+                * liveboardEmbed.trigger(HostEvent.Edit, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger((HostEvent.Edit)
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Edit = "edit",
+            /**
+                * Triggers the Copy link action on a Liveboard or visualization
+                * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.CopyLink)
+                * liveboardEmbed.trigger(HostEvent.CopyLink, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger((HostEvent.CopyLink)
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            CopyLink = "embedDocument",
+            /**
+                * Triggers the Present action on a Liveboard or visualization
+                * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+                * @example
+                * liveboardEmbed.trigger(HostEvent.Present)
+                * liveboardEmbed.trigger(HostEvent.Present, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+                * vizEmbed.trigger((HostEvent.Present)
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Present = "present"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -1083,6 +1284,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             fullHeight = "isFullHeightPinboard",
             livedBoardEmbed = "isLiveboardEmbed",
             searchEmbed = "isSearchEmbed",
+            vizEmbed = "isVizEmbed",
             Version = "sdkVersion",
             ViewPortHeight = "viewPortHeight",
             ViewPortWidth = "viewPortWidth",
@@ -1092,7 +1294,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             visibleVizs = "pinboardVisibleVizs",
             LiveboardV2Enabled = "isPinboardV2Enabled",
             ShowAlerts = "showAlerts",
-            Locale = "locale"
+            Locale = "locale",
+            CustomStyle = "customStyle"
     }
     /**
         * The list of actions that can be performed on visual ThoughtSpot
@@ -1253,6 +1456,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
     export interface AnswerServiceType {
             getAnswer?: (offset: number, batchSize: number) => any;
     }
+    export {};
 }
 
 declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
@@ -1397,7 +1601,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 * @param isAppEmbed A Boolean parameter to specify if you are embedding
                 * the full application.
                 */
-            protected getV1EmbedBasePath(queryString: string, showPrimaryNavbar?: boolean, disableProfileAndHelp?: boolean, isAppEmbed?: boolean): string;
+            protected getV1EmbedBasePath(queryString: string, showPrimaryNavbar?: boolean, disableProfileAndHelp?: boolean, isAppEmbed?: boolean, enableSearchAssist?: boolean): string;
             /**
                 * Renders the embedded ThoughtSpot app in an iframe and sets up
                 * event listeners.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.13.0-alpha.1",
+    "version": "1.13.0-alpha.4",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -146,4 +146,4 @@
     "globals": {
         "window": {}
     }
-}
+}

package/src/auth.spec.ts

@@ -49,6 +49,9 @@ export const embedConfig: any = {
     SSOAuth: {
         authType: AuthType.SSO,
     },
+    SAMLAuth: {
+        authType: AuthType.SAML,
+    },
     OIDCAuth: {
         authType: AuthType.OIDC,
     },
@@ -386,6 +389,13 @@ describe('Unit test for auth', () => {
         expect(authInstance.doSamlAuth).toBeCalled();
     });
 
+    it('authenticate: when authType is SMAL', async () => {
+        jest.spyOn(authInstance, 'doSamlAuth');
+        await authInstance.authenticate(embedConfig.SAMLAuth);
+        expect(window.location.hash).toBe('');
+        expect(authInstance.doSamlAuth).toBeCalled();
+    });
+
     it('authenticate: when authType is OIDC', async () => {
         jest.spyOn(authInstance, 'doOIDCAuth');
         await authInstance.authenticate(embedConfig.OIDCAuth);

package/src/auth.ts

@@ -41,8 +41,21 @@ export enum AuthFailureType {
 }
 
 export enum AuthStatus {
+    /**
+     * Emits when the SDK fails to authenticate
+     */
     FAILURE = 'FAILURE',
+    /**
+     * Emits when the SDK succeeds to authenticate
+     */
+    SDK_SUCCESS = 'SDK_SUCCESS',
+    /**
+     * Emits when the App sends a auth success
+     */
     SUCCESS = 'SUCCESS',
+    /**
+     * Emits when there is a logout
+     */
     LOGOUT = 'LOGOUT',
 }
 
@@ -319,6 +332,7 @@ export const authenticate = async (
     const { authType } = embedConfig;
     switch (authType) {
         case AuthType.SSO:
+        case AuthType.SAML:
             return doSamlAuth(embedConfig);
         case AuthType.OIDC:
             return doOIDCAuth(embedConfig);

package/src/config.spec.ts

@@ -64,4 +64,15 @@ describe('getThoughtSpotHost', () => {
             }),
         ).toBe('http://1.2.3.4:8088/v2');
     });
+
+    test('when authtype SAML, fully formed URL with', () => {
+        expect(
+            getThoughtSpotHost({
+                ...embedConfig,
+                authType: AuthType.SAML,
+                thoughtSpotHost:
+                    'http://1.2.3.4:8088/v2/?foo=bar&baz=42#myhash',
+            }),
+        ).toBe('http://1.2.3.4:8088/v2');
+    });
 });

package/src/embed/app.spec.ts

@@ -176,6 +176,20 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add enableSearchAssist flagto the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            enableSearchAssist: true,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&enableSearchAssist=true${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     describe('Navigate to Page API', () => {
         const path = 'pinboard/e0836cad-4fdf-42d4-bd97-567a6b2a6058';
         beforeEach(() => {

package/src/embed/app.ts

@@ -91,6 +91,11 @@ export interface AppViewConfig extends ViewConfig {
      * @hidden
      */
     liveboardV2?: boolean;
+    /**
+     * If set to true, the Search Assist feature is enabled.
+     * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl
+     */
+    enableSearchAssist?: boolean;
 }
 
 /**
@@ -141,6 +146,7 @@ export class AppEmbed extends V1Embed {
             this.viewConfig.showPrimaryNavbar,
             this.viewConfig.disableProfileAndHelp,
             true,
+            this.viewConfig.enableSearchAssist,
         )}/${pageId}`;
 
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();

package/src/embed/base.spec.ts

@@ -113,6 +113,24 @@ describe('Base TS Embed', () => {
         });
     });
 
+    test('handleAuth notifies for SDK auth success', (done) => {
+        jest.spyOn(auth, 'authenticate').mockResolvedValue(true);
+        const failureCallback = jest.fn();
+        const authEmitter = index.init({
+            thoughtSpotHost,
+            authType: index.AuthType.Basic,
+            username: 'test',
+            password: 'test',
+        });
+
+        authEmitter.on(auth.AuthStatus.FAILURE, failureCallback);
+        authEmitter.on(auth.AuthStatus.SDK_SUCCESS, (reason) => {
+            expect(failureCallback).not.toBeCalled();
+            expect(reason).toBe(undefined);
+            done();
+        });
+    });
+
     test('Logout method should disable autoLogin', () => {
         jest.spyOn(window, 'fetch').mockResolvedValue({
             type: 'opaque',

package/src/embed/base.ts

@@ -32,6 +32,14 @@ export const getAuthPromise = (): Promise<boolean> => authPromise;
 
 let authEE: EventEmitter;
 
+export function notifyAuthSDKSuccess(): void {
+    if (!authEE) {
+        console.error('SDK not initialized');
+        return;
+    }
+    authEE.emit(AuthStatus.SDK_SUCCESS);
+}
+
 export function notifyAuthSuccess(): void {
     if (!authEE) {
         console.error('SDK not initialized');
@@ -64,6 +72,8 @@ export const handleAuth = (): Promise<boolean> => {
         (isLoggedIn) => {
             if (!isLoggedIn) {
                 notifyAuthFailure(AuthFailureType.SDK);
+            } else {
+                notifyAuthSDKSuccess();
             }
         },
         () => {

package/src/embed/liveboard.spec.ts

@@ -28,6 +28,8 @@ const thoughtSpotHost = 'tshost';
 const defaultParamsSansHideAction = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
 const defaultParams = `${defaultParamsSansHideAction}&hideAction=[%22${Action.ReportError}%22]`;
 const prefixParams = '&isLiveboardEmbed=true&isPinboardV2Enabled=false';
+const prefixParamsVizEmbed =
+    '&isLiveboardEmbed=true&isVizEmbed=true&isPinboardV2Enabled=false';
 
 beforeAll(() => {
     init({
@@ -160,7 +162,7 @@ describe('Liveboard/viz embed tests', () => {
         liveboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}#/embed/viz/${liveboardId}/${vizId}`,
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParamsVizEmbed}#/embed/viz/${liveboardId}/${vizId}`,
             );
         });
     });
@@ -181,7 +183,7 @@ describe('Liveboard/viz embed tests', () => {
         liveboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true&col1=sales&op1=EQ&val1=1000${defaultParams}${prefixParams}#/embed/viz/${liveboardId}/${vizId}`,
+                `http://${thoughtSpotHost}/?embedApp=true&col1=sales&op1=EQ&val1=1000${defaultParams}${prefixParamsVizEmbed}#/embed/viz/${liveboardId}/${vizId}`,
             );
         });
     });

package/src/embed/liveboard.ts

@@ -110,6 +110,7 @@ export class LiveboardEmbed extends V1Embed {
             defaultHeight,
             visibleVizs,
             liveboardV2 = false,
+            vizId,
         } = this.viewConfig;
 
         const preventLiveboardFilterRemoval =
@@ -134,6 +135,9 @@ export class LiveboardEmbed extends V1Embed {
             params[Param.visibleVizs] = visibleVizs;
         }
         params[Param.livedBoardEmbed] = true;
+        if (vizId) {
+            params[Param.vizEmbed] = true;
+        }
         params[Param.LiveboardV2Enabled] = liveboardV2;
         const queryParams = getQueryParamString(params, true);
 

package/src/embed/pinboard.spec.ts

@@ -21,7 +21,8 @@ const thoughtSpotHost = 'tshost';
 const defaultParamsWithoutHideActions = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
 const defaultParams = `${defaultParamsWithoutHideActions}&hideAction=[%22${Action.ReportError}%22]`;
 const prefixParams = '&isLiveboardEmbed=true&isPinboardV2Enabled=false';
-
+const prefixParamsVizEmbed =
+    '&isLiveboardEmbed=true&isVizEmbed=true&isPinboardV2Enabled=false';
 beforeAll(() => {
     init({
         thoughtSpotHost,
@@ -153,7 +154,7 @@ describe('Pinboard/viz embed tests', () => {
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}#/embed/viz/${pinboardId}/${vizId}`,
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParamsVizEmbed}#/embed/viz/${pinboardId}/${vizId}`,
             );
         });
     });
@@ -174,7 +175,7 @@ describe('Pinboard/viz embed tests', () => {
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true&col1=sales&op1=EQ&val1=1000${defaultParams}${prefixParams}#/embed/viz/${pinboardId}/${vizId}`,
+                `http://${thoughtSpotHost}/?embedApp=true&col1=sales&op1=EQ&val1=1000${defaultParams}${prefixParamsVizEmbed}#/embed/viz/${pinboardId}/${vizId}`,
             );
         });
     });

package/src/embed/ts-embed.spec.ts

@@ -41,6 +41,13 @@ beforeAll(() => {
     spyOn(window, 'alert');
 });
 
+const customisations = {
+    style: {
+        customCSSUrl: 'http://localhost:3000',
+    },
+    content: {},
+};
+
 describe('Unit test case for ts embed', () => {
     const mockMixPanelEvent = jest.spyOn(
         mixpanelInstance,
@@ -59,6 +66,31 @@ describe('Unit test case for ts embed', () => {
             init({
                 thoughtSpotHost: 'tshost',
                 authType: AuthType.None,
+                customisations,
+            });
+        });
+
+        test('verify Customisations', async () => {
+            const mockEmbedEventPayload = {
+                type: EmbedEvent.APP_INIT,
+                data: {},
+            };
+            const searchEmbed = new SearchEmbed(getRootEl(), defaultViewConfig);
+            searchEmbed.render();
+            const mockPort: any = {
+                postMessage: jest.fn(),
+            };
+            await executeAfterWait(() => {
+                const iframe = getIFrameEl();
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                    mockPort,
+                );
+            });
+            expect(mockPort.postMessage).toHaveBeenCalledWith({
+                type: EmbedEvent.APP_INIT,
+                data: { customisations },
             });
         });
 

package/src/embed/ts-embed.ts

@@ -13,6 +13,7 @@ import {
     getOffsetTop,
     embedEventStatus,
     setAttributes,
+    getCustomisations,
 } from '../utils';
 import {
     getThoughtSpotHost,
@@ -31,6 +32,7 @@ import {
     Param,
     EmbedConfig,
     MessageOptions,
+    MessagePayload,
     MessageCallbackObj,
 } from '../types';
 import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
@@ -214,6 +216,7 @@ export class TsEmbed {
         this.isError = false;
         this.viewConfig = viewConfig;
         this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
+        this.registerAppInit();
     }
 
     /**
@@ -310,6 +313,23 @@ export class TsEmbed {
         });
     }
 
+    /**
+     * Send Custom style as part of payload of APP_INIT
+     */
+    private appInitCb = (_: any, responder: any) => {
+        responder({
+            type: EmbedEvent.APP_INIT,
+            data: { customisations: getCustomisations(this.embedConfig) },
+        });
+    };
+
+    /**
+     * Register APP_INIT event and sendback init payload
+     */
+    private registerAppInit = () => {
+        this.on(EmbedEvent.APP_INIT, this.appInitCb);
+    };
+
     /**
      * Constructs the base URL string to load the ThoughtSpot app.
      */
@@ -357,6 +377,7 @@ export class TsEmbed {
         ) {
             queryParams[Param.DisableLoginRedirect] = true;
         }
+        // TODO remove this
         if (this.embedConfig.customCssUrl) {
             queryParams[Param.CustomCSSUrl] = this.embedConfig.customCssUrl;
         }
@@ -415,12 +436,16 @@ export class TsEmbed {
         showPrimaryNavbar = false,
         disableProfileAndHelp = false,
         isAppEmbed = false,
+        enableSearchAssist = false,
     ): string {
         const queryStringFrag = queryString ? `&${queryString}` : '';
         const primaryNavParam = `&primaryNavHidden=${!showPrimaryNavbar}`;
         const disableProfileAndHelpParam = `&profileAndHelpInNavBarHidden=${disableProfileAndHelp}`;
+        const enableSearchAssistParam = `&${Param.EnableSearchAssist}=${enableSearchAssist}`;
         let queryParams = `?embedApp=true${isAppEmbed ? primaryNavParam : ''}${
             isAppEmbed ? disableProfileAndHelpParam : ''
+        }${
+            enableSearchAssist ? enableSearchAssistParam : ''
         }${queryStringFrag}`;
         if (this.shouldEncodeUrlQueryParams) {
             queryParams = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(
@@ -462,7 +487,6 @@ export class TsEmbed {
             });
 
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
-
             getAuthPromise()
                 ?.then((isLoggedIn: boolean) => {
                     if (!isLoggedIn) {