@thoughtspot/visual-embed-sdk 1.24.0-sage.3 → 1.24.1

package/dist/tsembed.es.js

@@ -1,3 +1,47 @@
+// istanbul ignore next
+const isObject = (obj) => {
+    if (typeof obj === "object" && obj !== null) {
+        if (typeof Object.getPrototypeOf === "function") {
+            const prototype = Object.getPrototypeOf(obj);
+            return prototype === Object.prototype || prototype === null;
+        }
+        return Object.prototype.toString.call(obj) === "[object Object]";
+    }
+    return false;
+};
+const merge = (...objects) => objects.reduce((result, current) => {
+    if (Array.isArray(current)) {
+        throw new TypeError("Arguments provided to ts-deepmerge must be objects, not arrays.");
+    }
+    Object.keys(current).forEach((key) => {
+        if (["__proto__", "constructor", "prototype"].includes(key)) {
+            return;
+        }
+        if (Array.isArray(result[key]) && Array.isArray(current[key])) {
+            result[key] = merge.options.mergeArrays
+                ? Array.from(new Set(result[key].concat(current[key])))
+                : current[key];
+        }
+        else if (isObject(result[key]) && isObject(current[key])) {
+            result[key] = merge(result[key], current[key]);
+        }
+        else {
+            result[key] = current[key];
+        }
+    });
+    return result;
+}, {});
+const defaultOptions = {
+    mergeArrays: true,
+};
+merge.options = defaultOptions;
+merge.withOptions = (options, ...objects) => {
+    merge.options = Object.assign({ mergeArrays: true }, options);
+    const result = merge(...objects);
+    merge.options = defaultOptions;
+    return result;
+};
+
 /**
  * Copyright (c) 2023
  *
@@ -28,6 +72,24 @@ const getFilterQuery = (runtimeFilters) => {
     }
     return null;
 };
+/**
+ * Construct a runtime parameter override query string from the given option.
+ *
+ * @param runtimeParameters
+ */
+const getRuntimeParameters = (runtimeParameters) => {
+    if (runtimeParameters && runtimeParameters.length) {
+        const params = runtimeParameters.map((param, valueIndex) => {
+            const index = valueIndex + 1;
+            const filterExpr = [];
+            filterExpr.push(`param${index}=${encodeURIComponent(param.name)}`);
+            filterExpr.push(`paramVal${index}=${encodeURIComponent(param.value)}`);
+            return filterExpr.join('&');
+        });
+        return `${params.join('&')}`;
+    }
+    return null;
+};
 /**
  * Convert a value to a string representation to be sent as a query
  * parameter to the ThoughtSpot app.
@@ -175,6 +237,30 @@ const getRuntimeFilters = (runtimefilters) => getFilterQuery(runtimefilters || [
  */
 function getDOMNode(domSelector) {
     return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
+}
+const deepMerge = (target, source) => merge(target, source);
+const getOperationNameFromQuery = (query) => {
+    const regex = /(?:query|mutation)\s+(\w+)/;
+    const matches = query.match(regex);
+    return matches === null || matches === void 0 ? void 0 : matches[1];
+};
+/**
+ *
+ * @param obj
+ */
+function removeTypename(obj) {
+    if (!obj || typeof obj !== 'object')
+        return obj;
+    // eslint-disable-next-line no-restricted-syntax
+    for (const key in obj) {
+        if (key === '__typename') {
+            delete obj[key];
+        }
+        else if (typeof obj[key] === 'object') {
+            removeTypename(obj[key]);
+        }
+    }
+    return obj;
 }
 
 /**
@@ -354,6 +440,18 @@ var AuthType;
      */
     AuthType["Basic"] = "Basic";
 })(AuthType || (AuthType = {}));
+var HomeLeftNavItem;
+(function (HomeLeftNavItem) {
+    HomeLeftNavItem["QueryBuilder"] = "query-builder";
+    HomeLeftNavItem["Home"] = "insights-home";
+    HomeLeftNavItem["Liveboards"] = "liveboards";
+    HomeLeftNavItem["Answers"] = "answers";
+    HomeLeftNavItem["MonitorSubscription"] = "monitor-alerts";
+    HomeLeftNavItem["SpotIQAnalysis"] = "spotiq-analysis";
+    HomeLeftNavItem["Tutorials"] = "tutorials";
+    HomeLeftNavItem["Documentation"] = "documentation";
+    HomeLeftNavItem["Community"] = "community";
+})(HomeLeftNavItem || (HomeLeftNavItem = {}));
 /**
  * A map of the supported runtime filter operations
  */
@@ -417,6 +515,37 @@ var RuntimeFilterOp;
      */
     RuntimeFilterOp["IN"] = "IN";
 })(RuntimeFilterOp || (RuntimeFilterOp = {}));
+/**
+ * Home page module that can be hide
+ */
+// eslint-disable-next-line no-shadow
+var HomepageModule;
+(function (HomepageModule) {
+    /**
+     * Search bar
+     */
+    HomepageModule["Search"] = "SEARCH";
+    /**
+     * kPI watchlist module
+     */
+    HomepageModule["Watchlist"] = "WATCHLIST";
+    /**
+     * favorite objects
+     */
+    HomepageModule["Favorite"] = "FAVORITE";
+    /**
+     * List of answers and liveboards
+     */
+    HomepageModule["MyLibrary"] = "MY_LIBRARY";
+    /**
+     * Trending list
+     */
+    HomepageModule["Trending"] = "TRENDING";
+    /**
+     * Learning videos
+     */
+    HomepageModule["Learning"] = "LEARNING";
+})(HomepageModule || (HomepageModule = {}));
 /**
  * Event types emitted by the embedded ThoughtSpot application.
  *
@@ -843,23 +972,74 @@ var EmbedEvent;
      */
     EmbedEvent["InsertIntoSlide"] = "insertInToSlide";
     /**
+     * @hidden
      * Emitted when a user changes any filter on a Liveboard.
-     *
      * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
      */
     EmbedEvent["FilterChanged"] = "filterChanged";
     /**
      *  Emitted when a user click on Go button in Sage Embed
      *
-     * @version SDK : 1.27.0 | Thoughtspot: 9.7.0.cl
+     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
      */
     EmbedEvent["SageEmbedQuery"] = "sageEmbedQuery";
     /**
      * Emitten when a user select data source in Sage Embed
      *
-     * @version SDK : 1.27.0 | Thoughtspot: 9.7.0.cl
+     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
      */
     EmbedEvent["SageWorksheetUpdated"] = "sageWorksheetUpdated";
+    /**
+     * Emitten when a user updates a connection in Data tab
+     *
+     * @version SDK : 1.27.0 | Thoughtspot: 9.8.0.cl
+     */
+    EmbedEvent["UpdateConnection"] = "updateConnection";
+    /**
+     * Emitted when name, status (private or public) or filter values of a
+     * PersonalisedView is updated.
+     *
+     * @returns viewName: string
+     * @returns viewId: string
+     * @returns liveboardId: string
+     * @returns isPublic: boolean
+     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+     */
+    EmbedEvent["UpdatePersonalisedView"] = "updatePersonalisedView";
+    /**
+     * Emitted when a PersonalisedView is saved.
+     *
+     * @returns viewName: string
+     * @returns viewId: string
+     * @returns liveboardId: string
+     * @returns isPublic: boolean
+     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+     */
+    EmbedEvent["SavePersonalisedView"] = "savePersonalisedView";
+    /**
+     * Emitted when a Liveboard is reset.
+     *
+     * @returns viewName: string
+     * @returns viewId: string
+     * @returns liveboardId: string
+     * @returns isPublic: boolean
+     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+     */
+    EmbedEvent["ResetLiveboard"] = "resetLiveboard";
+    /**
+     * Emitted when a PersonalisedView is deleted.
+     *
+     * @returns views: string[]
+     * @returns liveboardId: string
+     * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+     */
+    EmbedEvent["DeletePersonalisedView"] = "deletePersonalisedView";
+    /**
+     * Emitten when a user creates a new worksheet
+     *
+     * @version SDK : 1.27.0 | Thoughtspot: 9.8.0.cl
+     */
+    EmbedEvent["CreateWorksheet"] = "createWorksheet";
 })(EmbedEvent || (EmbedEvent = {}));
 /**
  * Event types that can be triggered by the host application
@@ -1504,16 +1684,16 @@ var HostEvent;
      */
     HostEvent["ResetSearch"] = "resetSearch";
     /**
+     * @hidden
      * Gets the currents visible and runtime filters applied on a Liveboard
-     *
      * @example
      * liveboardEmbed.trigger(HostEvent.GetFilters)
      * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
      */
     HostEvent["GetFilters"] = "getFilters";
     /**
+     * @hidden
      * Updates the visible filters on the Liveboard.
-     *
      * @param - filter: filter object containing column name and filter operation and values
      * @example
      *
@@ -1670,6 +1850,9 @@ var Param;
     Param["HideSampleQuestions"] = "hideSampleQuestions";
     Param["WorksheetId"] = "worksheet";
     Param["Query"] = "query";
+    Param["HideHomepageLeftNav"] = "hideHomepageLeftNav";
+    Param["ModularHomeExperienceEnabled"] = "modularHomeExperience";
+    Param["PendoTrackingKey"] = "additionalPendoKey";
 })(Param || (Param = {}));
 /**
  * ThoughtSpot application pages include actions and menu commands
@@ -2174,7 +2357,7 @@ var Action;
      * disabledActions: [Action.QueryDetailsButtons]
      * ```
      */
-    Action["QueryDetailsButtons"] = "QueryDetailsButtons";
+    Action["QueryDetailsButtons"] = "queryDetailsButtons";
     /**
      * The **Delete** action for Answers.
      *
@@ -2479,13 +2662,36 @@ var Action;
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
      */
     Action["ModifySageAnswer"] = "modifySageAnswer";
+    /**
+     * The **Move to Tab** menu action on visualizations in liveboard edit mode.
+     * Allows moving a visualization to a different tab.
+     *
+     * @example
+     * ```js
+     * disabledActions: [Action.MoveToTab]
+     * ```
+     */
+    Action["MoveToTab"] = "onContainerMove";
+    /**
+     * The **Manage Alertsb** menu action on KPI visualizations.
+     *
+     * @example
+     * ```js
+     * disabledActions: [Action.ManageMonitor]
+     * ```
+     */
+    Action["ManageMonitor"] = "ManageMonitor";
+    /**
+     * Action ID for Liveboard Personalised Views dropdown
+     *
+     *  @example
+     * ```js
+     * disabledActions: [Action.PersonalisedViewsDropdown]
+     * ```
+     *  @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+     */
+    Action["PersonalisedViewsDropdown"] = "personalisedViewsDropdown";
 })(Action || (Action = {}));
-// eslint-disable-next-line no-shadow
-var OperationType;
-(function (OperationType) {
-    OperationType["GetChartWithData"] = "GetChartWithData";
-    OperationType["GetTableWithHeadlineData"] = "GetTableWithHeadlineData";
-})(OperationType || (OperationType = {}));
 var PrefetchFeatures;
 (function (PrefetchFeatures) {
     PrefetchFeatures["FullApp"] = "FullApp";
@@ -8558,6 +8764,7 @@ var mixpanel$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE
 
 // Needed to avoid error in CJS builds on some bundlers.
 const mixpanelLib = mixpanel_cjs || mixpanel$1;
+let mixpanelInstance;
 const MIXPANEL_EVENT = {
     VISUAL_SDK_RENDER_START: 'visual-sdk-render-start',
     VISUAL_SDK_CALLED_INIT: 'visual-sdk-called-init',
@@ -8566,6 +8773,7 @@ const MIXPANEL_EVENT = {
     VISUAL_SDK_TRIGGER: 'visual-sdk-trigger',
     VISUAL_SDK_ON: 'visual-sdk-on',
     VISUAL_SDK_IFRAME_LOAD_PERFORMANCE: 'visual-sdk-iframe-load-performance',
+    VISUAL_SDK_EMBED_CREATE: 'visual-sdk-embed-create',
 };
 let isMixpanelInitialized = false;
 let eventQueue = [];
@@ -8580,7 +8788,7 @@ function uploadMixpanelEvent(eventId, eventProps = {}) {
         eventQueue.push({ eventId, eventProps });
         return;
     }
-    mixpanelLib.track(eventId, eventProps);
+    mixpanelInstance.track(eventId, eventProps);
 }
 /**
  *
@@ -8599,6 +8807,7 @@ function emptyQueue() {
  * @param sessionInfo
  */
 function initMixpanel(sessionInfo) {
+    var _a;
     if (!sessionInfo || !sessionInfo.mixpanelToken) {
         return;
     }
@@ -8608,10 +8817,16 @@ function initMixpanel(sessionInfo) {
     const token = sessionInfo.mixpanelToken;
     try {
         if (token) {
-            mixpanelLib.init(token);
+            mixpanelInstance = mixpanelLib.init(token, undefined, 'tsEmbed');
             if (!isPublicCluster) {
-                mixpanelLib.identify(sessionInfo.userGUID);
+                mixpanelInstance.identify(sessionInfo.userGUID);
             }
+            mixpanelInstance.register_once({
+                clusterId: sessionInfo.clusterId,
+                clusterName: sessionInfo.clusterName,
+                releaseVersion: sessionInfo.releaseVersion,
+                hostAppUrl: ((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.host) || '',
+            });
             isMixpanelInitialized = true;
             emptyQueue();
         }
@@ -9103,12 +9318,12 @@ var _baseGetTag = baseGetTag;
  * _.isObject(null);
  * // => false
  */
-function isObject(value) {
+function isObject$1(value) {
   var type = typeof value;
   return value != null && (type == 'object' || type == 'function');
 }
 
-var isObject_1 = isObject;
+var isObject_1 = isObject$1;
 
 /** `Object#toString` result references. */
 var asyncTag = '[object AsyncFunction]',
@@ -9939,9 +10154,9 @@ function cacheHas(cache, key) {
 var _cacheHas = cacheHas;
 
 /* Built-in method references that are verified to be native. */
-var Set = _getNative(_root, 'Set');
+var Set$1 = _getNative(_root, 'Set');
 
-var _Set = Set;
+var _Set = Set$1;
 
 /**
  * This method returns `undefined`.
@@ -10329,6 +10544,9 @@ const getSessionDetails = (sessionInfoResp) => {
         userGUID: sessionInfoResp.userGUID,
         mixpanelToken,
         isPublicUser: sessionInfoResp.configInfo.isPublicUser,
+        releaseVersion: sessionInfoResp.releaseVersion,
+        clusterId: sessionInfoResp.configInfo.selfClusterId,
+        clusterName: sessionInfoResp.configInfo.selfClusterName,
         ...sessionInfoResp,
     };
 };
@@ -10734,9 +10952,9 @@ const init = (embedConfig) => {
     const authEE = new eventemitter3();
     setAuthEE(authEE);
     handleAuth();
+    const { password, ...configToTrack } = config;
     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
-        authType: config.authType,
-        host: config.thoughtSpotHost,
+        ...configToTrack,
         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,
@@ -10793,8 +11011,10 @@ const renderInQueue = (fn) => {
 };
 /**
  * Imports TML representation of the metadata objects into ThoughtSpot.
+ *
  * @param data
  * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+ * @group Global methods
  */
 const executeTML = async (data) => {
     const { thoughtSpotHost, authType } = config;
@@ -10837,9 +11057,12 @@ const executeTML = async (data) => {
     });
 };
 /**
- * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML format.
+ * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML
+ * format.
+ *
  * @param data
  * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
+ * @group Global methods
  */
 const exportTML = async (data) => {
     const { thoughtSpotHost, authType } = config;
@@ -10885,58 +11108,351 @@ const exportTML = async (data) => {
 
 /**
  *
- * @param session
- * @param query
- * @param operation
+ * @param root0
+ * @param root0.query
+ * @param root0.variables
+ * @param root0.thoughtSpotHost
+ * @param root0.isCompositeQuery
+ */
+async function graphqlQuery({ query, variables, thoughtSpotHost, isCompositeQuery = false, }) {
+    const operationName = getOperationNameFromQuery(query);
+    try {
+        const response = await fetch(`${thoughtSpotHost}/prism/?op=${operationName}`, {
+            method: 'POST',
+            headers: {
+                'content-type': 'application/json;charset=UTF-8',
+                'x-requested-by': 'ThoughtSpot',
+                accept: '*/*',
+                'accept-language': 'en-us',
+            },
+            body: JSON.stringify({
+                operationName,
+                query,
+                variables,
+            }),
+            credentials: 'include',
+        });
+        const result = await response.json();
+        const dataValues = Object.values(result.data);
+        return (isCompositeQuery) ? result.data : dataValues[0];
+    }
+    catch (error) {
+        return error;
+    }
+}
+
+const getSourceDetailQuery = `
+    query GetSourceDetail($ids: [GUID!]!) {
+        getSourceDetailById(ids: $ids, type: LOGICAL_TABLE) {
+        id
+        name
+        description
+        authorName
+        authorDisplayName
+        isExternal
+        type
+        created
+        modified
+        columns {
+            id
+            name
+            author
+            authorDisplayName
+            description
+            dataType
+            type
+            modified
+            ownerName
+            owner
+            dataRecency
+            sources {
+            tableId
+            tableName
+            columnId
+            columnName
+            __typename
+            }
+            synonyms
+            cohortAnswerId
+            __typename
+        }
+        relationships
+        destinationRelationships
+        dataSourceId
+        __typename
+        }
+    }  
+`;
+const sourceDetailCache = new Map();
+/**
+ *
  * @param thoughtSpotHost
+ * @param sourceId
  */
-function getAnswerServiceInstance(session, query, operation, thoughtSpotHost) {
-    let variable;
-    const fetchQuery = async (variables) => {
-        try {
-            const response = await fetch(`${thoughtSpotHost}/prism/?op=${operation}`, {
-                method: 'POST',
-                headers: {
-                    'content-type': 'application/json;charset=UTF-8',
-                    'x-requested-by': 'ThoughtSpot',
-                    accept: '*/*',
-                    'accept-language': 'en-us',
-                },
-                body: JSON.stringify({
-                    operationName: operation,
-                    query,
-                    variables,
-                }),
-                credentials: 'include',
-            });
-            const result = await response.json();
-            return result.data;
+async function getSourceDetail(thoughtSpotHost, sourceId) {
+    if (sourceDetailCache.has(sourceId)) {
+        return sourceDetailCache.get(sourceId);
+    }
+    const details = await graphqlQuery({
+        query: getSourceDetailQuery,
+        variables: {
+            ids: [sourceId],
+        },
+        thoughtSpotHost,
+    });
+    const souceDetails = details[0];
+    sourceDetailCache.set(sourceId, souceDetails);
+    return souceDetails;
+}
+
+const bachSessionId = `
+id {
+    sessionId
+    genNo
+    acSession {
+        sessionId
+        genNo
+    }
+}
+`;
+const getUnaggregatedAnswerSession = `
+mutation GetUnAggregatedAnswerSession($session: BachSessionIdInput!, $columns: [UserPointSelectionInput!]!) {
+    Answer__getUnaggregatedAnswer(session: $session, columns: $columns) {
+        ${bachSessionId}
+        answer {
+            visualizations {
+                ... on TableViz {
+                    columns {
+                        column {
+                            id
+                            name
+                            referencedColumns {
+                                guid
+                                displayName
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}  
+`;
+const removeColumns = `
+mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!], $columnIds: [GUID!]) {
+    Answer__removeColumns(
+        session: $session
+        logicalColumnIds: $logicalColumnIds
+        columnIds: $columnIds
+        ) {
+            ${bachSessionId}
+    }
+}
+    `;
+const addColumns = `
+    mutation AddColumns($session: BachSessionIdInput!, $columns: [AnswerColumnInfo!]!) {
+        Answer__addColumn(session: $session, columns: $columns) {
+            ${bachSessionId}
+        }
+    }
+    `;
+const getAnswerData = `
+    query GetTableWithHeadlineData($session: BachSessionIdInput!, $deadline: Int!, $dataPaginationParams: DataPaginationParamsInput!) {
+        getAnswer(session: $session) {
+            ${bachSessionId}
+            answer {
+                id
+                visualizations {
+                    id
+                    ... on TableViz {
+                        columns {
+                            column {
+                                id
+                                name
+                                type
+                                aggregationType
+                                dataType
+                            }
+                        }
+                        data(deadline: $deadline, pagination: $dataPaginationParams)
+                    }          
+                }
+            }
+        }
+    }
+`;
+
+// eslint-disable-next-line no-shadow
+var OperationType;
+(function (OperationType) {
+    OperationType["GetChartWithData"] = "GetChartWithData";
+    OperationType["GetTableWithHeadlineData"] = "GetTableWithHeadlineData";
+})(OperationType || (OperationType = {}));
+/**
+ * Class representing the answer service provided with the
+ * custom action payload. This service could be used to run
+ * graphql queries in the context of the answer on which the
+ * custom action was triggered.
+ *
+ * @example
+ * ```js
+ *  embed.on(EmbedEvent.CustomAction, e => {
+ *     const underlying = await e.answerService.getUnderlyingDataForPoint([
+ *       'col name 1'
+ *     ]);
+ *     const data = await underlying.fetchData(0, 100);
+ *  })
+ * ```
+ * @version
+ * ThoughtSpot: 9.9.0.cl / SDK: 1.25.0
+ */
+class AnswerService {
+    constructor(session, answer, thoughtSpotHost, selectedPoints) {
+        this.session = session;
+        this.answer = answer;
+        this.thoughtSpotHost = thoughtSpotHost;
+        this.selectedPoints = selectedPoints;
+        this.session = removeTypename(session);
+    }
+    async getSourceDetail() {
+        const sourceId = this.answer.sources[0].header.guid;
+        return getSourceDetail(this.thoughtSpotHost, sourceId);
+    }
+    async removeColumns(columnIds) {
+        return this.executeQuery(removeColumns, {
+            logicalColumnIds: columnIds,
+        });
+    }
+    async addColumns(columnIds) {
+        return this.executeQuery(addColumns, {
+            columns: columnIds.map((colId) => ({ logicalColumnId: colId })),
+        });
+    }
+    async fetchData(offset = 0, size = 1000) {
+        const { answer } = await this.executeQuery(getAnswerData, {
+            deadline: 0,
+            dataPaginationParams: {
+                isClientPaginated: true,
+                offset,
+                size,
+            },
+        });
+        const { columns, data } = answer.visualizations[0];
+        return {
+            columns,
+            data,
+        };
+    }
+    /**
+     *
+     * @param userLocale
+     * @param omitInfo Omit the download Info on top of the CSV
+     * @returns Response
+     */
+    async fetchCSVBlob(userLocale = 'en-us', omitInfo = false) {
+        if (omitInfo) {
+            console.warn('omitInfo not supported yet.');
         }
-        catch (error) {
-            return error;
+        const fetchUrl = `${this.thoughtSpotHost}/prism/download/answer/csv?sessionId=${this.session.sessionId}&genNo=${this.session.genNo}&userLocale=${userLocale}&exportFileName=data&omitInfo=${omitInfo}`;
+        return fetch(fetchUrl, {
+            credentials: 'include',
+        });
+    }
+    async getUnderlyingDataForPoint(outputColumnNames, selectedPoints) {
+        if (!selectedPoints && !this.selectedPoints) {
+            throw new Error('Needs to be triggered in context of a point');
         }
-    };
-    const fetchData = (offset, batchSize) => {
-        if (operation === OperationType.GetChartWithData) {
-            variable = { batchSize, offset: offset * batchSize };
+        if (!selectedPoints) {
+            selectedPoints = getSelectedPointsForUnderlyingDataQuery(this.selectedPoints);
+        }
+        const sourceDetail = await this.getSourceDetail();
+        const ouputColumnGuids = getGuidsFromColumnNames(sourceDetail, outputColumnNames);
+        const unAggAnswer = await graphqlQuery({
+            query: getUnaggregatedAnswerSession,
+            variables: {
+                session: this.session,
+                columns: selectedPoints,
+            },
+            thoughtSpotHost: this.thoughtSpotHost,
+        });
+        const unaggAnswerSession = new AnswerService(unAggAnswer.id, unAggAnswer.answer, this.thoughtSpotHost);
+        const currentColumns = new Set(unAggAnswer.answer.visualizations[0].columns
+            .map((c) => c.column.referencedColumns[0].guid));
+        const columnsToAdd = [...ouputColumnGuids].filter((col) => !currentColumns.has(col));
+        if (columnsToAdd.length) {
+            await unaggAnswerSession.addColumns(columnsToAdd);
+        }
+        const columnsToRemove = [...currentColumns].filter((col) => !ouputColumnGuids.has(col));
+        if (columnsToRemove.length) {
+            await unaggAnswerSession.removeColumns(columnsToRemove);
+        }
+        return unaggAnswerSession;
+    }
+    async executeQuery(query, variables) {
+        const data = await graphqlQuery({
+            query,
+            variables: {
+                session: this.session,
+                ...variables,
+            },
+            thoughtSpotHost: this.thoughtSpotHost,
+            isCompositeQuery: false,
+        });
+        this.session = deepMerge(this.session, (data === null || data === void 0 ? void 0 : data.id) || {});
+        return data;
+    }
+    getSession() {
+        return this.session;
+    }
+}
+/**
+ *
+ * @param sourceDetail
+ * @param colNames
+ */
+function getGuidsFromColumnNames(sourceDetail, colNames) {
+    const cols = sourceDetail.columns.reduce((colSet, col) => {
+        colSet[col.name] = col;
+        return colSet;
+    }, {});
+    return new Set(colNames.map((colName) => {
+        const col = cols[colName];
+        return col.id;
+    }));
+}
+/**
+ *
+ * @param selectedPoints
+ */
+function getSelectedPointsForUnderlyingDataQuery(selectedPoints) {
+    const underlyingDataPoint = [];
+    /**
+     *
+     * @param colVal
+     */
+    function addPointFromColVal(colVal) {
+        const dataType = colVal.column.dataType;
+        const id = colVal.column.id;
+        let dataValue;
+        if (dataType === 'DATE') {
+            dataValue = [{
+                    epochRange: {
+                        startEpoch: colVal.value,
+                    },
+                }];
         }
         else {
-            variable = {
-                dataPaginationParams: {
-                    isClientPaginated: true,
-                    offset: offset * batchSize,
-                    size: batchSize,
-                },
-            };
+            dataValue = [{ value: colVal.value }];
         }
-        return fetchQuery({
-            session,
-            ...variable,
+        underlyingDataPoint.push({
+            columnId: colVal.column.id,
+            dataValue,
         });
-    };
-    return {
-        fetchData,
-    };
+    }
+    selectedPoints.forEach((p) => {
+        p.selectedAttributes.forEach(addPointFromColVal);
+    });
+    return underlyingDataPoint;
 }
 
 /**
@@ -10945,16 +11461,12 @@ function getAnswerServiceInstance(session, query, operation, thoughtSpotHost) {
  * @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)) {
-        const { session, query, operation } = e.data;
-        const answerService = getAnswerServiceInstance(session, query, operation, thoughtSpotHost);
-        return {
-            ...e,
-            answerService,
-        };
-    }
-    return e;
+    const { session, embedAnswerData, contextMenuPoints } = e.data;
+    const answerService = new AnswerService(session, embedAnswerData, thoughtSpotHost, contextMenuPoints === null || contextMenuPoints === void 0 ? void 0 : contextMenuPoints.selectedPoints);
+    return {
+        ...e,
+        answerService,
+    };
 }
 /**
  *
@@ -11099,7 +11611,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-sage.3";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/**","cjs/**"];var exports={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.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-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",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","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && 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",tslib:"^2.5.3","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","@rollup/plugin-replace":"^5.0.2","@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","current-git-branch":"^1.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,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.24.1";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/**","cjs/**"];var exports={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.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-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",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","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","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",tslib:"^2.5.3","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","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@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","current-git-branch":"^1.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-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",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,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],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
@@ -11131,6 +11643,7 @@ const V1EventMap = {};
 class TsEmbed {
     constructor(domSelector, viewConfig) {
         this.isAppInitialized = false;
+        this.embedComponentType = 'TsEmbed';
         /**
          * Should we encode URL Query Params using base64 encoding which thoughtspot
          * will generate for embedding. This provides additional security to
@@ -11147,6 +11660,7 @@ class TsEmbed {
          * @param responder
          */
         this.appInitCb = async (_, responder) => {
+            var _a, _b;
             let authToken = '';
             if (this.embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
                 authToken = await getAuthenticaionToken(this.embedConfig);
@@ -11157,8 +11671,15 @@ class TsEmbed {
                 data: {
                     customisations: getCustomisations(this.embedConfig, this.viewConfig),
                     authToken,
-                    runtimeFilterParams: getRuntimeFilters(this.viewConfig.runtimeFilters),
+                    runtimeFilterParams: this.viewConfig.excludeRuntimeFiltersfromURL
+                        ? getRuntimeFilters(this.viewConfig.runtimeFilters)
+                        : null,
+                    hiddenHomepageModules: this.viewConfig.hiddenHomepageModules || [],
+                    reorderedHomepageModules: this.viewConfig.reorderedHomepageModules || [],
                     hostConfig: this.embedConfig.hostConfig,
+                    hiddenHomeLeftNavItems: ((_a = this.viewConfig) === null || _a === void 0 ? void 0 : _a.hiddenHomeLeftNavItems)
+                        ? (_b = this.viewConfig) === null || _b === void 0 ? void 0 : _b.hiddenHomeLeftNavItems
+                        : [],
                 },
             });
         };
@@ -11186,8 +11707,8 @@ class TsEmbed {
          * Register APP_INIT event and sendback init payload
          */
         this.registerAppInit = () => {
-            this.on(EmbedEvent.APP_INIT, this.appInitCb);
-            this.on(EmbedEvent.AuthExpire, this.updateAuthToken);
+            this.on(EmbedEvent.APP_INIT, this.appInitCb, { start: false }, true);
+            this.on(EmbedEvent.AuthExpire, this.updateAuthToken, { start: false }, true);
         };
         this.el = getDOMNode(domSelector);
         // TODO: handle error
@@ -11202,6 +11723,10 @@ class TsEmbed {
         this.viewConfig = viewConfig;
         this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
         this.registerAppInit();
+        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
+            ...viewConfig,
+            embedComponentType: this.embedComponentType,
+        });
     }
     /**
      * Throws error encountered during initialization.
@@ -11332,6 +11857,9 @@ class TsEmbed {
         if (this.embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
             queryParams[Param.cookieless] = true;
         }
+        if (this.embedConfig.pendoTrackingKey) {
+            queryParams[Param.PendoTrackingKey] = this.embedConfig.pendoTrackingKey;
+        }
         const { disabledActions, disabledActionReason, hiddenActions, visibleActions, hiddenTabs, visibleTabs, showAlerts, additionalFlags, locale, customizations, contextMenuTrigger, linkOverride, insertInToSlide, hideLiveboardHeader, showLiveboardDescription, showLiveboardTitle, } = this.viewConfig;
         if (Array.isArray(visibleActions) && Array.isArray(hiddenActions)) {
             this.handleError('You cannot have both hidden actions and visible actions');
@@ -11484,7 +12012,6 @@ class TsEmbed {
                     this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                     return;
                 }
-                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
                 this.iFrame = this.iFrame || this.createIframeEl(url);
                 this.iFrame.addEventListener('load', () => {
                     nextInQueue();
@@ -11495,7 +12022,9 @@ class TsEmbed {
                         },
                         type: EmbedEvent.Load,
                     });
-                    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_IFRAME_LOAD_PERFORMANCE, {
+                    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE, {
+                        elWidth: this.iFrame.clientWidth,
+                        elHeight: this.iFrame.clientHeight,
                         timeTookToLoad: loadTimestamp - initTimestamp,
                     });
                 });
@@ -11638,6 +12167,8 @@ class TsEmbed {
      * @param messageType The message type
      * @param callback A callback as a function
      * @param options The message options
+     * @param isSelf
+     * @param isRegisteredBySDK
      * @example
      * ```js
      * tsEmbed.on(EmbedEvent.Error, (data) => {
@@ -11653,7 +12184,10 @@ class TsEmbed {
      * });
      * ```
      */
-    on(messageType, callback, options = { start: false }) {
+    on(messageType, callback, options = { start: false }, isRegisteredBySDK = false) {
+        uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`, {
+            isRegisteredBySDK,
+        });
         if (this.isRendered) {
             this.handleError('Please register event handlers before calling render');
         }
@@ -11810,8 +12344,10 @@ class V1Embed extends TsEmbed {
         let queryString = queryParams;
         if (!this.viewConfig.excludeRuntimeFiltersfromURL) {
             const runtimeFilters = this.viewConfig.runtimeFilters;
+            const runtimeParameters = this.viewConfig.runtimeParameters;
+            const parameterQuery = getRuntimeParameters(runtimeParameters || []);
             const filterQuery = getFilterQuery(runtimeFilters || []);
-            queryString = [filterQuery, queryParams].filter(Boolean).join('&');
+            queryString = [parameterQuery, filterQuery, queryParams].filter(Boolean).join('&');
         }
         return this.getV1EmbedBasePath(queryString);
     }
@@ -11834,7 +12370,6 @@ class V1Embed extends TsEmbed {
      */
     on(messageType, callback, options = { start: false }) {
         const eventType = this.getCompatibleEventType(messageType);
-        uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`);
         return super.on(eventType, callback, options);
     }
 }
@@ -11894,6 +12429,7 @@ class AppEmbed extends V1Embed {
     constructor(domSelector, viewConfig) {
         super(domSelector, viewConfig);
         this.defaultHeight = '100%';
+        this.embedComponentType = 'AppEmbed';
         /**
          * Set the iframe height as per the computed height received
          * from the ThoughtSpot app.
@@ -11925,7 +12461,7 @@ class AppEmbed extends V1Embed {
      * embedded Liveboard or visualization.
      */
     getEmbedParams() {
-        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, hideApplicationSwitcher, hideOrgSwitcher, enableSearchAssist, fullHeight, dataPanelV2 = false, } = this.viewConfig;
+        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, hideApplicationSwitcher, hideOrgSwitcher, enableSearchAssist, fullHeight, dataPanelV2 = false, hideHomepageLeftNav = false, modularHomeExperience = false, } = this.viewConfig;
         let params = {};
         params[Param.EmbedApp] = true;
         params[Param.PrimaryNavHidden] = !showPrimaryNavbar;
@@ -11949,6 +12485,8 @@ class AppEmbed extends V1Embed {
             params[Param.EnableSearchAssist] = enableSearchAssist;
         }
         params[Param.DataPanelV2Enabled] = dataPanelV2;
+        params[Param.HideHomepageLeftNav] = hideHomepageLeftNav;
+        params[Param.ModularHomeExperienceEnabled] = modularHomeExperience;
         const queryParams = getQueryParamString(params, true);
         return queryParams;
     }
@@ -11958,8 +12496,8 @@ class AppEmbed extends V1Embed {
      * @param pageId The ID of the page to be embedded.
      */
     getIFrameSrc() {
-        const { pageId, path } = this.viewConfig;
-        const pageRoute = this.formatPath(path) || this.getPageRoute(pageId);
+        const { pageId, path, modularHomeExperience } = this.viewConfig;
+        const pageRoute = this.formatPath(path) || this.getPageRoute(pageId, modularHomeExperience);
         let url = `${this.getRootIframeSrc()}/${pageRoute}`;
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();
         url = `${url}${tsPostHashParams}`;
@@ -11969,21 +12507,22 @@ class AppEmbed extends V1Embed {
      * Gets the ThoughtSpot route of the page for a particular page ID.
      *
      * @param pageId The identifier for a page in the ThoughtSpot app.
+     * @param modularHomeExperience
      */
-    getPageRoute(pageId) {
+    getPageRoute(pageId, modularHomeExperience = false) {
         switch (pageId) {
             case Page.Search:
                 return 'answer';
             case Page.Answers:
-                return 'answers';
+                return modularHomeExperience ? 'home/answers' : 'answers';
             case Page.Liveboards:
-                return 'pinboards';
+                return modularHomeExperience ? 'home/liveboards' : 'pinboards';
             case Page.Pinboards:
-                return 'pinboards';
+                return modularHomeExperience ? 'home/liveboards' : 'pinboards';
             case Page.Data:
                 return 'data/tables';
             case Page.SpotIQ:
-                return 'insights/results';
+                return modularHomeExperience ? 'home/spotiq-analysis' : 'insights/results';
             case Page.Home:
             default:
                 return 'home';
@@ -12080,6 +12619,7 @@ class LiveboardEmbed extends V1Embed {
     constructor(domSelector, viewConfig) {
         super(domSelector, viewConfig);
         this.defaultHeight = 500;
+        this.embedComponentType = 'LiveboardEmbed';
         /**
          * Set the iframe height as per the computed height received
          * from the ThoughtSpot app.
@@ -12112,7 +12652,7 @@ class LiveboardEmbed extends V1Embed {
         let params = {};
         params[Param.EmbedApp] = true;
         params = this.getBaseQueryParams(params);
-        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, } = this.viewConfig;
+        const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, runtimeParameters, } = this.viewConfig;
         const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
             || this.viewConfig.preventPinboardFilterRemoval;
         if (fullHeight === true) {
@@ -12140,7 +12680,10 @@ class LiveboardEmbed extends V1Embed {
         if (hideTabPanel) {
             params[Param.HideTabPanel] = hideTabPanel;
         }
-        const queryParams = getQueryParamString(params, true);
+        let queryParams = getQueryParamString(params, true);
+        const parameterQuery = getRuntimeParameters(runtimeParameters || []);
+        if (parameterQuery)
+            queryParams += `&${parameterQuery}`;
         return queryParams;
     }
     getIframeSuffixSrc(liveboardId, vizId, activeTabId) {
@@ -12246,6 +12789,7 @@ const HiddenActionItemByDefaultForSearchEmbed = [
 class SearchEmbed extends TsEmbed {
     constructor(domSelector, viewConfig) {
         super(domSelector);
+        this.embedComponentType = 'SearchEmbed';
         this.viewConfig = viewConfig;
     }
     /**
@@ -12264,7 +12808,7 @@ class SearchEmbed extends TsEmbed {
     }
     getEmbedParams() {
         var _a;
-        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, dataPanelV2 = false, } = this.viewConfig;
+        const { hideResults, expandAllDataSource, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, dataPanelV2 = false, useLastSelectedSources = false, runtimeParameters, } = this.viewConfig;
         const queryParams = this.getBaseQueryParams();
         queryParams[Param.HideActions] = [
             ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
@@ -12293,13 +12837,19 @@ class SearchEmbed extends TsEmbed {
         }
         queryParams[Param.DataPanelV2Enabled] = dataPanelV2;
         queryParams[Param.DataSourceMode] = this.getDataSourceMode();
-        queryParams[Param.UseLastSelectedDataSource] = false;
+        queryParams[Param.UseLastSelectedDataSource] = useLastSelectedSources;
+        if (dataSource || dataSources) {
+            queryParams[Param.UseLastSelectedDataSource] = false;
+        }
         queryParams[Param.searchEmbed] = true;
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
         if (queryParamsString) {
             query = `?${queryParamsString}`;
         }
+        const parameterQuery = getRuntimeParameters(runtimeParameters || []);
+        if (parameterQuery)
+            query += `&${parameterQuery}`;
         const filterQuery = getFilterQuery(runtimeFilters || []);
         if (filterQuery && !excludeRuntimeFiltersfromURL) {
             query += `&${filterQuery}`;
@@ -12344,6 +12894,7 @@ class SearchEmbed extends TsEmbed {
 class SearchBarEmbed extends TsEmbed {
     constructor(domSelector, viewConfig) {
         super(domSelector);
+        this.embedComponentType = 'SearchBarEmbed';
         this.viewConfig = viewConfig;
     }
     /**
@@ -12354,7 +12905,7 @@ class SearchBarEmbed extends TsEmbed {
      */
     getIFrameSrc() {
         var _a;
-        const { searchOptions, dataSource, dataSources } = this.viewConfig;
+        const { searchOptions, dataSource, dataSources, useLastSelectedSources = false, } = this.viewConfig;
         const path = 'search-bar-embed';
         const queryParams = this.getBaseQueryParams();
         queryParams[Param.HideActions] = [...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : [])];
@@ -12370,7 +12921,10 @@ class SearchBarEmbed extends TsEmbed {
                 queryParams[Param.executeSearch] = true;
             }
         }
-        queryParams[Param.UseLastSelectedDataSource] = false;
+        queryParams[Param.UseLastSelectedDataSource] = useLastSelectedSources;
+        if (dataSource || dataSources) {
+            queryParams[Param.UseLastSelectedDataSource] = false;
+        }
         queryParams[Param.searchEmbed] = true;
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
@@ -12419,6 +12973,7 @@ class SageEmbed extends V1Embed {
     // eslint-disable-next-line no-useless-constructor
     constructor(domSelector, viewConfig) {
         super(domSelector, viewConfig);
+        this.embedComponentType = 'SageEmbed';
     }
     /**
      * Constructs a map of parameters to be passed on to the
@@ -12480,4 +13035,4 @@ class SageEmbed extends V1Embed {
     }
 }
 
-export { Action, AppEmbed, AuthEvent, AuthFailureType, AuthStatus, AuthType, ContextMenuTriggerOptions, DataSourceVisualMode, EmbedEvent, HostEvent, LiveboardEmbed, Page, PinboardEmbed, PrefetchFeatures, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, executeTML, exportTML, getEmbedConfig as getInitConfig, getSessionInfo, init, logout$1 as logout, prefetch };
+export { Action, AnswerService, AppEmbed, AuthEvent, AuthFailureType, AuthStatus, AuthType, ContextMenuTriggerOptions, DataSourceVisualMode, EmbedEvent, HomeLeftNavItem, HomepageModule, HostEvent, LiveboardEmbed, Page, PinboardEmbed, PrefetchFeatures, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, executeTML, exportTML, getEmbedConfig as getInitConfig, getSessionInfo, init, logout$1 as logout, prefetch };