@thoughtspot/visual-embed-sdk 1.20.0 → 1.21.0-alpha.0

package/dist/tsembed.js

@@ -17,6 +17,7 @@
      * Refer to the following docs for more details on runtime filter syntax:
      * https://cloud-docs.thoughtspot.com/admin/ts-cloud/apply-runtime-filter.html
      * https://cloud-docs.thoughtspot.com/admin/ts-cloud/runtime-filter-operators.html
+     *
      * @param runtimeFilters
      */
     const getFilterQuery = (runtimeFilters) => {
@@ -36,13 +37,12 @@
     /**
      * Convert a value to a string representation to be sent as a query
      * parameter to the ThoughtSpot app.
+     *
      * @param value Any parameter value
      */
     const serializeParam = (value) => {
         // do not serialize primitive types
-        if (typeof value === 'string' ||
-            typeof value === 'number' ||
-            typeof value === 'boolean') {
+        if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
             return value;
         }
         return JSON.stringify(value);
@@ -51,12 +51,15 @@
      * Convert a value to a string:
      * in case of an array, we convert it to CSV.
      * in case of any other type, we directly return the value.
+     *
      * @param value
      */
-    const paramToString = (value) => Array.isArray(value) ? value.join(',') : value;
+    const paramToString = (value) => (Array.isArray(value) ? value.join(',') : value);
     /**
      * Return a query param string composed from the given params object
+     *
      * @param queryParams
+     * @param shouldSerializeParamValues
      */
     const getQueryParamString = (queryParams, shouldSerializeParamValues = false) => {
         const qp = [];
@@ -78,6 +81,7 @@
     /**
      * Get a string representation of a dimension value in CSS
      * If numeric, it is considered in pixels.
+     *
      * @param value
      */
     const getCssDimension = (value) => {
@@ -88,6 +92,7 @@
     };
     /**
      * Append a string to a URL's hash fragment
+     *
      * @param url A URL
      * @param stringToAppend The string to append to the URL hash
      */
@@ -102,6 +107,12 @@
         }
         return outputUrl;
     };
+    /**
+     *
+     * @param url
+     * @param stringToAppend
+     * @param path
+     */
     function getRedirectUrl(url, stringToAppend, path = '') {
         const targetUrl = path ? new URL(path, window.location.origin).href : url;
         return appendToUrlHash(targetUrl, stringToAppend);
@@ -110,10 +121,7 @@
         if (!queryString) {
             return queryString;
         }
-        return btoa(queryString)
-            .replace(/\+/g, '-')
-            .replace(/\//g, '_')
-            .replace(/=+$/, '');
+        return btoa(queryString).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
     };
     const getOffsetTop = (element) => {
         const rect = element.getBoundingClientRect();
@@ -143,8 +151,8 @@
         var _a, _b, _c, _d;
         const customCssUrlFromEmbedConfig = embedConfig.customCssUrl;
         const customizationsFromViewConfig = viewConfig.customizations;
-        const customizationsFromEmbedConfig = embedConfig.customizations ||
-            embedConfig.customisations;
+        const customizationsFromEmbedConfig = embedConfig.customizations
+            || embedConfig.customisations;
         const customizations = {
             style: {
                 ...customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style,
@@ -153,9 +161,9 @@
                     ...(_a = customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style) === null || _a === void 0 ? void 0 : _a.customCSS,
                     ...(_b = customizationsFromViewConfig === null || customizationsFromViewConfig === void 0 ? void 0 : customizationsFromViewConfig.style) === null || _b === void 0 ? void 0 : _b.customCSS,
                 },
-                customCSSUrl: ((_c = customizationsFromViewConfig === null || customizationsFromViewConfig === void 0 ? void 0 : customizationsFromViewConfig.style) === null || _c === void 0 ? void 0 : _c.customCSSUrl) ||
-                    ((_d = customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style) === null || _d === void 0 ? void 0 : _d.customCSSUrl) ||
-                    customCssUrlFromEmbedConfig,
+                customCSSUrl: ((_c = customizationsFromViewConfig === null || customizationsFromViewConfig === void 0 ? void 0 : customizationsFromViewConfig.style) === null || _c === void 0 ? void 0 : _c.customCSSUrl)
+                    || ((_d = customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style) === null || _d === void 0 ? void 0 : _d.customCSSUrl)
+                    || customCssUrlFromEmbedConfig,
             },
             content: {
                 ...customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.content,
@@ -167,12 +175,11 @@
     /**
      * Gets a reference to the DOM node given
      * a selector.
+     *
      * @param domSelector
      */
     function getDOMNode(domSelector) {
-        return typeof domSelector === 'string'
-            ? document.querySelector(domSelector)
-            : domSelector;
+        return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
     }
 
     /**
@@ -185,23 +192,28 @@
      */
     (function (AuthType) {
         /**
-         * No authentication on the SDK. Passthrough to the embedded App. Alias for `Passthrough`.
+         * No authentication on the SDK. Passthrough to the embedded App. Alias for
+         * `Passthrough`.
          */
         AuthType["None"] = "None";
         /**
-         * Passthrough SSO to the embedded App within the iframe. Requires least configuration, but may not
-         * be supported by all IDPs. This will behave like `None` if SSO is not configured on ThoughtSpot.
+         * Passthrough SSO to the embedded App within the iframe. Requires least
+         * configuration, but may not be supported by all IDPs. This will behave like `None`
+         * if SSO is not configured on ThoughtSpot.
+         *
          * @version: SDK: 1.15.0 | ThouhgtSpot: 8.8.0.cl
          */
         AuthType["EmbeddedSSO"] = "EmbeddedSSO";
         /**
          * SSO using SAML
+         *
          * @deprecated Use {@link SAMLRedirect} instead
          * @hidden
          */
         AuthType["SSO"] = "SSO_SAML";
         /**
          * SSO using SAML
+         *
          * @deprecated Use {@link SAMLRedirect} instead
          * @hidden
          */
@@ -209,10 +221,21 @@
         /**
          * SSO using SAML
          * Will make the host application redirect to the SAML Idp.
+         *
+         * @example
+         * ```js
+         * init({
+         *   // ...
+         *   authType: AuthType.SAMLRedirect,
+         *   authTriggerText: 'Login with SAML',
+         *   authTriggerContainer: '#embed-container',
+         *  });
+         * ```
          */
         AuthType["SAMLRedirect"] = "SSO_SAML";
         /**
          * SSO using OIDC
+         *
          * @hidden
          * @deprecated Use {@link OIDCRedirect} instead
          */
@@ -224,21 +247,35 @@
         AuthType["OIDCRedirect"] = "SSO_OIDC";
         /**
          * Trusted authentication server
+         *
          * @hidden
          * @deprecated Use {@link TrustedAuth} instead
          */
         AuthType["AuthServer"] = "AuthServer";
         /**
          * Trusted authentication server, Use your own authentication server
-         * which returns a bearer token, generated using the secret_key obtained from
-         * ThoughtSpot.
+         * which returns a bearer token, generated using the secret_key obtained
+         * from ThoughtSpot.
+         *
+         * @example
+         * ```js
+         * init({
+         *  // ...
+         *  authType: AuthType.TrustedAuthToken,
+         *  getAuthToken: () => {
+         *    return fetch('https://my-backend.app/ts-token')
+         *      .then((response) => response.json())
+         *      .then((data) => data.token);
+         *  }
+         * ```
          */
         AuthType["TrustedAuthToken"] = "AuthServer";
         /**
-         * Trusted authentication server Cookieless, Use you own authentication server
-         * which returns a bearer token, generated using the secret_key obtained from
-         * ThoughtSpot. This uses a cookieless authentication approach, recommended
-         * to by pass third-party cookie-blocking restriction implemented by some browsers
+         * Trusted authentication server Cookieless, Use you own authentication
+         * server which returns a bearer token, generated using the secret_key
+         * obtained from ThoughtSpot. This uses a cookieless authentication
+         * approach, recommended to by pass third-party cookie-blocking restriction
+         * implemented by some browsers
          */
         AuthType["TrustedAuthTokenCookieless"] = "AuthServerCookieless";
         /**
@@ -310,26 +347,31 @@
     (function (EmbedEvent) {
         /**
          * Rendering has initialized.
-         * @return timestamp - The timestamp when the event was generated.
+         *
+         * @returns timestamp - The timestamp when the event was generated.
          */
         EmbedEvent["Init"] = "init";
         /**
          * Authentication has either succeeded or failed.
-         * @return isLoggedIn - A Boolean specifying whether authentication was successful.
+         *
+         * @returns isLoggedIn - A Boolean specifying whether authentication was successful.
          */
         EmbedEvent["AuthInit"] = "authInit";
         /**
          * The embed object container has loaded.
-         * @return timestamp - The timestamp when the event was generated.
+         *
+         * @returns timestamp - The timestamp when the event was generated.
          */
         EmbedEvent["Load"] = "load";
         /**
          * Data pertaining to answer or Liveboard is received
-         * @return data - The answer or Liveboard data
+         *
+         * @returns data - The answer or Liveboard data
          */
         EmbedEvent["Data"] = "data";
         /**
          * Search/answer/Liveboard filters have been applied/updated
+         *
          * @hidden
          */
         EmbedEvent["FiltersChanged"] = "filtersChanged";
@@ -339,48 +381,56 @@
         EmbedEvent["QueryChanged"] = "queryChanged";
         /**
          * A drill down operation has been performed.
-         * @return additionalFilters - Any additional filters applied
-         * @return drillDownColumns - The columns on which drill down was performed
-         * @return nonFilteredColumns - The columns that were not filtered
+         *
+         * @returns additionalFilters - Any additional filters applied
+         * @returns drillDownColumns - The columns on which drill down was performed
+         * @returns nonFilteredColumns - The columns that were not filtered
          */
         EmbedEvent["Drilldown"] = "drillDown";
         /**
          * One or more data sources have been selected.
-         * @return dataSourceIds - the list of data sources
+         *
+         * @returns dataSourceIds - the list of data sources
          */
         EmbedEvent["DataSourceSelected"] = "dataSourceSelected";
         /**
          * One or more data columns have been selected.
-         * @return columnIds - the list of columns
+         *
+         * @returns columnIds - the list of columns
          * @version SDK: 1.10.0 | ThoughtSpot: 8.2.0.cl, 8.4.1-sw
          */
         EmbedEvent["AddRemoveColumns"] = "addRemoveColumns";
         /**
          * A custom action has been triggered
-         * @return actionId - The id of the custom action
-         * @return data - The answer or Liveboard data
+         *
+         * @returns actionId - The id of the custom action
+         * @returns data - The answer or Liveboard data
          */
         EmbedEvent["CustomAction"] = "customAction";
         /**
          * A double click has been triggered on table/chart
-         * @return ContextMenuInputPoints - data point that is double clicked
+         *
+         * @returns ContextMenuInputPoints - data point that is double clicked
          * @version SDK: 1.5.0 | ThoughtSpot: ts7.oct.cl, 7.2.1
          */
         EmbedEvent["VizPointDoubleClick"] = "vizPointDoubleClick";
         /**
          * A click has been triggered on table/chart
-         * @return ContextMenuInputPoints - data point that is clicked
+         *
+         * @returns ContextMenuInputPoints - data point that is clicked
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["VizPointClick"] = "vizPointClick";
         /**
          * An error has occurred.
-         * @return error - An error object or message
+         *
+         * @returns error - An error object or message
          */
         EmbedEvent["Error"] = "Error";
         /**
          * The embedded object has sent an alert
-         * @return alert - An alert object
+         *
+         * @returns alert - An alert object
          */
         EmbedEvent["Alert"] = "alert";
         /**
@@ -389,29 +439,34 @@
         EmbedEvent["AuthExpire"] = "ThoughtspotAuthExpired";
         /**
          * ThoughtSpot failed to validate the auth session.
+         *
          * @hidden
          */
         EmbedEvent["AuthFailure"] = "ThoughtspotAuthFailure";
         /**
          * ThoughtSpot failed to validate the auth session.
+         *
          * @hidden
          */
         EmbedEvent["AuthLogout"] = "ThoughtspotAuthLogout";
         /**
          * The height of the embedded Liveboard or visualization has been computed.
-         * @return data - The height of the embedded Liveboard or visualization
+         *
+         * @returns data - The height of the embedded Liveboard or visualization
          * @hidden
          */
         EmbedEvent["EmbedHeight"] = "EMBED_HEIGHT";
         /**
          * The center of visible iframe viewport is calculated.
-         * @return data - The center of the visible Iframe viewport.
+         *
+         * @returns data - The center of the visible Iframe viewport.
          * @hidden
          */
         EmbedEvent["EmbedIframeCenter"] = "EmbedIframeCenter";
         /**
          * Emitted when  the "Get Data" button in Search Bar embed
          * is clicked.
+         *
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.0-sw
          */
         EmbedEvent["GetDataClick"] = "getDataClick";
@@ -421,6 +476,7 @@
         EmbedEvent["RouteChange"] = "ROUTE_CHANGE";
         /**
          * The v1 event type for Data
+         *
          * @hidden
          */
         EmbedEvent["V1Data"] = "exportVizDataToParent";
@@ -433,17 +489,20 @@
         EmbedEvent["NoCookieAccess"] = "noCookieAccess";
         /**
          * Emitted when SAML is complete
+         *
          * @private
          * @hidden
          */
         EmbedEvent["SAMLComplete"] = "samlComplete";
         /**
          * Emitted when any modal is opened in the app
+         *
          * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
          */
         EmbedEvent["DialogOpen"] = "dialog-open";
         /**
          * Emitted when any modal is closed in the app
+         *
          * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
          */
         EmbedEvent["DialogClose"] = "dialog-close";
@@ -451,407 +510,559 @@
          * Emitted when the Liveboard shell loads.
          * You can use this event as a hook to trigger
          * other events on the rendered Liveboard.
+         *
          * @version SDK: 1.9.1 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
          */
         EmbedEvent["LiveboardRendered"] = "PinboardRendered";
         /**
          * This can be used to register an event listener which
          * is triggered on all events.
+         *
          * @Version SDK: 1.10.0 | ThoughtSpot: 8.2.0.cl, 8.4.1-sw
          */
         EmbedEvent["ALL"] = "*";
         /**
          * Emitted when answer is saved in the app
+         *
          * @Version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["Save"] = "save";
         /**
          * Emitted when the download action is triggered on an answer
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["Download"] = "download";
         /**
          * Emitted when the Download as PDF action is triggered on an answer
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["DownloadAsPdf"] = "downloadAsPdf";
         /**
          * Emitted when the Download as CSV action is triggered on an answer
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["DownloadAsCsv"] = "downloadAsCsv";
         /**
          * Emitted when the Download as XLSX action is triggered on an answer
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["DownloadAsXlsx"] = "downloadAsXlsx";
         /**
          * Emitted when an answer is deleted in the app
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["AnswerDelete"] = "answerDelete";
         /**
          * Emitted when an answer is pinned to a Liveboard
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["Pin"] = "pin";
         /**
          * Emitted when SpotIQ analysis is triggered
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["SpotIQAnalyze"] = "spotIQAnalyze";
         /**
          * Emitted when a user shares an object with another user or group
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["Share"] = "share";
         /**
-         * Emitted when a user clicks the Include action to include a specific value or data on a chart or table
+         * Emitted when a user clicks the Include action to include a specific value or data
+         * on a chart or table
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["DrillInclude"] = "context-menu-item-include";
         /**
-         * Emitted when a user clicks the Exclude action to exclude a specific value or data on a chart or table
+         * Emitted when a user clicks the Exclude action to exclude a specific value or data
+         * on a chart or table
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["DrillExclude"] = "context-menu-item-exclude";
         /**
          * Emitted when copied column value on the app
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["CopyToClipboard"] = "context-menu-item-copy-to-clipboard";
         /**
          * Emitted when a user clicks the Update TML action
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["UpdateTML"] = "updateTSL";
         /**
          * Emitted when a user clicks the Edit TML action
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["EditTML"] = "editTSL";
         /**
          * Emitted when ExportTML trigger in answer on the app
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["ExportTML"] = "exportTSL";
         /**
          * Emitted when an answer is saved as a view
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["SaveAsView"] = "saveAsView";
         /**
          * Emitted when copy of existing answer on the app
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["CopyAEdit"] = "copyAEdit";
         /**
          * Emitted when a user clicks Show underlying data on an answe
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["ShowUnderlyingData"] = "showUnderlyingData";
         /**
          * Emitted when an answer is switched to a chart or table view
+         *
          * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
          */
         EmbedEvent["AnswerChartSwitcher"] = "answerChartSwitcher";
         /**
          * Internal event to communicate the initial settings back to the TS APP
+         *
          * @hidden
          */
         EmbedEvent["APP_INIT"] = "appInit";
         /**
          * Emitted when a user clicks Show Liveboard details on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["LiveboardInfo"] = "pinboardInfo";
         /**
          * Emitted when a user clicks on the Favorite icon on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["AddToFavorites"] = "addToFavorites";
         /**
          * Emitted when a user clicks Schedule on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["Schedule"] = "subscription";
         /**
          * Emitted when a user clicks Edit on a Liveboard or visualization
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["Edit"] = "edit";
         /**
          * Emitted when a user clicks Make a copy on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["MakeACopy"] = "makeACopy";
         /**
          * Emitted when a user clicks Present on a Liveboard or visualization
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["Present"] = "present";
         /**
          * Emitted when a user clicks Delete on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["Delete"] = "delete";
         /**
          * Emitted when a user clicks Manage schedules on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["SchedulesList"] = "schedule-list";
         /**
          * Emitted when a user clicks Cancel in edit mode on a Liveboard
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["Cancel"] = "cancel";
         /**
          * Emitted when a user clicks Explore on a visualization
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["Explore"] = "explore";
         /**
          * Emitted when a user clicks Copy link action on a visualization
+         *
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         EmbedEvent["CopyLink"] = "embedDocument";
         /**
          * Emitted when a user interacts with cross filters on a visualization or liveboard
+         *
          * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
          */
         EmbedEvent["CrossFilterChanged"] = "cross-filter-changed";
         /**
          * Emitted when a user right clicks on chart or table
+         *
          * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
          */
         EmbedEvent["VizPointRightClick"] = "vizPointRightClick";
+        /**
+         * Emitted when a user clicks on Insert to slide on a visualization
+         *
+         * @hidden
+         */
+        EmbedEvent["InsertIntoSlide"] = "insertInToSlide";
     })(exports.EmbedEvent || (exports.EmbedEvent = {}));
     (function (HostEvent) {
         /**
          * Trigger a search
+         *
          * @param - dataSourceIds - The data source GUID to Search on
          *                        - Although an array, only a single source
          *                          is supported at this time.
          * @param - searchQuery - The search query
          * @param - execute - execute the existing / updated query
          * @example
+         * ```js
          * searchEmbed.trigger(HostEvent.Search, {
-         * searchQuery: "[sales] by [item type],
-         * "dataSourceIds: ["cd252e5c-b552-49a8-821d-3eadaa049cca"]
-         * "execute": true
+         *   searchQuery: "[sales] by [item type],
+         *   dataSourceIds: ["cd252e5c-b552-49a8-821d-3eadaa049cca"]
+         *   execute: true
          * })
+         * ```
          */
         HostEvent["Search"] = "search";
         /**
          * Trigger a drill on certain points by certain column
+         *
          * @param - points - an object containing selectedPoints/clickedPoints
          *              eg. { selectedPoints: []}
          * @param - columnGuid - a string guid of the column to drill by. This is optional,
-         *                     if not provided it will auto drill by the configured column.
-         * @example searchEmbed.trigger(HostEvent.DrillDown, {
-         * points: clickedPointData,
-         * autoDrillDown: true,
+         *                     if not provided it will auto drill by the configured
+         *                     column.
+         * @example
+         * ```js
+         * searchEmbed.trigger(HostEvent.DrillDown, {
+         *   points: clickedPointData,
+         *   autoDrillDown: true,
          * })
+         * ```
          * @version SDK: 1.5.0 | ThoughtSpot: ts7.oct.cl, 7.2.1
          */
         HostEvent["DrillDown"] = "triggerDrillDown";
         /**
          * Apply filters
+         *
          * @hidden
          */
         HostEvent["Filter"] = "filter";
         /**
          * Reload the answer or visualization
+         *
          * @hidden
          */
         HostEvent["Reload"] = "reload";
         /**
          * Set the visible visualizations on a Liveboard.
+         *
          * @param - an array of ids of visualizations to show, the ids not passed
          *          will be hidden.
          * @example
-         * liveboardEmbed.trigger(HostEvent.SetVisibleVizs, ['730496d6-6903-4601-937e-2c691821af3c', 'd547ec54-2a37-4516-a222-2b06719af726'])
+         * liveboardEmbed.trigger(HostEvent.SetVisibleVizs, [
+         *  '730496d6-6903-4601-937e-2c691821af3c',
+         *  'd547ec54-2a37-4516-a222-2b06719af726'])
          * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
          */
         HostEvent["SetVisibleVizs"] = "SetPinboardVisibleVizs";
         /**
          * Update the runtime filters. The runtime filters passed here are extended
          * on to the existing runtime filters if they exist.
+         *
          * @param - {@link RuntimeFilter}[] an array of {@link RuntimeFilter} Types.
          * @example
          * liveboardEmbed.trigger(HostEvent.UpdateRuntimeFilters, [
          * {columnName: "state",operator: RuntimeFilterOp.EQ,values: ["michigan"]},
-         * {columnName: "item type",operator: RuntimeFilterOp.EQ,values: ["Jackets"]}
-         * ])
+         * {columnName: "item type",operator: RuntimeFilterOp.EQ,values:
+         * ["Jackets"]} ])
          * @version SDK: 1.9.0 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
          */
         HostEvent["UpdateRuntimeFilters"] = "UpdateRuntimeFilters";
         /**
          * Navigate to a specific page in App embed without any reload.
          * This is the same as calling `appEmbed.navigateToPage(path, true)`
+         *
          * @param - path - the path to navigate to (can be a number[1/-1] to go forward/back)
-         * @example appEmbed.navigateToPage(-1)
+         * @example
+         * ```js
+         * appEmbed.navigateToPage(-1)
+         * ```
          * @version SDK: 1.12.0 | ThoughtSpot 8.4.0.cl, 8.4.1-sw
          */
         HostEvent["Navigate"] = "Navigate";
         /**
          * Opens the filter panel for a particular column.
          * Works with Search embed.
-         * @param - { columnId: string, name: string, type: INT64/CHAR/DATE, dataType: ATTRIBUTE/MEASURE }
-         * @example searchEmbed.trigger(HostEvent.OpenFilter, { columnId: '123', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE' })
+         *
+         * @param - { columnId: string,
+         *  name: string,
+         *  type: INT64/CHAR/DATE,
+         *  dataType: ATTRIBUTE/MEASURE }
+         * @example
+         * ```js
+         * searchEmbed.trigger(HostEvent.OpenFilter,
+         *  { columnId: '123', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE' })
+         * ```
          * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
          */
         HostEvent["OpenFilter"] = "openFilter";
         /**
          * Adds the columns to the current Search.
+         *
          * @param - { columnIds: string[] }
-         * @example searchEmbed.trigger(HostEvent.AddColumns, { columnIds: ['123', '456'] })
+         * @example
+         * ```js
+         * searchEmbed.trigger(HostEvent.AddColumns, { columnIds: ['123', '456'] })
+         * ```
          * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
          */
         HostEvent["AddColumns"] = "addColumns";
         /**
          * Removes a column from the current Search.
+         *
          * @param - { columnId: string }
-         * @example - searchEmbed.trigger(HostEvent.RemoveColumn, { columnId: '123' })
+         * @example
+         * ```js
+         * searchEmbed.trigger(HostEvent.RemoveColumn, { columnId: '123' })
+         * ```
          * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
          */
         HostEvent["RemoveColumn"] = "removeColumn";
         /**
          * Gets the current pinboard content.
-         * @example liveboardEmbed.trigger(HostEvent.getExportRequestForCurrentPinboard)
+         *
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.getExportRequestForCurrentPinboard)
+         * ```
          * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1-sw
          */
         HostEvent["getExportRequestForCurrentPinboard"] = "getExportRequestForCurrentPinboard";
         /**
          * Triggers the Pin action on an embedded object
+         *
          * @param - incase of Liveboard embed, takes in an object with vizId as a key
          * can be left empty for search and visualization embeds
          * @example
+         * ```js
          * liveboardEmbed.trigger(HostEvent.Pin, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.Pin)
          * searchEmbed.trigger(HostEvent.Pin)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["Pin"] = "pin";
         /**
          * Triggers the Show Liveboard details action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.LiveboardInfo)
+         *
+         * @example
+         * ```js
+         *  liveboardEmbed.trigger(HostEvent.LiveboardInfo)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["LiveboardInfo"] = "pinboardInfo";
         /**
          * Triggers the Schedule action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.Schedule)
+         *
+         * @example
+         * ```js
+         *  liveboardEmbed.trigger(HostEvent.Schedule)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["Schedule"] = "subscription";
         /**
          * Triggers the Manage schedule action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.ScheduleList)
+         *
+         * @example
+         * ```js
+         *  liveboardEmbed.trigger(HostEvent.ScheduleList)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["SchedulesList"] = "schedule-list";
         /**
          * Triggers the Export TML action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.ExportTML)
+         *
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.ExportTML)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["ExportTML"] = "exportTSL";
         /**
          * Triggers the Edit TML action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.EditTML)
+         *
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.EditTML)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["EditTML"] = "editTSL";
         /**
          * Triggers the Update TML action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.UpdateTML)
+         *
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.UpdateTML)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["UpdateTML"] = "updateTSL";
         /**
          * Triggers the Download PDF action on a Liveboard
-         * @example liveboardEmbed.trigger(HostEvent.DownloadAsPDF)
+         *
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.DownloadAsPDF)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["DownloadAsPdf"] = "downloadAsPdf";
         /**
          * Triggers the Make a copy action on a Liveboard, search or visualization
+         *
          * @example
+         * ```js
          * liveboardEmbed.trigger(HostEvent.MakeACopy, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.MakeACopy)
          * searchEmbed.trigger(HostEvent.MakeACopy)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["MakeACopy"] = "makeACopy";
         /**
          * Triggers the Delete action on a Liveboard
-         * @example appEmbed.trigger(HostEvent.Remove)
+         *
+         * @example
+         * ```js
+         * appEmbed.trigger(HostEvent.Remove)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["Remove"] = "delete";
         /**
          * Triggers the Explore action on a visualization
+         *
          * @param - an object with vizId as a key
-         * @example liveboardEmbed.trigger(HostEvent.Explore, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.Explore, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["Explore"] = "explore";
         /**
          * Triggers the Create alert action on a visualization
+         *
          * @param - an object with vizId as a key
-         * @example liveboardEmbed.trigger(HostEvent.CreateMonitor {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.CreateMonitor {
+         *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+         * })
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["CreateMonitor"] = "createMonitor";
         /**
          * Triggers the Manage alert action on a visualization
+         *
          * @param - an object with vizId as a key
-         * @example liveboardEmbed.trigger(HostEvent.ManageMonitor, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * @example
+         * ```js
+         * liveboardEmbed.trigger(HostEvent.ManageMonitor, {
+         *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+         * })
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["ManageMonitor"] = "manageMonitor";
         /**
          * Triggers the Edit action on a Liveboard or visualization
-         * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+         *
+         * @param - object - to trigger the action for a specfic visualization
+         *   in Liveboard embed, pass in vizId as a key
          * @example
          * liveboardEmbed.trigger(HostEvent.Edit)
-         * liveboardEmbed.trigger(HostEvent.Edit, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.Edit, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger((HostEvent.Edit)
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["Edit"] = "edit";
         /**
          * Triggers the Copy link action on a Liveboard or visualization
-         * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+         *
+         * @param - object - to trigger the action for a s
+         *  pecfic visualization in Liveboard embed, pass in vizId as a key
          * @example
+         * ```js
          * liveboardEmbed.trigger(HostEvent.CopyLink)
          * liveboardEmbed.trigger(HostEvent.CopyLink, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger((HostEvent.CopyLink)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["CopyLink"] = "embedDocument";
         /**
          * Triggers the Present action on a Liveboard or visualization
-         * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+         *
+         * @param - object - to trigger the action for a specfic visualization
+         *  in Liveboard embed, pass in vizId as a key
          * @example
+         * ```js
          * liveboardEmbed.trigger(HostEvent.Present)
          * liveboardEmbed.trigger(HostEvent.Present, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger((HostEvent.Present)
+         * ```
          * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
          */
         HostEvent["Present"] = "present";
         /**
          * Get TML for the current search.
-         * @example searchEmbed.trigger(HostEvent.GetTML)
-         * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1-sw
+         *
+         * @example
+         * ```js
+         * searchEmbed.trigger(HostEvent.GetTML)
+         * ```
+         * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl
          */
         HostEvent["GetTML"] = "getTML";
         /**
          * Triggers the ShowUnderlyingData action on visualization or search
+         *
          * @param - an object with vizId as a key
          * @example
-         * liveboardEmbed.trigger(HostEvent.ShowUnderlyingData, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.ShowUnderlyingData, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.ShowUnderlyingData)
          * searchEmbed.trigger(HostEvent.ShowUnderlyingData)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -859,10 +1070,12 @@
         HostEvent["ShowUnderlyingData"] = "showUnderlyingData";
         /**
          * Triggers the Delete action on visualization or search
+         *
          * @param - incase of Liveboard embed, takes in an object with vizId as a key
          * can be left empty for search and visualization embeds
          * @example
-         * liveboardEmbed.trigger(HostEvent.Delete, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.Delete, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.Delete)
          * searchEmbed.trigger(HostEvent.Delete)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -870,10 +1083,12 @@
         HostEvent["Delete"] = "delete";
         /**
          * Triggers the SpotIQAnalyze action on visualization or search
+         *
          * @param - incase of Liveboard embed, takes in an object with vizId as a key
          * can be left empty for search and visualization embeds
          * @example
-         * liveboardEmbed.trigger(HostEvent.SpotIQAnalyze, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.SpotIQAnalyze, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.SpotIQAnalyze)
          * searchEmbed.trigger(HostEvent.SpotIQAnalyze)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -881,26 +1096,34 @@
         HostEvent["SpotIQAnalyze"] = "spotIQAnalyze";
         /**
          * Triggers the Download action on visualization or search when Displaymode is Chart
+         *
          * @example
-         * liveboardEmbed.trigger(HostEvent.Download, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.Download, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.Download)
          * searchEmbed.trigger(HostEvent.Download)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
          */
         HostEvent["Download"] = "download";
         /**
-         * Triggers the downloadAsCSV action on visualization or search when Displaymode is Table
+         * Triggers the downloadAsCSV action on visualization or search when Displaymode is
+         * Table
+         *
          * @example
-         * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.DownloadAsCsv)
          * searchEmbed.trigger(HostEvent.DownloadAsCsv)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
          */
         HostEvent["DownloadAsCsv"] = "downloadAsCSV";
         /**
-         * Triggers the downloadAsXLSX action on visualization or search when Displaymode is Table
+         * Triggers the downloadAsXLSX action on visualization or search when Displaymode is
+         * Table
+         *
          * @example
-         * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.DownloadAsXlsx)
          * searchEmbed.trigger(HostEvent.DownloadAsXlsx)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -908,6 +1131,7 @@
         HostEvent["DownloadAsXlsx"] = "downloadAsXLSX";
         /**
          * Triggers the Share action on a liveboard or answer
+         *
          * @example
          * liveboardEmbed.trigger(HostEvent.Share)
          * searchEmbed.trigger(HostEvent.Share)
@@ -916,6 +1140,7 @@
         HostEvent["Share"] = "share";
         /**
          * Trigger the Save action on a liveboard or answer
+         *
          * @example
          * liveboardEmbed.trigger(HostEvent.Save)
          * searchEmbed.trigger(HostEvent.Save)
@@ -924,33 +1149,40 @@
         HostEvent["Save"] = "save";
         /**
          * Triggers the SyncToSheets action on visualization
+         *
          * @param - an object with vizId as a key
          * @example
-         * liveboardEmbed.trigger(HostEvent.SyncToSheets, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.SyncToSheets, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.SyncToSheets)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
          */
         HostEvent["SyncToSheets"] = "sync-to-sheets";
         /**
          * Triggers the SyncToOtherApps action on visualization
+         *
          * @param - an object with vizId as a key
          * @example
-         * liveboardEmbed.trigger(HostEvent.SyncToOtherApps, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.SyncToOtherApps, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.SyncToOtherApps)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
          */
         HostEvent["SyncToOtherApps"] = "sync-to-other-apps";
         /**
          * Triggers the ManagePipelines action on visualization
+         *
          * @param - an object with vizId as a key
          * @example
-         * liveboardEmbed.trigger(HostEvent.ManagePipelines, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+         * liveboardEmbed.trigger(HostEvent.ManagePipelines, {vizId:
+         * '730496d6-6903-4601-937e-2c691821af3c'})
          * vizEmbed.trigger(HostEvent.ManagePipelines)
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
          */
         HostEvent["ManagePipelines"] = "manage-pipeline";
         /**
          * Triggers the Reset search in answer
+         *
          * @example
          * searchEmbed.trigger(HostEvent.SearchReset
          * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.0.1-sw
@@ -978,6 +1210,7 @@
     // eslint-disable-next-line no-shadow
     var Param;
     (function (Param) {
+        Param["EmbedApp"] = "embedApp";
         Param["DataSources"] = "dataSources";
         Param["DataSourceMode"] = "dataSourceMode";
         Param["DisableActions"] = "disableAction";
@@ -1018,6 +1251,8 @@
         Param["ContextMenuTrigger"] = "isContextMenuEnabledOnLeftClick";
         Param["LinkOverride"] = "linkOverride";
         Param["ShowInsertToSlide"] = "insertInToSlide";
+        Param["PrimaryNavHidden"] = "primaryNavHidden";
+        Param["HideProfleAndHelp"] = "profileAndHelpInNavBarHidden";
     })(Param || (Param = {}));
     (function (Action) {
         Action["Save"] = "save";
@@ -1265,6 +1500,7 @@
     /**
      * Parse and construct the ThoughtSpot hostname or IP address
      * from the embed configuration object.
+     *
      * @param config
      */
     const getThoughtSpotHost = (config) => {
@@ -1288,9 +1524,10 @@
             return config.basepath;
         }
         const tsHost = getThoughtSpotHost(config);
-        // This is to handle when e2e's. Search is run on pods for comp-blink-test-pipeline
-        // with baseUrl=https://localhost:8443.
-        // This is to handle when the developer is developing in their local environment.
+        // This is to handle when e2e's. Search is run on pods for
+        // comp-blink-test-pipeline with baseUrl=https://localhost:8443.
+        // This is to handle when the developer is developing in their local
+        // environment.
         if (tsHost.includes('://localhost') && !tsHost.includes(':8443')) {
             return '';
         }
@@ -7300,6 +7537,7 @@
     let eventQueue = [];
     /**
      * Pushes the event with its Property key-value map to mixpanel.
+     *
      * @param eventId
      * @param eventProps
      */
@@ -7310,6 +7548,9 @@
         }
         mixpanel_cjs.track(eventId, eventProps);
     }
+    /**
+     *
+     */
     function emptyQueue() {
         if (!isMixpanelInitialized) {
             return;
@@ -7319,11 +7560,16 @@
         });
         eventQueue = [];
     }
+    /**
+     *
+     * @param sessionInfo
+     */
     function initMixpanel(sessionInfo) {
         if (!sessionInfo || !sessionInfo.mixpanelToken) {
             return;
         }
-        // On a public cluster the user is anonymous, so don't set the identify to userGUID
+        // On a public cluster the user is anonymous, so don't set the identify to
+        // userGUID
         const isPublicCluster = !!sessionInfo.isPublicUser;
         const token = sessionInfo.mixpanelToken;
         if (token) {
@@ -8802,6 +9048,11 @@
     var uniq_1 = uniq;
 
     // eslint-disable-next-line import/no-cycle
+    /**
+     *
+     * @param url
+     * @param options
+     */
     function failureLoggedFetch(url, options = {}) {
         return fetch(url, options).then(async (r) => {
             var _a;
@@ -8811,21 +9062,42 @@
             return r;
         });
     }
+    /**
+     *
+     * @param authVerificationUrl
+     */
     function fetchSessionInfoService(authVerificationUrl) {
         return failureLoggedFetch(authVerificationUrl, {
             credentials: 'include',
         });
     }
+    /**
+     *
+     * @param authEndpoint
+     */
     async function fetchAuthTokenService(authEndpoint) {
         return fetch(authEndpoint);
     }
+    /**
+     *
+     * @param thoughtSpotHost
+     * @param username
+     * @param authToken
+     */
     async function fetchAuthService(thoughtSpotHost, username, authToken) {
         return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}?username=${username}&auth_token=${authToken}`, {
             credentials: 'include',
-            // We do not want to follow the redirect, as it starts giving a CORS error
+            // We do not want to follow the redirect, as it starts giving a CORS
+            // error
             redirect: 'manual',
         });
     }
+    /**
+     *
+     * @param thoughtSpotHost
+     * @param username
+     * @param authToken
+     */
     async function fetchAuthPostService(thoughtSpotHost, username, authToken) {
         return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}`, {
             method: 'POST',
@@ -8835,10 +9107,17 @@
             },
             body: `username=${encodeURIComponent(username)}&auth_token=${encodeURIComponent(authToken)}`,
             credentials: 'include',
-            // We do not want to follow the redirect, as it starts giving a CORS error
+            // We do not want to follow the redirect, as it starts giving a CORS
+            // error
             redirect: 'manual',
         });
     }
+    /**
+     *
+     * @param thoughtSpotHost
+     * @param username
+     * @param password
+     */
     async function fetchBasicAuthService(thoughtSpotHost, username, password) {
         return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.BASIC_LOGIN}`, {
             method: 'POST',
@@ -8850,6 +9129,10 @@
             credentials: 'include',
         });
     }
+    /**
+     *
+     * @param thoughtSpotHost
+     */
     async function fetchLogoutService(thoughtSpotHost) {
         return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.LOGOUT}`, {
             credentials: 'include',
@@ -8908,20 +9191,29 @@
          * Emitted when inPopup: true in the SAMLRedirect flow.
          * And, we are waiting for popup to be triggered either programatically
          * or by the trigger button.
+         *
          * @version SDK: 1.19.0
          */
         AuthStatus["WAITING_FOR_POPUP"] = "WAITING_FOR_POPUP";
     })(exports.AuthStatus || (exports.AuthStatus = {}));
     (function (AuthEvent) {
         /**
-         * Manually trigger the SSO popup.
+         * Manually trigger the SSO popup. This is useful with
+         * authStatus: SAMLRedirect/OIDCRedicre and inPopup: true
          */
         AuthEvent["TRIGGER_SSO_POPUP"] = "TRIGGER_SSO_POPUP";
     })(exports.AuthEvent || (exports.AuthEvent = {}));
     let authEE;
+    /**
+     *
+     * @param eventEmitter
+     */
     function setAuthEE(eventEmitter) {
         authEE = eventEmitter;
     }
+    /**
+     *
+     */
     function notifyAuthSDKSuccess() {
         if (!authEE) {
             console.error('SDK not initialized');
@@ -8929,6 +9221,9 @@
         }
         authEE.emit(exports.AuthStatus.SDK_SUCCESS);
     }
+    /**
+     *
+     */
     function notifyAuthSuccess() {
         if (!authEE) {
             console.error('SDK not initialized');
@@ -8936,6 +9231,10 @@
         }
         authEE.emit(exports.AuthStatus.SUCCESS, sessionInfo);
     }
+    /**
+     *
+     * @param failureType
+     */
     function notifyAuthFailure(failureType) {
         if (!authEE) {
             console.error('SDK not initialized');
@@ -8943,6 +9242,9 @@
         }
         authEE.emit(exports.AuthStatus.FAILURE, failureType);
     }
+    /**
+     *
+     */
     function notifyLogout() {
         if (!authEE) {
             console.error('SDK not initialized');
@@ -8952,6 +9254,7 @@
     }
     /**
      * Check if we are logged into the ThoughtSpot cluster
+     *
      * @param thoughtSpotHost The ThoughtSpot cluster hostname or IP
      */
     async function isLoggedIn(thoughtSpotHost) {
@@ -8974,20 +9277,30 @@
         return releaseVersion;
     }
     /**
-     * Return a promise that resolves with the session info when authentication is
-     * successful. And info is available.
+     * Return a promise that resolves with the session information when
+     * authentication is successful. And info is available.
+     *
+     * @group Global methods
      */
     function getSessionInfo() {
         return sessionInfoPromise;
     }
+    /**
+     *
+     * @param sessionDetails
+     */
     function initSession(sessionDetails) {
         sessionInfo = sessionDetails;
         initMixpanel(sessionInfo);
         sessionInfoResolver(sessionInfo);
     }
-    const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.' +
-        'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
+    const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.'
+        + 'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
     let prevAuthToken = null;
+    /**
+     *
+     * @param authtoken
+     */
     function alertForDuplicateToken(authtoken) {
         if (prevAuthToken === authtoken) {
             // eslint-disable-next-line no-alert
@@ -9007,9 +9320,10 @@
      */
     function removeSSORedirectUrlMarker() {
         // Note (sunny): This will leave a # around even if it was not in the URL
-        // to begin with. Trying to remove the hash by changing window.location will reload
-        // the page which we don't want. We'll live with adding an unnecessary hash to the
-        // parent page URL until we find any use case where that creates an issue.
+        // to begin with. Trying to remove the hash by changing window.location will
+        // reload the page which we don't want. We'll live with adding an
+        // unnecessary hash to the parent page URL until we find any use case where
+        // that creates an issue.
         window.location.hash = window.location.hash.replace(SSO_REDIRECTION_MARKER_GUID, '');
     }
     const getAuthenticaionToken = async (embedConfig) => {
@@ -9027,6 +9341,7 @@
     };
     /**
      * Perform token based authentication
+     *
      * @param embedConfig The embed configuration
      */
     const doTokenAuth = async (embedConfig) => {
@@ -9047,8 +9362,8 @@
             // token login issues a 302 when successful
             loggedInStatus = resp.ok || resp.type === 'opaqueredirect';
             if (loggedInStatus && embedConfig.detectCookieAccessSlow) {
-                // When 3rd party cookie access is blocked, this will fail because cookies will
-                // not be sent with the call.
+                // When 3rd party cookie access is blocked, this will fail because
+                // cookies will not be sent with the call.
                 loggedInStatus = await isLoggedIn(thoughtSpotHost);
             }
         }
@@ -9056,6 +9371,7 @@
     };
     /**
      * Validate embedConfig parameters required for cookielessTokenAuth
+     *
      * @param embedConfig The embed configuration
      */
     const doCookielessTokenAuth = async (embedConfig) => {
@@ -9071,6 +9387,7 @@
      *
      * Warning: This feature is primarily intended for developer testing. It is
      * strongly advised not to use this authentication method in production.
+     *
      * @param embedConfig The embed configuration
      */
     const doBasicAuth = async (embedConfig) => {
@@ -9088,6 +9405,12 @@
         }
         return loggedInStatus;
     };
+    /**
+     *
+     * @param ssoURL
+     * @param triggerContainer
+     * @param triggerText
+     */
     async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
         const openPopup = () => {
             if (samlAuthWindow === null || samlAuthWindow.closed) {
@@ -9100,28 +9423,28 @@
         authEE === null || authEE === void 0 ? void 0 : authEE.emit(exports.AuthStatus.WAITING_FOR_POPUP);
         const containerEl = getDOMNode(triggerContainer);
         if (containerEl) {
-            containerEl.innerHTML =
-                '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
+            containerEl.innerHTML = '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
             const authElem = document.getElementById('ts-auth-btn');
             authElem.textContent = triggerText;
             authElem.addEventListener('click', openPopup, { once: true });
         }
-        samlCompletionPromise =
-            samlCompletionPromise ||
-                new Promise((resolve, reject) => {
-                    window.addEventListener('message', (e) => {
-                        if (e.data.type === exports.EmbedEvent.SAMLComplete) {
-                            e.source.close();
-                            resolve();
-                        }
-                    });
+        samlCompletionPromise = samlCompletionPromise
+            || new Promise((resolve, reject) => {
+                window.addEventListener('message', (e) => {
+                    if (e.data.type === exports.EmbedEvent.SAMLComplete) {
+                        e.source.close();
+                        resolve();
+                    }
                 });
+            });
         authEE === null || authEE === void 0 ? void 0 : authEE.once(exports.AuthEvent.TRIGGER_SSO_POPUP, openPopup);
         return samlCompletionPromise;
     }
     /**
      * Perform SAML authentication
+     *
      * @param embedConfig The embed configuration
+     * @param ssoEndPoint
      */
     const doSSOAuth = async (embedConfig, ssoEndPoint) => {
         const { thoughtSpotHost } = embedConfig;
@@ -9150,8 +9473,8 @@
     };
     const doSamlAuth = async (embedConfig) => {
         const { thoughtSpotHost } = embedConfig;
-        // redirect for SSO, when the SSO authentication is done, this page will be loaded
-        // again and the same JS will execute again.
+        // redirect for SSO, when the SSO authentication is done, this page will be
+        // loaded again and the same JS will execute again.
         const ssoRedirectUrl = embedConfig.inPopup
             ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
             : getRedirectUrl(window.location.href, SSO_REDIRECTION_MARKER_GUID, embedConfig.redirectPath);
@@ -9162,8 +9485,8 @@
     };
     const doOIDCAuth = async (embedConfig) => {
         const { thoughtSpotHost } = embedConfig;
-        // redirect for SSO, when the SSO authentication is done, this page will be loaded
-        // again and the same JS will execute again.
+        // redirect for SSO, when the SSO authentication is done, this page will be
+        // loaded again and the same JS will execute again.
         const ssoRedirectUrl = embedConfig.noRedirect || embedConfig.inPopup
             ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
             : getRedirectUrl(window.location.href, SSO_REDIRECTION_MARKER_GUID, embedConfig.redirectPath);
@@ -9180,6 +9503,7 @@
     };
     /**
      * Perform authentication on the ThoughtSpot cluster
+     *
      * @param embedConfig The embed configuration
      */
     const authenticate = async (embedConfig) => {
@@ -9212,6 +9536,13 @@
         authType: exports.AuthType.None,
     };
     let authPromise;
+    /**
+     * Gets the configuration embed was initialized with.
+     *
+     * @returns {@link EmbedConfig} The configuration embed was initialized with.
+     * @version SDK: 1.19.0 | ThoughtSpot: *
+     * @group Global methods
+     */
     const getEmbedConfig = () => config;
     const getAuthPromise = () => authPromise;
     /**
@@ -9238,10 +9569,14 @@
         [exports.PrefetchFeatures.VizEmbed]: (url) => url,
     };
     /**
-     * Prefetches static resources from the specified URL. Web browsers can then cache the prefetched resources and serve them from the user's local disk to provide faster access to your app.
+     * Prefetches static resources from the specified URL. Web browsers can then cache the
+     * prefetched resources and serve them from the user's local disk to provide faster access
+     * to your app.
+     *
      * @param url The URL provided for prefetch
      * @param prefetchFeatures Specify features which needs to be prefetched.
      * @version SDK: 1.4.0 | ThoughtSpot: ts7.sep.cl, 7.2.1
+     * @group Global methods
      */
     const prefetch = (url, prefetchFeatures) => {
         if (url === '') {
@@ -9264,6 +9599,10 @@
             });
         }
     };
+    /**
+     *
+     * @param embedConfig
+     */
     function sanity(embedConfig) {
         if (embedConfig.thoughtSpotHost === undefined) {
             throw new Error('ThoughtSpot host not provided');
@@ -9272,16 +9611,18 @@
             if (!embedConfig.username) {
                 throw new Error('Username not provided with Trusted auth');
             }
-            if (!embedConfig.authEndpoint &&
-                typeof embedConfig.getAuthToken !== 'function') {
+            if (!embedConfig.authEndpoint && typeof embedConfig.getAuthToken !== 'function') {
                 throw new Error('Trusted auth should provide either authEndpoint or getAuthToken');
             }
         }
     }
+    /**
+     *
+     * @param embedConfig
+     */
     function backwardCompat(embedConfig) {
         const newConfig = { ...embedConfig };
-        if (embedConfig.noRedirect !== undefined &&
-            embedConfig.inPopup === undefined) {
+        if (embedConfig.noRedirect !== undefined && embedConfig.inPopup === undefined) {
             newConfig.inPopup = embedConfig.noRedirect;
         }
         return newConfig;
@@ -9289,12 +9630,21 @@
     /**
      * Initializes the Visual Embed SDK globally and perform
      * authentication if applicable.
+     *
      * @param embedConfig The configuration object containing ThoughtSpot host,
      * authentication mechanism and so on.
-     * example: authStatus = init(config);
-     * authStatus.on(AuthStatus.FAILURE, (reason) => { // do something here });
-     * @returns event emitter which emits events on authentication success, failure and logout. See {@link AuthStatus}
+     * @example
+     * ```js
+     *   const authStatus = init({
+     *     thoughtSpotHost: 'https://my.thoughtspot.cloud',
+     *     authType: AuthType.None,
+     *   });
+     *   authStatus.on(AuthStatus.FAILURE, (reason) => { // do something here });
+     * ```
+     * @returns {@link AuthEventEmitter} event emitter which emits events on authentication success,
+     *      failure and logout. See {@link AuthStatus}
      * @version SDK: 1.0.0 | ThoughtSpot ts7.april.cl, 7.2.1
+     * @group Authentication / Init
      */
     const init = (embedConfig) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -9313,8 +9663,7 @@
             host: config.thoughtSpotHost,
             usedCustomizationSheet: ((_b = (_a = embedConfig.customizations) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.customCSSUrl) != null,
             usedCustomizationVariables: ((_e = (_d = (_c = embedConfig.customizations) === null || _c === void 0 ? void 0 : _c.style) === null || _d === void 0 ? void 0 : _d.customCSS) === null || _e === void 0 ? void 0 : _e.variables) != null,
-            usedCustomizationRules: ((_h = (_g = (_f = embedConfig.customizations) === null || _f === void 0 ? void 0 : _f.style) === null || _g === void 0 ? void 0 : _g.customCSS) === null || _h === void 0 ? void 0 : _h.rules_UNSTABLE) !=
-                null,
+            usedCustomizationRules: ((_h = (_g = (_f = embedConfig.customizations) === null || _f === void 0 ? void 0 : _f.style) === null || _g === void 0 ? void 0 : _g.customCSS) === null || _h === void 0 ? void 0 : _h.rules_UNSTABLE) != null,
             usedCustomizationStrings: !!((_k = (_j = embedConfig.customizations) === null || _j === void 0 ? void 0 : _j.content) === null || _k === void 0 ? void 0 : _k.strings),
             usedCustomizationIconSprite: !!((_l = embedConfig.customizations) === null || _l === void 0 ? void 0 : _l.iconSpriteUrl),
         });
@@ -9323,19 +9672,23 @@
         }
         return authEE;
     };
+    /**
+     *
+     */
     function disableAutoLogin() {
         config.autoLogin = false;
     }
     /**
-     * Logs out from ThoughtSpot. This also sets the autoLogin flag to false, to prevent
-     * the SDK from automatically logging in again.
+     * Logs out from ThoughtSpot. This also sets the autoLogin flag to false, to
+     * prevent the SDK from automatically logging in again.
      *
-     * You can call the `init` method again to re login, if autoLogin is set to true in this
-     * second call it will be honored.
+     * You can call the `init` method again to re login, if autoLogin is set to
+     * true in this second call it will be honored.
      *
      * @param doNotDisableAutoLogin This flag when passed will not disable autoLogin
      * @returns Promise which resolves when logout completes.
      * @version SDK: 1.10.1 | ThoughtSpot: 8.2.0.cl, 8.4.1-sw
+     * @group Global methods
      */
     const logout$1 = (doNotDisableAutoLogin = false) => {
         if (!doNotDisableAutoLogin) {
@@ -9348,7 +9701,9 @@
     };
     let renderQueue = Promise.resolve();
     /**
-     * Renders functions in a queue, resolves to next function only after the callback next is called
+     * Renders functions in a queue, resolves to next function only after the callback next
+     * is called
+     *
      * @param fn The function being registered
      */
     const renderInQueue = (fn) => {
@@ -9361,6 +9716,13 @@
         return fn(() => { }); // eslint-disable-line @typescript-eslint/no-empty-function
     };
 
+    /**
+     *
+     * @param session
+     * @param query
+     * @param operation
+     * @param thoughtSpotHost
+     */
     function getAnswerServiceInstance(session, query, operation, thoughtSpotHost) {
         let variable;
         const fetchQuery = async (variables) => {
@@ -9410,12 +9772,14 @@
         };
     }
 
+    /**
+     *
+     * @param e
+     * @param thoughtSpotHost
+     */
     function processCustomAction(e, thoughtSpotHost) {
         var _a;
-        if ([
-            OperationType.GetChartWithData,
-            OperationType.GetTableWithHeadlineData,
-        ].includes((_a = e.data) === null || _a === void 0 ? void 0 : _a.operation)) {
+        if ([OperationType.GetChartWithData, OperationType.GetTableWithHeadlineData].includes((_a = e.data) === null || _a === void 0 ? void 0 : _a.operation)) {
             const { session, query, operation } = e.data;
             const answerService = getAnswerServiceInstance(session, query, operation, thoughtSpotHost);
             return {
@@ -9425,6 +9789,10 @@
         }
         return e;
     }
+    /**
+     *
+     * @param e
+     */
     function processAuthInit(e) {
         var _a, _b;
         // Store user session details sent by app.
@@ -9438,8 +9806,13 @@
             },
         };
     }
+    /**
+     *
+     * @param e
+     * @param containerEl
+     */
     function processNoCookieAccess(e, containerEl) {
-        const { loginFailedMessage, suppressNoCookieAccessAlert, } = getEmbedConfig();
+        const { loginFailedMessage, suppressNoCookieAccessAlert } = getEmbedConfig();
         if (!suppressNoCookieAccessAlert) {
             // eslint-disable-next-line no-alert
             alert('Third party cookie access is blocked on this browser, please allow third party cookies for this to work properly. \nYou can use `suppressNoCookieAccessAlert` to suppress this message.');
@@ -9449,6 +9822,11 @@
         notifyAuthFailure(exports.AuthFailureType.NO_COOKIE_ACCESS);
         return e;
     }
+    /**
+     *
+     * @param e
+     * @param containerEl
+     */
     function processAuthFailure(e, containerEl) {
         const { loginFailedMessage, authType } = getEmbedConfig();
         if (authType !== exports.AuthType.None) {
@@ -9458,6 +9836,11 @@
         }
         return e;
     }
+    /**
+     *
+     * @param e
+     * @param containerEl
+     */
     function processAuthLogout(e, containerEl) {
         const { loginFailedMessage } = getEmbedConfig();
         // eslint-disable-next-line no-param-reassign
@@ -9466,6 +9849,13 @@
         notifyLogout();
         return e;
     }
+    /**
+     *
+     * @param type
+     * @param e
+     * @param thoughtSpotHost
+     * @param containerEl
+     */
     function processEventData(type, e, thoughtSpotHost, containerEl) {
         switch (type) {
             case exports.EmbedEvent.CustomAction:
@@ -9484,6 +9874,8 @@
 
     /**
      * Reloads the ThoughtSpot iframe.
+     *
+     * @param iFrame
      */
     function reload(iFrame) {
         const oldFrame = iFrame.cloneNode();
@@ -9493,13 +9885,25 @@
     }
     /**
      * Post Iframe message.
+     *
+     * @param iFrame
+     * @param message
+     * @param message.type
+     * @param message.data
+     * @param thoughtSpotHost
+     * @param channel
      */
     function postIframeMessage(iFrame, message, thoughtSpotHost, channel) {
-        return iFrame.contentWindow.postMessage(message, thoughtSpotHost, [
-            channel === null || channel === void 0 ? void 0 : channel.port2,
-        ]);
+        return iFrame.contentWindow.postMessage(message, thoughtSpotHost, [channel === null || channel === void 0 ? void 0 : channel.port2]);
     }
     const TRIGGER_TIMEOUT = 30000;
+    /**
+     *
+     * @param iFrame
+     * @param messageType
+     * @param thoughtSpotHost
+     * @param data
+     */
     function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
         return new Promise((res, rej) => {
             if (messageType === exports.HostEvent.Reload) {
@@ -9525,7 +9929,7 @@
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.20.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports$1={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","dts-bundle":"0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
+    var name="@thoughtspot/visual-embed-sdk";var version="1.21.0-alpha.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports$1={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^40.1.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","dts-bundle":"0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
 
     /**
      * Copyright (c) 2022
@@ -9545,6 +9949,7 @@
      * 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 = {};
@@ -9555,22 +9960,28 @@
      */
     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 = [exports.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 === exports.AuthType.TrustedAuthTokenCookieless) {
                     authToken = await getAuthenticaionToken(this.embedConfig);
                 }
+                this.isAppInitialized = true;
                 responder({
                     type: exports.EmbedEvent.APP_INIT,
                     data: {
@@ -9581,6 +9992,9 @@
             };
             /**
              * 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
@@ -9622,6 +10036,7 @@
         }
         /**
          * Handles errors within the SDK
+         *
          * @param error The error message or object
          */
         handleError(error) {
@@ -9634,6 +10049,7 @@
         }
         /**
          * Extracts the type field from the event payload
+         *
          * @param event The window message event
          */
         getEventType(event) {
@@ -9643,6 +10059,7 @@
         }
         /**
          * Extracts the port field from the event payload
+         *
          * @param event  The window message event
          * @returns
          */
@@ -9655,6 +10072,9 @@
         /**
          * fix for ts7.sep.cl
          * will be removed for ts7.oct.cl
+         *
+         * @param event
+         * @param eventType
          * @hidden
          */
         formatEventData(event, eventType) {
@@ -9685,33 +10105,31 @@
         }
         /**
          * 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}#/embed`;
+            return `${basePath}#`;
         }
         /**
          * Common query params set for all the embed modes.
+         *
+         * @param queryParams
          * @returns queryParams
          */
-        getBaseQueryParams() {
+        getBaseQueryParams(queryParams = {}) {
             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);
@@ -9719,8 +10137,7 @@
             queryParams[Param.ViewPortWidth] = window.innerWidth;
             queryParams[Param.Version] = version$1;
             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 === exports.AuthType.EmbeddedSSO) {
@@ -9735,8 +10152,7 @@
                 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;
             }
@@ -9746,15 +10162,14 @@
             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;
@@ -9786,32 +10201,61 @@
         /**
          * 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, 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`;
-            }
+        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;
+        }
         /**
          * Renders the embedded ThoughtSpot app in an iframe and sets up
          * event listeners.
+         *
          * @param url
          * @param frameOptions
          */
-        async renderIFrame(url, frameOptions = {}) {
+        async renderIFrame(url) {
             if (this.isError) {
                 return null;
             }
@@ -9835,30 +10279,7 @@
                         return;
                     }
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
-                    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 = this.iFrame || this.createIframeEl(url);
                     this.iFrame.addEventListener('load', () => {
                         nextInQueue();
                         const loadTimestamp = Date.now();
@@ -9885,7 +10306,9 @@
                     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);
                 });
@@ -9919,6 +10342,7 @@
         }
         /**
          * Sets the height of the iframe
+         *
          * @param height The height in pixels
          */
         setIFrameHeight(height) {
@@ -9926,21 +10350,24 @@
         }
         /**
          * 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 callbacks = this.eventHandlerMap.get(eventType) || [];
+            const eventHandlers = this.eventHandlerMap.get(eventType) || [];
             const allHandlers = this.eventHandlerMap.get(exports.EmbedEvent.ALL) || [];
-            callbacks.push(...allHandlers);
+            const callbacks = [...eventHandlers, ...allHandlers];
             const dataStatus = (data === null || data === void 0 ? void 0 : data.status) || embedEventStatus.END;
             callbacks.forEach((callbackObj) => {
-                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
-                ) {
+                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);
                     });
@@ -9955,6 +10382,7 @@
         }
         /**
          * 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
@@ -9966,6 +10394,7 @@
          * 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.
@@ -9979,8 +10408,7 @@
             let iframeVisibleViewPort;
             let iframeOffset;
             if (iframeScrolled < 0) {
-                iframeVisibleViewPort =
-                    viewPortHeight - (offsetTopClient - scrollTopClient);
+                iframeVisibleViewPort = viewPortHeight - (offsetTopClient - scrollTopClient);
                 iframeVisibleViewPort = Math.min(iframeHeight, iframeVisibleViewPort);
                 iframeOffset = 0;
             }
@@ -10004,6 +10432,20 @@
          * @param messageType The message type
          * @param callback A callback as a function
          * @param options The message options
+         * @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 }) {
             if (this.isRendered) {
@@ -10014,11 +10456,34 @@
             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) {
@@ -10039,6 +10504,7 @@
         }
         /**
          * Triggers an event to the embedded app
+         *
          * @param messageType The event type
          * @param data The payload to send with the message
          */
@@ -10050,6 +10516,7 @@
          * 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() {
@@ -10060,6 +10527,7 @@
          * 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() {
@@ -10083,6 +10551,7 @@
         }
         /**
          * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
+         *
          * @version SDK: 1.19.1 | ThoughtSpot: *
          */
         destroy() {
@@ -10093,11 +10562,28 @@
                 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.21.0 | ThoughtSpot: * / Search: 9.3.0.cl
+         * @returns
+         */
+        async prerenderGeneric() {
+            const prerenderFrameSrc = this.getRootIframeSrc();
+            return this.renderIFrame(prerenderFrameSrc);
+        }
     }
     /**
      * Base class for embedding v1 experience
      * Note: The v1 version of ThoughtSpot Blink works on the AngularJS stack
      * which is currently under migration to v2
+     *
+     * @inheritdoc
      */
     class V1Embed extends TsEmbed {
         constructor(domSelector, viewConfig) {
@@ -10105,13 +10591,37 @@
             this.viewConfig = viewConfig;
         }
         /**
-         * Render the app in an iframe and set up event handlers
+         * Render the ap    p in an iframe and set up event handlers
+         *
          * @param iframeSrc
          */
         renderV1Embed(iframeSrc) {
-            return this.renderIFrame(iframeSrc, this.viewConfig.frameParams);
+            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);
         }
-        // @override
+        /**
+         * @inheritdoc
+         * @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 }) {
             const eventType = this.getCompatibleEventType(messageType);
             uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`);
@@ -10161,7 +10671,8 @@
     })(exports.Page || (exports.Page = {}));
     /**
      * Embeds full ThoughtSpot experience in a host application.
-     * @Category App Embed
+     *
+     * @group Embed components
      */
     class AppEmbed extends V1Embed {
         // eslint-disable-next-line no-useless-constructor
@@ -10173,8 +10684,12 @@
          * embedded Liveboard or visualization.
          */
         getEmbedParams() {
-            const params = this.getBaseQueryParams();
-            const { tag, hideObjects, liveboardV2 } = this.viewConfig;
+            const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, enableSearchAssist, } = this.viewConfig;
+            let params = {};
+            params[Param.EmbedApp] = true;
+            params[Param.PrimaryNavHidden] = !showPrimaryNavbar;
+            params[Param.HideProfleAndHelp] = !!disableProfileAndHelp;
+            params = this.getBaseQueryParams(params);
             if (tag) {
                 params[Param.Tag] = tag;
             }
@@ -10184,26 +10699,28 @@
             if (liveboardV2 !== undefined) {
                 params[Param.LiveboardV2Enabled] = liveboardV2;
             }
+            if (enableSearchAssist !== undefined) {
+                params[Param.EnableSearchAssist] = enableSearchAssist;
+            }
             const queryParams = getQueryParamString(params, true);
             return queryParams;
         }
         /**
          * Constructs the URL of the ThoughtSpot app page to be rendered.
+         *
          * @param pageId The ID of the page to be embedded.
          */
-        getIFrameSrc(pageId, runtimeFilters) {
-            const filterQuery = getFilterQuery(runtimeFilters || []);
-            const queryParams = this.getEmbedParams();
-            const queryString = [filterQuery, queryParams]
-                .filter(Boolean)
-                .join('&');
-            let url = `${this.getV1EmbedBasePath(queryString, this.viewConfig.showPrimaryNavbar, this.viewConfig.disableProfileAndHelp, true, this.viewConfig.enableSearchAssist)}/${pageId}`;
+        getIFrameSrc() {
+            const { pageId, path } = this.viewConfig;
+            const pageRoute = this.formatPath(path) || this.getPageRoute(pageId);
+            let url = `${this.getRootIframeSrc()}/${pageRoute}`;
             const tsPostHashParams = this.getThoughtSpotPostUrlParams();
             url = `${url}${tsPostHashParams}`;
             return url;
         }
         /**
          * Gets the ThoughtSpot route of the page for a particular page ID.
+         *
          * @param pageId The identifier for a page in the ThoughtSpot app.
          */
         getPageRoute(pageId) {
@@ -10227,6 +10744,7 @@
         }
         /**
          * Formats the path provided by the user.
+         *
          * @param path The URL path.
          * @returns The URL path that the embedded app understands.
          */
@@ -10242,10 +10760,13 @@
         }
         /**
          * Navigate to particular page for app embed. eg:answers/pinboards/home
-         * This is used for embedding answers, pinboards, visualizations and full application only.
+         * This is used for embedding answers, pinboards, visualizations and full application
+         * only.
+         *
          * @param path string | number The string, set to iframe src and navigate to new page
          * eg: appEmbed.navigateToPage('pinboards')
-         * When used with `noReload` this can also be a number like 1/-1 to go forward/back.
+         * When used with `noReload` (default: true) this can also be a number
+         * like 1/-1 to go forward/back.
          * @param noReload boolean Trigger the navigation without reloading the page
          * @version SDK: 1.12.0 | ThoughtSpot: 8.4.0.cl, 8.4.1-sw
          */
@@ -10270,14 +10791,13 @@
         }
         /**
          * Renders the embedded application pages in the ThoughtSpot app.
+         *
          * @param renderOptions An object containing the page ID
          * to be embedded.
          */
         render() {
             super.render();
-            const { pageId, runtimeFilters, path } = this.viewConfig;
-            const pageRoute = this.formatPath(path) || this.getPageRoute(pageId);
-            const src = this.getIFrameSrc(pageRoute, runtimeFilters);
+            const src = this.getIFrameSrc();
             this.renderV1Embed(src);
             return this;
         }
@@ -10295,7 +10815,8 @@
      */
     /**
      * Embed a ThoughtSpot Liveboard or visualization
-     * @Category Liveboards and Charts
+     *
+     * @group Embed components
      */
     class LiveboardEmbed extends V1Embed {
         // eslint-disable-next-line no-useless-constructor
@@ -10305,6 +10826,7 @@
             /**
              * Set the iframe height as per the computed height received
              * from the ThoughtSpot app.
+             *
              * @param data The event payload
              */
             this.updateIFrameHeight = (data) => {
@@ -10319,16 +10841,23 @@
                     this.setIFrameHeight(this.defaultHeight);
                 }
             };
+            if (this.viewConfig.fullHeight === true) {
+                this.on(exports.EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
+                this.on(exports.EmbedEvent.EmbedHeight, this.updateIFrameHeight);
+                this.on(exports.EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
+            }
         }
         /**
          * Construct a map of params to be passed on to the
          * embedded Liveboard or visualization.
          */
         getEmbedParams() {
-            const params = this.getBaseQueryParams();
+            let params = {};
+            params[Param.EmbedApp] = true;
+            params = this.getBaseQueryParams(params);
             const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, activeTabId, } = this.viewConfig;
-            const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval ||
-                this.viewConfig.preventPinboardFilterRemoval;
+            const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
+                || this.viewConfig.preventPinboardFilterRemoval;
             if (fullHeight === true) {
                 params[Param.fullHeight] = true;
             }
@@ -10354,65 +10883,68 @@
             const queryParams = getQueryParamString(params, true);
             return queryParams;
         }
-        /**
-         * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
-         * to be loaded within the iframe.
-         * @param liveboardId The GUID of the Liveboard.
-         * @param vizId The optional GUID of a visualization within the Liveboard.
-         * @param runtimeFilters A list of runtime filters to be applied to
-         * the Liveboard or visualization on load.
-         */
-        getIFrameSrc(liveboardId, vizId, runtimeFilters, activeTabId) {
-            const filterQuery = getFilterQuery(runtimeFilters || []);
-            const queryParams = this.getEmbedParams();
-            const queryString = [filterQuery, queryParams]
-                .filter(Boolean)
-                .join('&');
-            let url = `${this.getV1EmbedBasePath(queryString, true, false, false)}/viz/${liveboardId}`;
+        getIframeSuffixSrc(liveboardId, vizId, activeTabId) {
+            let suffix = `/embed/viz/${liveboardId}`;
             if (activeTabId) {
-                url = `${url}/tab/${activeTabId}`;
+                suffix = `${suffix}/tab/${activeTabId} `;
             }
             if (vizId) {
-                url = `${url}/${vizId}`;
+                suffix = `${suffix}/${vizId}`;
             }
             const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-            url = `${url}${tsPostHashParams}`;
-            return url;
+            suffix = `${suffix}${tsPostHashParams}`;
+            return suffix;
+        }
+        /**
+         * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
+         * to be loaded within the iframe.
+         */
+        getIFrameSrc() {
+            var _a;
+            const { vizId, activeTabId } = this.viewConfig;
+            const liveboardId = (_a = this.viewConfig.liveboardId) !== null && _a !== void 0 ? _a : this.viewConfig.pinboardId;
+            if (!liveboardId) {
+                this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
+            }
+            return `${this.getRootIframeSrc()}${this.getIframeSuffixSrc(liveboardId, vizId, activeTabId)}`;
         }
         /**
          * Triggers an event to the embedded app
+         *
          * @param messageType The event type
          * @param data The payload to send with the message
          */
         trigger(messageType, data = {}) {
             const dataWithVizId = data;
-            if (this.viewConfig.vizId) {
+            if (typeof dataWithVizId === 'object' && this.viewConfig.vizId) {
                 dataWithVizId.vizId = this.viewConfig.vizId;
             }
             return super.trigger(messageType, dataWithVizId);
         }
         /**
          * Render an embedded ThoughtSpot Liveboard or visualization
+         *
          * @param renderOptions An object specifying the Liveboard ID,
          * visualization ID and the runtime filters.
          */
         render() {
-            var _a;
-            const { vizId, activeTabId, runtimeFilters } = this.viewConfig;
-            const liveboardId = (_a = this.viewConfig.liveboardId) !== null && _a !== void 0 ? _a : this.viewConfig.pinboardId;
-            if (!liveboardId) {
-                this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
-            }
-            if (this.viewConfig.fullHeight === true) {
-                this.on(exports.EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
-                this.on(exports.EmbedEvent.EmbedHeight, this.updateIFrameHeight);
-                this.on(exports.EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
-            }
             super.render();
-            const src = this.getIFrameSrc(liveboardId, vizId, runtimeFilters, activeTabId);
+            const src = this.getIFrameSrc();
             this.renderV1Embed(src);
             return this;
         }
+        navigateToLiveboard(liveboardId, vizId, activeTabId) {
+            const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
+            this.viewConfig.liveboardId = liveboardId;
+            this.viewConfig.activeTabId = activeTabId;
+            this.viewConfig.vizId = vizId;
+            if (this.isAppInitialized) {
+                this.trigger(exports.HostEvent.Navigate, path.substring(1));
+            }
+            else {
+                this.render();
+            }
+        }
     }
     /**
      * @hidden
@@ -10438,7 +10970,7 @@
     /**
      * Embed ThoughtSpot search
      *
-     * @Category Search Embed
+     * @group Embed components
      */
     class SearchEmbed extends TsEmbed {
         constructor(domSelector, viewConfig) {
@@ -10459,16 +10991,9 @@
             }
             return dataSourceMode;
         }
-        /**
-         * Construct the URL of the embedded ThoughtSpot search to be
-         * loaded in the iframe
-         * @param answerId The GUID of a saved answer
-         * @param dataSources A list of data source GUIDs
-         */
-        getIFrameSrc(answerId, dataSources) {
+        getEmbedParams() {
             var _a;
-            const { hideResults, expandAllDataSource, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, } = this.viewConfig;
-            const answerPath = answerId ? `saved-answer/${answerId}` : 'answer';
+            const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, } = this.viewConfig;
             const queryParams = this.getBaseQueryParams();
             queryParams[Param.HideActions] = [
                 ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
@@ -10507,17 +11032,28 @@
             if (filterQuery) {
                 query += `&${filterQuery}`;
             }
+            return query;
+        }
+        /**
+         * Construct the URL of the embedded ThoughtSpot search to be
+         * loaded in the iframe
+         *
+         * @param answerId The GUID of a saved answer
+         * @param dataSources A list of data source GUIDs
+         */
+        getIFrameSrc(answerId) {
+            const answerPath = answerId ? `saved-answer/${answerId}` : 'answer';
             const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-            return `${this.getEmbedBasePath(query)}/${answerPath}${tsPostHashParams}`;
+            return `${this.getRootIframeSrc()}/embed/${answerPath}${tsPostHashParams}`;
         }
         /**
          * Render the embedded ThoughtSpot search
          */
         render() {
             super.render();
-            const { answerId, dataSources } = this.viewConfig;
-            const src = this.getIFrameSrc(answerId, dataSources);
-            this.renderIFrame(src, this.viewConfig.frameParams);
+            const { answerId } = this.viewConfig;
+            const src = this.getIFrameSrc(answerId);
+            this.renderIFrame(src);
             getAuthPromise().then(() => {
                 if (checkReleaseVersionInBeta(getReleaseVersion(), getEmbedConfig().suppressSearchEmbedBetaWarning)) {
                     alert(ERROR_MESSAGE.SEARCHEMBED_BETA_WRANING_MESSAGE);
@@ -10530,8 +11066,8 @@
     /**
      * Embed ThoughtSpot search bar
      *
-     * @Category Search Embed
      * @version: SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1-sw
+     * @group Embed components
      */
     class SearchBarEmbed extends TsEmbed {
         constructor(domSelector, viewConfig) {
@@ -10541,6 +11077,7 @@
         /**
          * Construct the URL of the embedded ThoughtSpot search to be
          * loaded in the iframe
+         *
          * @param dataSources A list of data source GUIDs
          */
         getIFrameSrc() {
@@ -10548,9 +11085,7 @@
             const { searchOptions, dataSource, dataSources } = this.viewConfig;
             const path = 'search-bar-embed';
             const queryParams = this.getBaseQueryParams();
-            queryParams[Param.HideActions] = [
-                ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
-            ];
+            queryParams[Param.HideActions] = [...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : [])];
             if (dataSources && dataSources.length) {
                 queryParams[Param.DataSources] = JSON.stringify(dataSources);
             }
@@ -10571,7 +11106,7 @@
                 query = `?${queryParamsString}`;
             }
             const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-            return `${this.getEmbedBasePath(query)}/${path}${tsPostHashParams}`;
+            return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
         }
         /**
          * Render the embedded ThoughtSpot search
@@ -10579,7 +11114,7 @@
         render() {
             super.render();
             const src = this.getIFrameSrc();
-            this.renderIFrame(src, this.viewConfig.frameParams);
+            this.renderIFrame(src);
             return this;
         }
     }