@thoughtspot/visual-embed-sdk 1.52.2-beta → 1.52.2-beta.1

package/dist/tsembed.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.52.2-beta */
+/* @thoughtspot/visual-embed-sdk version 1.52.2-beta.1 */
 'use client';
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
@@ -7649,7 +7649,7 @@
         TableContentDensity["Compact"] = "COMPACT";
     })(exports.TableContentDensity || (exports.TableContentDensity = {}));
 
-    var version$1="1.52.2-beta";var pkg = {version:version$1};
+    var version$1="1.52.2-beta.1";var pkg = {version:version$1};
 
     const { version } = pkg;
 
@@ -22202,6 +22202,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
      */
     const PRERENDER_CONTAINER_ORIGINAL_POSITION_KEY = 'tsEmbedOriginalPosition';
     const PRERENDER_WRAPPER_ID_PREFIX = 'tsEmbed-pre-render-wrapper-';
+    const PRERENDER_PARKED_TRANSFORM = 'translateY(-100%)';
+    /** The height createPreRenderWrapper() seeds before anything is measured. */
+    const UNMEASURED_WRAPPER_HEIGHT = '100vh';
     // The container applies UpdateEmbedParams through React state, so a delivered
     // post is not the same as the params being in effect.
     const UPDATE_EMBED_PARAMS_SETTLE_MS = 200;
@@ -22209,56 +22212,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
     // truthy, so null or '' leaves the previous embed's values in place. '&' is
     // truthy and parses to {}.
     const NO_RUNTIME_PARAMS = '&';
-    /**
-     * Query parameters that stay on the iframe `src` while config is excluded from
-     * the URL, which is the default unless the embed sets the
-     * `excludeConfigFromURL` additional flag to `false`. These are the parameters the
-     * application shell needs before it can receive a postMessage at all: the
-     * embed marker, the host application URL used to validate the message origin,
-     * the SDK version, the flags that pick the authentication flow, and the
-     * boot-time settings that would otherwise be applied a frame late (viewport,
-     * log level, locale, formatting and org). Everything else is delivered over
-     * `HostEvent.UpdateEmbedParams`.
-     * @internal
-     */
-    const BOOTSTRAP_URL_PARAMS = new Set([
-        Param.EmbedApp,
-        Param.HostAppUrl,
-        Param.Version,
-        Param.AuthType,
-        Param.AutoLogin,
-        Param.DisableLoginRedirect,
-        Param.ForceSAMLAutoRedirect,
-        Param.cookieless,
-        Param.preAuthCache,
-        Param.blockNonEmbedFullAppAccess,
-        Param.OverrideOrgId,
-        Param.ViewPortHeight,
-        Param.ViewPortWidth,
-        Param.ClientLogLevel,
-        Param.OverrideNativeConsole,
-        Param.PendoTrackingKey,
-        Param.NumberFormatLocale,
-        Param.DateFormatLocale,
-        Param.CurrencyFormat,
-        Param.Locale,
-        Param.searchEmbed,
-        Param.livedBoardEmbed,
-        Param.isSpotterAgentEmbed,
-        Param.SpotterEnabled,
-        Param.IsFullAppEmbed,
-        Param.IsOnBeforeGetVizDataInterceptEnabled,
-        Param.LinkOverride,
-        Param.EnableLinkOverridesV2,
-        Param.DisableRedirectionLinksInNewTab,
-        Param.OverrideHistoryState,
-        Param.ForceTable,
-        Param.StringIDsUrl,
-        Param.DataSources,
-        Param.ExposeTranslationIDs,
-        Param.IconSpriteUrl,
-        Param.Tag,
-    ]);
     /**
      * The event id map from v2 event names to v1 event id
      * v1 events are the classic embed events implemented in Blink v1
@@ -22296,7 +22249,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             this.shouldEncodeUrlQueryParams = false;
             this.defaultHiddenActions = [exports.Action.ReportError];
             this.preRenderContainerEl = document.body;
-            this.containerScrollListener = null;
             /**
              * Handler for fullscreen change events
              */
@@ -22461,9 +22413,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 }
                 else if (source === exports.EmbedEvent.EmbedListenerReady) {
                     processEmbedContainerReady();
-                    if (this.isConfigExcludedFromUrl()) {
-                        this.triggerUpdateEmbedParams();
-                    }
                 }
             };
             // Subclasses that navigate the pre-render on show must await this before
@@ -22968,20 +22917,13 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             return path;
         }
         getEmbedParams() {
-            const queryParams = this.getUrlQueryParamsObject();
+            const queryParams = this.getEmbedParamsObject();
             return getQueryParamString(queryParams);
         }
         getEmbedParamsObject() {
             const params = this.getBaseQueryParams();
             return params;
         }
-        getUrlQueryParamsObject() {
-            const queryParams = this.getEmbedParamsObject();
-            if (!this.isConfigExcludedFromUrl()) {
-                return queryParams;
-            }
-            return Object.fromEntries(Object.entries(queryParams).filter(([key]) => BOOTSTRAP_URL_PARAMS.has(key)));
-        }
         getRootIframeSrc() {
             const query = this.getEmbedParams();
             return this.getEmbedBasePath(query);
@@ -23152,7 +23094,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 top: '0',
                 left: '0',
                 width: '100vw',
-                height: '100vh',
+                height: UNMEASURED_WRAPPER_HEIGHT,
             };
             setStyleProperties(preRenderWrapper, initialPreRenderWrapperStyle);
             return preRenderWrapper;
@@ -23220,10 +23162,26 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             return placeholder;
         }
         /**
-         * Resolves the configured preRenderContainer to a live element, falling
-         * back to `document.body`. A string selector is re-queried on every call so
-         * a remounted container (E.g.: React replacing the node) resolves to the
-         * fresh element; an element passed directly cannot be re-resolved.
+         * Resolves the configured preRenderContainer to a live element. A string
+         * selector is re-queried on every call so a remounted container (E.g.: React
+         * replacing the node) resolves to the fresh element; an element passed
+         * directly cannot be re-resolved.
+         *
+         * With nothing configured the frame goes into the host element's nearest
+         * scrolling ancestor, falling back to `document.body`.
+         *
+         * The wrapper is absolutely positioned, so it follows the page for free —
+         * but only while it sits inside whatever scrolls. `document.body` is right
+         * only when the document itself is the scroller; an app that scrolls an
+         * inner element instead left the frame pinned to the viewport while the page
+         * moved under it (SCAL-338563). Being inside the scroller also lets wheel
+         * events chain out of the frame into it, which they cannot do from
+         * `document.body`.
+         *
+         * A scrolling ancestor is layout chrome rather than route content, so it
+         * outlives the embed in practice; and if it does go, the host element goes
+         * with it and this instance is remounting anyway.
+         * `reconcilePreRenderContainer` re-runs this on a detached container.
          */
         resolvePreRenderContainerTarget() {
             var _a;
@@ -23243,7 +23201,13 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             else if (containerConfig) {
                 container = containerConfig;
             }
-            return (_a = container) !== null && _a !== void 0 ? _a : document.body;
+            if (container) {
+                return container;
+            }
+            if (!this.hostElement) {
+                return document.body;
+            }
+            return (_a = getScrollableAncestors(this.hostElement)[0]) !== null && _a !== void 0 ? _a : document.body;
         }
         inheritPreRenderContainer() {
             var _a;
@@ -23288,8 +23252,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
          * Re-attaches the wrapper to a live container when the previously resolved
          * one has been detached or no longer holds the wrapper — e.g. the host app
          * remounted a custom preRenderContainer, which would otherwise leave a stale
-         * reference and collapse the wrapper. Only string selectors can be
-         * re-resolved; a container passed as an element is left untouched.
+         * reference and collapse the wrapper. Selectors and the auto-resolved
+         * scrolling ancestor are both re-resolved; a container passed as an element
+         * is left untouched, as there is nothing to re-query.
          */
         reconcilePreRenderContainer() {
             const wrapper = this.preRenderWrapper;
@@ -23308,14 +23273,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             if (resolved === stored && stored.contains(wrapper)) {
                 return;
             }
-            if (this.containerScrollListener && stored !== resolved) {
-                if (stored !== document.body) {
-                    stored.removeEventListener('scroll', this.containerScrollListener);
-                }
-                if (resolved !== document.body) {
-                    resolved.addEventListener('scroll', this.containerScrollListener);
-                }
-            }
             this.preRenderContainerEl = resolved;
             this.applyPreRenderContainerPositioning();
             if (wrapper.parentNode !== resolved) {
@@ -23377,11 +23334,12 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
          */
         setIFrameHeight(height) {
             if (this.isPreRendered) {
+                const next = getCssDimension(height);
                 if (this.insertedDomEl) {
-                    this.insertedDomEl.style.height = getCssDimension(height);
+                    this.insertedDomEl.style.height = next;
                 }
                 else if (this.preRenderWrapper) {
-                    this.preRenderWrapper.style.height = getCssDimension(height);
+                    this.preRenderWrapper.style.height = next;
                 }
             }
             else {
@@ -23816,34 +23774,47 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             delete container.dataset[PRERENDER_CONTAINER_ORIGINAL_POSITION_KEY];
         }
         /**
-         * Detaches and clears the container scroll listener, if one is attached.
-         */
-        removeContainerScrollListener() {
-            if (!this.containerScrollListener) {
+         * Re-sizes the wrapper when its placeholder changes size.
+         *
+         * Position deliberately has no equivalent. An absolutely positioned wrapper
+         * follows its containing block for free, so a correctly placed frame is the
+         * browser's job and costs nothing; repositioning it on scroll would mean a
+         * layout read and a style write per frame to compensate for placing it in
+         * the wrong box. Size is the one thing the browser will not do for us: the
+         * placeholder grows when the embedded app reports a new height, and the
+         * wrapper has to be told.
+         */
+        observePreRenderSize() {
+            var _a;
+            if (this.getPreRenderConfig().doNotTrackSize || typeof ResizeObserver === 'undefined') {
+                return;
+            }
+            const placeholder = this.getPreRenderPlaceHolderElement();
+            if (!placeholder) {
                 return;
             }
-            const customContainer = this.getCustomPreRenderContainer();
-            customContainer === null || customContainer === void 0 ? void 0 : customContainer.removeEventListener('scroll', this.containerScrollListener);
-            this.containerScrollListener = null;
+            (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+            this.resizeObserver = new ResizeObserver(() => this.syncPreRenderStyle());
+            this.resizeObserver.observe(placeholder);
         }
         /**
          * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
          * @version SDK: 1.19.1 | ThoughtSpot: *
          */
         destroy() {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             try {
                 this.removeFullscreenChangeHandler();
-                this.removeContainerScrollListener();
+                (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
                 this.unsubscribeToEvents();
-                (_a = this.preRenderWrapper) === null || _a === void 0 ? void 0 : _a.remove();
+                (_b = this.preRenderWrapper) === null || _b === void 0 ? void 0 : _b.remove();
                 this.restorePreRenderContainerPosition();
                 if (!this.isRendered) {
                     return;
                 }
                 if (!getEmbedConfig().waitForCleanupOnDestroy) {
                     this.trigger(exports.HostEvent.DestroyEmbed);
-                    (_c = (_b = this.insertedDomEl) === null || _b === void 0 ? void 0 : _b.parentNode) === null || _c === void 0 ? void 0 : _c.removeChild(this.insertedDomEl);
+                    (_d = (_c = this.insertedDomEl) === null || _c === void 0 ? void 0 : _c.parentNode) === null || _d === void 0 ? void 0 : _d.removeChild(this.insertedDomEl);
                 }
                 else {
                     const cleanupTimeout = getEmbedConfig().cleanupTimeout;
@@ -23889,27 +23860,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             this.isRendered = true;
             return this.renderIFrame(prerenderFrameSrc);
         }
-        isConfigExcludedFromUrl() {
-            var _a, _b, _c;
-            const flag = (_b = (_a = this.viewConfig.additionalFlags) === null || _a === void 0 ? void 0 : _a.excludeConfigFromURL) !== null && _b !== void 0 ? _b : (_c = this.embedConfig.additionalFlags) === null || _c === void 0 ? void 0 : _c.excludeConfigFromURL;
-            // Enabled by default; only an explicit false opts out.
-            return flag !== false && flag !== 'false';
-        }
-        async triggerUpdateEmbedParams() {
-            try {
-                const params = await this.getUpdateEmbedParamsObject();
-                this.trigger(exports.HostEvent.UpdateEmbedParams, params);
-            }
-            catch (error) {
-                logger$3.error(ERROR_MESSAGE.UPDATE_PARAMS_FAILED, error);
-                this.handleError({
-                    errorType: exports.ErrorDetailsTypes.API,
-                    message: (error === null || error === void 0 ? void 0 : error.message) || ERROR_MESSAGE.UPDATE_PARAMS_FAILED,
-                    code: exports.EmbedErrorCodes.UPDATE_PARAMS_FAILED,
-                    error: (error === null || error === void 0 ? void 0 : error.message) || error,
-                });
-            }
-        }
         beforePrerenderVisible() {
             // We can ignore this as its a bit expensive and the newer customers
             // have moved on to UpdateEmbedParams supported clusters
@@ -23920,7 +23870,17 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             this.preRenderParamsApplied = new Promise((resolve) => {
                 this.executeAfterEmbedContainerLoaded(async () => {
                     try {
-                        await this.triggerUpdateEmbedParams();
+                        const params = await this.getUpdateEmbedParamsObject();
+                        this.trigger(exports.HostEvent.UpdateEmbedParams, params);
+                    }
+                    catch (error) {
+                        logger$3.error(ERROR_MESSAGE.UPDATE_PARAMS_FAILED, error);
+                        this.handleError({
+                            errorType: exports.ErrorDetailsTypes.API,
+                            message: (error === null || error === void 0 ? void 0 : error.message) || ERROR_MESSAGE.UPDATE_PARAMS_FAILED,
+                            code: exports.EmbedErrorCodes.UPDATE_PARAMS_FAILED,
+                            error: (error === null || error === void 0 ? void 0 : error.message) || error,
+                        });
                     }
                     finally {
                         setTimeout(resolve, UPDATE_EMBED_PARAMS_SETTLE_MS);
@@ -23935,7 +23895,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
          * wrapper to overlay it.
          */
         async showPreRender() {
-            var _a, _b;
+            var _a;
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_SHOW_PRE_RENDER, {
                 preRenderId: this.getPreRenderConfig().id,
                 embedComponentType: this.viewConfig.embedComponentType,
@@ -23954,14 +23914,16 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             this.beforePrerenderVisible();
             if (this.hostElement) {
                 this.insertedDomEl = this.createPreRenderPlaceholder();
-                if (this.viewConfig.fullHeight) {
-                    // If fullHeight has already sized the wrapper, seed the
-                    // placeholder with the same height so syncPreRenderStyle gets
-                    // an accurate rect.
-                    const existingHeight = this.preRenderWrapper.style.height;
-                    if (existingHeight) {
-                        this.insertedDomEl.style.height = existingHeight;
-                    }
+                // Carry a height fullHeight has already measured onto the fresh
+                // placeholder, so a re-show does not flash at frameParams height.
+                // UNMEASURED_WRAPPER_HEIGHT is what createPreRenderWrapper() seeds
+                // before anything has been measured; treating that as a measurement
+                // is what made a first reveal overshoot to a full viewport.
+                const wrapperHeight = this.preRenderWrapper.style.height;
+                if (this.viewConfig.fullHeight
+                    && wrapperHeight
+                    && wrapperHeight !== UNMEASURED_WRAPPER_HEIGHT) {
+                    this.insertedDomEl.style.height = wrapperHeight;
                 }
                 const placeHolderId = this.getPreRenderIds().placeHolder;
                 // Remove any stale placeholder from a previous cycle. It is located
@@ -23975,29 +23937,19 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 (_a = this.hostElement.querySelector(`#${placeHolderId}`)) === null || _a === void 0 ? void 0 : _a.remove();
                 this.hostElement.appendChild(this.insertedDomEl);
                 this.syncPreRenderStyle();
-                const customContainer = this.getCustomPreRenderContainer();
-                if (customContainer && !this.containerScrollListener) {
-                    this.containerScrollListener = () => this.syncPreRenderStyle();
-                    customContainer.addEventListener('scroll', this.containerScrollListener);
-                }
-                if (!this.getPreRenderConfig().doNotTrackSize) {
-                    const observeTarget = (_b = this.insertedDomEl) !== null && _b !== void 0 ? _b : this.hostElement;
-                    this.resizeObserver = new ResizeObserver((entries) => {
-                        entries.forEach((entry) => {
-                            if (entry.target === observeTarget) {
-                                this.syncPreRenderStyle();
-                            }
-                        });
-                    });
-                    this.resizeObserver.observe(observeTarget);
-                }
+                this.observePreRenderSize();
             }
             removeStyleProperties(this.preRenderWrapper, [
                 'z-index',
                 'opacity',
-                'pointer-events',
                 'overflow',
+                'transform',
             ]);
+            // Set rather than removed: a container that carries `pointer-events:
+            // none` — the usual styling for a parking root that must not swallow
+            // clicks — passes it down, and dropping the property here would leave
+            // the inherited `none` in force and the frame dead to input.
+            setStyleProperties(this.preRenderWrapper, { pointerEvents: 'auto' });
             this.subscribeToEvents();
             // Setup fullscreen change handler for prerendered components
             if (this.iFrame) {
@@ -24050,6 +24002,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
          * If the component is not preRendered, it issues a warning.
          */
         hidePreRender() {
+            var _a;
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_HIDE_PRE_RENDER, {
                 preRenderId: this.getPreRenderConfig().id,
                 embedComponentType: this.viewConfig.embedComponentType,
@@ -24069,12 +24022,15 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 top: '0',
                 left: '0',
                 overflow: 'hidden',
+                // Keeps the measured size — so the next show needs no resize, which
+                // is the point of pre-rendering — while lifting the box out of
+                // the container's scrollable area. Overflow only extends
+                // downwards, so a hidden frame parked above the top edge adds
+                // none, where one left at full height shows as blank scroll space.
+                transform: PRERENDER_PARKED_TRANSFORM,
             };
             setStyleProperties(this.preRenderWrapper, preRenderHideStyles);
-            this.removeContainerScrollListener();
-            if (this.resizeObserver) {
-                this.resizeObserver.disconnect();
-            }
+            (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
             const placeHolderEle = this.getPreRenderPlaceHolderElement();
             if (placeHolderEle) {
                 placeHolderEle.parentElement.removeChild(placeHolderEle);
@@ -24500,7 +24456,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
          * embedded Liveboard or visualization.
          */
         getEmbedParams() {
-            const params = this.getUrlQueryParamsObject();
+            const params = this.getEmbedParamsObject();
             return getQueryParamString(params, true);
         }
         getEmbedParamsObject() {
@@ -24817,6 +24773,46 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
         }
     }
 
+    /**
+     * This method is like `_.isEqual` except that it accepts `customizer` which
+     * is invoked to compare values. If `customizer` returns `undefined`, comparisons
+     * are handled by the method instead. The `customizer` is invoked with up to
+     * six arguments: (objValue, othValue [, index|key, object, other, stack]).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @param {Function} [customizer] The function to customize comparisons.
+     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+     * @example
+     *
+     * function isGreeting(value) {
+     *   return /^h(?:i|ello)$/.test(value);
+     * }
+     *
+     * function customizer(objValue, othValue) {
+     *   if (isGreeting(objValue) && isGreeting(othValue)) {
+     *     return true;
+     *   }
+     * }
+     *
+     * var array = ['hello', 'goodbye'];
+     * var other = ['hi', 'goodbye'];
+     *
+     * _.isEqualWith(array, other, customizer);
+     * // => true
+     */
+    function isEqualWith(value, other, customizer) {
+      customizer = typeof customizer == 'function' ? customizer : undefined;
+      var result = customizer ? customizer(value, other) : undefined;
+      return result === undefined ? _baseIsEqual(value, other, undefined, customizer) : !!result;
+    }
+
+    var isEqualWith_1 = isEqualWith;
+
     const getPreviewQuery = `
 query GetEurekaVizSnapshots(
     $vizId: String!, $liveboardId: String!) {
@@ -24958,7 +24954,7 @@ query GetEurekaVizSnapshots(
          * embedded Liveboard or visualization.
          */
         getEmbedParams() {
-            const params = this.getUrlQueryParamsObject();
+            const params = this.getEmbedParamsObject();
             const queryParams = getQueryParamString(params, true);
             return queryParams;
         }
@@ -25197,10 +25193,12 @@ query GetEurekaVizSnapshots(
         beforePrerenderVisible() {
             super.beforePrerenderVisible();
             // Captured before showPreRender() hands the wrapper over to this
-            // instance. Itself means a hide/show, not a hand-over, so there is
-            // nothing stale to clear.
+            // instance. React builds a new instance per mount, so an equal config
+            // is a hide/show, not a hand-over: there is nothing stale to clear.
             const previous = this.getPreRenderObj();
-            const showing = previous === this ? undefined : previous === null || previous === void 0 ? void 0 : previous.currentLiveboardState;
+            const showing = this.isSameEmbedConfig(previous)
+                ? undefined
+                : previous === null || previous === void 0 ? void 0 : previous.currentLiveboardState;
             this.executeAfterEmbedContainerLoaded(async () => {
                 // Without this the params callback suspends on its await and
                 // Navigate goes out first, so the container loads with the previous
@@ -25227,6 +25225,14 @@ query GetEurekaVizSnapshots(
                 };
             });
         }
+        // Callbacks are compared as equal: React passes a fresh closure per render.
+        isSameEmbedConfig(previous) {
+            if (!previous)
+                return false;
+            if (previous === this)
+                return true;
+            return isEqualWith_1(previous.viewConfig, this.viewConfig, (a, b) => (typeof a === 'function' && typeof b === 'function' ? true : undefined));
+        }
         // The whole route, not just the liveboard id: the path is built from the
         // viz, tab and view too, so a same-liveboard show onto another tab is a
         // real navigation.
@@ -25489,7 +25495,7 @@ query GetEurekaVizSnapshots(
         }
         getEmbedParams() {
             const { runtimeParameters, runtimeFilters, excludeRuntimeParametersfromURL, excludeRuntimeFiltersfromURL, } = this.viewConfig;
-            const queryParams = this.getUrlQueryParamsObject();
+            const queryParams = this.getEmbedParamsObject();
             let query = '';
             const queryParamsString = getQueryParamString(queryParams, true);
             if (queryParamsString) {
@@ -25577,7 +25583,7 @@ query GetEurekaVizSnapshots(
          * @param dataSources A list of data source GUIDs
          */
         getIFrameSrc() {
-            const queryParams = this.getUrlQueryParamsObject();
+            const queryParams = this.getEmbedParamsObject();
             const path = 'search-bar-embed';
             let query = '';
             const queryParamsString = getQueryParamString(queryParams, true);
@@ -26011,7 +26017,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
         getIframeSrc() {
             const { sessionId, genNo, acSessionId, acGenNo, convId, messageId, } = this.viewConfig;
             const path = 'conv-assist-answer';
-            const queryParams = this.getUrlQueryParamsObject();
+            const queryParams = this.getEmbedParamsObject();
             let query = '';
             const queryParamsString = getQueryParamString(queryParams, true);
             if (queryParamsString) {
@@ -26219,7 +26225,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
             const path = sharedConversationId
                 ? `insights/conv-assist/s/${encodeURIComponent(sharedConversationId)}`
                 : 'insights/conv-assist';
-            const queryParams = this.getUrlQueryParamsObject();
+            const queryParams = this.getEmbedParamsObject();
             let query = '';
             const queryParamsString = getQueryParamString(queryParams, true);
             if (queryParamsString) {
@@ -27107,7 +27113,7 @@ query GetEurekaResults($params: Input_eureka_SearchRequest) {
          * @returns The constructed URL to use for the ThoughtSpot embed iframe.
          */
         getMCPIframeSrc(sourceSrc) {
-            const queryParams = this.getUrlQueryParamsObject();
+            const queryParams = this.getEmbedParamsObject();
             const sourceURL = new URL(sourceSrc);
             const existingQueryParams = sourceURL.searchParams;
             const existingQueryParamsObject = Object.fromEntries(existingQueryParams);

package/dist/visual-embed-sdk-react-full.d.ts

@@ -12295,7 +12295,7 @@ declare class TsEmbed {
 	private defaultHiddenActions;
 	private resizeObserver;
 	private preRenderContainerEl;
-	private containerScrollListener;
+	/** Last height the embedded app reported, once fullHeight has measured one. */
 	protected hostEventClient: HostEventClient;
 	protected isReadyForRenderPromise: Promise<void>;
 	protected shouldWaitForRenderPromise: boolean;
@@ -12510,7 +12510,6 @@ declare class TsEmbed {
 	protected getV1EmbedBasePath(queryString: string): string;
 	protected getEmbedParams(): string;
 	protected getEmbedParamsObject(): Record<any, any>;
-	protected getUrlQueryParamsObject(): Record<any, any>;
 	protected getRootIframeSrc(): string;
 	protected createIframeEl(frameSrc: string): HTMLIFrameElement;
 	/**
@@ -12552,10 +12551,26 @@ declare class TsEmbed {
 	 */
 	private createPreRenderPlaceholder;
 	/**
-	 * Resolves the configured preRenderContainer to a live element, falling
-	 * back to `document.body`. A string selector is re-queried on every call so
-	 * a remounted container (E.g.: React replacing the node) resolves to the
-	 * fresh element; an element passed directly cannot be re-resolved.
+	 * Resolves the configured preRenderContainer to a live element. A string
+	 * selector is re-queried on every call so a remounted container (E.g.: React
+	 * replacing the node) resolves to the fresh element; an element passed
+	 * directly cannot be re-resolved.
+	 *
+	 * With nothing configured the frame goes into the host element's nearest
+	 * scrolling ancestor, falling back to `document.body`.
+	 *
+	 * The wrapper is absolutely positioned, so it follows the page for free —
+	 * but only while it sits inside whatever scrolls. `document.body` is right
+	 * only when the document itself is the scroller; an app that scrolls an
+	 * inner element instead left the frame pinned to the viewport while the page
+	 * moved under it (SCAL-338563). Being inside the scroller also lets wheel
+	 * events chain out of the frame into it, which they cannot do from
+	 * `document.body`.
+	 *
+	 * A scrolling ancestor is layout chrome rather than route content, so it
+	 * outlives the embed in practice; and if it does go, the host element goes
+	 * with it and this instance is remounting anyway.
+	 * `reconcilePreRenderContainer` re-runs this on a detached container.
 	 */
 	private resolvePreRenderContainerTarget;
 	private inheritPreRenderContainer;
@@ -12572,8 +12587,9 @@ declare class TsEmbed {
 	 * Re-attaches the wrapper to a live container when the previously resolved
 	 * one has been detached or no longer holds the wrapper — e.g. the host app
 	 * remounted a custom preRenderContainer, which would otherwise leave a stale
-	 * reference and collapse the wrapper. Only string selectors can be
-	 * re-resolved; a container passed as an element is left untouched.
+	 * reference and collapse the wrapper. Selectors and the auto-resolved
+	 * scrolling ancestor are both re-resolved; a container passed as an element
+	 * is left untouched, as there is nothing to re-query.
 	 */
 	private reconcilePreRenderContainer;
 	protected insertIntoDOMForPreRender(child: string | Node): void;
@@ -12789,9 +12805,17 @@ declare class TsEmbed {
 	 */
 	private restorePreRenderContainerPosition;
 	/**
-	 * Detaches and clears the container scroll listener, if one is attached.
+	 * Re-sizes the wrapper when its placeholder changes size.
+	 *
+	 * Position deliberately has no equivalent. An absolutely positioned wrapper
+	 * follows its containing block for free, so a correctly placed frame is the
+	 * browser's job and costs nothing; repositioning it on scroll would mean a
+	 * layout read and a style write per frame to compensate for placing it in
+	 * the wrong box. Size is the one thing the browser will not do for us: the
+	 * placeholder grows when the embedded app reports a new height, and the
+	 * wrapper has to be told.
 	 */
-	private removeContainerScrollListener;
+	private observePreRenderSize;
 	/**
 	 * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
 	 * @version SDK: 1.19.1 | ThoughtSpot: *
@@ -12807,8 +12831,6 @@ declare class TsEmbed {
 	 */
 	prerenderGeneric(): Promise<any>;
 	protected preRenderParamsApplied: Promise<void>;
-	protected isConfigExcludedFromUrl(): boolean;
-	protected triggerUpdateEmbedParams(): Promise<void>;
 	protected beforePrerenderVisible(): void;
 	/**
 	 * Displays the pre-rendered component inside the host element.
@@ -15774,6 +15796,7 @@ declare class LiveboardEmbed extends V1Embed {
 		personalizedViewId: string;
 	};
 	protected beforePrerenderVisible(): void;
+	private isSameEmbedConfig;
 	private isShowingLiveboardRoute;
 	protected handleRenderForPrerender(): Promise<TsEmbed>;
 	/**