@thoughtspot/visual-embed-sdk 1.36.9 → 1.37.0-temp-nav

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

@@ -106,6 +106,20 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
             AI_ANSWER = "aiAnswer",
             NONE = "none"
     }
+    export interface ModularHomeExperienceV3 {
+            /**
+                * Enabled the modular homepage version 3.
+                */
+            enabled?: boolean;
+            /**
+                * homePage values are v2/v3,
+                * v2 will show the modular homepage experience
+                * v3 will show the new modular homepage v3 experience.
+                *
+                * @default v2
+                */
+            homePage?: string;
+    }
     /**
         * The view configuration for full app embedding.
         * @group Embed components
@@ -174,6 +188,51 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             enablePendoHelp?: boolean;
+            /**
+                * Control the visibility of the hamburger icon on the top nav bar
+                * available when new navigation V3 is enabled.
+                *
+                * @default false
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideHamburger : true,
+                * })
+                * ```
+                */
+            hideHamburger?: boolean;
+            /**
+                * Control the visibility of the Eureka search on the top nav bar
+                * this will control for both new V2 and new navigation V3.
+                *
+                * @default true
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideObjectSearch: false,
+                * })
+                * ```
+                */
+            hideObjectSearch?: boolean;
+            /**
+                * Control the visibility of the notification on the top nav bar V3,
+                * available when new navigation V3 is enabled.
+                *
+                * @default true
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    hideNotification: false,
+                * })
+                * ```
+                */
+            hideNotification?: boolean;
             /**
                 * Control the visibility of the application switcher button on the nav-bar.
                 * By default, the application switcher is shown.
@@ -367,6 +426,23 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             modularHomeExperience?: boolean;
+            /**
+                * Flag to control new navigation v3 home experience.
+                *
+                * @default false
+                * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    modularHomeExperienceV3 : {
+                *      enabled: true,
+                *      homePage: 'v2'
+                *    },
+                * })
+                * ```
+                */
+            modularHomeExperienceV3?: ModularHomeExperienceV3;
             /**
                 * Boolean to control if Liveboard header is sticky or not.
                 * @example
@@ -1062,10 +1138,10 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
             dataSourceId?: string;
             /**
                 * This flag is for show/hide checkboxes for include or exclude
-                * cover and filter pages in the Liveboard PDF
+                * cover page and filters in the Liveboard PDF.
                 * @type {boolean}
                 * @default true
-                * @version SDK: 1.38.0 | ThoughtSpot:10.8.0.cl
+                * @version SDK: 1.37.0 | ThoughtSpot:10.8.0.cl
                 * @example
                 * ```js
                 * const embed = new LiveboardEmbed('#embed-container', {
@@ -1735,7 +1811,8 @@ declare module '@thoughtspot/visual-embed-sdk/auth' {
             NO_COOKIE_ACCESS = "NO_COOKIE_ACCESS",
             EXPIRY = "EXPIRY",
             OTHER = "OTHER",
-            IDLE_SESSION_TIMEOUT = "IDLE_SESSION_TIMEOUT"
+            IDLE_SESSION_TIMEOUT = "IDLE_SESSION_TIMEOUT",
+            UNAUTHENTICATED_FAILURE = "UNAUTHENTICATED_FAILURE"
     }
     /**
         * Enum for auth status emitted by the emitter returned from {@link init}.
@@ -2206,7 +2283,19 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * @version SDK: 1.34.0| ThoughtSpot: 10.3.0.cl
                 */
-            LiveboardSchedules = "liveboard-schedules"
+            LiveboardSchedules = "liveboard-schedules",
+            /**
+                * Create new options in the insights left navigation,
+                * available when new navigation V3 is enabled.
+                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                */
+            Create = "create",
+            /**
+                * Spotter option in the insights left navigation,
+                * available when new navigation V3 is enabled.
+                * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+                */
+            Spotter = "spotter"
     }
     export type DOMSelector = string | HTMLElement;
     /**
@@ -2687,6 +2776,19 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 */
             disabledActions?: Action[];
+            /**
+                * The primary action to display on top of the viz for Liveboard and App Embed.
+                * Use this to set the primary action.
+                * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed', {
+                *   ... // other liveboard view config
+                *   primaryAction: Action.Download
+                * });
+                * ```
+                */
+            primaryAction?: Action | string;
             /**
                 * The tooltip to display for disabled actions.
                 * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1.sw
@@ -3113,8 +3215,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Hide list page columns
                 * For example: hiddenListColumns = [ListPageColumns.Author]
                 *
-                * **Note**: This option is appplicable only in full app embedding.
-                * @version SDK: 1.38.0 | ThoughtSpot: 9.12.5.cl, 10.1.0.sw
+                * **Note**: This option is available only in full app embedding.
+                * @version SDK: 1.38.0 | ThoughtSpot: 10.9.0.cl
                 * @example
                 * ```js
                 * const embed = new AppEmbed('#tsEmbed', {
@@ -3271,8 +3373,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
     }
     /**
         * List page columns that can be hidden.
-        * **Note**: This option is applicable only in full app embedding.
-        * @version SDK: 1.38.0 | ThoughtSpot: 9.12.5.cl, 10.1.0.sw
+        * **Note**: This option is applicable to full app embedding only.
+        * @version SDK: 1.38.0 | ThoughtSpot: 10.9.0.cl
         */
     export enum ListPageColumns {
             /**
@@ -4355,7 +4457,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *      searchEmbed.trigger(HostEvent.TransformTableVizData, columnDataLite);
                 * })
                 * ```
-                * @version SDK: 1.38.0 | ThoughtSpot: 10.8.0.cl
+                * @version SDK: 1.37.0 | ThoughtSpot: 10.8.0.cl
                 */
             TableVizRendered = "TableVizRendered",
             /**
@@ -4368,12 +4470,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
              *     console.log('payload', payload);
              * })
              *```
-             * @version SDK : 1.38.0 | ThoughtSpot : 10.8.0.cl
+             * @version SDK : 1.37.0 | ThoughtSpot : 10.8.0.cl
              */
             CreateLiveboard = "createLiveboard",
             /**
                 * Emitted when a user creates a Model.
-                * @version SDK : 1.38.0 | ThoughtSpot : 10.8.0.cl
+                * @version SDK : 1.37.0 | ThoughtSpot : 10.8.0.cl
                 */
             CreateModel = "createModel"
     }
@@ -4815,7 +4917,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Remove)
                 * ```
-                * @version SDK: 1.38.0 | ThoughtSpot: 10.8.0.cl, 10.10.0.sw
+                * @version SDK: 1.37.0 | ThoughtSpot: 10.8.0.cl, 10.10.0.sw
                 */
             Remove = "delete",
             /**
@@ -5276,8 +5378,17 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Get the Answer session for a Search or
                 * Liveboard visualization.
+                *
+                * Note: This event is not typically used directly. Instead, use the
+                * `getAnswerService()` method on the embed instance to get an AnswerService
+                * object that provides a more convenient interface for working with answers.
+                *
                 * @example
                 * ```js
+                * // Preferred way to get an AnswerService
+                * const service = await embed.getAnswerService();
+                *
+                * // Alternative direct usage (not recommended)
                 * const {session} = await embed.trigger(
                 *  HostEvent.GetAnswerSession, {
                 *      vizId: '123', // For Liveboard Visualization.
@@ -5285,6 +5396,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 * @example
                 * ```js
+                * // Preferred way to get an AnswerService
+                * const service = await embed.getAnswerService();
+                *
+                * // Alternative direct usage (not recommended)
                 * const {session} = await embed.trigger( HostEvent.GetAnswerSession )
                 * ```
                 * @version SDK: 1.26.0 | ThoughtSpot: 9.10.0.cl, 10.1.0.sw
@@ -5410,7 +5525,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *      searchEmbed.trigger(HostEvent.TransformTableVizData, columnDataLite);
                 * })
                 * ```
-                * @version SDK: 1.38.0 | ThoughtSpot: 10.8.0.cl
+                * @version SDK: 1.37.0 | ThoughtSpot: 10.8.0.cl
                 */
             TransformTableVizData = "TransformTableVizData"
     }
@@ -5483,6 +5598,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             ShowInsertToSlide = "insertInToSlide",
             PrimaryNavHidden = "primaryNavHidden",
             HideProfleAndHelp = "profileAndHelpInNavBarHidden",
+            NavigationVersion = "navigationVersion",
+            HideHamburger = "hideHamburger",
+            HideObjectSearch = "hideObjectSearch",
+            HideNotification = "hideNotification",
             HideApplicationSwitcher = "applicationSwitcherHidden",
             HideOrgSwitcher = "orgSwitcherHidden",
             IsSageEmbed = "isSageEmbed",
@@ -5538,7 +5657,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             DataSourceId = "dataSourceId",
             preAuthCache = "preAuthCache",
             ShowSpotterLimitations = "showSpotterLimitations",
-            CoverAndFilterOptionInPDF = "coverAndFilterOptionInPDF"
+            CoverAndFilterOptionInPDF = "coverAndFilterOptionInPDF",
+            PrimaryAction = "primaryAction"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands
@@ -6745,7 +6865,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * hiddenAction: [Action.ColumnRename]
                 * ```
-                *  @version SDK: 1.38.0 | ThoughtSpot Cloud: 10.8.0.cl
+                *  @version SDK: 1.37.0 | ThoughtSpot Cloud: 10.8.0.cl
                 */
             ColumnRename = "columnRename",
             /**
@@ -6755,7 +6875,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * hiddenAction: [Action.CoverAndFilterOptionInPDF]
                 * ```
-                *  @version SDK: 1.38.0 | ThoughtSpot Cloud: 10.8.0.cl
+                *  @version SDK: 1.37.0 | ThoughtSpot Cloud: 10.8.0.cl
                 */
             CoverAndFilterOptionInPDF = "coverAndFilterOptionInPDF"
     }
@@ -7478,29 +7598,49 @@ declare module '@thoughtspot/visual-embed-sdk/utils/graphql/answerService/answer
             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.
+        * AnswerService provides a simple way to work with ThoughtSpot Answers.
+        *
+        * This service allows you to interact with ThoughtSpot Answers programmatically,
+        * making it easy to customize visualizations, filter data, and extract insights
+        * directly from your application.
+        *
+        * You can use this service to:
+        * - Add or remove columns from Answers (`addColumns`, `removeColumns`, `addColumnsByName`)
+        * - Apply filters to Answers (`addFilter`)
+        * - Get data from Answers in different formats (JSON, CSV, PNG) (`fetchData`, `fetchCSVBlob`, `fetchPNGBlob`)
+        * - Get data for specific points in visualizations (`getUnderlyingDataForPoint`)
+        * - Run custom queries (`executeQuery`)
+        * - Add visualizations to liveboards (`addDisplayedVizToLiveboard`)
+        *
         * @example
         * ```js
-        *  embed.on(EmbedEvent.CustomAction, e => {
-        *     const underlying = await e.answerService.getUnderlyingDataForPoint([
-        *       'col name 1'
-        *     ]);
-        *     const data = await underlying.fetchData(0, 100);
-        *  })
+        * // Get the answer service
+        * embed.on(EmbedEvent.Data, async (e) => {
+        *     const service = await embed.getAnswerService();
+        *
+        *     // Add columns to the answer
+        *     await service.addColumnsByName(["Sales", "Region"]);
+        *
+        *     // Get the data
+        *     const data = await service.fetchData();
+        *     console.log(data);
+        * });
         * ```
+        *
         * @example
         * ```js
-        * embed.on(EmbedEvent.Data, async (e) => {
-        *     const service = await embed.getAnswerService();
-        *     await service.addColumns([
-        *         "<column guid>"
+        * // Get data for a point in a visualization
+        * embed.on(EmbedEvent.CustomAction, async (e) => {
+        *     const underlying = await e.answerService.getUnderlyingDataForPoint([
+        *       'Product Name',
+        *       'Sales Amount'
         *     ]);
-        *     console.log(await service.fetchData());
+        *
+        *     const data = await underlying.fetchData(0, 100);
+        *     console.log(data);
         * });
         * ```
+        *
         * @version SDK: 1.25.0| ThoughtSpot: 9.10.0.cl
         * @group Events
         */

package/package.json

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

package/src/auth.ts

@@ -40,7 +40,8 @@ export enum AuthFailureType {
     NO_COOKIE_ACCESS = 'NO_COOKIE_ACCESS',
     EXPIRY = 'EXPIRY',
     OTHER = 'OTHER',
-    IDLE_SESSION_TIMEOUT = 'IDLE_SESSION_TIMEOUT'
+    IDLE_SESSION_TIMEOUT = 'IDLE_SESSION_TIMEOUT',
+    UNAUTHENTICATED_FAILURE = 'UNAUTHENTICATED_FAILURE',
 }
 
 /**

package/src/embed/app.spec.ts

@@ -494,6 +494,76 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add hideHamburger, hideObjectSearch, hideNotification flags to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            hideHamburger: true,
+            hideObjectSearch: true,
+            hideNotification: true,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&hideHamburger=true&hideObjectSearch=true&hideNotification=true${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add when hideHamburger, hideObjectSearch, hideNotification values are not true to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            hideHamburger: false,
+            hideObjectSearch: undefined,
+            hideNotification: null,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add navigationVersion=v3 when modularHomeExperienceV3 is true to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            modularHomeExperienceV3: {
+                enabled: true,
+                homePage: 'v2',
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true&navigationVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add navigationVersion when modularHomeExperienceV3 is false to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            modularHomeExperienceV3: {
+                enabled: false,
+                homePage: 'v2',
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add enableAskSage flag to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,

package/src/embed/app.ts

@@ -83,6 +83,22 @@ export enum HomePageSearchBarMode {
     AI_ANSWER = 'aiAnswer',
     NONE = 'none'
 }
+
+export interface ModularHomeExperienceV3 {
+    /**
+     * Enabled the modular homepage version 3.
+     */
+    enabled?: boolean;
+    /**
+     * homePage values are v2/v3,
+     * v2 will show the modular homepage experience
+     * v3 will show the new modular homepage v3 experience.
+     *
+     * @default v2
+     */
+    homePage?: string;
+}
+
 /**
  * The view configuration for full app embedding.
  * @group Embed components
@@ -151,6 +167,51 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * ```
      */
     enablePendoHelp?: boolean
+    /**
+     * Control the visibility of the hamburger icon on the top nav bar
+     * available when new navigation V3 is enabled.
+     *
+     * @default false
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideHamburger : true,
+     * })
+     * ```
+     */
+    hideHamburger?: boolean;
+    /**
+     * Control the visibility of the Eureka search on the top nav bar
+     * this will control for both new V2 and new navigation V3.
+     *
+     * @default true
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideObjectSearch: false,
+     * })
+     * ```
+     */
+    hideObjectSearch?: boolean;
+    /**
+     * Control the visibility of the notification on the top nav bar V3,
+     * available when new navigation V3 is enabled.
+     *
+     * @default true
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideNotification: false,
+     * })
+     * ```
+     */
+    hideNotification?: boolean;
     /**
      * Control the visibility of the application switcher button on the nav-bar.
      * By default, the application switcher is shown.
@@ -344,6 +405,23 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * ```
      */
     modularHomeExperience?: boolean;
+    /**
+     * Flag to control new navigation v3 home experience.
+     *
+     * @default false
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    modularHomeExperienceV3 : {
+     *      enabled: true,
+     *      homePage: 'v2'
+     *    },
+     * })
+     * ```
+     */
+    modularHomeExperienceV3?: ModularHomeExperienceV3;
     /**
      * Boolean to control if Liveboard header is sticky or not.
      * @example
@@ -515,6 +593,9 @@ export class AppEmbed extends V1Embed {
             liveboardV2,
             showPrimaryNavbar,
             disableProfileAndHelp,
+            hideHamburger,
+            hideObjectSearch,
+            hideNotification,
             hideApplicationSwitcher,
             hideOrgSwitcher,
             enableSearchAssist,
@@ -525,6 +606,7 @@ export class AppEmbed extends V1Embed {
             showLiveboardDescription = true,
             hideHomepageLeftNav = false,
             modularHomeExperience = false,
+            modularHomeExperienceV3 = false,
             isLiveboardHeaderSticky = true,
             enableAskSage,
             collapseSearchBarInitially = false,
@@ -561,6 +643,18 @@ export class AppEmbed extends V1Embed {
 
         params = this.getBaseQueryParams(params);
 
+        if (hideObjectSearch) {
+            params[Param.HideObjectSearch] = !!hideObjectSearch;
+        }
+
+        if (hideHamburger) {
+            params[Param.HideHamburger] = !!hideHamburger;
+        }
+
+        if (hideNotification) {
+            params[Param.HideNotification] = !!hideNotification;
+        }
+
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
         }
@@ -620,6 +714,16 @@ export class AppEmbed extends V1Embed {
             /* eslint-disable-next-line max-len */
             params[Param.DataPanelCustomGroupsAccordionInitialState] = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL;
         }
+
+        if (modularHomeExperienceV3) {
+            if (modularHomeExperienceV3.enabled) {
+                params[Param.NavigationVersion] = 'v3';
+            }
+            if (modularHomeExperienceV3.homePage === 'v2') {
+                params[Param.ModularHomeExperienceEnabled] = true;
+            }
+        }
+
         const queryParams = getQueryParamString(params, true);
 
         return queryParams;

package/src/embed/liveboard.ts

@@ -394,10 +394,10 @@ export interface LiveboardViewConfig
 
     /**
      * This flag is for show/hide checkboxes for include or exclude
-     * cover and filter pages in the Liveboard PDF
+     * cover page and filters in the Liveboard PDF.
      * @type {boolean}
      * @default true
-     * @version SDK: 1.38.0 | ThoughtSpot:10.8.0.cl
+     * @version SDK: 1.37.0 | ThoughtSpot:10.8.0.cl
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed-container', {

package/src/embed/ts-embed.ts

@@ -540,6 +540,7 @@ export class TsEmbed {
             disableRedirectionLinksInNewTab,
             overrideOrgId,
             exposeTranslationIDs,
+            primaryAction,
         } = this.viewConfig;
 
         const { additionalFlags: additionalFlagsFromInit } = this.embedConfig;
@@ -558,6 +559,9 @@ export class TsEmbed {
             this.handleError('You cannot have both hidden Tabs and visible Tabs');
             return queryParams;
         }
+        if (primaryAction) {
+            queryParams[Param.PrimaryAction] = primaryAction;
+        }
 
         if (disabledActions?.length) {
             queryParams[Param.DisableActions] = disabledActions;

package/src/index.ts

@@ -1,3 +1,5 @@
+'use client';
+
 /**
  * Copyright (c) 2023
  *

package/src/react/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React, { useRef } from 'react';
 import useDeepCompareEffect from 'use-deep-compare-effect';
 import { AuthEventEmitter } from '../auth';