@thoughtspot/visual-embed-sdk 1.53.0 → 1.53.1

package/dist/tsembed.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.53.0 */
+/* @thoughtspot/visual-embed-sdk version 1.53.1 */
 'use client';
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
@@ -3244,6 +3244,17 @@
          * @version SDK: 1.54.0 | ThoughtSpot Cloud: 26.11.0.cl
          */
         HostEvent["EditVisualization"] = "editVisualization";
+        /**
+         * Exits Liveboard edit mode , equivalent to clicking the
+         * *Cancel* button in the Liveboard edit header. The Liveboard returns to
+         * view mode and the embedded app emits the {@link EmbedEvent.Cancel} event.
+         * @version SDK: 1.55.0 | ThoughtSpot Cloud: 26.12.0.cl
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.ExitEditMode);
+         * ```
+         */
+        HostEvent["ExitEditMode"] = "exitEditMode";
         /**
          * Trigger the **Copy link** action on a Liveboard or visualization
          * Payload: {@link VizScopedRequest}.
@@ -4779,6 +4790,39 @@
          * @version SDK: 1.49.0 | ThoughtSpot Cloud: 26.6.0.cl
          */
         HostEvent["RefreshLiveboardBrowserCache"] = "refreshLiveboardBrowserCache";
+        /**
+         * Switch the embed between dark appearance and its default appearance
+         * while it is open, without reloading it.
+         * Payload: {@link UpdateThemeRequest}.
+         *
+         * Use it to keep the embed in step with a theme switch in your
+         * application; the appearance the embed loads with is set by `isDarkMode`.
+         * The event resolves with the applied value, such as `{ isDarkMode: true }`.
+         * When dark appearance is not available in the embed, the embed does not
+         * change and the event rejects with an error message instead.
+         * @version SDK: 1.55.0 | ThoughtSpot Cloud: 26.12.0.cl
+         * @param - `isDarkMode` - `true` for dark appearance, `false` for the
+         * default appearance.
+         * @example
+         * ```js
+         * appEmbed.trigger(HostEvent.UpdateTheme, { isDarkMode: true });
+         * ```
+         * @example
+         * ```js
+         * // Follow a theme switch in your application
+         * const themeSwitch = document.querySelector('#theme-switch');
+         * themeSwitch.addEventListener('change', async (event) => {
+         *   try {
+         *     await appEmbed.trigger(HostEvent.UpdateTheme, {
+         *       isDarkMode: event.target.checked,
+         *     });
+         *   } catch (error) {
+         *     console.warn(error);
+         *   }
+         * });
+         * ```
+         */
+        HostEvent["UpdateTheme"] = "UpdateTheme";
     })(exports.HostEvent || (exports.HostEvent = {}));
     /**
      * The different visual modes that the data sources panel within
@@ -7254,6 +7298,29 @@
          * ```
          */
         Action["CustomizeHomepage"] = "customizeHomepage";
+        /**
+         * Controls the visibility and disabled state of the *Cancel* button in the
+         * Liveboard edit header, the button that discards the changes made in edit
+         * mode and returns the Liveboard to view mode. The button is shown only
+         * while the Liveboard is in edit mode.
+         * @version SDK: 1.55.0 | ThoughtSpot Cloud: 26.12.0.cl
+         * @example
+         * ```js
+         * const liveboardEmbed = new LiveboardEmbed('#tsEmbed', {
+         *     ... // other embed view config
+         *     hiddenActions: [Action.Cancel],
+         * });
+         * ```
+         * @example
+         * ```js
+         * const liveboardEmbed = new LiveboardEmbed('#tsEmbed', {
+         *     ... // other embed view config
+         *     disabledActions: [Action.Cancel],
+         *     disabledActionReason: 'Save your changes to leave edit mode',
+         * });
+         * ```
+         */
+        Action["Cancel"] = "cancel";
     })(exports.Action || (exports.Action = {}));
     exports.PrefetchFeatures = void 0;
     (function (PrefetchFeatures) {
@@ -7758,7 +7825,7 @@
         TableContentDensity["Compact"] = "COMPACT";
     })(exports.TableContentDensity || (exports.TableContentDensity = {}));
 
-    var version$1="1.53.0";var pkg = {version:version$1};
+    var version$1="1.53.1";var pkg = {version:version$1};
 
     const { version } = pkg;
 
@@ -20046,6 +20113,32 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
         }
     }
 
+    // Membership is checked, not just the key: a bare key allowlist would upload an
+    // arbitrary customer string sitting under `operator` verbatim.
+    const isEnumMember = (enumObject, value) => typeof value === 'string' && Object.values(enumObject).includes(value);
+    const uniqueEnumMembers = (enumObject, values) => Array.from(new Set(values.filter((v) => isEnumMember(enumObject, v))));
+    const describeRuntimeFilters = (runtimeFilters) => ({
+        count: runtimeFilters.length,
+        operators: uniqueEnumMembers(exports.RuntimeFilterOp, runtimeFilters.map((filter) => filter === null || filter === void 0 ? void 0 : filter.operator)),
+    });
+    const describeRuntimeParameters = (runtimeParameters) => ({
+        count: runtimeParameters.length,
+        applicabilityLevels: uniqueEnumMembers(exports.ApplicabilityLevel, runtimeParameters.map((parameter) => { var _a; return (_a = parameter === null || parameter === void 0 ? void 0 : parameter.applicability) === null || _a === void 0 ? void 0 : _a.level; })),
+    });
+    // Column names, parameter names and operands are customer data and must never
+    // reach Mixpanel; an unrecognized shape is dropped rather than forwarded.
+    const summarizeRuntimeDataForTelemetry = (viewConfig) => {
+        const { runtimeFilters, runtimeParameters, ...rest } = viewConfig !== null && viewConfig !== void 0 ? viewConfig : {};
+        const telemetryProps = { ...rest };
+        if (Array.isArray(runtimeFilters)) {
+            telemetryProps.runtimeFilters = describeRuntimeFilters(runtimeFilters);
+        }
+        if (Array.isArray(runtimeParameters)) {
+            telemetryProps.runtimeParameters = describeRuntimeParameters(runtimeParameters);
+        }
+        return telemetryProps;
+    };
+
     var eventemitter3 = createCommonjsModule(function (module) {
 
     var has = Object.prototype.hasOwnProperty
@@ -22354,6 +22447,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;
@@ -22490,7 +22586,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
              */
@@ -22670,9 +22765,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 ...viewConfig,
             };
             this.registerAppInit();
-            uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
-                ...viewConfig,
-            });
+            uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, summarizeRuntimeDataForTelemetry(viewConfig));
             const embedConfig = getEmbedConfig();
             if (embedConfig) {
                 this.embedConfig = embedConfig;
@@ -23376,7 +23469,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 top: '0',
                 left: '0',
                 width: '100vw',
-                height: '100vh',
+                height: UNMEASURED_WRAPPER_HEIGHT,
             };
             setStyleProperties(preRenderWrapper, initialPreRenderWrapperStyle);
             return preRenderWrapper;
@@ -23444,10 +23537,12 @@ 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, or defaults to the host's
+         * nearest scrolling ancestor (document.body if none). The absolutely
+         * positioned wrapper only follows the page while it sits inside what
+         * scrolls, so body is right only when the document itself scrolls — an inner
+         * scroller left the frame pinned to the viewport (SCAL-338563). A string
+         * selector is re-queried each call so a remounted container resolves fresh.
          */
         resolvePreRenderContainerTarget() {
             var _a;
@@ -23467,7 +23562,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;
@@ -23512,8 +23613,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;
@@ -23532,14 +23634,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) {
@@ -23601,11 +23695,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 {
@@ -24047,34 +24142,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 customContainer = this.getCustomPreRenderContainer();
-            customContainer === null || customContainer === void 0 ? void 0 : customContainer.removeEventListener('scroll', this.containerScrollListener);
-            this.containerScrollListener = null;
+            const placeholder = this.getPreRenderPlaceHolderElement();
+            if (!placeholder) {
+                return;
+            }
+            (_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;
@@ -24165,7 +24273,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,
@@ -24184,14 +24292,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
@@ -24205,29 +24315,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) {
@@ -24280,6 +24380,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,
@@ -24291,20 +24392,25 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 return;
             }
             const { zIndex } = this.getPreRenderConfig();
+            // A hidden pre-render frame must add no scroll space to the host page.
             const preRenderHideStyles = {
                 opacity: '0',
                 pointerEvents: 'none',
                 zIndex: zIndex !== undefined ? String(zIndex) : '-1000',
-                position: 'absolute',
+                // Resolves to the viewport, so the hidden frame belongs to no
+                // scroll container's overflow; syncPreRenderStyle restores absolute
+                // on show.
+                position: 'fixed',
                 top: '0',
                 left: '0',
                 overflow: 'hidden',
+                // The one exception: a transformed or contained ancestor captures
+                // `fixed`; parking above the top edge keeps it out of that
+                // overflow.
+                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);
@@ -24470,8 +24576,11 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
                 embedParams: { visualOverridesParams: visualOverrides },
             };
         }
+        // The app reads enableSpotterInstructionAndMoreSettings from the top level
+        // of embedParams, so lift it out of the sidebar config.
+        const { enableSpotterInstructionAndMoreSettings, ...sidebarConfigRest } = spotterSidebarConfig || {};
         const resolvedSidebarConfig = {
-            ...spotterSidebarConfig,
+            ...sidebarConfigRest,
             ...(resolvedEnablePastConversations !== undefined && {
                 enablePastConversationsSidebar: resolvedEnablePastConversations,
             }),
@@ -24493,6 +24602,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
             embedParams: {
                 ...(defaultAppInitData.embedParams || {}),
                 spotterSidebarConfig: resolvedSidebarConfig,
+                ...(enableSpotterInstructionAndMoreSettings !== undefined
+                    ? { enableSpotterInstructionAndMoreSettings }
+                    : {}),
                 ...(visualOverrides !== undefined ? { visualOverridesParams: visualOverrides } : {}),
             },
         };
@@ -25062,6 +25174,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!) {
@@ -25176,6 +25328,11 @@ query GetEurekaVizSnapshots(
      * })
      * ```
      */
+    /**
+     * A shallow copy without the keys whose value is `undefined`, so a key that was
+     * assigned `undefined` compares equal to one that was never set.
+     */
+    const definedEntries = (config = {}) => Object.fromEntries(Object.entries(config).filter(([, value]) => value !== undefined));
     class LiveboardEmbed extends V1Embed {
         constructor(domSelector, viewConfig) {
             viewConfig.embedComponentType = 'LiveboardEmbed';
@@ -25461,16 +25618,18 @@ 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 previousRoute = 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
                 // config's filters.
                 await this.preRenderParamsApplied;
-                if (this.isShowingLiveboardRoute(showing)) {
+                if (this.isAlreadyOnSameRoute(previousRoute)) {
                     // Navigate to the route we are already on is a no-op, so the
                     // liveboard keeps its state. Home unmounts the container, which
                     // clears it.
@@ -25491,17 +25650,27 @@ query GetEurekaVizSnapshots(
                 };
             });
         }
+        // definedEntries drops undefined-valued keys: a shown instance carries
+        // vizId/activeTabId/etc as undefined, so a raw isEqual never matches again.
+        // Functions compare equal, since React passes a fresh closure per render.
+        isSameEmbedConfig(previous) {
+            if (!previous)
+                return false;
+            if (previous === this)
+                return true;
+            return isEqualWith_1(definedEntries(previous.viewConfig), definedEntries(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.
-        isShowingLiveboardRoute(showing) {
-            if (!(showing === null || showing === void 0 ? void 0 : showing.liveboardId))
+        isAlreadyOnSameRoute(previousRoute) {
+            if (!(previousRoute === null || previousRoute === void 0 ? void 0 : previousRoute.liveboardId))
                 return false;
             const { liveboardId, vizId, activeTabId, personalizedViewId, } = this.viewConfig;
-            return showing.liveboardId === liveboardId
-                && showing.vizId === vizId
-                && showing.activeTabId === activeTabId
-                && showing.personalizedViewId === personalizedViewId;
+            return previousRoute.liveboardId === liveboardId
+                && previousRoute.vizId === vizId
+                && previousRoute.activeTabId === activeTabId
+                && previousRoute.personalizedViewId === personalizedViewId;
         }
         async handleRenderForPrerender() {
             if (isUndefined$1(this.viewConfig.liveboardId)) {