@thoughtspot/visual-embed-sdk 1.6.0-alpha.2 → 1.6.2

package/dist/tsembed.es.js

@@ -133,6 +133,10 @@ var AuthType;
      * SSO using SAML
      */
     AuthType["SSO"] = "SSO_SAML";
+    /**
+     * SSO using IODC
+     */
+    AuthType["IODC"] = "SSO_IODC";
     /**
      * Trusted authentication server
      */
@@ -230,12 +234,12 @@ var EmbedEvent;
      */
     EmbedEvent["Load"] = "load";
     /**
-     * Data pertaining to answer or liveboard is received
-     * @return data - The answer or liveboard data
+     * Data pertaining to answer or Liveboard is received
+     * @return data - The answer or Liveboard data
      */
     EmbedEvent["Data"] = "data";
     /**
-     * Search/answer/liveboard filters have been applied/updated
+     * Search/answer/Liveboard filters have been applied/updated
      * @hidden
      */
     EmbedEvent["FiltersChanged"] = "filtersChanged";
@@ -258,13 +262,13 @@ var EmbedEvent;
     /**
      * A custom action has been triggered
      * @return actionId - The id of the custom action
-     * @return data - The answer or liveboard data
+     * @return 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
-     * * _since: 1.5.0_
+     * @version 1.5.0 or later
      */
     EmbedEvent["VizPointDoubleClick"] = "vizPointDoubleClick";
     /**
@@ -282,8 +286,8 @@ var EmbedEvent;
      */
     EmbedEvent["AuthExpire"] = "ThoughtspotAuthExpired";
     /**
-     * The height of the embedded liveboard or visualization has been computed.
-     * @return data - The height of the embedded liveboard or visualization
+     * The height of the embedded Liveboard or visualization has been computed.
+     * @return data - The height of the embedded Liveboard or visualization
      * @hidden
      */
     EmbedEvent["EmbedHeight"] = "EMBED_HEIGHT";
@@ -295,7 +299,6 @@ var EmbedEvent;
     EmbedEvent["EmbedIframeCenter"] = "EmbedIframeCenter";
     /**
      * Detects the route change.
-     * @hidden
      */
     EmbedEvent["RouteChange"] = "ROUTE_CHANGE";
     /**
@@ -307,7 +310,7 @@ var EmbedEvent;
      * Emitted when the embed does not have cookie access. This
      * happens on Safari where third-party cookies are blocked by default.
      *
-     * @version 1.1.0
+     * @version 1.1.0 or later
      */
     EmbedEvent["NoCookieAccess"] = "noCookieAccess";
     /**
@@ -318,12 +321,12 @@ var EmbedEvent;
     EmbedEvent["SAMLComplete"] = "samlComplete";
     /**
      * Emitted when any modal is opened in the app
-     * * _since: 1.6.0_
+     * @version 1.6.0 or later
      */
     EmbedEvent["DialogOpen"] = "dialog-open";
     /**
      * Emitted when any modal is closed in the app
-     * * _since: 1.6.0_
+     * @version 1.6.0 or later
      */
     EmbedEvent["DialogClose"] = "dialog-close";
 })(EmbedEvent || (EmbedEvent = {}));
@@ -346,7 +349,7 @@ var HostEvent;
      *              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. \
-     * * _since: 1.5.0_
+     * @version 1.5.0 or later
      */
     HostEvent["DrillDown"] = "triggerDrillDown";
     /**
@@ -360,10 +363,10 @@ var HostEvent;
      */
     HostEvent["Reload"] = "reload";
     /**
-     * Set the visible Vizs on a pinboard/liveboard.
-     * @param - an array of ids of vizs to show, the ids not passed
+     * Set the visible visualizations on a Liveboard.
+     * @param - an array of ids of visualizations to show, the ids not passed
      *          will be hidden.
-     * _since: 1.6.0_
+     * @version 1.6.0 or later
      */
     HostEvent["SetVisibleVizs"] = "SetPinboardVisibleVizs";
 })(HostEvent || (HostEvent = {}));
@@ -396,6 +399,7 @@ var Param;
 (function (Param) {
     Param["DataSources"] = "dataSources";
     Param["DataSourceMode"] = "dataSourceMode";
+    Param["ExpandAllDataSource"] = "expandAllDataSource";
     Param["DisableActions"] = "disableAction";
     Param["DisableActionReason"] = "disableHint";
     Param["ForceTable"] = "forceTable";
@@ -421,7 +425,7 @@ var Param;
 })(Param || (Param = {}));
 /**
  * The list of actions that can be performed on visual ThoughtSpot
- * entities, such as answers and liveboards.
+ * entities, such as answers and Liveboards.
  */
 // eslint-disable-next-line no-shadow
 var Action;
@@ -433,11 +437,6 @@ var Action;
     Action["MakeACopy"] = "makeACopy";
     Action["EditACopy"] = "editACopy";
     Action["CopyLink"] = "embedDocument";
-    /**
-     * @hidden
-     */
-    Action["PinboardSnapshot"] = "pinboardSnapshot";
-    Action["LiveboardSnapshot"] = "liveboardSnapshot";
     Action["ResetLayout"] = "resetLayout";
     Action["Schedule"] = "schedule";
     Action["SchedulesList"] = "schedule-list";
@@ -474,7 +473,7 @@ var Action;
      * @hidden
      */
     Action["PinboardInfo"] = "pinboardInfo";
-    Action["LiveboardInfo"] = "liveboardInfo";
+    Action["LiveboardInfo"] = "pinboardInfo";
     Action["SendAnswerFeedback"] = "sendFeedback";
     /**
      * @deprecated Will be removed in next version
@@ -8503,6 +8502,7 @@ const SSO_REDIRECTION_MARKER_GUID = '5e16222e-ef02-43e9-9fbd-24226bf3ce5b';
 const EndPoints = {
     AUTH_VERIFICATION: '/callosum/v1/session/info',
     SSO_LOGIN_TEMPLATE: (targetUrl) => `/callosum/v1/saml/login?targetURLPath=${targetUrl}`,
+    IODC_LOGIN_TEMPLATE: (targetUrl) => `/callosum/v1/oidc/login?targetURLPath=${targetUrl}`,
     TOKEN_LOGIN: '/callosum/v1/session/login/token',
     BASIC_LOGIN: '/callosum/v1/session/login',
 };
@@ -8610,7 +8610,7 @@ async function samlPopupFlow(ssoURL) {
  * Perform SAML authentication
  * @param embedConfig The embed configuration
  */
-const doSamlAuth = async (embedConfig) => {
+const doSSOAuth = async (embedConfig, ssoEndPoint) => {
     const { thoughtSpotHost } = embedConfig;
     const loggedIn = await isLoggedIn(thoughtSpotHost);
     if (loggedIn) {
@@ -8627,6 +8627,15 @@ const doSamlAuth = async (embedConfig) => {
         loggedInStatus = false;
         return;
     }
+    const ssoURL = `${thoughtSpotHost}${ssoEndPoint}`;
+    if (embedConfig.noRedirect) {
+        await samlPopupFlow(ssoURL);
+        return;
+    }
+    window.location.href = ssoURL;
+};
+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.
     const ssoRedirectUrl = embedConfig.noRedirect
@@ -8634,12 +8643,18 @@ const doSamlAuth = async (embedConfig) => {
         : appendToUrlHash(window.location.href, SSO_REDIRECTION_MARKER_GUID);
     // bring back the page to the same URL
     const ssoEndPoint = `${EndPoints.SSO_LOGIN_TEMPLATE(encodeURIComponent(ssoRedirectUrl))}`;
-    const ssoURL = `${thoughtSpotHost}${ssoEndPoint}`;
-    if (embedConfig.noRedirect) {
-        await samlPopupFlow(ssoURL);
-        return;
-    }
-    window.location.href = ssoURL;
+    await doSSOAuth(embedConfig, ssoEndPoint);
+};
+const doIODCAuth = 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.
+    const ssoRedirectUrl = embedConfig.noRedirect
+        ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
+        : appendToUrlHash(window.location.href, SSO_REDIRECTION_MARKER_GUID);
+    // bring back the page to the same URL
+    const ssoEndPoint = `${EndPoints.IODC_LOGIN_TEMPLATE(encodeURIComponent(ssoRedirectUrl))}`;
+    await doSSOAuth(embedConfig, ssoEndPoint);
 };
 /**
  * Perform authentication on the ThoughtSpot cluster
@@ -8650,6 +8665,8 @@ const authenticate = async (embedConfig) => {
     switch (authType) {
         case AuthType.SSO:
             return doSamlAuth(embedConfig);
+        case AuthType.IODC:
+            return doIODCAuth(embedConfig);
         case AuthType.AuthServer:
             return doTokenAuth(embedConfig);
         case AuthType.Basic:
@@ -8845,7 +8862,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     }
 }
 
-var version="1.6.0-alpha.2";
+var name="@thoughtspot/visual-embed-sdk";var version="1.6.2";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={".":"./lib/src/index.js","./react":"./lib/src/react/index.js"};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false",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","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs && npx istanbul-merge --out ./coverage/coverage.json ./coverage/docs/coverage-final.json ./coverage/sdk/coverage-final.json && npx istanbul report --include ./coverage/coverage.json --dir ./coverage lcov",posttest:"cat ./coverage/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","mixpanel-browser":"^2.41.0"};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",classnames:"^2.3.1","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.1.0","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":"4.1.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":"^4.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.1.0","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,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) 2021
@@ -8855,6 +8872,7 @@ var version="1.6.0-alpha.2";
  * @summary Base classes
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
+const { version: version$1 } = pkgInfo;
 /**
  * The event id map from v2 event names to v1 event id
  * v1 events are the classic embed events implemented in Blink v1
@@ -9006,12 +9024,12 @@ class TsEmbed {
         queryParams[Param.HostAppUrl] = encodeURIComponent(hostAppUrl);
         queryParams[Param.ViewPortHeight] = window.innerHeight;
         queryParams[Param.ViewPortWidth] = window.innerWidth;
-        queryParams[Param.Version] = version;
+        queryParams[Param.Version] = version$1;
         if (this.embedConfig.customCssUrl) {
             queryParams[Param.CustomCSSUrl] = this.embedConfig.customCssUrl;
         }
         const { disabledActions, disabledActionReason, hiddenActions, visibleActions, } = this.viewConfig;
-        if ((visibleActions === null || visibleActions === void 0 ? void 0 : visibleActions.length) && (hiddenActions === null || hiddenActions === void 0 ? void 0 : hiddenActions.length)) {
+        if (Array.isArray(visibleActions) && Array.isArray(hiddenActions)) {
             this.handleError('You cannot have both hidden actions and visible actions');
             return queryParams;
         }
@@ -9031,7 +9049,7 @@ class TsEmbed {
     }
     /**
      * Constructs the base URL string to load v1 of the ThoughtSpot app.
-     * This is used for embedding liveboards, visualizations, and full application.
+     * 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.
@@ -9209,26 +9227,6 @@ class TsEmbed {
         this.eventHandlerMap.set(messageType, callbacks);
         return this;
     }
-    /**
-     * Navigates users to the specified application page.
-     * Use this method to navigate users from the embedded
-     * ThoughtSpot context to a specific page in your app.
-     * @param path The page path string.
-     * For example, to navigate users to a liveboard page,
-     * define the method as navigateToPage('liveboard/&lt;liveboardId&gt;').
-     */
-    navigateToPage(path) {
-        var _a;
-        const iframeSrc = (_a = this.iFrame) === null || _a === void 0 ? void 0 : _a.src;
-        if (iframeSrc) {
-            const embedPath = '#/embed';
-            const currentPath = iframeSrc.includes(embedPath) ? embedPath : '#';
-            this.iFrame.src = `${iframeSrc.split(currentPath)[0]}${currentPath}/${path.replace(/^\/?#?\//, '')}`;
-        }
-        else {
-            console.log('Please call render before invoking this method');
-        }
-    }
     /**
      * Triggers an event on specific Port registered against
      * for the EmbedEvent
@@ -9349,7 +9347,7 @@ class AppEmbed extends V1Embed {
     }
     /**
      * Constructs a map of parameters to be passed on to the
-     * embedded liveboard or visualization.
+     * embedded Liveboard or visualization.
      */
     getEmbedParams() {
         const params = this.getBaseQueryParams();
@@ -9412,6 +9410,23 @@ class AppEmbed extends V1Embed {
         }
         return path;
     }
+    /**
+     * Navigate to particular page for app embed. eg:answers/pinboards/home
+     * This is used for embedding answers, pinboards, visualizations and full application only.
+     * @param path The string, set to iframe src and navigate to new page
+     * eg: appEmbed.navigateToPage('pinboards')
+     */
+    navigateToPage(path) {
+        if (this.iFrame) {
+            const iframeSrc = this.iFrame.src;
+            const embedPath = '#/embed';
+            const currentPath = iframeSrc.includes(embedPath) ? embedPath : '#';
+            this.iFrame.src = `${iframeSrc.split(currentPath)[0]}${currentPath}/${path.replace(/^\/?#?\//, '')}`;
+        }
+        else {
+            console.log('Please call render before invoking this method');
+        }
+    }
     /**
      * Renders the embedded application pages in the ThoughtSpot app.
      * @param renderOptions An object containing the page ID
@@ -9430,7 +9445,7 @@ class AppEmbed extends V1Embed {
 /**
  * Copyright (c) 2021
  *
- * Embed a ThoughtSpot liveboard or visualization
+ * Embed a ThoughtSpot Liveboard or visualization
  * https://developers.thoughtspot.com/docs/?pageid=embed-pinboard
  * https://developers.thoughtspot.com/docs/?pageid=embed-a-viz
  *
@@ -9438,7 +9453,7 @@ class AppEmbed extends V1Embed {
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 /**
- * Embed a ThoughtSpot liveboard or visualization
+ * Embed a ThoughtSpot Liveboard or visualization
  * @Category Liveboards and Charts
  */
 class LiveboardEmbed extends V1Embed {
@@ -9458,16 +9473,15 @@ class LiveboardEmbed extends V1Embed {
             const obj = this.getIframeCenter();
             responder({ type: EmbedEvent.EmbedIframeCenter, data: obj });
         };
-        this.handleRouteChangeFullHeightLiveboard = (data) => {
-            if (data.data.canvasState !== 'EMBED' &&
-                data.data.canvasState !== 'pinboard') {
+        this.setIframeHeightForNonEmbedLiveboard = (data) => {
+            if (!data.data.currentPath.startsWith('/embed/viz/')) {
                 this.setIFrameHeight(this.defaultHeight);
             }
         };
     }
     /**
      * Construct a map of params to be passed on to the
-     * embedded liveboard or visualization.
+     * embedded Liveboard or visualization.
      */
     getEmbedParams() {
         const params = this.getBaseQueryParams();
@@ -9491,12 +9505,12 @@ class LiveboardEmbed extends V1Embed {
         return queryParams;
     }
     /**
-     * Construct the URL of the embedded ThoughtSpot liveboard or visualization
+     * 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 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.
+     * the Liveboard or visualization on load.
      */
     getIFrameSrc(liveboardId, vizId, runtimeFilters) {
         const filterQuery = getFilterQuery(runtimeFilters || []);
@@ -9511,8 +9525,8 @@ class LiveboardEmbed extends V1Embed {
         return url;
     }
     /**
-     * Render an embedded ThoughtSpot liveboard or visualization
-     * @param renderOptions An object specifying the liveboard ID,
+     * Render an embedded ThoughtSpot Liveboard or visualization
+     * @param renderOptions An object specifying the Liveboard ID,
      * visualization ID and the runtime filters.
      */
     render() {
@@ -9523,7 +9537,7 @@ class LiveboardEmbed extends V1Embed {
             this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
         }
         if (this.viewConfig.fullHeight === true) {
-            this.on(EmbedEvent.RouteChange, this.handleRouteChangeFullHeightLiveboard);
+            this.on(EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
             this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
             this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
         }
@@ -9578,7 +9592,7 @@ class SearchEmbed extends TsEmbed {
      * @param dataSources A list of data source GUIDs
      */
     getIFrameSrc(answerId, dataSources) {
-        const { hideResults, enableSearchAssist, forceTable, searchOptions, } = this.viewConfig;
+        const { hideResults, expandAllDataSource, enableSearchAssist, forceTable, searchOptions, } = this.viewConfig;
         const answerPath = answerId ? `saved-answer/${answerId}` : 'answer';
         const queryParams = this.getBaseQueryParams();
         if (dataSources && dataSources.length) {