@thoughtspot/visual-embed-sdk 1.26.2 → 1.26.3

package/lib/src/embed/TsEmbed.js

@@ -1,847 +0,0 @@
-import { getEncodedQueryParamsString, getCssDimension, getOffsetTop, embedEventStatus, setAttributes, getCustomisations, getRuntimeFilters, getDOMNode, getQueryParamString, setStyleProperties, removeStyleProperties } from '../utils';
-import { getThoughtSpotHost, URL_MAX_LENGTH, DEFAULT_EMBED_WIDTH, DEFAULT_EMBED_HEIGHT, getV2BasePath } from '../config';
-import { AuthType, HostEvent, EmbedEvent, Action, Param, ContextMenuTriggerOptions } from '../types';
-import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
-import { processEventData } from '../utils/processData';
-import { processTrigger } from '../utils/processTrigger';
-import { getAuthPromise, getEmbedConfig, renderInQueue, handleAuth, notifyAuthFailure } from './base';
-import { AuthFailureType, getAuthenticaionToken } from '../auth';
-import { TS_EMBED_ID, V1EventMap, THOUGHTSPOT_PARAM_PREFIX } from './ts-embed';
-/**
- * Base class for embedding v2 experience
- * Note: the v2 version of ThoughtSpot Blink is built on the new stack:
- * React+GraphQL
- */
-export class TsEmbed {
-    constructor(domSelector, viewConfig) {
-        this.isAppInitialized = false;
-        this.embedComponentType = '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
-         */
-        this.shouldEncodeUrlQueryParams = false;
-        this.defaultHiddenActions = [Action.ReportError];
-        this.subscribedListeners = {};
-        /**
-         * Send Custom style as part of payload of APP_INIT
-         *
-         * @param _
-         * @param responder
-         */
-        this.appInitCb = async (_, responder) => {
-            var _a, _b;
-            let authToken = '';
-            if (this.embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
-                authToken = await getAuthenticaionToken(this.embedConfig);
-            }
-            this.isAppInitialized = true;
-            responder({
-                type: EmbedEvent.APP_INIT,
-                data: {
-                    customisations: getCustomisations(this.embedConfig, this.viewConfig),
-                    authToken,
-                    runtimeFilterParams: this.viewConfig.excludeRuntimeFiltersfromURL
-                        ? getRuntimeFilters(this.viewConfig.runtimeFilters)
-                        : null,
-                    hiddenHomepageModules: this.viewConfig.hiddenHomepageModules || [],
-                    reorderedHomepageModules: this.viewConfig.reorderedHomepageModules || [],
-                    hostConfig: this.embedConfig.hostConfig,
-                    hiddenHomeLeftNavItems: ((_a = this.viewConfig) === null || _a === void 0 ? void 0 : _a.hiddenHomeLeftNavItems)
-                        ? (_b = this.viewConfig) === null || _b === void 0 ? void 0 : _b.hiddenHomeLeftNavItems
-                        : [],
-                },
-            });
-        };
-        /**
-         * 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
-            if (authType === AuthType.TrustedAuthTokenCookieless) {
-                const authToken = await getAuthenticaionToken(this.embedConfig);
-                responder({
-                    type: EmbedEvent.AuthExpire,
-                    data: { authToken },
-                });
-            }
-            else if (autoLogin) {
-                handleAuth();
-            }
-            notifyAuthFailure(AuthFailureType.EXPIRY);
-        };
-        /**
-         * Register APP_INIT event and sendback init payload
-         */
-        this.registerAppInit = () => {
-            this.on(EmbedEvent.APP_INIT, this.appInitCb, { start: false }, true);
-            this.on(EmbedEvent.AuthExpire, this.updateAuthToken, { start: false }, true);
-        };
-        this.el = getDOMNode(domSelector);
-        // TODO: handle error
-        this.embedConfig = getEmbedConfig();
-        if (!this.embedConfig.authTriggerContainer && !this.embedConfig.useEventForSAMLPopup) {
-            this.embedConfig.authTriggerContainer = domSelector;
-        }
-        this.thoughtSpotHost = getThoughtSpotHost(this.embedConfig);
-        this.thoughtSpotV2Base = getV2BasePath(this.embedConfig);
-        this.eventHandlerMap = new Map();
-        this.isError = false;
-        this.viewConfig = viewConfig;
-        this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
-        this.registerAppInit();
-        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
-            ...viewConfig,
-            embedComponentType: this.embedComponentType,
-        });
-    }
-    /**
-     * Throws error encountered during initialization.
-     */
-    throwInitError() {
-        this.handleError('You need to init the ThoughtSpot SDK module first');
-    }
-    /**
-     * Handles errors within the SDK
-     *
-     * @param error The error message or object
-     */
-    handleError(error) {
-        this.isError = true;
-        this.executeCallbacks(EmbedEvent.Error, {
-            error,
-        });
-        // Log error
-        console.error(error);
-    }
-    /**
-     * Extracts the type field from the event payload
-     *
-     * @param event The window message event
-     */
-    getEventType(event) {
-        var _a, _b;
-        // eslint-disable-next-line no-underscore-dangle
-        return ((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) || ((_b = event.data) === null || _b === void 0 ? void 0 : _b.__type);
-    }
-    /**
-     * Extracts the port field from the event payload
-     *
-     * @param event  The window message event
-     * @returns
-     */
-    getEventPort(event) {
-        if (event.ports.length && event.ports[0]) {
-            return event.ports[0];
-        }
-        return null;
-    }
-    /**
-     * fix for ts7.sep.cl
-     * will be removed for ts7.oct.cl
-     *
-     * @param event
-     * @param eventType
-     * @hidden
-     */
-    formatEventData(event, eventType) {
-        const eventData = {
-            ...event.data,
-            type: eventType,
-        };
-        if (!eventData.data) {
-            eventData.data = event.data.payload;
-        }
-        return eventData;
-    }
-    /**
-     * Adds a global event listener to window for "message" events.
-     * ThoughtSpot detects if a particular event is targeted to this
-     * embed instance through an identifier contained in the payload,
-     * and executes the registered callbacks accordingly.
-     */
-    subscribeToEvents() {
-        this.unsubscribeToEvents();
-        const messageEventListener = (event) => {
-            const eventType = this.getEventType(event);
-            const eventPort = this.getEventPort(event);
-            const eventData = this.formatEventData(event, eventType);
-            if (event.source === this.iFrame.contentWindow) {
-                this.executeCallbacks(eventType, processEventData(eventType, eventData, this.thoughtSpotHost, this.el), eventPort);
-            }
-        };
-        window.addEventListener('message', messageEventListener);
-        const onlineEventListener = (e) => {
-            this.trigger(HostEvent.Reload);
-        };
-        window.addEventListener('online', onlineEventListener);
-        const offlineEventListener = (e) => {
-            const offlineWarning = 'Network not Detected. Embed is offline. Please reconnect and refresh';
-            this.executeCallbacks(EmbedEvent.Error, {
-                offlineWarning,
-            });
-            console.warn(offlineWarning);
-        };
-        window.addEventListener('offline', offlineEventListener);
-        this.subscribedListeners = {
-            message: messageEventListener,
-            online: onlineEventListener,
-            offline: offlineEventListener,
-        };
-    }
-    unsubscribeToEvents() {
-        Object.keys(this.subscribedListeners).forEach((key) => {
-            window.removeEventListener(key, this.subscribedListeners[key]);
-        });
-    }
-    /**
-     * 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]
-            .filter((x) => x.length > 0)
-            .join('/');
-        return `${basePath}#`;
-    }
-    /**
-     * Common query params set for all the embed modes.
-     *
-     * @param queryParams
-     * @returns queryParams
-     */
-    getBaseQueryParams(queryParams = {}) {
-        var _a, _b, _c, _d;
-        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')) {
-            hostAppUrl = 'local-host';
-        }
-        queryParams[Param.HostAppUrl] = encodeURIComponent(hostAppUrl);
-        queryParams[Param.ViewPortHeight] = window.innerHeight;
-        queryParams[Param.ViewPortWidth] = window.innerWidth;
-        queryParams[Param.Version] = version;
-        queryParams[Param.AuthType] = this.embedConfig.authType;
-        queryParams[Param.blockNonEmbedFullAppAccess] = (_b = this.embedConfig.blockNonEmbedFullAppAccess) !== null && _b !== void 0 ? _b : true;
-        if (this.embedConfig.disableLoginRedirect === true || this.embedConfig.autoLogin === true) {
-            queryParams[Param.DisableLoginRedirect] = true;
-        }
-        if (this.embedConfig.authType === AuthType.EmbeddedSSO) {
-            queryParams[Param.ForceSAMLAutoRedirect] = true;
-        }
-        if (this.embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
-            queryParams[Param.cookieless] = true;
-        }
-        if (this.embedConfig.pendoTrackingKey) {
-            queryParams[Param.PendoTrackingKey] = this.embedConfig.pendoTrackingKey;
-        }
-        const { disabledActions, disabledActionReason, hiddenActions, visibleActions, hiddenTabs, visibleTabs, showAlerts, additionalFlags, locale, customizations, contextMenuTrigger, linkOverride, insertInToSlide, hideLiveboardHeader, showLiveboardDescription, showLiveboardTitle, } = this.viewConfig;
-        if (Array.isArray(visibleActions) && Array.isArray(hiddenActions)) {
-            this.handleError('You cannot have both hidden actions and visible actions');
-            return queryParams;
-        }
-        if (Array.isArray(visibleTabs) && Array.isArray(hiddenTabs)) {
-            this.handleError('You cannot have both hidden Tabs and visible Tabs');
-            return queryParams;
-        }
-        // TODO remove embedConfig.customCssUrl
-        const cssUrlParam = ((_c = customizations === null || customizations === void 0 ? void 0 : customizations.style) === null || _c === void 0 ? void 0 : _c.customCSSUrl) || this.embedConfig.customCssUrl;
-        if (cssUrlParam) {
-            queryParams[Param.CustomCSSUrl] = cssUrlParam;
-        }
-        if (disabledActions === null || disabledActions === void 0 ? void 0 : disabledActions.length) {
-            queryParams[Param.DisableActions] = disabledActions;
-        }
-        if (disabledActionReason) {
-            queryParams[Param.DisableActionReason] = disabledActionReason;
-        }
-        queryParams[Param.HideActions] = [...this.defaultHiddenActions, ...(hiddenActions !== null && hiddenActions !== void 0 ? hiddenActions : [])];
-        if (Array.isArray(visibleActions)) {
-            queryParams[Param.VisibleActions] = visibleActions;
-        }
-        if (Array.isArray(hiddenTabs)) {
-            queryParams[Param.HiddenTabs] = hiddenTabs;
-        }
-        if (Array.isArray(visibleTabs)) {
-            queryParams[Param.VisibleTabs] = visibleTabs;
-        }
-        /**
-         * 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;
-        }
-        else if (contextMenuTrigger === ContextMenuTriggerOptions.RIGHT_CLICK) {
-            queryParams[Param.ContextMenuTrigger] = false;
-        }
-        const spriteUrl = (customizations === null || customizations === void 0 ? void 0 : customizations.iconSpriteUrl)
-            || ((_d = this.embedConfig.customizations) === null || _d === void 0 ? void 0 : _d.iconSpriteUrl);
-        if (spriteUrl) {
-            queryParams[Param.IconSpriteUrl] = spriteUrl.replace('https://', '');
-        }
-        if (showAlerts !== undefined) {
-            queryParams[Param.ShowAlerts] = showAlerts;
-        }
-        if (locale !== undefined) {
-            queryParams[Param.Locale] = locale;
-        }
-        if (additionalFlags && additionalFlags.constructor.name === 'Object') {
-            Object.assign(queryParams, additionalFlags);
-        }
-        if (linkOverride) {
-            queryParams[Param.LinkOverride] = linkOverride;
-        }
-        if (insertInToSlide) {
-            queryParams[Param.ShowInsertToSlide] = insertInToSlide;
-        }
-        if (hideLiveboardHeader) {
-            queryParams[Param.HideLiveboardHeader] = hideLiveboardHeader;
-        }
-        if (showLiveboardDescription) {
-            queryParams[Param.ShowLiveboardDescription] = showLiveboardDescription;
-        }
-        if (showLiveboardTitle) {
-            queryParams[Param.ShowLiveboardTitle] = showLiveboardTitle;
-        }
-        return queryParams;
-    }
-    /**
-     * 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}#`;
-        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;
-    }
-    handleInsertionIntoDOM(child, showPreRenderByDefault = false) {
-        if (this.isPreRendered) {
-            this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
-        }
-        else {
-            this.insertIntoDOM(this.embedConfig.loginFailedMessage);
-        }
-    }
-    /**
-     * Renders the embedded ThoughtSpot app in an iframe and sets up
-     * event listeners.
-     *
-     * @param url - The URL of the embedded ThoughtSpot app.
-     * @param showPreRenderByDefault - The flag to show the preRender by default.
-     */
-    async renderIFrame(url, showPreRenderByDefault = false) {
-        if (this.isError) {
-            return null;
-        }
-        if (!this.thoughtSpotHost) {
-            this.throwInitError();
-        }
-        if (url.length > URL_MAX_LENGTH) {
-            // warn: The URL is too long
-        }
-        return renderInQueue((nextInQueue) => {
-            var _a;
-            const initTimestamp = Date.now();
-            this.executeCallbacks(EmbedEvent.Init, {
-                data: {
-                    timestamp: initTimestamp,
-                },
-                type: EmbedEvent.Init,
-            });
-            uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
-            return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
-                if (!isLoggedIn) {
-                    this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
-                    return;
-                }
-                this.iFrame = this.iFrame || this.createIframeEl(url);
-                this.iFrame.addEventListener('load', () => {
-                    nextInQueue();
-                    const loadTimestamp = Date.now();
-                    this.executeCallbacks(EmbedEvent.Load, {
-                        data: {
-                            timestamp: loadTimestamp,
-                        },
-                        type: EmbedEvent.Load,
-                    });
-                    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE, {
-                        elWidth: this.iFrame.clientWidth,
-                        elHeight: this.iFrame.clientHeight,
-                        timeTookToLoad: loadTimestamp - initTimestamp,
-                    });
-                });
-                this.iFrame.addEventListener('error', () => {
-                    nextInQueue();
-                });
-                this.handleInsertionIntoDOM(this.iFrame, showPreRenderByDefault);
-                const prefetchIframe = document.querySelectorAll('.prefetchIframe');
-                if (prefetchIframe.length) {
-                    prefetchIframe.forEach((el) => {
-                        el.remove();
-                    });
-                }
-                this.subscribeToEvents();
-            }).catch((error) => {
-                nextInQueue();
-                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
-                    error: JSON.stringify(error),
-                });
-                this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
-                this.handleError(error);
-            });
-        });
-    }
-    getPreRenderIds() {
-        return {
-            wrapper: `tsEmbed-pre-render-wrapper-${this.viewConfig.preRenderId}`,
-            shield: `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
-            child: `tsEmbed-pre-render-child-${this.viewConfig.preRenderId}`,
-        };
-    }
-    createPreRenderWrapper(child) {
-        if (!this.viewConfig.preRenderId) {
-            throw new Error('PreRender id is required');
-        }
-        const preRenderIds = this.getPreRenderIds();
-        [preRenderIds.wrapper, preRenderIds.shield, preRenderIds.child]
-            .map((id) => document.getElementById(id))
-            .filter((element) => element)
-            .forEach((existingElement) => existingElement.remove());
-        const preRenderWrapper = document.createElement('div');
-        preRenderWrapper.id = preRenderIds.wrapper;
-        setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
-        // const preRenderShield = document.createElement('div');
-        // preRenderShield.id = preRenderIds.shield;
-        // setStyleProperties(preRenderShield, { position: 'absolute', width: '100%', height: '100%' });
-        child.id = preRenderIds.child;
-        preRenderWrapper.appendChild(child);
-        // preRenderWrapper.appendChild(preRenderShield);
-        this.preRenderWrapper = preRenderWrapper;
-        // this.preRenderShield = preRenderShield;
-        this.preRenderChild = child;
-        return preRenderWrapper;
-    }
-    connectPreRendered() {
-        const preRenderIds = this.getPreRenderIds();
-        this.preRenderWrapper = this.preRenderWrapper
-            || document.getElementById(preRenderIds.wrapper);
-        // this.preRenderShield = this.preRenderShield
-        //     || document.getElementById(preRenderIds.shield);
-        this.preRenderChild = this.preRenderChild
-            || document.getElementById(preRenderIds.child);
-        if (this.preRenderWrapper && this.preRenderChild) {
-            this.isPreRendered = true;
-            this.iFrame = this.preRenderChild;
-        }
-        return this.isPreRenderAvailable();
-    }
-    isPreRenderAvailable() {
-        return this.isPreRendered;
-    }
-    insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
-        let childNode;
-        if (typeof child === 'string') {
-            const divChildNode = document.createElement('div');
-            divChildNode.innerHTML = child;
-            childNode = divChildNode;
-        }
-        else {
-            childNode = child;
-        }
-        const preRenderWrapper = this.createPreRenderWrapper(childNode);
-        if (showPreRenderByDefault) {
-            this.showPreRender();
-        }
-        else {
-            this.hidePreRender();
-        }
-        document.body.appendChild(preRenderWrapper);
-    }
-    hidePreRender() {
-        if (!this.isPreRenderAvailable()) {
-            // if the embed component is not preRendered , nothing to hide
-            console.log('No preRender found, not hiding ');
-            return;
-        }
-        setStyleProperties(this.preRenderWrapper, {
-            opacity: '0',
-            pointerEvents: 'none',
-            zIndex: '-1000',
-            position: 'absolute ',
-            top: '0',
-            left: '0',
-        });
-        const childBoundingRect = this.preRenderChild.getBoundingClientRect();
-        setStyleProperties(this.preRenderShield, {
-            opacity: '0',
-            pointerEvents: 'none',
-            zIndex: '1',
-            width: `${childBoundingRect.width}px`,
-            height: `${childBoundingRect.height}px`,
-            position: 'absolute',
-            top: '0',
-            left: '0',
-        });
-        this.unsubscribeToEvents();
-    }
-    showPreRender() {
-        if (!this.isPreRenderAvailable()) {
-            const isAvailable = this.connectPreRendered();
-            if (!isAvailable) {
-                // if the Embed component is nor preRendered , Render it now and
-                // show it (hide is defalt behaviour)
-                console.log('No preRender found, creating new ');
-                this.preRender(true);
-                return;
-            }
-        }
-        this.syncPreRenderStyle();
-        removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
-        setStyleProperties(this.preRenderShield, { zIndex: '-1' });
-        this.subscribeToEvents();
-    }
-    syncPreRenderStyle() {
-        if (!this.el) {
-            throw new Error('Embed element is not defined');
-        }
-        const elBoundingClient = this.el.getBoundingClientRect();
-        setStyleProperties(this.preRenderWrapper, {
-            top: `${elBoundingClient.y}px`, left: `${elBoundingClient.x}px`, width: `${elBoundingClient.width}px`, height: `${elBoundingClient.height}px`,
-        });
-    }
-    insertIntoDOM(child) {
-        var _a;
-        if (this.viewConfig.insertAsSibling) {
-            if (typeof child === 'string') {
-                const div = document.createElement('div');
-                div.innerHTML = child;
-                div.id = TS_EMBED_ID;
-                // eslint-disable-next-line no-param-reassign
-                child = div;
-            }
-            if (((_a = this.el.nextElementSibling) === null || _a === void 0 ? void 0 : _a.id) === TS_EMBED_ID) {
-                this.el.nextElementSibling.remove();
-            }
-            this.el.parentElement.insertBefore(child, this.el.nextSibling);
-            this.insertedDomEl = child;
-        }
-        else if (typeof child === 'string') {
-            this.el.innerHTML = child;
-            this.insertedDomEl = this.el.children[0];
-        }
-        else {
-            this.el.innerHTML = '';
-            this.el.appendChild(child);
-            this.insertedDomEl = child;
-        }
-    }
-    /**
-     * Sets the height of the iframe
-     *
-     * @param height The height in pixels
-     */
-    setIFrameHeight(height) {
-        this.iFrame.style.height = getCssDimension(height);
-    }
-    /**
-     * 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
-     */
-    executeCallbacks(eventType, data, eventPort) {
-        const eventHandlers = this.eventHandlerMap.get(eventType) || [];
-        const allHandlers = this.eventHandlerMap.get(EmbedEvent.ALL) || [];
-        const callbacks = [...eventHandlers, ...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)) {
-                callbackObj.callback(data, (payload) => {
-                    this.triggerEventOnPort(eventPort, payload);
-                });
-            }
-        });
-    }
-    /**
-     * Returns the ThoughtSpot hostname or IP address.
-     */
-    getThoughtSpotHost() {
-        return this.thoughtSpotHost;
-    }
-    /**
-     * 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
-     */
-    getCompatibleEventType(eventType) {
-        return V1EventMap[eventType] || eventType;
-    }
-    /**
-     * 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.
-     */
-    getIframeCenter() {
-        const offsetTopClient = getOffsetTop(this.iFrame);
-        const scrollTopClient = window.scrollY;
-        const viewPortHeight = window.innerHeight;
-        const iframeHeight = this.iFrame.offsetHeight;
-        const iframeScrolled = scrollTopClient - offsetTopClient;
-        let iframeVisibleViewPort;
-        let iframeOffset;
-        if (iframeScrolled < 0) {
-            iframeVisibleViewPort = viewPortHeight - (offsetTopClient - scrollTopClient);
-            iframeVisibleViewPort = Math.min(iframeHeight, iframeVisibleViewPort);
-            iframeOffset = 0;
-        }
-        else {
-            iframeVisibleViewPort = Math.min(iframeHeight - iframeScrolled, viewPortHeight);
-            iframeOffset = iframeScrolled;
-        }
-        const iframeCenter = iframeOffset + iframeVisibleViewPort / 2;
-        return {
-            iframeCenter,
-            iframeScrolled,
-            iframeHeight,
-            viewPortHeight,
-            iframeVisibleViewPort,
-        };
-    }
-    /**
-     * Registers an event listener to trigger an alert when the ThoughtSpot app
-     * sends an event of a particular message type to the host application.
-     *
-     * @param messageType The message type
-     * @param callback A callback as a function
-     * @param options The message options
-     * @param isSelf
-     * @param isRegisteredBySDK
-     * @example
-     * ```js
-     * tsEmbed.on(EmbedEvent.Error, (data) => {
-     *   console.error(data);
-     * });
-     * ```
-     * @example
-     * ```js
-     * tsEmbed.on(EmbedEvent.Save, (data) => {
-     *   console.log("Answer save clicked", data);
-     * }, {
-     *   start: true // This will trigger the callback on start of save
-     * });
-     * ```
-     */
-    on(messageType, callback, options = { start: false }, isRegisteredBySDK = false) {
-        uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`, {
-            isRegisteredBySDK,
-        });
-        if (this.isRendered) {
-            this.handleError('Please register event handlers before calling render');
-        }
-        const callbacks = this.eventHandlerMap.get(messageType) || [];
-        callbacks.push({ options, callback });
-        this.eventHandlerMap.set(messageType, callbacks);
-        return this;
-    }
-    /**
-     * Removes an event listener for a particular event type.
-     *
-     * @param messageType The message type
-     * @param callback The callback to remove
-     * @example
-     * ```js
-     * const errorHandler = (data) => { console.error(data); };
-     * tsEmbed.on(EmbedEvent.Error, errorHandler);
-     * tsEmbed.off(EmbedEvent.Error, errorHandler);
-     * ```
-     */
-    off(messageType, callback) {
-        const callbacks = this.eventHandlerMap.get(messageType) || [];
-        const index = callbacks.findIndex((cb) => cb.callback === callback);
-        if (index > -1) {
-            callbacks.splice(index, 1);
-        }
-        return this;
-    }
-    /**
-     * 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) {
-            try {
-                eventPort.postMessage({
-                    type: payload.type,
-                    data: payload.data,
-                });
-            }
-            catch (e) {
-                eventPort.postMessage({ error: e });
-                console.log(e);
-            }
-        }
-        else {
-            console.log('Event Port is not defined');
-        }
-    }
-    /**
-     * Triggers an event to the embedded app
-     *
-     * @param messageType The event type
-     * @param data The payload to send with the message
-     */
-    trigger(messageType, data = {}) {
-        uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_TRIGGER}-${messageType}`);
-        return processTrigger(this.iFrame, messageType, this.thoughtSpotHost, data);
-    }
-    /**
-     * 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() {
-        this.isRendered = true;
-        return this;
-    }
-    /**
-     * Creates the preRender shell
-     *
-     * @param showPreRenderByDefault
-     */
-    preRender(showPreRenderByDefault = false) {
-        this.isPreRendered = true;
-        return this;
-    }
-    /**
-     * 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() {
-        const urlHash = window.location.hash;
-        const queryParams = window.location.search;
-        const postHashParams = urlHash.split('?');
-        const postURLParams = postHashParams[postHashParams.length - 1];
-        const queryParamsObj = new URLSearchParams(queryParams);
-        const postURLParamsObj = new URLSearchParams(postURLParams);
-        const params = new URLSearchParams();
-        const addKeyValuePairCb = (value, key) => {
-            if (key.startsWith(THOUGHTSPOT_PARAM_PREFIX)) {
-                params.append(key, value);
-            }
-        };
-        queryParamsObj.forEach(addKeyValuePairCb);
-        postURLParamsObj.forEach(addKeyValuePairCb);
-        let tsParams = params.toString();
-        tsParams = tsParams ? `?${tsParams}` : '';
-        return tsParams;
-    }
-    /**
-     * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
-     *
-     * @version SDK: 1.19.1 | ThoughtSpot: *
-     */
-    destroy() {
-        var _a;
-        try {
-            (_a = this.insertedDomEl) === null || _a === void 0 ? void 0 : _a.parentNode.removeChild(this.insertedDomEl);
-            this.unsubscribeToEvents();
-        }
-        catch (e) {
-            console.log('Error destroying TS Embed', e);
-        }
-    }
-    getUnderlyingFrameElement() {
-        return this.iFrame;
-    }
-    /**
-     * Prerenders a generic instance of the TS component.
-     * This means without the path but with the flags already applied.
-     * This is useful for prerendering the component in the background.
-     *
-     * @version SDK: 1.22.0
-     * @returns
-     */
-    async prerenderGeneric() {
-        const prerenderFrameSrc = this.getRootIframeSrc();
-        return this.renderIFrame(prerenderFrameSrc);
-    }
-}
-//# sourceMappingURL=TsEmbed.js.map