@thoughtspot/visual-embed-sdk 1.36.3 → 1.36.5

package/dist/tsembed-react.es.js

@@ -1,6 +1,6 @@
-/* @thoughtspot/visual-embed-sdk version 1.36.3 */
+/* @thoughtspot/visual-embed-sdk version 1.36.5 */
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { useRef } from 'react';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -461,13 +461,23 @@ const sdkWindowKey = '_tsEmbedSDK';
  * Stores a value in the global `window` object under the `_tsEmbedSDK` namespace.
  * @param key - The key under which the value will be stored.
  * @param value - The value to store.
+ * @param options - Additional options.
+ * @param options.ignoreIfAlreadyExists - Does not set if value for key is set.
+ *
+ * @returns The stored value.
+ *
+ * @version SDK: 1.36.2 | ThoughtSpot: *
  */
-const storeValueInWindow = (key, value) => {
+function storeValueInWindow(key, value, options = {}) {
     if (!window[sdkWindowKey]) {
         window[sdkWindowKey] = {};
     }
+    if (options.ignoreIfAlreadyExists && key in window[sdkWindowKey]) {
+        return window[sdkWindowKey][key];
+    }
     window[sdkWindowKey][key] = value;
-};
+    return value;
+}
 /**
  * Retrieves a stored value from the global `window` object under the `_tsEmbedSDK` namespace.
  * @param key - The key whose value needs to be retrieved.
@@ -864,8 +874,9 @@ var EmbedEvent;
      */
     EmbedEvent["Load"] = "load";
     /**
-     * Data pertaining to an Answer or Liveboard is received
-     * @return data - The Answer or Liveboard data
+     * Data pertaining to an Answer or Liveboard is received.
+     * The event payload includes the raw data of the object.
+     * @return data -  Answer of Liveboard data
      * @version SDK: 1.1.0 | ThoughtSpot: ts7.may.cl, 8.4.1.sw
      * @example
      *```js
@@ -1769,17 +1780,39 @@ var EmbedEvent;
      */
     EmbedEvent["ParameterChanged"] = "parameterChanged";
     /**
-     * Emitted when the table viz renders.
-     * You can use this event as a hook to trigger
-     * other events on the rendered table viz data.
+     * Emits when a table visualization is rendered in
+     * the ThoughtSpot embedded app.
+     * You can also use this event as a hook to trigger host events
+     * such as `HostEvent.TransformTableVizData` on the table visualization.
+     * The event payload contains the data used in the rendered table.
+     * You can extract the relevant data from the payload
+     * stored in `payload.data.data.columnDataLite`.
+     * `columnDataLite` is a multidimensional array that contains
+     * data values for each column, which was used in the query to
+     * generate the table visualization. To find and modify specific cell data,
+     * you can either loop through the array or directly access a cell if
+     * you know its position and data index.
+     * In the following code sample, the first cell in the first column
+     * (`columnDataLite[0].dataValue[0]`) is set to `new fob`.
+     * Note that any changes made to the data in the payload will only update the
+     * visual presentation and do not affect the underlying data.
+     * To persist data value modifications after a reload or during chart
+     * interactions such as drill down, ensure that the modified
+     * payload in the `columnDataLite` is passed on to
+     * `HostEvent.TransformTableVizData` and trigger an update to
+     * the table visualization.
+     * If the Row-Level Security (RLS) rules are applied on the
+     * Worksheet or Model, exercise caution when changing column
+     * or table cell values to maintain data security.
+     *
      * @example
      * ```js
      * searchEmbed.on(EmbedEvent.TableVizRendered, (payload) => {
-     *       console.log(payload);
-     *       const columnDataLite = payload.data.data.columnDataLite;
-     *       columnDataLite[0].dataValue[0]="new fob";
-     *       console.log('>>> new Data', columnDataLite);
-     *       searchEmbed.trigger(HostEvent.TransformTableVizData, columnDataLite);
+     *      console.log(payload);
+     *      const columnDataLite = payload.data.data.columnDataLite;
+     *      columnDataLite[0].dataValue[0]="new fob";
+     *      console.log('>>> new Data', columnDataLite);
+     *      searchEmbed.trigger(HostEvent.TransformTableVizData, columnDataLite);
      * })
      * ```
      * @version SDK: 1.35.12 | ThoughtSpot: 10.7.0.cl
@@ -2818,19 +2851,20 @@ var HostEvent;
      */
     HostEvent["UIPassthrough"] = "UiPassthrough";
     /**
-     * Triggers the table viz rerender with the updated data.
+     * Triggers the table visualization re-render with the updated data.
      * Includes the following properties:
-     * @param - columnDataLite - an array of object containing data
-     * transformed from data picked from TableVizRendered event.
-     * For example, { columnDataLite: []}
+     * @param - `columnDataLite` - an array of object containing the
+     * data value modifications retrieved from the `EmbedEvent.TableVizRendered`
+     * payload.For example, { columnDataLite: []}`.
+     *
      * @example
      * ```js
      * searchEmbed.on(EmbedEvent.TableVizRendered, (payload) => {
-     *       console.log(payload);
-     *       const columnDataLite = payload.data.data.columnDataLite;
-     *       columnDataLite[0].dataValue[0]="new fob";
-     *       console.log('>>> new Data', columnDataLite);
-     *       searchEmbed.trigger(HostEvent.TransformTableVizData, columnDataLite);
+     *      console.log(payload);
+     *      const columnDataLite = payload.data.data.columnDataLite;
+     *      columnDataLite[0].dataValue[0]="new fob";
+     *      console.log('>>> new Data', columnDataLite);
+     *      searchEmbed.trigger(HostEvent.TransformTableVizData, columnDataLite);
      * })
      * ```
      * @version SDK: 1.35.12 | ThoughtSpot: 10.7.0.cl
@@ -6557,6 +6591,9 @@ const logFunctions = {
     [LogLevel.TRACE]: console.trace,
 };
 let globalLogLevelOverride = LogLevel.TRACE;
+const setGlobalLogLevelOverride = (logLevel) => {
+    globalLogLevelOverride = logLevel;
+};
 const logLevelToNumber = {
     [LogLevel.SILENT]: 0,
     [LogLevel.ERROR]: 1,
@@ -6633,6 +6670,7 @@ const ERROR_MESSAGE = {
     CSP_VIOLATION_ALERT: 'CSP violation detected. Please check the console errors for more details.',
     CSP_FRAME_HOST_VIOLATION_LOG_MESSAGE: 'Please set up CSP correctly for the application to start working. For more information, see https://developers.thoughtspot.com/docs/security-settings#csp-viz-embed-hosts. \n If the issue persists, refer to https://developers.thoughtspot.com/docs/security-settings#csp-viz-embed-hosts',
     MISSING_REPORTING_OBSERVER: 'ReportingObserver not supported',
+    RENDER_CALLED_BEFORE_INIT: 'Looks like render was called before calling init, the render won\'t start until init is called.\nFor more info check\n1. https://developers.thoughtspot.com/docs/Function_init#_init\n2.https://developers.thoughtspot.com/docs/getting-started#initSdk',
 };
 
 const EndPoints = {
@@ -6839,7 +6877,18 @@ const configKey = 'embedConfig';
  * @version SDK: 1.19.0 | ThoughtSpot: *
  * @group Global methods
  */
-const getEmbedConfig = () => getValueFromWindow(configKey) || {};
+const getEmbedConfig = () => getValueFromWindow(configKey) || {};
+/**
+ * Sets the configuration embed was initialized with.
+ * And returns the new configuration.
+ * @param newConfig The configuration to set.
+ * @version SDK: 1.27.0 | ThoughtSpot: *
+ * @group Global methods
+ */
+const setEmbedConfig = (newConfig) => {
+    storeValueInWindow(configKey, newConfig);
+    return getValueFromWindow(configKey);
+};
 
 /**
  * Fetch wrapper that adds the authentication token to the request.
@@ -7446,7 +7495,7 @@ class AnswerService {
     async getTML() {
         const { object } = await this.executeQuery(getAnswerTML, {});
         const edoc = object[0].edoc;
-        const YAML = await import('./index-BJx3m5_V.js');
+        const YAML = await import('./index-Cyvfex-A.js');
         const parsedDoc = YAML.parse(edoc);
         return {
             answer: {
@@ -13827,7 +13876,7 @@ function initMixpanel(sessionInfo) {
     }
 }
 
-createCommonjsModule(function (module) {
+var eventemitter3 = createCommonjsModule(function (module) {
 
 var has = Object.prototype.hasOwnProperty
   , prefix = '~';
@@ -14170,7 +14219,52 @@ var ReportType;
     ReportType["CSP_VIOLATION"] = "csp-violation";
     ReportType["DEPRECATION"] = "deprecation";
     ReportType["INTERVENTION"] = "intervention";
-})(ReportType || (ReportType = {}));
+})(ReportType || (ReportType = {}));
+let globalObserver = null;
+/**
+ * Register a global ReportingObserver to capture all unhandled errors
+ * @param overrideExisting boolean to override existing observer
+ * @returns ReportingObserver | null
+ */
+function registerReportingObserver(overrideExisting = false) {
+    if (!(window.ReportingObserver)) {
+        logger$3.warn(ERROR_MESSAGE.MISSING_REPORTING_OBSERVER);
+        return null;
+    }
+    if (overrideExisting) {
+        resetGlobalReportingObserver();
+    }
+    if (globalObserver) {
+        return globalObserver;
+    }
+    const embedConfig = getEmbedConfig();
+    globalObserver = new ReportingObserver((reports) => {
+        reports.forEach((report) => {
+            const { type, url, body } = report;
+            const reportBody = body;
+            const isThoughtSpotHost = url
+                && url.startsWith(embedConfig.thoughtSpotHost);
+            const isFrameHostError = type === ReportType.CSP_VIOLATION
+                && reportBody.effectiveDirective === 'frame-ancestors';
+            if (isThoughtSpotHost && isFrameHostError) {
+                if (!embedConfig.suppressErrorAlerts) {
+                    alert(ERROR_MESSAGE.CSP_VIOLATION_ALERT);
+                }
+                logger$3.error(ERROR_MESSAGE.CSP_FRAME_HOST_VIOLATION_LOG_MESSAGE);
+            }
+        });
+    }, { buffered: true });
+    globalObserver.observe();
+    return globalObserver;
+}
+/**
+ * Resets the global ReportingObserver
+ */
+function resetGlobalReportingObserver() {
+    if (globalObserver)
+        globalObserver.disconnect();
+    globalObserver = null;
+}
 
 /**
  *
@@ -14352,7 +14446,45 @@ const getSessionDetails = (sessionInfoResp) => {
         clusterName: sessionInfoResp.configInfo.selfClusterName,
         ...sessionInfoResp,
     };
-};
+};
+/**
+ * Resets the cached session info object and forces a new fetch on the next call.
+ * @example ```js
+ * resetCachedSessionInfo();
+ * const sessionInfo = await getSessionInfo();
+ * console.log(sessionInfo);
+ * ```
+ * @version SDK: 1.28.3 | ThoughtSpot: *
+ * @returns {void}
+ */
+function resetCachedSessionInfo() {
+    sessionInfo = null;
+}
+/**
+ * Resets the cached preauth info object and forces a new fetch on the next call.
+ * @example ```js
+ * resetCachedPreauthInfo();
+ * const preauthInfo = await getPreauthInfo();
+ * console.log(preauthInfo);
+ * ```
+ * @version SDK: 1.28.3 | ThoughtSpot: *
+ * @returns {void}
+ */
+function resetCachedPreauthInfo() {
+    preauthInfo = null;
+}
+
+/**
+ * This function resets all the services that are cached in the SDK.
+ * This is to be called when the user logs out of the application and also
+ * when init is called again.
+ * @version SDK: 1.30.2 | ThoughtSpot: *
+ */
+function resetAllCachedServices() {
+    resetCachedAuthToken();
+    resetCachedSessionInfo();
+    resetCachedPreauthInfo();
+}
 
 // eslint-disable-next-line import/no-mutable-exports
 let loggedInStatus = false;
@@ -14422,42 +14554,61 @@ var AuthEvent;
      */
     AuthEvent["TRIGGER_SSO_POPUP"] = "TRIGGER_SSO_POPUP";
 })(AuthEvent || (AuthEvent = {}));
+let authEE;
+/**
+ *
+ * @param eventEmitter
+ */
+function setAuthEE(eventEmitter) {
+    authEE = eventEmitter;
+}
 /**
  *
  */
 function notifyAuthSDKSuccess() {
-    {
+    if (!authEE) {
         logger$3.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
+    authEE.emit(AuthStatus.SDK_SUCCESS);
 }
 /**
  *
  */
 async function notifyAuthSuccess() {
-    {
+    if (!authEE) {
         logger$3.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
+    try {
+        getPreauthInfo();
+        const sessionInfo = await getSessionInfo();
+        authEE.emit(AuthStatus.SUCCESS, sessionInfo);
+    }
+    catch (e) {
+        logger$3.error(ERROR_MESSAGE.SESSION_INFO_FAILED);
+    }
 }
 /**
  *
  * @param failureType
  */
 function notifyAuthFailure(failureType) {
-    {
+    if (!authEE) {
         logger$3.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
+    authEE.emit(AuthStatus.FAILURE, failureType);
 }
 /**
  *
  */
 function notifyLogout() {
-    {
+    if (!authEE) {
         logger$3.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
+    authEE.emit(AuthStatus.LOGOUT);
 }
 /**
  * Check if we are logged into the ThoughtSpot cluster
@@ -14618,6 +14769,7 @@ async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
             samlAuthWindow.focus();
         }
     };
+    authEE === null || authEE === void 0 ? void 0 : authEE.emit(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>';
@@ -14633,6 +14785,7 @@ async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
             }
         });
     });
+    authEE === null || authEE === void 0 ? void 0 : authEE.once(AuthEvent.TRIGGER_SSO_POPUP, openPopup);
     return samlCompletionPromise;
 }
 /**
@@ -14716,6 +14869,18 @@ const authenticate = async (embedConfig) => {
     }
 };
 
+if (typeof Promise.withResolvers === 'undefined') {
+    Promise.withResolvers = () => {
+        let resolve;
+        let reject;
+        const promise = new Promise((res, rej) => {
+            resolve = res;
+            reject = rej;
+        });
+        return { promise, resolve, reject };
+    };
+}
+
 /* eslint-disable camelcase */
 /* eslint-disable import/no-mutable-exports */
 /**
@@ -14725,12 +14890,12 @@ const authenticate = async (embedConfig) => {
  * @summary Base classes
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
-({
+const CONFIG_DEFAULTS = {
     loginFailedMessage: 'Not logged in',
     authTriggerText: 'Authorize',
     authType: AuthType.None,
     logLevel: LogLevel.ERROR,
-});
+};
 let authPromise;
 const getAuthPromise = () => authPromise;
 /**
@@ -14752,12 +14917,146 @@ const handleAuth = () => {
     });
     return authPromise;
 };
-({
+const hostUrlToFeatureUrl = {
     [PrefetchFeatures.SearchEmbed]: (url, flags) => `${url}v2/?${flags}#/embed/answer`,
     [PrefetchFeatures.LiveboardEmbed]: (url, flags) => `${url}?${flags}`,
     [PrefetchFeatures.FullApp]: (url, flags) => `${url}?${flags}`,
     [PrefetchFeatures.VizEmbed]: (url, flags) => `${url}?${flags}`,
-});
+};
+/**
+ * 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.
+ * @param additionalFlags This can be used to add any URL flag.
+ * @version SDK: 1.4.0 | ThoughtSpot: ts7.sep.cl, 7.2.1
+ * @group Global methods
+ */
+const prefetch = (url, prefetchFeatures, additionalFlags) => {
+    var _a;
+    if (url === '') {
+        // eslint-disable-next-line no-console
+        logger$3.warn('The prefetch method does not have a valid URL');
+    }
+    else {
+        const features = [PrefetchFeatures.FullApp];
+        let hostUrl = url || getEmbedConfig().thoughtSpotHost;
+        const prefetchFlags = {
+            [Param.EmbedApp]: true,
+            ...(_a = getEmbedConfig()) === null || _a === void 0 ? void 0 : _a.additionalFlags,
+            ...additionalFlags,
+        };
+        hostUrl = hostUrl[hostUrl.length - 1] === '/' ? hostUrl : `${hostUrl}/`;
+        Array.from(new Set(features
+            .map((feature) => hostUrlToFeatureUrl[feature](hostUrl, getQueryParamString(prefetchFlags)))))
+            .forEach((prefetchUrl, index) => {
+            const iFrame = document.createElement('iframe');
+            iFrame.src = prefetchUrl;
+            iFrame.style.width = '0';
+            iFrame.style.height = '0';
+            iFrame.style.border = '0';
+            iFrame.classList.add('prefetchIframe');
+            iFrame.classList.add(`prefetchIframeNum-${index}`);
+            document.body.appendChild(iFrame);
+        });
+    }
+};
+/**
+ *
+ * @param embedConfig
+ */
+function sanity(embedConfig) {
+    if (embedConfig.thoughtSpotHost === undefined) {
+        throw new Error('ThoughtSpot host not provided');
+    }
+    if (embedConfig.authType === AuthType.TrustedAuthToken) {
+        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) {
+        newConfig.inPopup = embedConfig.noRedirect;
+    }
+    return newConfig;
+}
+const initFlagKey = 'initFlagKey';
+const createAndSetInitPromise = () => {
+    const { promise: initPromise, resolve: initPromiseResolve,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+     } = Promise.withResolvers();
+    const initFlagStore = {
+        initPromise,
+        isInitCalled: false,
+        initPromiseResolve,
+    };
+    storeValueInWindow(initFlagKey, initFlagStore, {
+        // In case of diff imports the promise might be already set
+        ignoreIfAlreadyExists: true,
+    });
+};
+createAndSetInitPromise();
+const getInitPromise = () => { var _a; return (_a = getValueFromWindow(initFlagKey)) === null || _a === void 0 ? void 0 : _a.initPromise; };
+const getIsInitCalled = () => { var _a; return !!((_a = getValueFromWindow(initFlagKey)) === null || _a === void 0 ? void 0 : _a.isInitCalled); };
+/**
+ * Initializes the Visual Embed SDK globally and perform
+ * authentication if applicable. This function needs to be called before any ThoughtSpot
+ * component like Liveboard etc can be embedded. But need not wait for AuthEvent.SUCCESS
+ * to actually embed. That is handled internally.
+ * @param embedConfig The configuration object containing ThoughtSpot host,
+ * authentication mechanism and so on.
+ * @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;
+    sanity(embedConfig);
+    resetAllCachedServices();
+    embedConfig = setEmbedConfig(backwardCompat({
+        ...CONFIG_DEFAULTS,
+        ...embedConfig,
+        thoughtSpotHost: getThoughtSpotHost(embedConfig),
+    }));
+    setGlobalLogLevelOverride(embedConfig.logLevel);
+    registerReportingObserver();
+    const authEE = new eventemitter3();
+    setAuthEE(authEE);
+    handleAuth();
+    const { password, ...configToTrack } = getEmbedConfig();
+    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
+        ...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,
+        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),
+    });
+    if (getEmbedConfig().callPrefetch) {
+        prefetch(getEmbedConfig().thoughtSpotHost);
+    }
+    // Resolves the promise created in the initPromiseKey
+    getValueFromWindow(initFlagKey).initPromiseResolve(authEE);
+    getValueFromWindow(initFlagKey).isInitCalled = true;
+    return authEE;
+};
 /**
  *
  */
@@ -14886,7 +15185,7 @@ function processEventData(type, e, thoughtSpotHost, containerEl) {
     return e;
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version$1="1.36.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","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",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck","test-sdk":"jest -c jest.config.sdk.js --runInBand",test:"npm run test-sdk",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",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3",lodash:"^4.17.21","mixpanel-browser":"2.47.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1",yaml:"^2.5.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/lodash":"^4.17.0","@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",crypto:"^1.0.1","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","eslint-plugin-comment-length":"1.7.3","eslint-plugin-jsdoc":"^46.9.0","fs-extra":"^10.0.0","gh-pages":"6.3.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:"4.24.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",vite:"^5.3.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","embedded","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$1,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 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};
+var name="@thoughtspot/visual-embed-sdk";var version$1="1.36.5";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","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",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck","test-sdk":"jest -c jest.config.sdk.js --runInBand",test:"npm run test-sdk",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",dev:"vite -c vite.local.config.ts"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3",lodash:"^4.17.21","mixpanel-browser":"2.47.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1",yaml:"^2.5.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/lodash":"^4.17.0","@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",crypto:"^1.0.1","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","eslint-plugin-comment-length":"1.7.3","eslint-plugin-jsdoc":"^46.9.0","fs-extra":"^10.0.0","gh-pages":"6.3.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:"4.24.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",vite:"^5.3.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","embedded","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$1,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.es.js",limit:"31 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};
 
 /**
  * Reloads the ThoughtSpot iframe.
@@ -15195,13 +15494,6 @@ class TsEmbed {
             }
         };
         this.el = getDOMNode(domSelector);
-        // TODO: handle error
-        this.embedConfig = getEmbedConfig();
-        if (!this.embedConfig.authTriggerContainer && !this.embedConfig.useEventForSAMLPopup) {
-            this.embedConfig.authTriggerContainer = domSelector;
-        }
-        this.thoughtSpotHost = getThoughtSpotHost(this.embedConfig);
-        this.thoughtSpotV2Base = getV2BasePath(this.embedConfig);
         this.eventHandlerMap = new Map();
         this.isError = false;
         this.viewConfig = {
@@ -15209,12 +15501,21 @@ class TsEmbed {
             excludeRuntimeParametersfromURL: false,
             ...viewConfig,
         };
-        this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
         this.registerAppInit();
         uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
             ...viewConfig,
         });
         this.hostEventClient = new HostEventClient(this.iFrame);
+        this.isReadyForRenderPromise = getInitPromise().then(async () => {
+            const embedConfig = getEmbedConfig();
+            this.embedConfig = embedConfig;
+            if (!embedConfig.authTriggerContainer && !embedConfig.useEventForSAMLPopup) {
+                this.embedConfig.authTriggerContainer = domSelector;
+            }
+            this.thoughtSpotHost = getThoughtSpotHost(embedConfig);
+            this.thoughtSpotV2Base = getV2BasePath(embedConfig);
+            this.shouldEncodeUrlQueryParams = embedConfig.shouldEncodeUrlQueryParams;
+        });
     }
     /**
      * Throws error encountered during initialization.
@@ -15932,6 +16233,10 @@ class TsEmbed {
      * @param args
      */
     async render() {
+        if (!getIsInitCalled()) {
+            logger$3.error(ERROR_MESSAGE.RENDER_CALLED_BEFORE_INIT);
+        }
+        await this.isReadyForRenderPromise;
         this.isRendered = true;
         return this;
     }
@@ -15939,21 +16244,20 @@ class TsEmbed {
         return '';
     }
     handleRenderForPrerender() {
-        this.render();
+        return this.render();
     }
     /**
      * Creates the preRender shell
      * @param showPreRenderByDefault - Show the preRender after render, hidden by default
      */
-    preRender(showPreRenderByDefault = false) {
+    async preRender(showPreRenderByDefault = false) {
         if (!this.viewConfig.preRenderId) {
             logger$3.error(ERROR_MESSAGE.PRERENDER_ID_MISSING);
             return this;
         }
         this.isPreRendered = true;
         this.showPreRenderByDefault = showPreRenderByDefault;
-        this.handleRenderForPrerender();
-        return this;
+        return this.handleRenderForPrerender();
     }
     /**
      * Get the Post Url Params for THOUGHTSPOT from the current
@@ -16006,6 +16310,10 @@ class TsEmbed {
      * @returns
      */
     async prerenderGeneric() {
+        if (!getIsInitCalled()) {
+            logger$3.error(ERROR_MESSAGE.RENDER_CALLED_BEFORE_INIT);
+        }
+        await this.isReadyForRenderPromise;
         const prerenderFrameSrc = this.getRootIframeSrc();
         this.isRendered = true;
         return this.renderIFrame(prerenderFrameSrc);
@@ -16019,17 +16327,16 @@ class TsEmbed {
      * Also, synchronizes the style of the PreRender component with the embedding
      * element.
      */
-    showPreRender() {
+    async showPreRender() {
         if (!this.viewConfig.preRenderId) {
             logger$3.error(ERROR_MESSAGE.PRERENDER_ID_MISSING);
-            return;
+            return this;
         }
         if (!this.isPreRenderAvailable()) {
             const isAvailable = this.connectPreRendered();
             if (!isAvailable) {
                 // if the Embed component is not preRendered , Render it now and
-                this.preRender(true);
-                return;
+                return this.preRender(true);
             }
             this.validatePreRenderViewConfig(this.viewConfig);
         }
@@ -16052,6 +16359,7 @@ class TsEmbed {
         this.beforePrerenderVisible();
         removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
         this.subscribeToEvents();
+        return this;
     }
     /**
      * Synchronizes the style properties of the PreRender component with the embedding
@@ -16237,7 +16545,7 @@ let SearchBarEmbed$1 = class SearchBarEmbed extends TsEmbed {
      * Render the embedded ThoughtSpot search
      */
     async render() {
-        super.render();
+        await super.render();
         const src = this.getIFrameSrc();
         await this.renderIFrame(src);
         return this;
@@ -16324,7 +16632,7 @@ let SageEmbed$1 = class SageEmbed extends V1Embed {
      * @returns {SageEmbed} Eureka/Sage embed
      */
     async render() {
-        super.render();
+        await super.render();
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
         return this;
@@ -16496,7 +16804,7 @@ let SearchEmbed$1 = class SearchEmbed extends TsEmbed {
      * Render the embedded ThoughtSpot search
      */
     async render() {
-        super.render();
+        await super.render();
         this.viewConfig;
         const src = this.getIFrameSrc();
         await this.renderIFrame(src);
@@ -16795,7 +17103,7 @@ let AppEmbed$1 = class AppEmbed extends V1Embed {
      * to be embedded.
      */
     async render() {
-        super.render();
+        await super.render();
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
         return this;
@@ -17074,12 +17382,11 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
             this.navigateToLiveboard(libId);
         }
     }
-    handleRenderForPrerender() {
+    async handleRenderForPrerender() {
         if (isUndefined$1(this.viewConfig.liveboardId)) {
-            this.prerenderGeneric();
-            return;
+            return this.prerenderGeneric();
         }
-        super.handleRenderForPrerender();
+        return super.handleRenderForPrerender();
     }
     /**
      * Triggers an event to the embedded app
@@ -17104,7 +17411,7 @@ let LiveboardEmbed$1 = class LiveboardEmbed extends V1Embed {
      * visualization ID and the runtime filters.
      */
     async render() {
-        super.render();
+        await super.render();
         const src = this.getIFrameSrc();
         await this.renderV1Embed(src);
         this.showPreviewLoader();
@@ -17241,7 +17548,7 @@ let ConversationEmbed$1 = class ConversationEmbed extends TsEmbed {
         return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
     }
     async render() {
-        super.render();
+        await super.render();
         const src = this.getIframeSrc();
         await this.renderIFrame(src);
         return this;
@@ -17510,6 +17817,27 @@ const PreRenderedConversationEmbed = componentFactory(ConversationEmbed$1, true)
  */
 function useEmbedRef() {
     return React__default.useRef(null);
+}
+/**
+ *
+ * @param config - EmbedConfig
+ * @returns AuthEventEmitter
+ * @example
+ * ```
+ * function Component() {
+ *  const authEE = useInit({ ...initConfig });
+ *  return <LiveboardEmbed ref={ref} liveboardId={<id>} />
+ * }
+ * ```
+ * @version SDK: 1.36.2 | ThoughtSpot: *
+ */
+function useInit(config) {
+    const ref = useRef(null);
+    useDeepCompareEffect(() => {
+        const authEE = init(config);
+        ref.current = authEE;
+    }, [config]);
+    return ref;
 }
 
-export { Action, AppEmbed, ConversationEmbed, EmbedEvent, HomeLeftNavItem, HomepageModule, HostEvent, LiveboardEmbed, LogLevel, Page, PinboardEmbed, PreRenderedAppEmbed, PreRenderedConversationEmbed, PreRenderedLiveboardEmbed, PreRenderedPinboardEmbed, PreRenderedSageEmbed, PreRenderedSearchBarEmbed, PreRenderedSearchEmbed, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, getSessionInfo, useEmbedRef };
+export { Action, AppEmbed, ConversationEmbed, EmbedEvent, HomeLeftNavItem, HomepageModule, HostEvent, LiveboardEmbed, LogLevel, Page, PinboardEmbed, PreRenderedAppEmbed, PreRenderedConversationEmbed, PreRenderedLiveboardEmbed, PreRenderedPinboardEmbed, PreRenderedSageEmbed, PreRenderedSearchBarEmbed, PreRenderedSearchEmbed, RuntimeFilterOp, SageEmbed, SearchBarEmbed, SearchEmbed, getSessionInfo, useEmbedRef, useInit };