@thoughtspot/visual-embed-sdk 1.53.0 → 1.53.1

package/dist/tsembed-react.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, require('react')) :
@@ -3445,6 +3445,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}.
@@ -4980,6 +4991,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
@@ -7455,6 +7499,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 = {}));
 	var PrefetchFeatures;
 	(function (PrefetchFeatures) {
@@ -7959,7 +8026,7 @@
 	    TableContentDensity["Compact"] = "COMPACT";
 	})(TableContentDensity || (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;
 
@@ -19912,6 +19979,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(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
@@ -22041,6 +22134,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;
@@ -22177,7 +22273,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
 	         */
@@ -22357,9 +22452,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;
@@ -23063,7 +23156,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            top: '0',
 	            left: '0',
 	            width: '100vw',
-	            height: '100vh',
+	            height: UNMEASURED_WRAPPER_HEIGHT,
 	        };
 	        setStyleProperties(preRenderWrapper, initialPreRenderWrapperStyle);
 	        return preRenderWrapper;
@@ -23131,10 +23224,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;
@@ -23154,7 +23249,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;
@@ -23199,8 +23300,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;
@@ -23219,14 +23321,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) {
@@ -23288,11 +23382,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 {
@@ -23734,34 +23829,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;
@@ -23852,7 +23960,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,
@@ -23871,14 +23979,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
@@ -23892,29 +24002,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) {
@@ -23967,6 +24067,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,
@@ -23978,20 +24079,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);
@@ -24696,8 +24802,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,
 	        }),
@@ -24719,6 +24828,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        embedParams: {
 	            ...(defaultAppInitData.embedParams || {}),
 	            spotterSidebarConfig: resolvedSidebarConfig,
+	            ...(enableSpotterInstructionAndMoreSettings !== undefined
+	                ? { enableSpotterInstructionAndMoreSettings }
+	                : {}),
 	            ...(visualOverrides !== undefined ? { visualOverridesParams: visualOverrides } : {}),
 	        },
 	    };
@@ -25288,6 +25400,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!) {
@@ -25402,6 +25554,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));
 	let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
 	    constructor(domSelector, viewConfig) {
 	        viewConfig.embedComponentType = 'LiveboardEmbed';
@@ -25687,16 +25844,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.
@@ -25717,17 +25876,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)) {