@thoughtspot/visual-embed-sdk 1.33.8 → 1.33.10

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

@@ -989,6 +989,42 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 * ```
                 */
             hideIrrelevantChipsInLiveboardTabs?: boolean;
+            /**
+                * The Liveboard to run on regular intervals to fetch the cdw token.
+                * @hidden
+                * @version SDK: 1.35.0 | ThoughtSpot:10.6.0.cl
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed-container', {
+                *    ... // other options
+                *    oAuthPollingInterval: value in milliseconds,
+                * })
+                */
+            oAuthPollingInterval?: number;
+            /**
+                * The Liveboard is set to force a token fetch during the initial load.
+                * @hidden
+                * @version SDK: 1.35.0 | ThoughtSpot:10.6.0.cl
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed-container', {
+                *    ... // other options
+                *    isForceRedirect: false,
+                * })
+                */
+            isForceRedirect?: boolean;
+            /**
+                * The source connection ID for authentication.
+                * @hidden
+                * @version SDK: 1.35.0 | ThoughtSpot:10.6.0.cl
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed-container', {
+                *    ... // other options
+                *    dataSourceId: '',
+                * })
+                */
+            dataSourceId?: string;
     }
     /**
         * Embed a ThoughtSpot Liveboard or visualization. When rendered it already
@@ -1474,6 +1510,33 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
                 * Ability to pass a starting search query to the conversation.
                 */
             searchOptions?: SearchOptions;
+            /**
+                * disableSourceSelection : Disables data source selection
+                * but still display the selected data source.
+                * @example
+                * ```js
+                * const embed = new ConversationEmbed('#tsEmbed', {
+                *    ... // other options
+                *    disableSourceSelection : true,
+                * })
+                * ```
+                *
+                * @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            disableSourceSelection?: boolean;
+            /**
+                * hideSourceSelection : Hide data source selection
+                * @example
+                * ```js
+                * const embed = new ConversationEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideSourceSelection : true,
+                * })
+                * ```
+                *
+                * @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            hideSourceSelection?: boolean;
     }
     /**
         * Embed ThoughtSpot AI Conversation.
@@ -2808,6 +2871,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.35.0 | ThoughtSpot: 10.5.0.cl
                 */
             overrideOrgId?: number;
+            /**
+                * Flag to control new flip tooltip context menu experience
+                *
+                * @default false
+                * @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            enableFlipTooltipToContextMenu?: boolean;
     }
     /**
         * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -4875,7 +4945,15 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *```
                 * @version SDK: 1.29.0 | Thoughtspot: 10.1.0.cl
                 */
-            GetParameters = "GetParameters"
+            GetParameters = "GetParameters",
+            /**
+                * Triggers update of persoanlised view for a liveboard
+                * ```js
+                * liveboardEmbed.trigger(HostEvent.UpdatePersonalisedView, {viewId: '1234'})
+                * ```
+                * @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            UpdatePersonalisedView = "UpdatePersonalisedView"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -4948,6 +5026,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             IsSageEmbed = "isSageEmbed",
             HideWorksheetSelector = "hideWorksheetSelector",
             DisableWorksheetChange = "disableWorksheetChange",
+            HideSourceSelection = "hideSourceSelection",
+            DisableSourceSelection = "disableSourceSelection",
             HideEurekaResults = "hideEurekaResults",
             HideEurekaSuggestions = "hideEurekaSuggestions",
             HideAutocompleteSuggestions = "hideAutocompleteSuggestions",
@@ -4989,7 +5069,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             HideIrrelevantFiltersInTab = "hideIrrelevantFiltersAtTabLevel",
             SpotterEnabled = "isSpotterExperienceEnabled",
             IsUnifiedSearchExperienceEnabled = "isUnifiedSearchExperienceEnabled",
-            OverrideOrgId = "orgId"
+            OverrideOrgId = "orgId",
+            EnableFlipTooltipToContextMenu = "flipTooltipToContextMenuEnabled",
+            OauthPollingInterval = "oAuthPollingInterval",
+            IsForceRedirect = "isForceRedirect",
+            DataSourceId = "dataSourceId"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands
@@ -6038,7 +6122,34 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 *  @version SDK: 1.35.0 | Thoughtspot: 10.5.0.cl
                 */
-            ChangeFilterVisibilityInTab = "changeFilterVisibilityInTab"
+            ChangeFilterVisibilityInTab = "changeFilterVisibilityInTab",
+            /**
+                * Action ID for hide/disable Preview data button in spotter
+                *  @example
+                * ```js
+                * hiddenAction: [Action.PreviewDataSpotter]
+                * ```
+                *  @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            PreviewDataSpotter = "previewDataSpotter",
+            /**
+                * Action ID for hide/disable reset button in spotter
+                *  @example
+                * ```js
+                * hiddenAction: [Action.ChangeFilterVisibilityInTab]
+                * ```
+                *  @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            ResetSpotterChat = "resetSpotterChat",
+            /**
+                * Action ID for hide/disable feedback in spotter
+                *  @example
+                * ```js
+                * hiddenAction: [Action.ChangeFilterVisibilityInTab]
+                * ```
+                *  @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+                */
+            SpotterFeedback = "spotterFeedback"
     }
     export interface AnswerServiceType {
             getAnswer?: (offset: number, batchSize: number) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.33.8",
+    "version": "1.33.10",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",

package/src/embed/conversation.spec.ts

@@ -45,6 +45,40 @@ describe('ConversationEmbed', () => {
         );
     });
 
+    it('should render the conversation embed with worksheets disabled', async () => {
+        const viewConfig: ConversationViewConfig = {
+            worksheetId: 'worksheetId',
+            searchOptions: {
+                searchQuery: 'searchQuery',
+            },
+            disableSourceSelection: true,
+        };
+
+        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        await conversationEmbed.render();
+        expectUrlMatchesWithParams(
+            getIFrameSrc(),
+            `http://${thoughtSpotHost}/v2/?${defaultParams}&isSpotterExperienceEnabled=true&disableSourceSelection=true#/embed/insights/conv-assist?worksheet=worksheetId&query=searchQuery`,
+        );
+    });
+
+    it('should render the conversation embed with worksheets hidden', async () => {
+        const viewConfig: ConversationViewConfig = {
+            worksheetId: 'worksheetId',
+            searchOptions: {
+                searchQuery: 'searchQuery',
+            },
+            hideSourceSelection: true,
+        };
+
+        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        await conversationEmbed.render();
+        expectUrlMatchesWithParams(
+            getIFrameSrc(),
+            `http://${thoughtSpotHost}/v2/?${defaultParams}&isSpotterExperienceEnabled=true&hideSourceSelection=true#/embed/insights/conv-assist?worksheet=worksheetId&query=searchQuery`,
+        );
+    });
+
     it('should handle error when worksheetId is not provided', async () => {
         const viewConfig: ConversationViewConfig = {
             worksheetId: '',

package/src/embed/conversation.ts

@@ -1,3 +1,4 @@
+import isUndefined from 'lodash/isUndefined';
 import { ERROR_MESSAGE } from '../errors';
 import { ViewConfig, Param } from '../types';
 import { TsEmbed } from './ts-embed';
@@ -22,6 +23,33 @@ export interface ConversationViewConfig extends ViewConfig {
      * Ability to pass a starting search query to the conversation.
      */
     searchOptions?: SearchOptions;
+    /**
+     * disableSourceSelection : Disables data source selection
+     * but still display the selected data source.
+     * @example
+     * ```js
+     * const embed = new ConversationEmbed('#tsEmbed', {
+     *    ... // other options
+     *    disableSourceSelection : true,
+     * })
+     * ```
+     *
+     * @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+     */
+    disableSourceSelection?: boolean;
+    /**
+     * hideSourceSelection : Hide data source selection
+     * @example
+     * ```js
+     * const embed = new ConversationEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideSourceSelection : true,
+     * })
+     * ```
+     *
+     * @version SDK: 1.36.0 | Thoughtspot: 10.6.0.cl
+     */
+    hideSourceSelection?: boolean;
 }
 
 /**
@@ -49,6 +77,8 @@ export class ConversationEmbed extends TsEmbed {
         const {
             worksheetId,
             searchOptions,
+            disableSourceSelection,
+            hideSourceSelection,
         } = this.viewConfig;
         const path = 'insights/conv-assist';
         if (!worksheetId) {
@@ -56,6 +86,12 @@ export class ConversationEmbed extends TsEmbed {
         }
         const queryParams = this.getBaseQueryParams();
         queryParams[Param.SpotterEnabled] = true;
+        if (!isUndefined(disableSourceSelection)) {
+            queryParams[Param.DisableSourceSelection] = !!disableSourceSelection;
+        }
+        if (!isUndefined(hideSourceSelection)) {
+            queryParams[Param.HideSourceSelection] = !!hideSourceSelection;
+        }
 
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);

package/src/embed/liveboard.spec.ts

@@ -172,6 +172,23 @@ describe('Liveboard/viz embed tests', () => {
         });
     });
 
+    test('should enable viz oAuthPollingInterval true', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            oAuthPollingInterval: 1000,
+            isForceRedirect: true,
+            dataSourceId: '12356',
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&oAuthPollingInterval=1000&isForceRedirect=true&dataSourceId=12356${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
     test('should disable viz transformations when enableVizTransformations false', async () => {
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
             enableVizTransformations: false,

package/src/embed/liveboard.ts

@@ -338,6 +338,45 @@ export interface LiveboardViewConfig
      * ```
      */
     hideIrrelevantChipsInLiveboardTabs?: boolean;
+
+    /**
+     * The Liveboard to run on regular intervals to fetch the cdw token.
+     * @hidden
+     * @version SDK: 1.35.0 | ThoughtSpot:10.6.0.cl
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed-container', {
+     *    ... // other options
+     *    oAuthPollingInterval: value in milliseconds,
+     * })
+     */
+    oAuthPollingInterval?: number;
+
+    /**
+     * The Liveboard is set to force a token fetch during the initial load.
+     * @hidden
+     * @version SDK: 1.35.0 | ThoughtSpot:10.6.0.cl
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed-container', {
+     *    ... // other options
+     *    isForceRedirect: false,
+     * })
+     */
+    isForceRedirect?: boolean;
+
+    /**
+     * The source connection ID for authentication.
+     * @hidden
+     * @version SDK: 1.35.0 | ThoughtSpot:10.6.0.cl
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed-container', {
+     *    ... // other options
+     *    dataSourceId: '',
+     * })
+     */
+    dataSourceId?: string;
 }
 
 /**
@@ -399,6 +438,9 @@ export class LiveboardEmbed extends V1Embed {
             enable2ColumnLayout,
             dataPanelV2 = false,
             enableCustomColumnGroups = false,
+            oAuthPollingInterval,
+            isForceRedirect,
+            dataSourceId,
         } = this.viewConfig;
 
         const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
@@ -445,6 +487,18 @@ export class LiveboardEmbed extends V1Embed {
             params[Param.enableAskSage] = enableAskSage;
         }
 
+        if (oAuthPollingInterval !== undefined) {
+            params[Param.OauthPollingInterval] = oAuthPollingInterval;
+        }
+
+        if (isForceRedirect) {
+            params[Param.IsForceRedirect] = isForceRedirect;
+        }
+
+        if (dataSourceId !== undefined) {
+            params[Param.DataSourceId] = dataSourceId;
+        }
+
         params[Param.LiveboardHeaderSticky] = isLiveboardHeaderSticky;
         params[Param.LiveboardHeaderV2] = isLiveboardCompactHeaderEnabled;
         params[Param.ShowLiveboardVerifiedBadge] = showLiveboardVerifiedBadge;

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

@@ -9,6 +9,12 @@ import {
     LiveboardViewConfig,
     AppEmbed,
     LiveboardEmbed,
+    AppViewConfig,
+    SageEmbed,
+    SageViewConfig,
+    ConversationViewConfig,
+    ConversationEmbed,
+    SearchViewConfig,
 } from '../index';
 import {
     Action, HomeLeftNavItem, RuntimeFilter, RuntimeFilterOp, HomepageModule, HostEvent,
@@ -28,6 +34,8 @@ import {
     expectUrlToHaveParamsWithValues,
     mockMessageChannel,
     createRootEleForEmbed,
+    expectUrlMatch,
+    fixedEncodeURI,
 } from '../test/test-utils';
 import * as config from '../config';
 import * as embedConfig from './embedConfig';
@@ -38,6 +46,8 @@ import * as baseInstance from './base';
 import { MIXPANEL_EVENT } from '../mixpanel-service';
 import * as authService from '../utils/authService/authService';
 import { logger } from '../utils/logger';
+import { version } from '../../package.json';
+import { HiddenActionItemByDefaultForSearchEmbed } from './search';
 
 const defaultViewConfig = {
     frameParams: {
@@ -51,6 +61,12 @@ const tabId1 = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const tabId2 = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const thoughtSpotHost = 'tshost';
 const defaultParamsPost = '';
+export const defaultParamsWithoutHiddenActions = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=${AuthType.None}&blockNonEmbedFullAppAccess=true`;
+export const defaultParams = `&${defaultParamsWithoutHiddenActions}&hideAction=[%22${Action.ReportError}%22]`;
+const hideBydefault = `&hideAction=${fixedEncodeURI(
+    JSON.stringify([Action.ReportError, ...HiddenActionItemByDefaultForSearchEmbed]),
+)}`;
+const defaultParamsWithHiddenActions = defaultParamsWithoutHiddenActions + hideBydefault;
 
 beforeAll(() => {
     spyOn(window, 'alert');
@@ -89,6 +105,29 @@ describe('Unit test case for ts embed', () => {
         jest.spyOn(authInstance, 'postLoginService').mockResolvedValue(true);
     });
 
+    describe('Vaidate iframe properties', () => {
+        beforeAll(() => {
+            init({
+                thoughtSpotHost: 'tshost',
+                authType: AuthType.None,
+            });
+        });
+
+        test('should set proper allow policies', async () => {
+            // we dont have origin specific policies so just checking if
+            // policies are ending with ;
+            const searchEmbed = new SearchEmbed(getRootEl(), defaultViewConfig);
+            searchEmbed.render();
+            await executeAfterWait(() => {
+                const iframe = getIFrameEl();
+                const policiesAdded = iframe.allow.split(' ');
+                policiesAdded.forEach((policy) => {
+                    expect(policy.endsWith(';')).toBe(true);
+                });
+            });
+        });
+    });
+
     describe('AuthExpire embedEvent in cookieless authentication authType', () => {
         beforeAll(() => {
             jest.spyOn(authInstance, 'doCookielessTokenAuth').mockResolvedValueOnce(true);
@@ -1454,6 +1493,186 @@ describe('Unit test case for ts embed', () => {
                 orgId: overrideOrgId,
             });
         });
+
+        it('AppEmbed: Should add flipTooltipToContextMenuEnabled flag to the iframe src', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                enableFlipTooltipToContextMenu: true,
+            } as AppViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&flipTooltipToContextMenuEnabled=true${defaultParams}${defaultParamsPost}#/home`,
+                );
+            });
+        });
+
+        it('AppEmbed: Should not add flipTooltipToContextMenuEnabled flag to the iframe src when if false', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                enableFlipTooltipToContextMenu: false,
+            } as AppViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false${defaultParams}${defaultParamsPost}#/home`,
+                );
+            });
+        });
+
+        it('LiveboardEmbed: Should add flipTooltipToContextMenuEnabled flag to the iframe src', async () => {
+            const appEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                enableFlipTooltipToContextMenu: true,
+            } as LiveboardViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/?embedApp=true&flipTooltipToContextMenuEnabled=true${defaultParams}#/embed/viz/${liveboardId}`,
+                );
+            });
+        });
+
+        it('LiveboardEmbed: Should not add flipTooltipToContextMenuEnabled flag to the iframe src when if false', async () => {
+            const appEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                enableFlipTooltipToContextMenu: false,
+            } as LiveboardViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/?embedApp=true${defaultParams}#/embed/viz/${liveboardId}`,
+                );
+            });
+        });
+
+        it('SageViewConfig: Should add flipTooltipToContextMenuEnabled flag to the iframe src', async () => {
+            const defaultConfig: SageViewConfig = {
+                disableWorksheetChange: false,
+                hideWorksheetSelector: false,
+                hideSageAnswerHeader: false,
+                hideAutocompleteSuggestions: false,
+                hideSampleQuestions: false,
+                isProductTour: false,
+                dataPanelV2: false,
+            };
+            const appEmbed = new SageEmbed(getRootEl(), {
+                ...defaultConfig,
+                enableFlipTooltipToContextMenu: true,
+            } as SageViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatch(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/?embedApp=true&enableDataPanelV2=false&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSageAnswerHeader=false&hideAction=%5B%22reportError%22%5D&flipTooltipToContextMenuEnabled=true#/embed/eureka`,
+                );
+            });
+        });
+
+        it('SageViewConfig: Should not add flipTooltipToContextMenuEnabled flag to the iframe src when if false', async () => {
+            const defaultConfig: SageViewConfig = {
+                disableWorksheetChange: false,
+                hideWorksheetSelector: false,
+                hideSageAnswerHeader: false,
+                hideAutocompleteSuggestions: false,
+                hideSampleQuestions: false,
+                isProductTour: false,
+                dataPanelV2: false,
+            };
+            const appEmbed = new SageEmbed(getRootEl(), {
+                ...defaultConfig,
+                enableFlipTooltipToContextMenu: false,
+            } as SageViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatch(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/?embedApp=true&enableDataPanelV2=false&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSageAnswerHeader=false&hideAction=%5B%22reportError%22%5D#/embed/eureka`,
+                );
+            });
+        });
+
+        it('ConversationEmbed: Should add flipTooltipToContextMenuEnabled flag to the iframe src', async () => {
+            const appEmbed = new ConversationEmbed(getRootEl(), {
+                worksheetId: 'worksheetId',
+                searchOptions: {
+                    searchQuery: 'searchQuery',
+                },
+                enableFlipTooltipToContextMenu: true,
+            } as ConversationViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/v2/?${defaultParams}&isSpotterExperienceEnabled=true&flipTooltipToContextMenuEnabled=true#/embed/insights/conv-assist?worksheet=worksheetId&query=searchQuery`,
+                );
+            });
+        });
+
+        it('ConversationEmbed: Should not add flipTooltipToContextMenuEnabled flag to the iframe src when flag is false', async () => {
+            const appEmbed = new ConversationEmbed(getRootEl(), {
+                worksheetId: 'worksheetId',
+                searchOptions: {
+                    searchQuery: 'searchQuery',
+                },
+                enableFlipTooltipToContextMenu: false,
+            } as ConversationViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/v2/?${defaultParams}&isSpotterExperienceEnabled=true#/embed/insights/conv-assist?worksheet=worksheetId&query=searchQuery`,
+                );
+            });
+        });
+
+        it('SearchEmbed: Should add flipTooltipToContextMenuEnabled flag to the iframe src', async () => {
+            const dataSources = ['data-source-1'];
+            const appEmbed = new SearchEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                dataSources,
+                enableFlipTooltipToContextMenu: true,
+            } as SearchViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&useLastSelectedSources=false&flipTooltipToContextMenuEnabled=true#/embed/answer`,
+                );
+            });
+        });
+
+        it('SearchEmbed: Should not add flipTooltipToContextMenuEnabled flag to the iframe src when if false', async () => {
+            const dataSources = ['data-source-1'];
+            const appEmbed = new SearchEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                dataSources,
+                enableFlipTooltipToContextMenu: false,
+            } as SearchViewConfig);
+
+            appEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlMatchesWithParams(
+                    getIFrameSrc(),
+                    `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&useLastSelectedSources=false#/embed/answer`,
+                );
+            });
+        });
     });
 
     describe('When destroyed', () => {

package/src/embed/ts-embed.ts

@@ -446,6 +446,7 @@ export class TsEmbed {
             insertInToSlide,
             disableRedirectionLinksInNewTab,
             overrideOrgId,
+            enableFlipTooltipToContextMenu = false,
         } = this.viewConfig;
 
         const { additionalFlags: additionalFlagsFromInit } = this.embedConfig;
@@ -455,6 +456,10 @@ export class TsEmbed {
             ...additionalFlagsFromView,
         };
 
+        if (enableFlipTooltipToContextMenu) {
+            queryParams[Param.EnableFlipTooltipToContextMenu] = enableFlipTooltipToContextMenu;
+        }
+
         if (Array.isArray(visibleActions) && Array.isArray(hiddenActions)) {
             this.handleError('You cannot have both hidden actions and visible actions');
             return queryParams;
@@ -576,7 +581,7 @@ export class TsEmbed {
         iFrame.mozallowfullscreen = true;
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        iFrame.allow = 'clipboard-read; clipboard-write fullscreen';
+        iFrame.allow = 'clipboard-read; clipboard-write; fullscreen;';
 
         const {
             height: frameHeight,