@thoughtspot/visual-embed-sdk 1.39.2 → 1.40.0

package/dist/tsembed-react.es.js

@@ -1,7 +1,7 @@
-/* @thoughtspot/visual-embed-sdk version 1.39.2 */
+/* @thoughtspot/visual-embed-sdk version 1.40.0 */
 'use client';
 import * as React from 'react';
-import React__default, { useRef } from 'react';
+import React__default, { useRef, useCallback } from 'react';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -399,6 +399,12 @@ var HomeLeftNavItem;
      * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
      */
     HomeLeftNavItem["Spotter"] = "spotter";
+    /**
+     * Favorites option in the insights left navigation,
+     * available when new navigation V3 is enabled.
+     * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+     */
+    HomeLeftNavItem["Favorites"] = "favorites";
 })(HomeLeftNavItem || (HomeLeftNavItem = {}));
 /**
  * A map of the supported runtime filter operations
@@ -1217,7 +1223,7 @@ var EmbedEvent;
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
      * @example
      *```js
-     * liveboardEmbed.on(EmbedEvent.AnswerChartSwitcher, payload => {
+     * liveboardEmbed.on(EmbedEvent.LiveboardInfo, payload => {
      *    console.log('Liveboard details', payload);
      * })
      *```
@@ -1585,6 +1591,89 @@ var EmbedEvent;
      * @version SDK : 1.40.0 | ThoughtSpot: 10.11.0.cl
      */
     EmbedEvent["ExitPresentMode"] = "exitPresentMode";
+    /**
+     * Emitted when a user requests the full height lazy load data.
+     * @version SDK : 1.39.0 | ThoughtSpot : 10.10.0.cl
+     * @hidden
+     */
+    EmbedEvent["RequestVisibleEmbedCoordinates"] = "requestVisibleEmbedCoordinates";
+    /**
+     * Emitted when Spotter response is text data
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.SpotterData, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    EmbedEvent["SpotterData"] = "SpotterData";
+    /**
+     * Emitted when user opens up the worksheet preview modal in Spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.PreviewSpotterData, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    EmbedEvent["PreviewSpotterData"] = "PreviewSpotterData";
+    /**
+     * Emitted when the Spotter query is triggered in Spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.SpotterQueryTriggered, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    EmbedEvent["SpotterQueryTriggered"] = "SpotterQueryTriggered";
+    /**
+     * Emitted when the last Spotter query is edited in Spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.LastPromptEdited, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    EmbedEvent["LastPromptEdited"] = "LastPromptEdited";
+    /**
+     * Emitted when the last Spotter query is deleted in Spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.LastPromptDeleted, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    EmbedEvent["LastPromptDeleted"] = "LastPromptDeleted";
+    /**
+     * Emitted when the coversation is reset in spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.ResetSpotterConversation, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    EmbedEvent["ResetSpotterConversation"] = "ResetSpotterConversation";
+    /**
+     * Emitted when the *Spotter* is initialized.
+     * @example
+     * ```js
+     * spotterEmbed.on(EmbedEvent.SpotterInit, (payload) => {
+     *     console.log('payload', payload);
+     * })
+     *```
+     * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+     */
+    EmbedEvent["SpotterInit"] = "spotterInit";
 })(EmbedEvent || (EmbedEvent = {}));
 /**
  * Event types that can be triggered by the host application
@@ -1602,7 +1691,7 @@ var EmbedEvent;
  * // create the liveboard embed.
  *
  * liveboardEmbed.trigger(HostEvent.UpdateRuntimeFilters, [
- *   { columnName: 'state, operator: RuntimeFilterOp.EQ, values: ['california']}
+ *   { columnName: 'state', operator: RuntimeFilterOp.EQ, values: ["california"]}
  * ]);
  * ```
  * @example
@@ -1674,6 +1763,7 @@ var HostEvent;
      * done automatically on the most popular column.
      * @param - vizId [TS >= 9.8.0] - Optional. The GUID of the visualization to drill
      * in case of a Liveboard.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * @example
      * ```js
      * searchEmbed.on(EmbedEvent.VizPointDoubleClick, (payload) => {
@@ -1812,12 +1902,12 @@ var HostEvent;
      * Works with Search and Liveboard embed.
      * @param - { columnId: string,
      *  name: string,
-     *  type: INT64/CHAR/DATE,
-     *  dataType: ATTRIBUTE/MEASURE }
+     *  type: ATTRIBUTE/MEASURE,
+     *  dataType: INT64/CHAR/DATE }
      * @example
      * ```js
      * searchEmbed.trigger(HostEvent.OpenFilter,
-     *  {column: { columnId: '<column-GUID>', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE'}})
+     *  {column: { columnId: '<column-GUID>', name: 'column name', type: 'ATTRIBUTE', dataType: 'INT64'}})
      * ```
      * @example
      * ```js
@@ -1875,6 +1965,7 @@ var HostEvent;
      * @param
      * `vizId`-  GUID of the saved Answer or visualization to pin to a Liveboard.
      *  Optional when pinning a new chart or table generated from a Search query.
+     *  **Required** in Spotter Embed.
      * @param
      * `liveboardID` - GUID of the Liveboard to pin an Answer. If there is no Liveboard,
      *  specify the `newLiveboardName` parameter to create a new Liveboard.
@@ -1922,6 +2013,12 @@ var HostEvent;
      * ```js
      * appEmbed.trigger(HostEvent.Pin)
      * ```
+     * @example
+     * ```js
+     * const pinResponse = await spotterEmbed.trigger(HostEvent.Pin, {
+     *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+     *  });
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
      */
     HostEvent["Pin"] = "pin";
@@ -1986,12 +2083,21 @@ var HostEvent;
      * Trigger the **Download PDF** action on an embedded Liveboard,
      * visualization or Answer.
      *
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+     *
      * **NOTE**: The **Download** > **PDF** action is available on
      * visualizations and Answers if the data is in tabular format.
      * @example
      * ```js
      * liveboardEmbed.trigger(HostEvent.DownloadAsPdf)
      * ```
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.DownloadAsPdf, {
+     *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+     *  });
+     * ```
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
      */
     HostEvent["DownloadAsPdf"] = "downloadAsPdf";
@@ -2015,6 +2121,12 @@ var HostEvent;
      * ```js
      * searchEmbed.trigger(HostEvent.MakeACopy)
      * ```
+     * @example
+     * ```js
+     * const pinResponse = await spotterEmbed.trigger(HostEvent.MakeACopy, {
+     *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+     *  });
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
      */
     HostEvent["MakeACopy"] = "makeACopy";
@@ -2087,6 +2199,8 @@ var HostEvent;
      * This event is not supported in visualization embed and search embed.
      * @param - object - To trigger the action for a specific visualization
      * in Liveboard embed, pass in `vizId` as a key.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+     *
      * @example
      * ```js
      * liveboardEmbed.trigger(HostEvent.Edit)
@@ -2095,6 +2209,18 @@ var HostEvent;
      * liveboardEmbed.trigger(HostEvent.Edit, {vizId:
      * '730496d6-6903-4601-937e-2c691821af3c'})
      * ```
+     * @example
+     * ```js
+     * const pinResponse = await spotterEmbed.trigger(HostEvent.Edit, {
+     *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+     *  });
+     * ```
+     * @example
+     * ```js
+     * const editResponse = await spotterEmbed.trigger(HostEvent.Edit, {
+     *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+     *  });
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
      */
     HostEvent["Edit"] = "edit";
@@ -2142,6 +2268,16 @@ var HostEvent;
      *   );
      * })
      * ```
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.GetTML, {
+     *   vizId: '730496d6-6903-4601-937e-2c691821af3c'
+     * }).then((tml) => {
+     *   console.log(
+     *      tml.answer.search_query // TML representation of the search query
+     *   );
+     * })
+     * ```
      * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1.sw
      * @important
      */
@@ -2205,6 +2341,7 @@ var HostEvent;
     /**
      * Trigger the **Download** action on charts in
      * the embedded view.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * @example
      * ```js
      * liveboardEmbed.trigger(HostEvent.Download, {vizId:
@@ -2213,6 +2350,11 @@ var HostEvent;
      * ```js
      * embed.trigger(HostEvent.Download)
      * ```
+     * ```js
+     * spotterEmbed.trigger(HostEvent.Download, {
+     *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+     *  });
+     * ```
      * @deprecated from SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl ,9.4.1.sw
      * Use {@link DownloadAsPng}
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
@@ -2229,13 +2371,19 @@ var HostEvent;
      * vizEmbed.trigger(HostEvent.DownloadAsPng)
      *
      * searchEmbed.trigger(HostEvent.DownloadAsPng)
+     *
+     * spotterEmbed.trigger(HostEvent.DownloadAsPng, {
+     *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+     * })
      * ```
+     *
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.4.1.sw
      */
     HostEvent["DownloadAsPng"] = "downloadAsPng";
     /**
      * Trigger the **Download** > **CSV**  action on tables in
      * the embedded view.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * @example
      * ```js
      * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId:
@@ -2247,12 +2395,18 @@ var HostEvent;
      * ```js
      * searchEmbed.trigger(HostEvent.DownloadAsCsv)
      * ```
+     * ```js
+     * spotterEmbed.trigger(HostEvent.DownloadAsCsv, {
+     *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+     * })
+     * ```
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
      */
     HostEvent["DownloadAsCsv"] = "downloadAsCSV";
     /**
      * Trigger the **Download** > **XLSX**  action on tables
      * in the embedded view.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * @example
      * ```js
      * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId:
@@ -2264,6 +2418,11 @@ var HostEvent;
      * ```js
      * searchEmbed.trigger(HostEvent.DownloadAsXlsx)
      * ```
+     * ```js
+     * spotterEmbed.trigger(HostEvent.downloadAsXLSX, {
+     *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+     * })
+     * ```
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
      */
     HostEvent["DownloadAsXlsx"] = "downloadAsXLSX";
@@ -2283,6 +2442,7 @@ var HostEvent;
     /**
      * Trigger the **Save**  action on a Liveboard or Answer.
      * Saves the changes.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * @example
      * ```js
      * liveboardEmbed.trigger(HostEvent.Save)
@@ -2290,6 +2450,11 @@ var HostEvent;
      * ```js
      * searchEmbed.trigger(HostEvent.Save)
      * ```
+     * ```js
+     * spotterEmbed.trigger(HostEvent.Save, {
+     *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+     * })
+     * ```
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
      */
     HostEvent["Save"] = "save";
@@ -2573,7 +2738,7 @@ var HostEvent;
     HostEvent["ResetLiveboardPersonalisedView"] = "ResetLiveboardPersonalisedView";
     /**
      * Triggers an action to update Parameter values on embedded
-     * Answers and Liveboard.
+     * Answers, Liveboard and Spotter answer in Edit mode.
      *
      * @example
      * ```js
@@ -2587,11 +2752,19 @@ var HostEvent;
     HostEvent["UpdateParameters"] = "UpdateParameters";
     /**
      * Triggers GetParameters to fetch the runtime Parameters.
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * ```js
      * liveboardEmbed.trigger(HostEvent.GetParameters).then((parameter) => {
      *  console.log('parameters', parameter);
      * });
      *```
+     *```js
+     * spotterEmbed.trigger(HostEvent.GetParameters, {
+     *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+     * }).then((parameter) => {
+     *  console.log('parameters', parameter);
+     * });
+     *```
      * @version SDK: 1.29.0 | ThoughtSpot: 10.1.0.cl, 10.1.0.sw
      */
     HostEvent["GetParameters"] = "GetParameters";
@@ -2623,7 +2796,7 @@ var HostEvent;
      * @param - optional attributes to set Answer properties.
      *  `name` - Name string for the Answer.
      *  `description` - Description text for the Answer.
-     *
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
      * @example
      * ```js
      * const saveAnswerResponse = await searchEmbed.trigger(HostEvent.SaveAnswer, {
@@ -2631,6 +2804,14 @@ var HostEvent;
      *      description: "Total sales by states in MidWest"
      *   });
      * ```
+     * @example
+     * ```js
+     * const saveAnswerResponse = await spotterEmbed.trigger(HostEvent.SaveAnswer, {
+     *      vizId: '730496d6-6903-4601-937e-2c691821af3c',
+     *      name: "Sales by states",
+     *      description: "Total sales by states in MidWest"
+     * });
+     * ```
      * @version SDK: 1.36.0 | ThoughtSpot: 10.6.0.cl
      */
     HostEvent["SaveAnswer"] = "saveAnswer";
@@ -2659,6 +2840,70 @@ var HostEvent;
      * @version SDK: 1.37.0 | ThoughtSpot: 10.8.0.cl
      */
     HostEvent["TransformTableVizData"] = "TransformTableVizData";
+    /**
+     * Triggers a search operation with the search tokens specified in
+     * the search query string in spotter embed.
+     * @param - `query`: Text string in Natural Language format
+     * @param - `executeSearch`: Boolean to execute search and update search query
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.SpotterSearch, {
+     *  query: 'revenue per year',
+     *  executeSearch: true,
+     * })
+     * ```
+     * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
+     */
+    HostEvent["SpotterSearch"] = "SpotterSearch";
+    /**
+     * Edits the last prompt in spotter embed.
+     * @param - `query`: Text string
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.EditLastPrompt, "revenue per year");
+     * ```
+     * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
+     */
+    HostEvent["EditLastPrompt"] = "EditLastPrompt";
+    /**
+     * Opens the Worksheet preview modal in Spotter Embed.
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.PreviewSpotterData);
+     * ```
+     * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
+     */
+    HostEvent["PreviewSpotterData"] = "PreviewSpotterData";
+    /**
+     * Resets the Spotter Embed Conversation.
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.ResetSpotterConversation);
+     * ```
+     * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
+     */
+    HostEvent["ResetSpotterConversation"] = "ResetSpotterConversation";
+    /**
+     * Deletes the last prompt in spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.DeleteLastPrompt);
+     * ```
+     * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
+     */
+    HostEvent["DeleteLastPrompt"] = "DeleteLastPrompt";
+    /**
+     * Toggle the visualization to chart or table view.
+     * @param - `vizId ` refers to the answer id in spotter Embed, it is required in spotter Embed.
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.AnswerChartSwitcher, {
+     *          vizId:'b535c760-8bbe-4e6f-bb26-af56b4129a1e'
+     * });
+     *```
+     * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
+     */
+    HostEvent["AnswerChartSwitcher"] = "answerChartSwitcher";
     /**
      * @hidden
      * Trigger exit from presentation mode when user exits fullscreen.
@@ -2669,6 +2914,30 @@ var HostEvent;
      * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
      */
     HostEvent["ExitPresentMode"] = "exitPresentMode";
+    /**
+     * Triggers the full height lazy load data.
+     * @example
+     * ```js
+     * liveboardEmbed.on(EmbedEvent.RequestVisibleEmbedCoordinates, (payload) => {
+     *      console.log(payload);
+     * });
+     * ```
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     *
+     * @hidden
+     */
+    HostEvent["VisibleEmbedCoordinates"] = "visibleEmbedCoordinates";
+    /**
+     * Trigger the *Ask Spotter* action for visualizations
+     * @param - `vizId` refers to the Answer ID in Spotter embed and is required in Spotter embed.
+     * @example
+     * ```js
+     * spotterEmbed.trigger(HostEvent.AskSpotter,
+     * {vizId:'730496d6-6903-4601-937e-2c691821af3c'})
+     * ```
+     * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+     */
+    HostEvent["AskSpotter"] = "AskSpotter";
 })(HostEvent || (HostEvent = {}));
 /**
  * The different visual modes that the data sources panel within
@@ -2774,6 +3043,7 @@ var Param;
     Param["Query"] = "query";
     Param["HideHomepageLeftNav"] = "hideHomepageLeftNav";
     Param["ModularHomeExperienceEnabled"] = "modularHomeExperience";
+    Param["ListPageVersion"] = "listpageVersion";
     Param["PendoTrackingKey"] = "additionalPendoKey";
     Param["LiveboardHeaderSticky"] = "isLiveboardHeaderSticky";
     Param["IsProductTour"] = "isProductTour";
@@ -2808,10 +3078,12 @@ var Param;
     Param["DataSourceId"] = "dataSourceId";
     Param["preAuthCache"] = "preAuthCache";
     Param["ShowSpotterLimitations"] = "showSpotterLimitations";
-    Param["CoverAndFilterOptionInPDF"] = "coverAndFilterOptionInPDF";
+    Param["CoverAndFilterOptionInPDF"] = "arePdfCoverFilterPageCheckboxesEnabled";
     Param["PrimaryAction"] = "primaryAction";
     Param["isSpotterAgentEmbed"] = "isSpotterAgentEmbed";
     Param["IsLiveboardStylingAndGroupingEnabled"] = "isLiveboardStylingAndGroupingEnabled";
+    Param["IsLazyLoadingForEmbedEnabled"] = "isLazyLoadingForEmbedEnabled";
+    Param["RootMarginForLazyLoad"] = "rootMarginForLazyLoad";
 })(Param || (Param = {}));
 /**
  * ThoughtSpot application pages include actions and menu commands
@@ -4034,6 +4306,22 @@ var Action;
      *  @version SDK: 1.37.0 | ThoughtSpot Cloud: 10.8.0.cl
      */
     Action["CoverAndFilterOptionInPDF"] = "coverAndFilterOptionInPDF";
+    /**
+     * Action ID for hide or disable the
+     * Spotter in conversation training widget.
+     * The Add to Coaching feature is currently in beta
+     * and is disabled by default on embed deployments.
+     * To enable this feature on your instance,
+     * contact ThoughtSpot Support.
+     *  @example
+     * ```js
+     * hiddenAction: [Action.InConversationTraining]
+     * disabledActions: [Action.InConversationTraining]
+     *
+     * ```
+     *  @version SDK: 1.39.0 | ThoughtSpot Cloud: 10.10.0.cl
+     */
+    Action["InConversationTraining"] = "InConversationTraining";
 })(Action || (Action = {}));
 var PrefetchFeatures;
 (function (PrefetchFeatures) {
@@ -4417,7 +4705,6 @@ const getOperationNameFromQuery = (query) => {
 function removeTypename(obj) {
     if (!obj || typeof obj !== 'object')
         return obj;
-    // eslint-disable-next-line no-restricted-syntax
     for (const key in obj) {
         if (key === '__typename') {
             delete obj[key];
@@ -4446,7 +4733,11 @@ const setStyleProperties = (element, styleProperties) => {
     if (!(element === null || element === void 0 ? void 0 : element.style))
         return;
     Object.keys(styleProperties).forEach((styleProperty) => {
-        element.style[styleProperty] = styleProperties[styleProperty].toString();
+        const styleKey = styleProperty;
+        const value = styleProperties[styleKey];
+        if (value !== undefined) {
+            element.style[styleKey] = value.toString();
+        }
     });
 };
 /**
@@ -4574,6 +4865,22 @@ const handleExitPresentMode = async () => {
         }
     }
     logger$3.warn('Exit fullscreen API is not supported by this browser.');
+};
+const calculateVisibleElementData = (element) => {
+    const rect = element.getBoundingClientRect();
+    const windowHeight = window.innerHeight;
+    const windowWidth = window.innerWidth;
+    const frameRelativeTop = Math.max(rect.top, 0);
+    const frameRelativeLeft = Math.max(rect.left, 0);
+    const frameRelativeBottom = Math.min(windowHeight, rect.bottom);
+    const frameRelativeRight = Math.min(windowWidth, rect.right);
+    const data = {
+        top: Math.max(0, rect.top * -1),
+        height: Math.max(0, frameRelativeBottom - frameRelativeTop),
+        left: Math.max(0, rect.left * -1),
+        width: Math.max(0, frameRelativeRight - frameRelativeLeft),
+    };
+    return data;
 };
 
 /**
@@ -6869,6 +7176,7 @@ const ERROR_MESSAGE = {
     CSP_FRAME_HOST_VIOLATION_LOG_MESSAGE: 'Please set up CSP correctly for the application to start working. For more information, see https://developers.thoughtspot.com/docs/security-settings#csp-viz-embed-hosts. \n If the issue persists, refer to https://developers.thoughtspot.com/docs/security-settings#csp-viz-embed-hosts',
     MISSING_REPORTING_OBSERVER: 'ReportingObserver not supported',
     RENDER_CALLED_BEFORE_INIT: 'Looks like render was called before calling init, the render won\'t start until init is called.\nFor more info check\n1. https://developers.thoughtspot.com/docs/Function_init#_init\n2.https://developers.thoughtspot.com/docs/getting-started#initSdk',
+    SPOTTER_AGENT_NOT_INITIALIZED: 'SpotterAgent not initialized',
 };
 
 const EndPoints = {
@@ -7076,13 +7384,14 @@ const configKey = 'embedConfig';
  *
  * @example
  * ```js
+ * import { getInitConfig } from '@thoughtspot/visual-embed-sdk';
+ * // Call the getInitConfig method to retrieve the embed configuration
  * const config = getInitConfig();
+ * // Log the configuration settings
  * console.log(config);
  * ```
- * @example
- *
- * Returns the `EmbedConfig` object, which
- * contains the configuration settings used to
+ * Returns the link:https://developers.thoughtspot.com/docs/Interface_EmbedConfig[EmbedConfig]
+ * object, which contains the configuration settings used to
  * initialize the SDK, including the following:
  *
  *  - `thoughtSpotHost` - ThoughtSpot host URL
@@ -7091,9 +7400,10 @@ const configKey = 'embedConfig';
  *  - `customizations` - Style, text, and icon customization settings
  *  that were applied during the SDK initialization.
  *
- * For a comprehensive list of embed configuration settings,
- * see link:https://developers.thoughtspot.com/docs/Interface_EmbedConfig[Developer Documentation].
+ * The following JSON output shows the embed configuration
+ * settings returned from the code in the previous example:
  *
+ * @example
  * ```json
  * {
  *   "thoughtSpotHost": "https://{ThoughtSpot-Host}",
@@ -7115,7 +7425,7 @@ const configKey = 'embedConfig';
  *   "authTriggerContainer": "#your-own-div"
  *  }
  * ```
- * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.cl, and later
+ * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw, and later
  * @group Global methods
  */
 const getEmbedConfig = () => getValueFromWindow(configKey) || {};
@@ -7757,7 +8067,7 @@ class AnswerService {
     async getTML() {
         const { object } = await this.executeQuery(getAnswerTML, {});
         const edoc = object[0].edoc;
-        const YAML = await import('./index-CmEQfuE3.js');
+        const YAML = await import('./index-CAEHQGLc.js');
         const parsedDoc = YAML.parse(edoc);
         return {
             answer: {
@@ -15491,7 +15801,7 @@ function processEventData(type, e, thoughtSpotHost, containerEl) {
     return e;
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version$1="1.39.2";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",build:"rollup -c",watch:"rollup -cw",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck","test-sdk":"jest -c jest.config.sdk.js --runInBand",test:"npm run test-sdk",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={classnames:"^2.3.1",eventemitter3:"^4.0.7",lodash:"^4.17.21","mixpanel-browser":"2.47.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1",yaml:"^2.5.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/lodash":"^4.17.0","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^8.28.0","@typescript-eslint/parser":"^8.28.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0",crypto:"^1.0.1","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^9.23.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^10.1.1","eslint-import-resolver-typescript":"^4.2.5","eslint-plugin-comment-length":"2.2.1","eslint-plugin-import":"^2.31.0","eslint-plugin-jsdoc":"^50.6.9","eslint-plugin-prettier":"^5.2.5","eslint-plugin-react":"^7.37.5","eslint-plugin-react-hooks":"^5.2.0","fs-extra":"^10.0.0","gh-pages":"6.3.0",globals:"^16.0.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"4.24.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","typescript-eslint":"^8.29.1","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^6.3.5"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embedded","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version$1,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 kB"}],scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
+var name="@thoughtspot/visual-embed-sdk";var version$1="1.40.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",build:"rollup -c",watch:"rollup -cw",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck","test-sdk":"jest -c jest.config.sdk.js --runInBand",test:"npm run test-sdk",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={classnames:"^2.3.1",eventemitter3:"^4.0.7",lodash:"^4.17.21","mixpanel-browser":"2.47.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1",yaml:"^2.5.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/lodash":"^4.17.0","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^8.28.0","@typescript-eslint/parser":"^8.28.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0",crypto:"^1.0.1","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^9.23.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^10.1.1","eslint-import-resolver-typescript":"^4.2.5","eslint-plugin-comment-length":"2.2.1","eslint-plugin-import":"^2.31.0","eslint-plugin-jsdoc":"^50.6.9","eslint-plugin-prettier":"^5.2.5","eslint-plugin-react":"^7.37.5","eslint-plugin-react-hooks":"^5.2.0","fs-extra":"^10.0.0","gh-pages":"6.3.0",globals:"^16.0.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"4.24.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","typescript-eslint":"^8.29.1","url-search-params-polyfill":"^8.1.0",util:"^0.12.4",vite:"^6.3.5"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embedded","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version$1,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 kB"}],scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
 
 /**
  * Reloads the ThoughtSpot iframe.
@@ -15514,7 +15824,8 @@ const reload = (iFrame) => {
  * @param channel
  */
 function postIframeMessage(iFrame, message, thoughtSpotHost, channel) {
-    return iFrame.contentWindow.postMessage(message, thoughtSpotHost, [channel === null || channel === void 0 ? void 0 : channel.port2]);
+    var _a;
+    return (_a = iFrame.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(message, thoughtSpotHost, [channel === null || channel === void 0 ? void 0 : channel.port2]);
 }
 const TRIGGER_TIMEOUT = 30000;
 /**
@@ -17227,7 +17538,6 @@ let SearchEmbed$1 = class SearchEmbed extends TsEmbed {
 /**
  * Pages within the ThoughtSpot app that can be embedded.
  */
-// eslint-disable-next-line no-shadow
 var Page;
 (function (Page) {
     /**
@@ -17313,16 +17623,46 @@ var HomePage;
      */
     HomePage["Modular"] = "v2";
 })(HomePage || (HomePage = {}));
+/**
+ * Define the version of the list page
+ * @version SDK: 1.40.0 | ThoughtSpot: 10.12.0.cl
+ */
+var ListPage;
+(function (ListPage) {
+    /**
+     * List (v2) is the traditional List Experience.
+     * It serves as the foundational version of the list page.
+     */
+    ListPage["List"] = "v2";
+    /**
+     * ListWithUXChanges (v3) introduces the new updated list page with UX changes.
+     */
+    ListPage["ListWithUXChanges"] = "v3";
+})(ListPage || (ListPage = {}));
 /**
  * Embeds full ThoughtSpot experience in a host application.
  * @group Embed components
  */
 let AppEmbed$1 = class AppEmbed extends V1Embed {
-    // eslint-disable-next-line no-useless-constructor
     constructor(domSelector, viewConfig) {
         viewConfig.embedComponentType = 'AppEmbed';
         super(domSelector, viewConfig);
         this.defaultHeight = '100%';
+        this.sendFullHeightLazyLoadData = () => {
+            const data = calculateVisibleElementData(this.iFrame);
+            this.trigger(HostEvent.VisibleEmbedCoordinates, data);
+        };
+        /**
+         * This is a handler for the RequestVisibleEmbedCoordinates event.
+         * It is used to send the visible coordinates data to the host application.
+         * @param data The event payload
+         * @param responder The responder function
+         */
+        this.requestVisibleEmbedCoordinatesHandler = (data, responder) => {
+            logger$3.info('Sending RequestVisibleEmbedCoordinates', data);
+            const visibleCoordinatesData = calculateVisibleElementData(this.iFrame);
+            responder({ type: EmbedEvent.RequestVisibleEmbedCoordinates, data: visibleCoordinatesData });
+        };
         /**
          * Set the iframe height as per the computed height received
          * from the ThoughtSpot app.
@@ -17331,6 +17671,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
         this.updateIFrameHeight = (data) => {
             var _a;
             this.setIFrameHeight(Math.max(data.data, (_a = this.iFrame) === null || _a === void 0 ? void 0 : _a.scrollHeight));
+            this.sendFullHeightLazyLoadData();
         };
         this.embedIframeCenter = (data, responder) => {
             const obj = this.getIframeCenter();
@@ -17360,6 +17701,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
             this.on(EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
             this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
             this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
+            this.on(EmbedEvent.RequestVisibleEmbedCoordinates, this.requestVisibleEmbedCoordinatesHandler);
         }
     }
     /**
@@ -17367,9 +17709,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
      * embedded Liveboard or visualization.
      */
     getEmbedParams() {
-        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, hideHamburger, hideObjectSearch, hideNotification, hideApplicationSwitcher, hideOrgSwitcher, enableSearchAssist, fullHeight, dataPanelV2 = false, hideLiveboardHeader = false, showLiveboardTitle = true, showLiveboardDescription = true, hideHomepageLeftNav = false, modularHomeExperience = false, isLiveboardHeaderSticky = true, enableAskSage, collapseSearchBarInitially = false, enable2ColumnLayout, enableCustomColumnGroups = false, isOnBeforeGetVizDataInterceptEnabled = false, 
-        /* eslint-disable-next-line max-len */
-        dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL, collapseSearchBar = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, homePageSearchBarMode, isUnifiedSearchExperienceEnabled = true, enablePendoHelp = true, discoveryExperience, isLiveboardStylingAndGroupingEnabled, } = this.viewConfig;
+        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, hideHamburger, hideObjectSearch, hideNotification, hideApplicationSwitcher, hideOrgSwitcher, enableSearchAssist, fullHeight, dataPanelV2 = false, hideLiveboardHeader = false, showLiveboardTitle = true, showLiveboardDescription = true, hideHomepageLeftNav = false, modularHomeExperience = false, isLiveboardHeaderSticky = true, enableAskSage, collapseSearchBarInitially = false, enable2ColumnLayout, enableCustomColumnGroups = false, isOnBeforeGetVizDataInterceptEnabled = false, dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL, collapseSearchBar = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, homePageSearchBarMode, isUnifiedSearchExperienceEnabled = true, enablePendoHelp = true, discoveryExperience, coverAndFilterOptionInPDF = false, isLiveboardStylingAndGroupingEnabled, } = this.viewConfig;
         let params = {};
         params[Param.PrimaryNavHidden] = !showPrimaryNavbar;
         params[Param.HideProfleAndHelp] = !!disableProfileAndHelp;
@@ -17385,6 +17725,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
         params[Param.ShowLiveboardReverifyBanner] = showLiveboardReverifyBanner;
         params[Param.HideIrrelevantFiltersInTab] = hideIrrelevantChipsInLiveboardTabs;
         params[Param.IsUnifiedSearchExperienceEnabled] = isUnifiedSearchExperienceEnabled;
+        params[Param.CoverAndFilterOptionInPDF] = !!coverAndFilterOptionInPDF;
         params = this.getBaseQueryParams(params);
         if (hideObjectSearch) {
             params[Param.HideObjectSearch] = !!hideObjectSearch;
@@ -17397,6 +17738,10 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
         }
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
+            if (this.viewConfig.lazyLoadingForFullHeight) {
+                params[Param.IsLazyLoadingForEmbedEnabled] = true;
+                params[Param.RootMarginForLazyLoad] = this.viewConfig.lazyLoadingMargin;
+            }
         }
         if (tag) {
             params[Param.Tag] = tag;
@@ -17417,7 +17762,6 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
             params[Param.enableAskSage] = enableAskSage;
         }
         if (isOnBeforeGetVizDataInterceptEnabled) {
-            /* eslint-disable-next-line max-len */
             params[Param.IsOnBeforeGetVizDataInterceptEnabled] = isOnBeforeGetVizDataInterceptEnabled;
         }
         if (homePageSearchBarMode) {
@@ -17438,11 +17782,9 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
             === DataPanelCustomColumnGroupsAccordionState.COLLAPSE_ALL
             || dataPanelCustomGroupsAccordionInitialState
                 === DataPanelCustomColumnGroupsAccordionState.EXPAND_FIRST) {
-            /* eslint-disable-next-line max-len */
             params[Param.DataPanelCustomGroupsAccordionInitialState] = dataPanelCustomGroupsAccordionInitialState;
         }
         else {
-            /* eslint-disable-next-line max-len */
             params[Param.DataPanelCustomGroupsAccordionInitialState] = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL;
         }
         if (discoveryExperience) {
@@ -17455,6 +17797,10 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
             if (discoveryExperience.homePage === HomePage.Modular) {
                 params[Param.ModularHomeExperienceEnabled] = true;
             }
+            // listPageVersion v3 will enable the new list page
+            if (discoveryExperience.listPageVersion === ListPage.ListWithUXChanges) {
+                params[Param.ListPageVersion] = discoveryExperience.listPageVersion;
+            }
         }
         const queryParams = getQueryParamString(params, true);
         return queryParams;
@@ -17542,6 +17888,30 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
             this.iFrame.src = `${iframeSrc.split(currentPath)[0]}${currentPath}/${path.replace(/^\/?#?\//, '')}`;
         }
     }
+    /**
+     * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    destroy() {
+        super.destroy();
+        this.unregisterLazyLoadEvents();
+    }
+    postRender() {
+        this.registerLazyLoadEvents();
+    }
+    registerLazyLoadEvents() {
+        if (this.viewConfig.fullHeight && this.viewConfig.lazyLoadingForFullHeight) {
+            // TODO: Use passive: true, install modernizr to check for passive
+            window.addEventListener('resize', this.sendFullHeightLazyLoadData);
+            window.addEventListener('scroll', this.sendFullHeightLazyLoadData, true);
+        }
+    }
+    unregisterLazyLoadEvents() {
+        if (this.viewConfig.fullHeight && this.viewConfig.lazyLoadingForFullHeight) {
+            window.removeEventListener('resize', this.sendFullHeightLazyLoadData);
+            window.removeEventListener('scroll', this.sendFullHeightLazyLoadData);
+        }
+    }
     /**
      * Renders the embedded application pages in the ThoughtSpot app.
      * @param renderOptions An object containing the page ID
@@ -17551,6 +17921,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
         await super.render();
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
+        this.postRender();
         return this;
     }
 };
@@ -17592,7 +17963,7 @@ const addPreviewStylesIfNotPresent = () => {
         return;
     }
     const previewStyles = `
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ag-grid-community@32.0.2/styles/ag-grid.min.css">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ag-grid-community@32.0.2/styles/ag-grid.min.css" integrity="sha384-PvEsKa6emq5KYa9mf+Q7eYF5C2OCacYzZ+hBngp21NA4o1A9iU9smnytEmqUFbEZ" crossorigin="anonymous">
         <style id="ts-preview-style">
            .ts-viz-preview-loader {
                 position: absolute;
@@ -17655,6 +18026,21 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
         viewConfig.embedComponentType = 'LiveboardEmbed';
         super(domSelector, viewConfig);
         this.defaultHeight = 500;
+        this.sendFullHeightLazyLoadData = () => {
+            const data = calculateVisibleElementData(this.iFrame);
+            this.trigger(HostEvent.VisibleEmbedCoordinates, data);
+        };
+        /**
+         * This is a handler for the RequestVisibleEmbedCoordinates event.
+         * It is used to send the visible coordinates data to the host application.
+         * @param data The event payload
+         * @param responder The responder function
+         */
+        this.requestVisibleEmbedCoordinatesHandler = (data, responder) => {
+            logger$3.info('Sending RequestVisibleEmbedCoordinates', data);
+            const visibleCoordinatesData = calculateVisibleElementData(this.iFrame);
+            responder({ type: EmbedEvent.RequestVisibleEmbedCoordinates, data: visibleCoordinatesData });
+        };
         /**
          * Set the iframe height as per the computed height received
          * from the ThoughtSpot app.
@@ -17662,6 +18048,7 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
          */
         this.updateIFrameHeight = (data) => {
             this.setIFrameHeight(Math.max(data.data, this.defaultHeight));
+            this.sendFullHeightLazyLoadData();
         };
         this.embedIframeCenter = (data, responder) => {
             const obj = this.getIframeCenter();
@@ -17695,6 +18082,7 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
             this.on(EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
             this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
             this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
+            this.on(EmbedEvent.RequestVisibleEmbedCoordinates, this.requestVisibleEmbedCoordinatesHandler);
         }
     }
     /**
@@ -17704,11 +18092,15 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
     getEmbedParams() {
         let params = {};
         params = this.getBaseQueryParams(params);
-        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, hideLiveboardHeader, showLiveboardDescription, showLiveboardTitle, isLiveboardHeaderSticky = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, enableAskSage, enable2ColumnLayout, dataPanelV2 = false, enableCustomColumnGroups = false, oAuthPollingInterval, isForceRedirect, dataSourceId, coverAndFilterOptionInPDF, isLiveboardStylingAndGroupingEnabled, } = this.viewConfig;
+        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, hideLiveboardHeader, showLiveboardDescription, showLiveboardTitle, isLiveboardHeaderSticky = true, isLiveboardCompactHeaderEnabled = false, showLiveboardVerifiedBadge = true, showLiveboardReverifyBanner = true, hideIrrelevantChipsInLiveboardTabs = false, enableAskSage, enable2ColumnLayout, dataPanelV2 = false, enableCustomColumnGroups = false, oAuthPollingInterval, isForceRedirect, dataSourceId, coverAndFilterOptionInPDF = false, isLiveboardStylingAndGroupingEnabled, } = this.viewConfig;
         const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
             || this.viewConfig.preventPinboardFilterRemoval;
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
+            if (this.viewConfig.lazyLoadingForFullHeight) {
+                params[Param.IsLazyLoadingForEmbedEnabled] = true;
+                params[Param.RootMarginForLazyLoad] = this.viewConfig.lazyLoadingMargin;
+            }
         }
         if (defaultHeight) {
             this.defaultHeight = defaultHeight;
@@ -17756,9 +18148,6 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
         if (dataSourceId !== undefined) {
             params[Param.DataSourceId] = dataSourceId;
         }
-        if (coverAndFilterOptionInPDF !== undefined) {
-            params[Param.CoverAndFilterOptionInPDF] = coverAndFilterOptionInPDF;
-        }
         if (isLiveboardStylingAndGroupingEnabled !== undefined) {
             params[Param.IsLiveboardStylingAndGroupingEnabled] = isLiveboardStylingAndGroupingEnabled;
         }
@@ -17769,6 +18158,7 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
         params[Param.HideIrrelevantFiltersInTab] = hideIrrelevantChipsInLiveboardTabs;
         params[Param.DataPanelV2Enabled] = dataPanelV2;
         params[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
+        params[Param.CoverAndFilterOptionInPDF] = coverAndFilterOptionInPDF;
         const queryParams = getQueryParamString(params, true);
         return queryParams;
     }
@@ -17866,6 +18256,30 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
         }
         return super.trigger(messageType, dataWithVizId);
     }
+    /**
+     * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
+     * @version SDK: 1.39.0 | ThoughtSpot: 10.10.0.cl
+     */
+    destroy() {
+        super.destroy();
+        this.unregisterLazyLoadEvents();
+    }
+    postRender() {
+        this.registerLazyLoadEvents();
+    }
+    registerLazyLoadEvents() {
+        if (this.viewConfig.fullHeight && this.viewConfig.lazyLoadingForFullHeight) {
+            // TODO: Use passive: true, install modernizr to check for passive
+            window.addEventListener('resize', this.sendFullHeightLazyLoadData);
+            window.addEventListener('scroll', this.sendFullHeightLazyLoadData, true);
+        }
+    }
+    unregisterLazyLoadEvents() {
+        if (this.viewConfig.fullHeight && this.viewConfig.lazyLoadingForFullHeight) {
+            window.removeEventListener('resize', this.sendFullHeightLazyLoadData);
+            window.removeEventListener('scroll', this.sendFullHeightLazyLoadData);
+        }
+    }
     /**
      * Render an embedded ThoughtSpot Liveboard or visualization
      * @param renderOptions An object specifying the Liveboard ID,
@@ -17876,6 +18290,7 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
         this.showPreviewLoader();
+        this.postRender();
         return this;
     }
     navigateToLiveboard(liveboardId, vizId, activeTabId) {
@@ -18272,7 +18687,13 @@ class Conversation {
             });
             const data = responses[0].data;
             return {
-                data: data.asstRespData.nlsAnsData.sageQuerySuggestions[0],
+                convId: this.conversationId,
+                messageId: responses[0].msgId,
+                data: {
+                    ...data.asstRespData.nlsAnsData.sageQuerySuggestions[0],
+                    convId: this.conversationId,
+                    messageId: responses[0].msgId,
+                },
                 error: null,
             };
         }
@@ -18290,7 +18711,7 @@ class Conversation {
     }
 }
 
-class ConversationMessage extends TsEmbed {
+let ConversationMessage$1 = class ConversationMessage extends TsEmbed {
     constructor(container, viewConfig) {
         viewConfig.embedComponentType = 'bodyless-conversation';
         super(container, viewConfig);
@@ -18298,7 +18719,7 @@ class ConversationMessage extends TsEmbed {
     }
     getIframeSrc() {
         var _a;
-        const { sessionId, genNo, acSessionId, acGenNo, } = this.viewConfig;
+        const { sessionId, genNo, acSessionId, acGenNo, convId, messageId, } = this.viewConfig;
         const path = 'conv-assist-answer';
         const queryParams = this.getBaseQueryParams();
         queryParams[Param.HideActions] = [...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : [])];
@@ -18313,6 +18734,8 @@ class ConversationMessage extends TsEmbed {
             genNo,
             acSessionId,
             acGenNo,
+            convId,
+            messageId,
         });
         return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
     }
@@ -18322,7 +18745,7 @@ class ConversationMessage extends TsEmbed {
         await this.renderIFrame(src);
         return this;
     }
-}
+};
 /**
  * Create a conversation embed, which can be integrated inside
  * chatbots or other conversational interfaces.
@@ -18342,7 +18765,7 @@ class ConversationMessage extends TsEmbed {
  * @group Embed components
  * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
  */
-let SpotterAgentEmbed$1 = class SpotterAgentEmbed {
+class SpotterAgentEmbed {
     constructor(viewConfig) {
         this.viewConfig = viewConfig;
         const embedConfig = getEmbedConfig();
@@ -18354,11 +18777,10 @@ let SpotterAgentEmbed$1 = class SpotterAgentEmbed {
             return { error };
         }
         const container = document.createElement('div');
-        if (this.viewConfig.containerClassName) {
-            container.className = this.viewConfig.containerClassName;
-        }
-        const embed = new ConversationMessage(container, {
+        const embed = new ConversationMessage$1(container, {
             ...this.viewConfig,
+            convId: data.convId,
+            messageId: data.messageId,
             sessionId: data.sessionId,
             genNo: data.genNo,
             acSessionId: data.stateKey.transactionId,
@@ -18367,7 +18789,31 @@ let SpotterAgentEmbed$1 = class SpotterAgentEmbed {
         await embed.render();
         return { container, viz: embed };
     }
-};
+    /**
+     * Send a message to the conversation service and return only the data.
+     * @param userMessage - The message to send to the conversation service.
+     * @returns The data from the conversation service.
+     */
+    async sendMessageData(userMessage) {
+        try {
+            const { data, error } = await this.conversationService.sendMessage(userMessage);
+            if (error) {
+                return { error };
+            }
+            return { data: {
+                    convId: data.convId,
+                    messageId: data.messageId,
+                    sessionId: data.sessionId,
+                    genNo: data.genNo,
+                    acSessionId: data.stateKey.transactionId,
+                    acGenNo: data.stateKey.generationNumber,
+                } };
+        }
+        catch (error) {
+            return { error: error };
+        }
+    }
+}
 
 /**
  *
@@ -18742,55 +19188,34 @@ const SpotterEmbed = componentFactory(SpotterEmbed$1);
  * ```
  */
 const ConversationEmbed = componentFactory(ConversationEmbed$1);
+const ConversationMessage = componentFactory(ConversationMessage$1);
 /**
- * React component for SpotterAgent embed, which can be integrated inside
- * chatbots or other conversational interfaces.
+ * React component for displaying individual conversation messages from SpotterAgent.
+ *
+ * This component renders a single message response from your ThoughtSpot conversation,
+ * showing charts, visualizations, or text responses based on the user's query.
+ *
  * @example
  * ```tsx
- * function SpotterAgent() {
- *  const ref = useRef();
+ * const { sendMessage } = useSpotterAgent({ worksheetId: 'worksheetId' });
+ * const result = await sendMessage('show me sales by region');
  *
- *  const handleSendMessage = async () => {
- *    const { container, error } = await ref.current.sendMessage('show me sales by region');
- *    if (container) {
- *      document.body.appendChild(container);
- *    }
- *  };
+ * if (!result.error) {
+ *   // Simple usage - just pass the message data
+ *   <SpotterMessage message={result.message} />
  *
- *  return (
- *    <div>
- *      <SpotterAgentEmbed ref={ref} worksheetId="worksheetId" />
- *      <button onClick={handleSendMessage}>Send Message</button>
- *    </div>
- *  );
+ *   // With optional query for context
+ *   <SpotterMessage
+ *     message={result.message}
+ *     query={result.query}
+ *   />
  * }
  * ```
+ * @version SDK: 1.39.0 | ThoughtSpot: 10.11.0.cl
  */
-const SpotterAgentEmbed = React__default.forwardRef((props, ref) => {
-    const { className, ...restProps } = props;
-    const serviceRef = useRef(null);
-    useDeepCompareEffect(() => {
-        if (serviceRef.current) {
-            serviceRef.current = null;
-        }
-        const configProps = {
-            ...restProps,
-            ...(className ? { containerClassName: className } : {})
-        };
-        serviceRef.current = new SpotterAgentEmbed$1(configProps);
-        if (ref) {
-            if (typeof ref === 'function') {
-                ref(serviceRef.current);
-            }
-            else {
-                ref.current = serviceRef.current;
-            }
-        }
-        return () => {
-            serviceRef.current = null;
-        };
-    }, [props]);
-    return null;
+const SpotterMessage = React__default.forwardRef((props, ref) => {
+    const { message, query: _, ...otherProps } = props;
+    return (React__default.createElement(ConversationMessage, { ref: ref, ...message, ...otherProps }));
 });
 /**
  * React component for PreRendered Conversation embed.
@@ -18850,6 +19275,62 @@ function useInit(config) {
         ref.current = authEE;
     }, [config]);
     return ref;
+}
+/**
+ * React hook for interacting with SpotterAgent AI conversations.
+ *
+ * This hook provides a sendMessage function that allows you to send natural language
+ * queries to your data and get back AI-generated responses with visualizations.
+ *
+ * @param config - Configuration object containing worksheetId and other options
+ * @returns Object with sendMessage function that returns conversation results
+ * @example
+ * ```tsx
+ * const { sendMessage } = useSpotterAgent({ worksheetId: 'worksheetId' });
+ *
+ * const handleQuery = async () => {
+ *   const result = await sendMessage('show me sales by region');
+ *
+ *   if (!result.error) {
+ *     // Display the message response
+ *     <SpotterMessage message={result.message} />
+ *   } else {
+ *     console.error('Error:', result.error);
+ *   }
+ * };
+ * ```
+ * @version SDK: 1.39.0 | ThoughtSpot: 10.11.0.cl
+ */
+function useSpotterAgent(config) {
+    const serviceRef = useRef(null);
+    useDeepCompareEffect(() => {
+        if (serviceRef.current) {
+            serviceRef.current = null;
+        }
+        serviceRef.current = new SpotterAgentEmbed(config);
+        return () => {
+            serviceRef.current = null;
+        };
+    }, [config]);
+    const sendMessage = useCallback(async (query) => {
+        if (!serviceRef.current) {
+            return { error: new Error(ERROR_MESSAGE.SPOTTER_AGENT_NOT_INITIALIZED) };
+        }
+        const result = await serviceRef.current.sendMessageData(query);
+        if (result.error) {
+            return { error: result.error };
+        }
+        return {
+            query: query,
+            message: {
+                ...result.data,
+                worksheetId: config.worksheetId,
+            },
+        };
+    }, [config.worksheetId]);
+    return {
+        sendMessage,
+    };
 }
 
-export { Action, AppEmbed, ConversationEmbed, EmbedEvent, HomeLeftNavItem, HomepageModule, HostEvent, ListPageColumns, LiveboardEmbed, LogLevel, Page, PinboardEmbed, PreRenderedAppEmbed, PreRenderedConversationEmbed, PreRenderedLiveboardEmbed, PreRenderedPinboardEmbed, PreRenderedSageEmbed, PreRenderedSearchBarEmbed, PreRenderedSearchEmbed, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, SpotterAgentEmbed, SpotterEmbed, getSessionInfo, useEmbedRef, useInit };
+export { Action, AppEmbed, ConversationEmbed, ConversationMessage, EmbedEvent, HomeLeftNavItem, HomepageModule, HostEvent, ListPageColumns, LiveboardEmbed, LogLevel, Page, PinboardEmbed, PreRenderedAppEmbed, PreRenderedConversationEmbed, PreRenderedLiveboardEmbed, PreRenderedPinboardEmbed, PreRenderedSageEmbed, PreRenderedSearchBarEmbed, PreRenderedSearchEmbed, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, SpotterEmbed, SpotterMessage, getSessionInfo, useEmbedRef, useInit, useSpotterAgent };