@thoughtspot/visual-embed-sdk 1.39.2-alpha.1 → 1.39.2-alpha.2

package/dist/tsembed-react.es.js

@@ -1,7 +1,7 @@
-/* @thoughtspot/visual-embed-sdk version 1.39.2-alpha.1 */
+/* @thoughtspot/visual-embed-sdk version 1.39.2-alpha.2 */
 '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
@@ -1585,6 +1591,12 @@ 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";
 })(EmbedEvent || (EmbedEvent = {}));
 /**
  * Event types that can be triggered by the host application
@@ -2669,6 +2681,19 @@ 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";
 })(HostEvent || (HostEvent = {}));
 /**
  * The different visual modes that the data sources panel within
@@ -2774,6 +2799,7 @@ var Param;
     Param["Query"] = "query";
     Param["HideHomepageLeftNav"] = "hideHomepageLeftNav";
     Param["ModularHomeExperienceEnabled"] = "modularHomeExperience";
+    Param["ListPageVersion"] = "listpageVersion";
     Param["PendoTrackingKey"] = "additionalPendoKey";
     Param["LiveboardHeaderSticky"] = "isLiveboardHeaderSticky";
     Param["IsProductTour"] = "isProductTour";
@@ -2812,6 +2838,8 @@ var Param;
     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
@@ -4433,7 +4461,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];
@@ -4462,7 +4489,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();
+        }
     });
 };
 /**
@@ -4590,6 +4621,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;
 };
 
 /**
@@ -6885,6 +6932,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 = {
@@ -7775,7 +7823,7 @@ class AnswerService {
     async getTML() {
         const { object } = await this.executeQuery(getAnswerTML, {});
         const edoc = object[0].edoc;
-        const YAML = await import('./index-Dpf0rd6w.js');
+        const YAML = await import('./index-e3Uw3YFO.js');
         const parsedDoc = YAML.parse(edoc);
         return {
             answer: {
@@ -15509,7 +15557,7 @@ function processEventData(type, e, thoughtSpotHost, containerEl) {
     return e;
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version$1="1.39.2-alpha.1";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.39.2-alpha.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};
 
 /**
  * Reloads the ThoughtSpot iframe.
@@ -15532,7 +15580,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;
 /**
@@ -17245,7 +17294,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) {
     /**
@@ -17331,16 +17379,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.
@@ -17349,6 +17427,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();
@@ -17378,6 +17457,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);
         }
     }
     /**
@@ -17385,9 +17465,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, coverAndFilterOptionInPDF = false, 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;
@@ -17416,6 +17494,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;
@@ -17436,7 +17518,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) {
@@ -17457,11 +17538,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) {
@@ -17474,6 +17553,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;
@@ -17561,6 +17644,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);
+        }
+    }
+    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
@@ -17570,6 +17677,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
         await super.render();
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
+        this.postRender();
         return this;
     }
 };
@@ -17674,6 +17782,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.
@@ -17681,6 +17804,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();
@@ -17714,6 +17838,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);
         }
     }
     /**
@@ -17728,6 +17853,10 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
             || 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;
@@ -17883,6 +18012,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);
+        }
+    }
+    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,
@@ -17893,6 +18046,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) {
@@ -18289,6 +18443,8 @@ class Conversation {
             });
             const data = responses[0].data;
             return {
+                convId: this.conversationId,
+                messageId: responses[0].msgId,
                 data: data.asstRespData.nlsAnsData.sageQuerySuggestions[0],
                 error: null,
             };
@@ -18307,7 +18463,7 @@ class Conversation {
     }
 }
 
-class ConversationMessage extends TsEmbed {
+let ConversationMessage$1 = class ConversationMessage extends TsEmbed {
     constructor(container, viewConfig) {
         viewConfig.embedComponentType = 'bodyless-conversation';
         super(container, viewConfig);
@@ -18339,7 +18495,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.
@@ -18359,7 +18515,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();
@@ -18371,10 +18527,7 @@ 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,
             sessionId: data.sessionId,
             genNo: data.genNo,
@@ -18384,7 +18537,29 @@ 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: {
+                    sessionId: data.sessionId,
+                    genNo: data.genNo,
+                    acSessionId: data.stateKey.transactionId,
+                    acGenNo: data.stateKey.generationNumber,
+                } };
+        }
+        catch (error) {
+            return { error: error };
+        }
+    }
+}
 
 /**
  *
@@ -18451,7 +18626,7 @@ let SpotterEmbed$1 = class SpotterEmbed extends TsEmbed {
         this.viewConfig = viewConfig;
     }
     getIframeSrc() {
-        const { worksheetId, searchOptions, disableSourceSelection, hideSourceSelection, dataPanelV2, showSpotterLimitations, hideSampleQuestions, runtimeFilters, excludeRuntimeFiltersfromURL, runtimeParameters, excludeRuntimeParametersfromURL, } = this.viewConfig;
+        const { worksheetId, searchOptions, disableSourceSelection, hideSourceSelection, dataPanelV2, showSpotterLimitations, hideSampleQuestions, } = this.viewConfig;
         const path = 'insights/conv-assist';
         if (!worksheetId) {
             this.handleError(ERROR_MESSAGE.SPOTTER_EMBED_WORKSHEED_ID_NOT_FOUND);
@@ -18478,14 +18653,6 @@ let SpotterEmbed$1 = class SpotterEmbed extends TsEmbed {
         if (queryParamsString) {
             query = `?${queryParamsString}`;
         }
-        const filterQuery = getFilterQuery(runtimeFilters || []);
-        if (filterQuery && !excludeRuntimeFiltersfromURL) {
-            query += `&${filterQuery}`;
-        }
-        const parameterQuery = getRuntimeParameters(runtimeParameters || []);
-        if (parameterQuery && !excludeRuntimeParametersfromURL) {
-            query += `&${parameterQuery}`;
-        }
         const tsPostHashParams = this.getThoughtSpotPostUrlParams({
             worksheet: worksheetId,
             query: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.searchQuery) || '',
@@ -18767,55 +18934,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.
@@ -18875,6 +19021,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 };