@thoughtspot/visual-embed-sdk 1.36.3 → 1.36.4

package/dist/tsembed-react.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.36.3 */
+/* @thoughtspot/visual-embed-sdk version 1.36.4 */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -483,13 +483,23 @@
 	 * 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.
@@ -6579,6 +6589,9 @@
 	    [exports.LogLevel.TRACE]: console.trace,
 	};
 	let globalLogLevelOverride = exports.LogLevel.TRACE;
+	const setGlobalLogLevelOverride = (logLevel) => {
+	    globalLogLevelOverride = logLevel;
+	};
 	const logLevelToNumber = {
 	    [exports.LogLevel.SILENT]: 0,
 	    [exports.LogLevel.ERROR]: 1,
@@ -6655,6 +6668,7 @@
 	    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 = {
@@ -6861,7 +6875,18 @@
 	 * @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.
@@ -13849,7 +13874,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    }
 	}
 
-	createCommonjsModule(function (module) {
+	var eventemitter3 = createCommonjsModule(function (module) {
 
 	var has = Object.prototype.hasOwnProperty
 	  , prefix = '~';
@@ -14192,7 +14217,52 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    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;
+	}
 
 	/**
 	 *
@@ -14374,7 +14444,45 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        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;
@@ -14444,42 +14552,61 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     */
 	    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
@@ -14640,6 +14767,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            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>';
@@ -14655,6 +14783,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            }
 	        });
 	    });
+	    authEE === null || authEE === void 0 ? void 0 : authEE.once(AuthEvent.TRIGGER_SSO_POPUP, openPopup);
 	    return samlCompletionPromise;
 	}
 	/**
@@ -14738,6 +14867,18 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    }
 	};
 
+	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 */
 	/**
@@ -14747,12 +14888,12 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	 * @summary Base classes
 	 * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
 	 */
-	({
+	const CONFIG_DEFAULTS = {
 	    loginFailedMessage: 'Not logged in',
 	    authTriggerText: 'Authorize',
 	    authType: AuthType.None,
 	    logLevel: exports.LogLevel.ERROR,
-	});
+	};
 	let authPromise;
 	const getAuthPromise = () => authPromise;
 	/**
@@ -14774,12 +14915,146 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    });
 	    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;
+	};
 	/**
 	 *
 	 */
@@ -14908,7 +15183,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    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$1={".":{"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$1,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.4";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$1={".":{"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$1,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.
@@ -15217,13 +15492,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            }
 	        };
 	        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 = {
@@ -15231,12 +15499,21 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            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.
@@ -15954,6 +16231,10 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * @param args
 	     */
 	    async render() {
+	        if (!getIsInitCalled()) {
+	            logger$3.error(ERROR_MESSAGE.RENDER_CALLED_BEFORE_INIT);
+	        }
+	        await this.isReadyForRenderPromise;
 	        this.isRendered = true;
 	        return this;
 	    }
@@ -15961,21 +16242,20 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        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
@@ -16028,6 +16308,10 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * @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);
@@ -16041,17 +16325,16 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * 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);
 	        }
@@ -16074,6 +16357,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        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
@@ -16259,7 +16543,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * Render the embedded ThoughtSpot search
 	     */
 	    async render() {
-	        super.render();
+	        await super.render();
 	        const src = this.getIFrameSrc();
 	        await this.renderIFrame(src);
 	        return this;
@@ -16346,7 +16630,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * @returns {SageEmbed} Eureka/Sage embed
 	     */
 	    async render() {
-	        super.render();
+	        await super.render();
 	        const src = this.getIFrameSrc();
 	        await this.renderV1Embed(src);
 	        return this;
@@ -16518,7 +16802,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * Render the embedded ThoughtSpot search
 	     */
 	    async render() {
-	        super.render();
+	        await super.render();
 	        this.viewConfig;
 	        const src = this.getIFrameSrc();
 	        await this.renderIFrame(src);
@@ -16817,7 +17101,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * to be embedded.
 	     */
 	    async render() {
-	        super.render();
+	        await super.render();
 	        const src = this.getIFrameSrc();
 	        await this.renderV1Embed(src);
 	        return this;
@@ -17096,12 +17380,11 @@ query GetEurekaVizSnapshots(
 	            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
@@ -17126,7 +17409,7 @@ query GetEurekaVizSnapshots(
 	     * visualization ID and the runtime filters.
 	     */
 	    async render() {
-	        super.render();
+	        await super.render();
 	        const src = this.getIFrameSrc();
 	        await this.renderV1Embed(src);
 	        this.showPreviewLoader();
@@ -17263,7 +17546,7 @@ query GetEurekaVizSnapshots(
 	        return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
 	    }
 	    async render() {
-	        super.render();
+	        await super.render();
 	        const src = this.getIframeSrc();
 	        await this.renderIFrame(src);
 	        return this;
@@ -17532,6 +17815,27 @@ query GetEurekaVizSnapshots(
 	 */
 	function useEmbedRef() {
 	    return React.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 = React.useRef(null);
+	    useDeepCompareEffect(() => {
+	        const authEE = init(config);
+	        ref.current = authEE;
+	    }, [config]);
+	    return ref;
 	}
 
 	const ALIAS = Symbol.for('yaml.alias');
@@ -24952,5 +25256,6 @@ query GetEurekaVizSnapshots(
 	exports.SearchEmbed = SearchEmbed;
 	exports.getSessionInfo = getSessionInfo;
 	exports.useEmbedRef = useEmbedRef;
+	exports.useInit = useInit;
 
 }));