@thoughtspot/visual-embed-sdk 1.12.0-alpha.2 → 1.12.2

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

@@ -151,6 +151,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;
@@ -207,7 +208,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
         * @summary Liveboard & visualization embed
         * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
         */
-    import { DOMSelector } from '@thoughtspot/visual-embed-sdk/types';
+    import { DOMSelector, HostEvent } from '@thoughtspot/visual-embed-sdk/types';
     import { V1Embed, ViewConfig } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
     /**
         * The configuration for the embedded Liveboard or visualization page view.
@@ -278,6 +279,12 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
     export class LiveboardEmbed extends V1Embed {
             protected viewConfig: LiveboardViewConfig;
             constructor(domSelector: DOMSelector, viewConfig: LiveboardViewConfig);
+            /**
+                * Triggers an event to the embedded app
+                * @param messageType The event type
+                * @param data The payload to send with the message
+                */
+            trigger(messageType: HostEvent, data?: any): Promise<any>;
             /**
                 * Render an embedded ThoughtSpot Liveboard or visualization
                 * @param renderOptions An object specifying the Liveboard ID,
@@ -339,8 +346,13 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * using raw answer data.
                 */
             hideResults?: boolean;
+            /**
+                * If set to true, expands all the data sources panel.
+                */
+            expandAllDataSource?: boolean;
             /**
                 * If set to true, the Search Assist feature is enabled.
+                * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl
                 */
             enableSearchAssist?: boolean;
             /**
@@ -391,7 +403,6 @@ declare module '@thoughtspot/visual-embed-sdk/auth' {
     export let loggedInStatus: boolean;
     export let samlAuthWindow: Window;
     export let samlCompletionPromise: Promise<void>;
-    export let sessionInfo: any;
     export const SSO_REDIRECTION_MARKER_GUID = "5e16222e-ef02-43e9-9fbd-24226bf3ce5b";
     export const EndPoints: {
             AUTH_VERIFICATION: string;
@@ -408,10 +419,27 @@ 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"
     }
+    /**
+        * Return releaseVersion if available
+        */
+    export function getReleaseVersion(): string;
     /**
         * Return sessionInfo if available else make a loggedIn check to fetch the sessionInfo
         */
@@ -601,6 +629,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.10.4 | ThoughtSpot: *
                 */
             detectCookieAccessSlow?: boolean;
+            /**
+                * Hide beta alert warning message for SearchEmbed.
+                *
+                * @version SDK: 1.12.0 | ThoughtSpot: *
+                */
+            suppressSearchEmbedBetaWarning?: boolean;
     }
     /**
         * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -1015,7 +1049,14 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Gets the current pinboard content.
                 * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl
                 */
-            getExportRequestForCurrentPinboard = "getExportRequestForCurrentPinboard"
+            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
+                * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+                */
+            Pin = "pin"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -1209,7 +1250,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl
                 */
-            CreateMonitor = "createMonitor"
+            CreateMonitor = "createMonitor",
+            /**
+                * @version SDK: 1.11.1 | ThoughtSpot: 8.3.0.cl
+                */
+            ReportError = "reportError"
     }
     export interface SessionInterface {
             sessionId: string;
@@ -1260,7 +1305,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 * This parameters will be passed on the iframe
                 * as is.
                 */
-            [key: string]: string | number | boolean;
+            [key: string]: string | number | boolean | undefined;
     }
     /**
         * The configuration object for an embedded view.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.12.0-alpha.2",
+    "version": "1.12.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -45,7 +45,9 @@
         "algoliasearch": "^4.10.5",
         "classnames": "^2.3.1",
         "eventemitter3": "^4.0.7",
-        "mixpanel-browser": "^2.45.0"
+        "html-react-parser": "^1.4.12",
+        "mixpanel-browser": "^2.45.0",
+        "use-deep-compare-effect": "^1.8.1"
     },
     "devDependencies": {
         "@mdx-js/mdx": "^1.6.22",
@@ -144,4 +146,4 @@
     "globals": {
         "window": {}
     }
-}
+}

package/src/auth.spec.ts

@@ -1,5 +1,6 @@
 import * as authInstance from './auth';
 import * as authService from './utils/authService';
+import * as checkReleaseVersionInBetaInstance from './utils';
 import { AuthType, EmbedConfig } from './types';
 import { executeAfterWait } from './test/test-utils';
 
@@ -8,7 +9,7 @@ const username = 'tsuser';
 const password = '12345678';
 const samalLoginUrl = `${thoughtSpotHost}/callosum/v1/saml/login?targetURLPath=%235e16222e-ef02-43e9-9fbd-24226bf3ce5b`;
 
-const embedConfig: any = {
+export const embedConfig: any = {
     doTokenAuthSuccess: (token: string) => ({
         thoughtSpotHost,
         username,
@@ -242,6 +243,10 @@ describe('Unit test for auth', () => {
         });
 
         it('when user is loggedIn', async () => {
+            spyOn(
+                checkReleaseVersionInBetaInstance,
+                'checkReleaseVersionInBeta',
+            );
             jest.spyOn(
                 authService,
                 'fetchSessionInfoService',
@@ -280,6 +285,10 @@ describe('Unit test for auth', () => {
         });
 
         it('when user is loggedIn & isAtSSORedirectUrl is true', async () => {
+            spyOn(
+                checkReleaseVersionInBetaInstance,
+                'checkReleaseVersionInBeta',
+            );
             Object.defineProperty(window, 'location', {
                 value: {
                     href: authInstance.SSO_REDIRECTION_MARKER_GUID,

package/src/auth.ts

@@ -16,8 +16,8 @@ export let loggedInStatus = false;
 export let samlAuthWindow: Window = null;
 // eslint-disable-next-line import/no-mutable-exports
 export let samlCompletionPromise: Promise<void> = null;
-// eslint-disable-next-line import/no-mutable-exports
-export let sessionInfo: any = null;
+let sessionInfo: any = null;
+let releaseVersion = '';
 
 export const SSO_REDIRECTION_MARKER_GUID =
     '5e16222e-ef02-43e9-9fbd-24226bf3ce5b';
@@ -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',
 }
 
@@ -55,12 +68,21 @@ async function isLoggedIn(thoughtSpotHost: string): Promise<boolean> {
     let response = null;
     try {
         response = await fetchSessionInfoService(authVerificationUrl);
+        const sessionInfoResp = await response.json();
+        releaseVersion = sessionInfoResp.releaseVersion;
     } catch (e) {
         return false;
     }
     return response.status === 200;
 }
 
+/**
+ * Return releaseVersion if available
+ */
+export function getReleaseVersion() {
+    return releaseVersion;
+}
+
 /**
  * Return sessionInfo if available else make a loggedIn check to fetch the sessionInfo
  */

package/src/embed/app.spec.ts

@@ -19,8 +19,9 @@ const defaultViewConfig = {
     },
 };
 const thoughtSpotHost = 'tshost';
-const defaultParams = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
-const defaultParamsForPinboardEmbed = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
+const defaultParamsWithoutHiddenActions = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
+const defaultParams = `${defaultParamsWithoutHiddenActions}&hideAction=[%22${Action.ReportError}%22]`;
+const defaultParamsForPinboardEmbed = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&hideAction=[%22${Action.ReportError}%22]`;
 const defaultParamsPost = '&isPinboardV2Enabled=false';
 
 beforeAll(() => {
@@ -155,7 +156,7 @@ describe('App embed tests', () => {
         appEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=false&profileAndHelpInNavBarHidden=false${defaultParams}&disableAction=[%22save%22,%22update%22]&disableHint=Access%20denied&hideAction=[%22download%22]${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=false&profileAndHelpInNavBarHidden=false${defaultParamsWithoutHiddenActions}&disableAction=[%22save%22,%22update%22]&disableHint=Access%20denied&hideAction=[%22${Action.ReportError}%22,%22download%22]${defaultParamsPost}#/home`,
             );
         });
     });

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/embed.spec.ts

@@ -20,6 +20,7 @@ beforeAll(() => {
         thoughtSpotHost,
         authType: AuthType.None,
     });
+    spyOn(window, 'alert');
 });
 
 describe('test view config', () => {
@@ -48,6 +49,7 @@ describe('test view config', () => {
     });
 
     test('trying to register event handler after render should throw error', async () => {
+        spyOn(console, 'error');
         const onErrorSpy = jest.fn();
         const searchEmbed = new SearchEmbed(getRootEl(), defaultViewConfig);
         searchEmbed

package/src/embed/events.spec.ts

@@ -34,6 +34,7 @@ beforeAll(() => {
         thoughtSpotHost,
         authType: AuthType.None,
     });
+    spyOn(window, 'alert');
 });
 
 describe('test communication between host app and ThoughtSpot', () => {

package/src/embed/liveboard.spec.ts

@@ -1,6 +1,12 @@
 import { LiveboardEmbed, LiveboardViewConfig } from './liveboard';
 import { init } from '../index';
-import { Action, AuthType, EmbedEvent, RuntimeFilterOp } from '../types';
+import {
+    Action,
+    AuthType,
+    EmbedEvent,
+    HostEvent,
+    RuntimeFilterOp,
+} from '../types';
 import {
     executeAfterWait,
     getDocumentBody,
@@ -8,6 +14,7 @@ import {
     getRootEl,
 } from '../test/test-utils';
 import { version } from '../../package.json';
+import * as processTriggerInstance from '../utils/processTrigger';
 
 const defaultViewConfig = {
     frameParams: {
@@ -18,7 +25,8 @@ const defaultViewConfig = {
 const liveboardId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const vizId = '6e73f724-660e-11eb-ae93-0242ac130002';
 const thoughtSpotHost = 'tshost';
-const defaultParams = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
+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';
 
 beforeAll(() => {
@@ -60,7 +68,7 @@ describe('Liveboard/viz embed tests', () => {
         liveboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&disableAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]&disableHint=Action%20denied${prefixParams}#/embed/viz/${liveboardId}`,
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParamsSansHideAction}&disableAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]&disableHint=Action%20denied&hideAction=[%22${Action.ReportError}%22]${prefixParams}#/embed/viz/${liveboardId}`,
             );
         });
     });
@@ -78,7 +86,7 @@ describe('Liveboard/viz embed tests', () => {
         liveboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&hideAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${liveboardId}`,
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParamsSansHideAction}&hideAction=[%22${Action.ReportError}%22,%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${liveboardId}`,
             );
         });
     });
@@ -209,4 +217,19 @@ describe('Liveboard/viz embed tests', () => {
             );
         });
     });
+    test('should process the trigger, for vizEmbed', async () => {
+        const mockProcessTrigger = spyOn(
+            processTriggerInstance,
+            'processTrigger',
+        );
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            enableVizTransformations: true,
+            ...defaultViewConfig,
+            vizId: '1234',
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        const result = await liveboardEmbed.trigger(HostEvent.Pin);
+        expect(mockProcessTrigger).toBeCalled();
+    });
 });

package/src/embed/liveboard.ts

@@ -194,6 +194,19 @@ export class LiveboardEmbed extends V1Embed {
         }
     };
 
+    /**
+     * Triggers an event to the embedded app
+     * @param messageType The event type
+     * @param data The payload to send with the message
+     */
+    public trigger(messageType: HostEvent, data: any = {}): Promise<any> {
+        const dataWithVizId = data;
+        if (this.viewConfig.vizId) {
+            dataWithVizId.vizId = this.viewConfig.vizId;
+        }
+        return super.trigger(messageType, dataWithVizId);
+    }
+
     /**
      * Render an embedded ThoughtSpot Liveboard or visualization
      * @param renderOptions An object specifying the Liveboard ID,

package/src/embed/pinboard.spec.ts

@@ -18,7 +18,8 @@ const defaultViewConfig = {
 const pinboardId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const vizId = '6e73f724-660e-11eb-ae93-0242ac130002';
 const thoughtSpotHost = 'tshost';
-const defaultParams = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
+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';
 
 beforeAll(() => {
@@ -60,7 +61,7 @@ describe('Pinboard/viz embed tests', () => {
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&disableAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]&disableHint=Action%20denied${prefixParams}#/embed/viz/${pinboardId}`,
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParamsWithoutHideActions}&disableAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]&disableHint=Action%20denied&hideAction=[%22${Action.ReportError}%22]${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
     });
@@ -78,7 +79,7 @@ describe('Pinboard/viz embed tests', () => {
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
-                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&hideAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${pinboardId}`,
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParamsWithoutHideActions}&hideAction=[%22${Action.ReportError}%22,%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
     });

package/src/embed/search.spec.ts

@@ -1,4 +1,5 @@
 import { SearchEmbed, HiddenActionItemByDefaultForSearchEmbed } from './search';
+import * as authInstance from '../auth';
 import { init } from '../index';
 import { Action, AuthType } from '../types';
 import {
@@ -20,7 +21,10 @@ const answerId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const thoughtSpotHost = 'tshost';
 const defaultParams = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
 const hideBydefault = `&hideAction=${fixedEncodeURI(
-    JSON.stringify(HiddenActionItemByDefaultForSearchEmbed),
+    JSON.stringify([
+        Action.ReportError,
+        ...HiddenActionItemByDefaultForSearchEmbed,
+    ]),
 )}`;
 const defaultParamsWithHiddenActions = defaultParams + hideBydefault;
 const prefixParams = '&isSearchEmbed=true';
@@ -30,11 +34,15 @@ beforeAll(() => {
         thoughtSpotHost,
         authType: AuthType.None,
     });
+    spyOn(window, 'alert');
 });
 
 describe('Search embed tests', () => {
     beforeEach(() => {
         document.body.innerHTML = getDocumentBody();
+        jest.spyOn(authInstance, 'getReleaseVersion').mockReturnValue(
+            '7.4.0.sw',
+        );
     });
 
     test('should render', async () => {
@@ -197,6 +205,7 @@ describe('Search embed tests', () => {
         searchEmbed.render();
         const hideActionUrl = fixedEncodeURI(
             JSON.stringify([
+                Action.ReportError,
                 ...hiddenActionsForSearch,
                 ...HiddenActionItemByDefaultForSearchEmbed,
             ]),
@@ -220,6 +229,7 @@ describe('Search embed tests', () => {
         searchEmbed.render();
         const hideActionUrl = fixedEncodeURI(
             JSON.stringify([
+                Action.ReportError,
                 ...hiddenActionsForSearch,
                 ...HiddenActionItemByDefaultForSearchEmbed,
             ]),

package/src/embed/search.ts

@@ -8,9 +8,12 @@
  */
 
 import { DataSourceVisualMode, DOMSelector, Param, Action } from '../types';
-import { getQueryParamString } from '../utils';
+import { getQueryParamString, checkReleaseVersionInBeta } from '../utils';
 import { ViewConfig, TsEmbed } from './ts-embed';
 import { version } from '../../package.json';
+import { ERROR_MESSAGE } from '../errors';
+import { getAuthPromise, getEmbedConfig } from './base';
+import { getReleaseVersion } from '../auth';
 
 /**
  * Configuration for search options
@@ -49,8 +52,13 @@ export interface SearchViewConfig extends ViewConfig {
      * using raw answer data.
      */
     hideResults?: boolean;
+    /**
+     * If set to true, expands all the data sources panel.
+     */
+    expandAllDataSource?: boolean;
     /**
      * If set to true, the Search Assist feature is enabled.
+     * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl
      */
     enableSearchAssist?: boolean;
     /**
@@ -126,6 +134,7 @@ export class SearchEmbed extends TsEmbed {
     private getIFrameSrc(answerId: string, dataSources?: string[]) {
         const {
             hideResults,
+            expandAllDataSource,
             enableSearchAssist,
             forceTable,
             searchOptions,
@@ -184,6 +193,16 @@ export class SearchEmbed extends TsEmbed {
 
         const src = this.getIFrameSrc(answerId, dataSources);
         this.renderIFrame(src, this.viewConfig.frameParams);
+        getAuthPromise().then(() => {
+            if (
+                checkReleaseVersionInBeta(
+                    getReleaseVersion(),
+                    getEmbedConfig().suppressSearchEmbedBetaWarning,
+                )
+            ) {
+                alert(ERROR_MESSAGE.SEARCHEMBED_BETA_WRANING_MESSAGE);
+            }
+        });
         return this;
     }
 }