@thoughtspot/visual-embed-sdk 1.20.0-prerender.2 → 1.20.1

package/lib/src/embed/ts-embed.d.ts

@@ -6,7 +6,7 @@
  * @summary Base classes
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
-import { DOMSelector, HostEvent, EmbedEvent, MessageCallback, EmbedConfig, MessageOptions, ViewConfig } from '../types';
+import { DOMSelector, HostEvent, EmbedEvent, MessageCallback, EmbedConfig, MessageOptions, ViewConfig, FrameParams } from '../types';
 /**
  * Global prefix for all Thoughtspot postHash Params.
  */
@@ -28,7 +28,6 @@ export declare class TsEmbed {
      * The DOM node where the ThoughtSpot app is to be embedded.
      */
     private el;
-    protected isAppInitialized: boolean;
     /**
      * A reference to the iframe within which the ThoughtSpot app
      * will be rendered.
@@ -59,7 +58,6 @@ export declare class TsEmbed {
      * Should we encode URL Query Params using base64 encoding which thoughtspot
      * will generate for embedding. This provides additional security to
      * thoughtspot clusters against Cross site scripting attacks.
-     *
      * @default false
      */
     private shouldEncodeUrlQueryParams;
@@ -71,19 +69,16 @@ export declare class TsEmbed {
     private throwInitError;
     /**
      * Handles errors within the SDK
-     *
      * @param error The error message or object
      */
     protected handleError(error: string | Record<string, unknown>): void;
     /**
      * Extracts the type field from the event payload
-     *
      * @param event The window message event
      */
     private getEventType;
     /**
      * Extracts the port field from the event payload
-     *
      * @param event  The window message event
      * @returns
      */
@@ -91,9 +86,6 @@ export declare class TsEmbed {
     /**
      * fix for ts7.sep.cl
      * will be removed for ts7.oct.cl
-     *
-     * @param event
-     * @param eventType
      * @hidden
      */
     private formatEventData;
@@ -106,16 +98,10 @@ export declare class TsEmbed {
     private subscribeToEvents;
     /**
      * Send Custom style as part of payload of APP_INIT
-     *
-     * @param _
-     * @param responder
      */
     private appInitCb;
     /**
      * Sends updated auth token to the iFrame to avoid user logout
-     *
-     * @param _
-     * @param responder
      */
     private updateAuthToken;
     /**
@@ -124,47 +110,36 @@ export declare class TsEmbed {
     private registerAppInit;
     /**
      * Constructs the base URL string to load the ThoughtSpot app.
-     *
-     * @param query
      */
     protected getEmbedBasePath(query: string): string;
     /**
      * Common query params set for all the embed modes.
-     *
-     * @param queryParams
      * @returns queryParams
      */
-    protected getBaseQueryParams(queryParams?: {}): {};
+    protected getBaseQueryParams(): {};
     /**
      * Constructs the base URL string to load v1 of the ThoughtSpot app.
      * This is used for embedding Liveboards, visualizations, and full application.
-     *
      * @param queryString The query string to append to the URL.
      * @param isAppEmbed A Boolean parameter to specify if you are embedding
      * the full application.
      */
-    protected getV1EmbedBasePath(queryString: string): string;
-    protected getEmbedParams(): string;
-    protected getRootIframeSrc(): string;
-    protected createIframeEl(frameSrc: string): HTMLIFrameElement;
+    protected getV1EmbedBasePath(queryString: string, showPrimaryNavbar?: boolean, disableProfileAndHelp?: boolean, isAppEmbed?: boolean, enableSearchAssist?: boolean): string;
     /**
      * Renders the embedded ThoughtSpot app in an iframe and sets up
      * event listeners.
-     *
      * @param url
      * @param frameOptions
      */
-    protected renderIFrame(url: string): Promise<any>;
+    protected renderIFrame(url: string, frameOptions?: FrameParams): Promise<any>;
     protected insertIntoDOM(child: string | Node): void;
     /**
      * Sets the height of the iframe
-     *
      * @param height The height in pixels
      */
     protected setIFrameHeight(height: number): void;
     /**
      * Executes all registered event handlers for a particular event type
-     *
      * @param eventType The event type
      * @param data The payload invoked with the event handler
      * @param eventPort The event Port for a specific MessageChannel
@@ -176,7 +151,6 @@ export declare class TsEmbed {
     protected getThoughtSpotHost(): string;
     /**
      * Gets the v1 event type (if applicable) for the EmbedEvent type
-     *
      * @param eventType The v2 event type
      * @returns The corresponding v1 event type if one exists
      * or else the v2 event type itself
@@ -186,7 +160,6 @@ export declare class TsEmbed {
      * Calculates the iframe center for the current visible viewPort
      * of iframe using Scroll position of Host App, offsetTop for iframe
      * in Host app. ViewPort height of the tab.
-     *
      * @returns iframe Center in visible viewport,
      *  Iframe height,
      *  View port height.
@@ -224,16 +197,12 @@ export declare class TsEmbed {
     /**
      * Triggers an event on specific Port registered against
      * for the EmbedEvent
-     *
      * @param eventType The message type
      * @param data The payload to send
-     * @param eventPort
-     * @param payload
      */
     private triggerEventOnPort;
     /**
      * Triggers an event to the embedded app
-     *
      * @param messageType The event type
      * @param data The payload to send with the message
      */
@@ -242,7 +211,6 @@ export declare class TsEmbed {
      * Marks the ThoughtSpot object to have been rendered
      * Needs to be overridden by subclasses to do the actual
      * rendering of the iframe.
-     *
      * @param args
      */
     render(): TsEmbed;
@@ -250,18 +218,14 @@ export declare class TsEmbed {
      * Get the Post Url Params for THOUGHTSPOT from the current
      * host app URL.
      * THOUGHTSPOT URL params starts with a prefix "ts-"
-     *
      * @version SDK: 1.14.0 | ThoughtSpot: 8.4.0.cl, 8.4.1-sw
      */
     getThoughtSpotPostUrlParams(): string;
     /**
      * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
-     *
      * @version SDK: 1.19.1 | ThoughtSpot: *
      */
     destroy(): void;
-    getUnderlyingFrameElement(): HTMLIFrameElement;
-    prerenderGeneric(): Promise<any>;
 }
 /**
  * Base class for embedding v1 experience
@@ -275,13 +239,12 @@ export declare class V1Embed extends TsEmbed {
     constructor(domSelector: DOMSelector, viewConfig: ViewConfig);
     /**
      * Render the ap    p in an iframe and set up event handlers
-     *
      * @param iframeSrc
      */
     protected renderV1Embed(iframeSrc: string): any;
-    protected getRootIframeSrc(): string;
     /**
-     * @inheritdoc
+     * @inheritdoc TsEmbed.on
+     *
      * @example
      * ```js
      * tsEmbed.on(EmbedEvent.Error, (data) => {

package/lib/src/embed/ts-embed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ts-embed.d.ts","sourceRoot":"","sources":["../../../src/embed/ts-embed.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ts-embed.d.ts","sourceRoot":"","sources":["../../../src/embed/ts-embed.ts"],"names":[],"mappings":"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"}

package/lib/src/embed/ts-embed.js

@@ -6,7 +6,7 @@
  * @summary Base classes
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
-import { getEncodedQueryParamsString, getCssDimension, getOffsetTop, embedEventStatus, setAttributes, getCustomisations, getDOMNode, getFilterQuery, getQueryParamString, } from '../utils';
+import { getEncodedQueryParamsString, getCssDimension, getOffsetTop, embedEventStatus, setAttributes, getCustomisations, getDOMNode, } from '../utils';
 import { getThoughtSpotHost, URL_MAX_LENGTH, DEFAULT_EMBED_WIDTH, DEFAULT_EMBED_HEIGHT, getV2BasePath, } from '../config';
 import { AuthType, EmbedEvent, Action, Param, ContextMenuTriggerOptions, } from '../types';
 import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
@@ -25,7 +25,6 @@ const TS_EMBED_ID = '_thoughtspot-embed';
  * The event id map from v2 event names to v1 event id
  * v1 events are the classic embed events implemented in Blink v1
  * We cannot rename v1 event types to maintain backward compatibility
- *
  * @internal
  */
 const V1EventMap = {};
@@ -36,28 +35,22 @@ const V1EventMap = {};
  */
 export class TsEmbed {
     constructor(domSelector, viewConfig) {
-        this.isAppInitialized = false;
         /**
          * Should we encode URL Query Params using base64 encoding which thoughtspot
          * will generate for embedding. This provides additional security to
          * thoughtspot clusters against Cross site scripting attacks.
-         *
          * @default false
          */
         this.shouldEncodeUrlQueryParams = false;
         this.defaultHiddenActions = [Action.ReportError];
         /**
          * Send Custom style as part of payload of APP_INIT
-         *
-         * @param _
-         * @param responder
          */
         this.appInitCb = async (_, responder) => {
             let authToken = '';
             if (this.embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
                 authToken = await getAuthenticaionToken(this.embedConfig);
             }
-            this.isAppInitialized = true;
             responder({
                 type: EmbedEvent.APP_INIT,
                 data: {
@@ -68,9 +61,6 @@ export class TsEmbed {
         };
         /**
          * Sends updated auth token to the iFrame to avoid user logout
-         *
-         * @param _
-         * @param responder
          */
         this.updateAuthToken = async (_, responder) => {
             const { autoLogin = false, authType } = this.embedConfig; // Set autoLogin default to false
@@ -112,7 +102,6 @@ export class TsEmbed {
     }
     /**
      * Handles errors within the SDK
-     *
      * @param error The error message or object
      */
     handleError(error) {
@@ -125,7 +114,6 @@ export class TsEmbed {
     }
     /**
      * Extracts the type field from the event payload
-     *
      * @param event The window message event
      */
     getEventType(event) {
@@ -135,7 +123,6 @@ export class TsEmbed {
     }
     /**
      * Extracts the port field from the event payload
-     *
      * @param event  The window message event
      * @returns
      */
@@ -148,9 +135,6 @@ export class TsEmbed {
     /**
      * fix for ts7.sep.cl
      * will be removed for ts7.oct.cl
-     *
-     * @param event
-     * @param eventType
      * @hidden
      */
     formatEventData(event, eventType) {
@@ -181,31 +165,33 @@ export class TsEmbed {
     }
     /**
      * Constructs the base URL string to load the ThoughtSpot app.
-     *
-     * @param query
      */
     getEmbedBasePath(query) {
         let queryString = query;
         if (this.shouldEncodeUrlQueryParams) {
             queryString = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryString.substr(1))}`;
         }
-        const basePath = [this.thoughtSpotHost, this.thoughtSpotV2Base, queryString]
+        const basePath = [
+            this.thoughtSpotHost,
+            this.thoughtSpotV2Base,
+            queryString,
+        ]
             .filter((x) => x.length > 0)
             .join('/');
-        return `${basePath}#`;
+        return `${basePath}#/embed`;
     }
     /**
      * Common query params set for all the embed modes.
-     *
-     * @param queryParams
      * @returns queryParams
      */
-    getBaseQueryParams(queryParams = {}) {
+    getBaseQueryParams() {
         var _a, _b;
+        const queryParams = {};
         let hostAppUrl = ((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.host) || '';
-        // The below check is needed because TS Cloud firewall, blocks
-        // localhost/127.0.0.1 in any url param.
-        if (hostAppUrl.includes('localhost') || hostAppUrl.includes('127.0.0.1')) {
+        // The below check is needed because TS Cloud firewall, blocks localhost/127.0.0.1
+        // in any url param.
+        if (hostAppUrl.includes('localhost') ||
+            hostAppUrl.includes('127.0.0.1')) {
             hostAppUrl = 'local-host';
         }
         queryParams[Param.HostAppUrl] = encodeURIComponent(hostAppUrl);
@@ -213,7 +199,8 @@ export class TsEmbed {
         queryParams[Param.ViewPortWidth] = window.innerWidth;
         queryParams[Param.Version] = version;
         queryParams[Param.AuthType] = this.embedConfig.authType;
-        if (this.embedConfig.disableLoginRedirect === true || this.embedConfig.autoLogin === true) {
+        if (this.embedConfig.disableLoginRedirect === true ||
+            this.embedConfig.autoLogin === true) {
             queryParams[Param.DisableLoginRedirect] = true;
         }
         if (this.embedConfig.authType === AuthType.EmbeddedSSO) {
@@ -228,7 +215,8 @@ export class TsEmbed {
             return queryParams;
         }
         // TODO remove embedConfig.customCssUrl
-        const cssUrlParam = ((_b = customizations === null || customizations === void 0 ? void 0 : customizations.style) === null || _b === void 0 ? void 0 : _b.customCSSUrl) || this.embedConfig.customCssUrl;
+        const cssUrlParam = ((_b = customizations === null || customizations === void 0 ? void 0 : customizations.style) === null || _b === void 0 ? void 0 : _b.customCSSUrl) ||
+            this.embedConfig.customCssUrl;
         if (cssUrlParam) {
             queryParams[Param.CustomCSSUrl] = cssUrlParam;
         }
@@ -238,14 +226,15 @@ export class TsEmbed {
         if (disabledActionReason) {
             queryParams[Param.DisableActionReason] = disabledActionReason;
         }
-        queryParams[Param.HideActions] = [...this.defaultHiddenActions, ...(hiddenActions !== null && hiddenActions !== void 0 ? hiddenActions : [])];
+        queryParams[Param.HideActions] = [
+            ...this.defaultHiddenActions,
+            ...(hiddenActions !== null && hiddenActions !== void 0 ? hiddenActions : []),
+        ];
         if (Array.isArray(visibleActions)) {
             queryParams[Param.VisibleActions] = visibleActions;
         }
-        /**
-         * Default behavior for context menu will be left-click
-         *  from version 9.2.0.cl the user have an option to override context
-         *  menu click
+        /** Default behavior for context menu will be left-click
+         *  from version 9.2.0.cl the user have an option to override context menu click
          */
         if (contextMenuTrigger === ContextMenuTriggerOptions.LEFT_CLICK) {
             queryParams[Param.ContextMenuTrigger] = true;
@@ -277,61 +266,32 @@ export class TsEmbed {
     /**
      * Constructs the base URL string to load v1 of the ThoughtSpot app.
      * This is used for embedding Liveboards, visualizations, and full application.
-     *
      * @param queryString The query string to append to the URL.
      * @param isAppEmbed A Boolean parameter to specify if you are embedding
      * the full application.
      */
-    getV1EmbedBasePath(queryString) {
-        const queryParams = this.shouldEncodeUrlQueryParams
-            ? `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryString)}`
-            : `?${queryString}`;
-        const path = `${this.thoughtSpotHost}/${queryParams}#`;
+    getV1EmbedBasePath(queryString, showPrimaryNavbar = false, disableProfileAndHelp = false, isAppEmbed = false, enableSearchAssist = false) {
+        const queryStringFrag = queryString ? `&${queryString}` : '';
+        const primaryNavParam = `&primaryNavHidden=${!showPrimaryNavbar}`;
+        const disableProfileAndHelpParam = `&profileAndHelpInNavBarHidden=${disableProfileAndHelp}`;
+        const enableSearchAssistParam = `&${Param.EnableSearchAssist}=${enableSearchAssist}`;
+        let queryParams = `?embedApp=true${isAppEmbed ? primaryNavParam : ''}${isAppEmbed ? disableProfileAndHelpParam : ''}${enableSearchAssist ? enableSearchAssistParam : ''}${queryStringFrag}`;
+        if (this.shouldEncodeUrlQueryParams) {
+            queryParams = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryParams.substr(1))}`;
+        }
+        let path = `${this.thoughtSpotHost}/${queryParams}#`;
+        if (!isAppEmbed) {
+            path = `${path}/embed`;
+        }
         return path;
     }
-    getEmbedParams() {
-        const queryParams = this.getBaseQueryParams();
-        return getQueryParamString(queryParams);
-    }
-    getRootIframeSrc() {
-        const query = this.getEmbedParams();
-        return this.getEmbedBasePath(query);
-    }
-    createIframeEl(frameSrc) {
-        const iFrame = document.createElement('iframe');
-        iFrame.src = frameSrc;
-        iFrame.id = TS_EMBED_ID;
-        // according to screenfull.js documentation
-        // allowFullscreen, webkitallowfullscreen and mozallowfullscreen must be
-        // true
-        iFrame.allowFullscreen = true;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        iFrame.webkitallowfullscreen = true;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        iFrame.mozallowfullscreen = true;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        iFrame.allow = 'clipboard-read; clipboard-write';
-        const { height: frameHeight, width: frameWidth, ...restParams } = this.viewConfig.frameParams || {};
-        const width = getCssDimension(frameWidth || DEFAULT_EMBED_WIDTH);
-        const height = getCssDimension(frameHeight || DEFAULT_EMBED_HEIGHT);
-        setAttributes(iFrame, restParams);
-        iFrame.style.width = `${width}`;
-        iFrame.style.height = `${height}`;
-        iFrame.style.border = '0';
-        iFrame.name = 'ThoughtSpot Embedded Analytics';
-        return iFrame;
-    }
     /**
      * Renders the embedded ThoughtSpot app in an iframe and sets up
      * event listeners.
-     *
      * @param url
      * @param frameOptions
      */
-    async renderIFrame(url) {
+    async renderIFrame(url, frameOptions = {}) {
         if (this.isError) {
             return null;
         }
@@ -357,7 +317,30 @@ export class TsEmbed {
                     return;
                 }
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
-                this.iFrame = this.iFrame || this.createIframeEl(url);
+                this.iFrame =
+                    this.iFrame || document.createElement('iframe');
+                this.iFrame.src = url;
+                this.iFrame.id = TS_EMBED_ID;
+                // according to screenfull.js documentation
+                // allowFullscreen, webkitallowfullscreen and mozallowfullscreen must be true
+                this.iFrame.allowFullscreen = true;
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                this.iFrame.webkitallowfullscreen = true;
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                this.iFrame.mozallowfullscreen = true;
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                this.iFrame.allow = 'clipboard-read; clipboard-write';
+                const { height: frameHeight, width: frameWidth, ...restParams } = frameOptions;
+                const width = getCssDimension(frameWidth || DEFAULT_EMBED_WIDTH);
+                const height = getCssDimension(frameHeight || DEFAULT_EMBED_HEIGHT);
+                setAttributes(this.iFrame, restParams);
+                this.iFrame.style.width = `${width}`;
+                this.iFrame.style.height = `${height}`;
+                this.iFrame.style.border = '0';
+                this.iFrame.name = 'ThoughtSpot Embedded Analytics';
                 this.iFrame.addEventListener('load', () => {
                     nextInQueue();
                     const loadTimestamp = Date.now();
@@ -384,9 +367,7 @@ export class TsEmbed {
                 this.subscribeToEvents();
             }).catch((error) => {
                 nextInQueue();
-                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
-                    error: JSON.stringify(error),
-                });
+                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, { error: JSON.stringify(error) });
                 this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                 this.handleError(error);
             });
@@ -420,7 +401,6 @@ export class TsEmbed {
     }
     /**
      * Sets the height of the iframe
-     *
      * @param height The height in pixels
      */
     setIFrameHeight(height) {
@@ -428,7 +408,6 @@ export class TsEmbed {
     }
     /**
      * Executes all registered event handlers for a particular event type
-     *
      * @param eventType The event type
      * @param data The payload invoked with the event handler
      * @param eventPort The event Port for a specific MessageChannel
@@ -439,13 +418,11 @@ export class TsEmbed {
         callbacks.push(...allHandlers);
         const dataStatus = (data === null || data === void 0 ? void 0 : data.status) || embedEventStatus.END;
         callbacks.forEach((callbackObj) => {
-            if (
-            // When start status is true it trigger only start releated
-            // payload
-            (callbackObj.options.start && dataStatus === embedEventStatus.START)
-                // When start status is false it trigger only end releated
-                // payload
-                || (!callbackObj.options.start && dataStatus === embedEventStatus.END)) {
+            if ((callbackObj.options.start &&
+                dataStatus === embedEventStatus.START) || // When start status is true it trigger only start releated payload
+                (!callbackObj.options.start &&
+                    dataStatus === embedEventStatus.END) // When start status is false it trigger only end releated payload
+            ) {
                 callbackObj.callback(data, (payload) => {
                     this.triggerEventOnPort(eventPort, payload);
                 });
@@ -460,7 +437,6 @@ export class TsEmbed {
     }
     /**
      * Gets the v1 event type (if applicable) for the EmbedEvent type
-     *
      * @param eventType The v2 event type
      * @returns The corresponding v1 event type if one exists
      * or else the v2 event type itself
@@ -472,7 +448,6 @@ export class TsEmbed {
      * Calculates the iframe center for the current visible viewPort
      * of iframe using Scroll position of Host App, offsetTop for iframe
      * in Host app. ViewPort height of the tab.
-     *
      * @returns iframe Center in visible viewport,
      *  Iframe height,
      *  View port height.
@@ -486,7 +461,8 @@ export class TsEmbed {
         let iframeVisibleViewPort;
         let iframeOffset;
         if (iframeScrolled < 0) {
-            iframeVisibleViewPort = viewPortHeight - (offsetTopClient - scrollTopClient);
+            iframeVisibleViewPort =
+                viewPortHeight - (offsetTopClient - scrollTopClient);
             iframeVisibleViewPort = Math.min(iframeHeight, iframeVisibleViewPort);
             iframeOffset = 0;
         }
@@ -537,11 +513,8 @@ export class TsEmbed {
     /**
      * Triggers an event on specific Port registered against
      * for the EmbedEvent
-     *
      * @param eventType The message type
      * @param data The payload to send
-     * @param eventPort
-     * @param payload
      */
     triggerEventOnPort(eventPort, payload) {
         if (eventPort) {
@@ -562,7 +535,6 @@ export class TsEmbed {
     }
     /**
      * Triggers an event to the embedded app
-     *
      * @param messageType The event type
      * @param data The payload to send with the message
      */
@@ -574,7 +546,6 @@ export class TsEmbed {
      * Marks the ThoughtSpot object to have been rendered
      * Needs to be overridden by subclasses to do the actual
      * rendering of the iframe.
-     *
      * @param args
      */
     render() {
@@ -585,7 +556,6 @@ export class TsEmbed {
      * Get the Post Url Params for THOUGHTSPOT from the current
      * host app URL.
      * THOUGHTSPOT URL params starts with a prefix "ts-"
-     *
      * @version SDK: 1.14.0 | ThoughtSpot: 8.4.0.cl, 8.4.1-sw
      */
     getThoughtSpotPostUrlParams() {
@@ -609,7 +579,6 @@ export class TsEmbed {
     }
     /**
      * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
-     *
      * @version SDK: 1.19.1 | ThoughtSpot: *
      */
     destroy() {
@@ -620,13 +589,6 @@ export class TsEmbed {
             console.log('Error destroying TS Embed', e);
         }
     }
-    getUnderlyingFrameElement() {
-        return this.iFrame;
-    }
-    async prerenderGeneric() {
-        const prerenderFrameSrc = this.getRootIframeSrc();
-        return this.renderIFrame(prerenderFrameSrc);
-    }
 }
 /**
  * Base class for embedding v1 experience
@@ -642,21 +604,14 @@ export class V1Embed extends TsEmbed {
     }
     /**
      * Render the ap    p in an iframe and set up event handlers
-     *
      * @param iframeSrc
      */
     renderV1Embed(iframeSrc) {
-        return this.renderIFrame(iframeSrc);
-    }
-    getRootIframeSrc() {
-        const runtimeFilters = this.viewConfig.runtimeFilters;
-        const filterQuery = getFilterQuery(runtimeFilters || []);
-        const queryParams = this.getEmbedParams();
-        const queryString = [filterQuery, queryParams].filter(Boolean).join('&');
-        return this.getV1EmbedBasePath(queryString);
+        return this.renderIFrame(iframeSrc, this.viewConfig.frameParams);
     }
     /**
-     * @inheritdoc
+     * @inheritdoc TsEmbed.on
+     *
      * @example
      * ```js
      * tsEmbed.on(EmbedEvent.Error, (data) => {