@thoughtspot/visual-embed-sdk 1.36.3 → 1.36.5

package/dist/tsembed.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.36.3 */
+/* @thoughtspot/visual-embed-sdk version 1.36.5 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
     typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -352,13 +352,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.
@@ -755,8 +765,9 @@
          */
         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
@@ -1660,17 +1671,39 @@
          */
         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
@@ -2709,19 +2742,20 @@
          */
         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
@@ -6527,6 +6561,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 = {
@@ -14751,6 +14786,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 */
     /**
@@ -14857,6 +14904,25 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
         }
         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
@@ -14903,6 +14969,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
         if (getEmbedConfig().callPrefetch) {
             prefetch(getEmbedConfig().thoughtSpotHost);
         }
+        // Resolves the promise created in the initPromiseKey
+        getValueFromWindow(initFlagKey).initPromiseResolve(authEE);
+        getValueFromWindow(initFlagKey).isInitCalled = true;
         return authEE;
     };
     /**
@@ -15173,7 +15242,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.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$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.
@@ -15482,13 +15551,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 = {
@@ -15496,12 +15558,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.
@@ -16219,6 +16290,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;
         }
@@ -16226,21 +16301,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
@@ -16293,6 +16367,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);
@@ -16306,17 +16384,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);
             }
@@ -16339,6 +16416,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
@@ -16756,7 +16834,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;
@@ -17035,12 +17113,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
@@ -17065,7 +17142,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();
@@ -17273,7 +17350,7 @@ query GetEurekaVizSnapshots(
          * Render the embedded ThoughtSpot search
          */
         async render() {
-            super.render();
+            await super.render();
             this.viewConfig;
             const src = this.getIFrameSrc();
             await this.renderIFrame(src);
@@ -17340,7 +17417,7 @@ query GetEurekaVizSnapshots(
          * Render the embedded ThoughtSpot search
          */
         async render() {
-            super.render();
+            await super.render();
             const src = this.getIFrameSrc();
             await this.renderIFrame(src);
             return this;
@@ -17764,7 +17841,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
             return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
         }
         async render() {
-            super.render();
+            await super.render();
             const src = this.getIframeSrc();
             await this.renderIFrame(src);
             return this;
@@ -17892,7 +17969,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
             return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
         }
         async render() {
-            super.render();
+            await super.render();
             const src = this.getIframeSrc();
             await this.renderIFrame(src);
             return this;
@@ -17968,7 +18045,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
          * @returns {SageEmbed} Eureka/Sage embed
          */
         async render() {
-            super.render();
+            await super.render();
             const src = this.getIFrameSrc();
             await this.renderV1Embed(src);
             return this;