@thoughtspot/visual-embed-sdk 1.24.0-preRender.0 → 1.24.0-preRender.1

package/dist/tsembed.es.js

@@ -239,6 +239,11 @@ function getDOMNode(domSelector) {
     return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
 }
 const deepMerge = (target, source) => merge(target, source);
+const getOperationNameFromQuery = (query) => {
+    const regex = /(?:query|mutation)\s+(\w+)/;
+    const matches = query.match(regex);
+    return matches === null || matches === void 0 ? void 0 : matches[1];
+};
 /**
  *
  * @param obj
@@ -270,11 +275,6 @@ const removeStyleProperties = (element, styleProperties) => {
     styleProperties.forEach((styleProperty) => {
         element.style.removeProperty(styleProperty);
     });
-};
-const getOperationNameFromQuery = (query) => {
-    const regex = /(?:query|mutation)\s+(\w+)/;
-    const matches = query.match(regex);
-    return matches === null || matches === void 0 ? void 0 : matches[1];
 };
 
 /**
@@ -11625,7 +11625,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-preRender.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^40.1.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
+var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-preRender.1";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^40.1.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
 
 /**
  * Copyright (c) 2022
@@ -11809,6 +11809,7 @@ class TsEmbed {
      * and executes the registered callbacks accordingly.
      */
     subscribeToEvents() {
+        this.unsubscribeToEvents();
         const messageEventListener = (event) => {
             const eventType = this.getEventType(event);
             const eventPort = this.getEventPort(event);
@@ -12010,14 +12011,20 @@ class TsEmbed {
         iFrame.name = 'ThoughtSpot Embedded Analytics';
         return iFrame;
     }
+    handleInsertionIntoDOM(child, showPreRenderByDefault = false) {
+        if (this.isPreRendered) {
+            this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
+        }
+        else {
+            this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+        }
+    }
     /**
      * Renders the embedded ThoughtSpot app in an iframe and sets up
      * event listeners.
      *
-     * @param url
-     * @param frameOptions
-     * @param showPreRender
-     * @param showPreRenderByDefault
+     * @param url - The URL of the embedded ThoughtSpot app.
+     * @param showPreRenderByDefault - The flag to show the preRender by default.
      */
     async renderIFrame(url, showPreRenderByDefault = false) {
         if (this.isError) {
@@ -12039,12 +12046,7 @@ class TsEmbed {
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
             return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                 if (!isLoggedIn) {
-                    if (this.isPreRendered) {
-                        this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
-                    }
-                    else {
-                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
-                    }
+                    this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
                     return;
                 }
                 this.iFrame = this.iFrame || this.createIframeEl(url);
@@ -12066,15 +12068,7 @@ class TsEmbed {
                 this.iFrame.addEventListener('error', () => {
                     nextInQueue();
                 });
-                if (this.isPreRendered) {
-                    this.insertIntoDOMForPreRender(this.iFrame);
-                    if (showPreRenderByDefault) {
-                        this.showPreRender();
-                    }
-                }
-                else {
-                    this.insertIntoDOM(this.iFrame);
-                }
+                this.handleInsertionIntoDOM(this.iFrame, showPreRenderByDefault);
                 const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                 if (prefetchIframe.length) {
                     prefetchIframe.forEach((el) => {
@@ -12087,12 +12081,7 @@ class TsEmbed {
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
                     error: JSON.stringify(error),
                 });
-                if (this.isPreRendered) {
-                    this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
-                }
-                else {
-                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
-                }
+                this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
                 this.handleError(error);
             });
         });
@@ -12106,7 +12095,7 @@ class TsEmbed {
     }
     createPreRenderWrapper(child) {
         if (!this.viewConfig.preRenderId) {
-            throw new Error('Pre render id is required');
+            throw new Error('PreRender id is required');
         }
         const preRenderIds = this.getPreRenderIds();
         [preRenderIds.wrapper, preRenderIds.shield, preRenderIds.child]
@@ -12116,14 +12105,15 @@ class TsEmbed {
         const preRenderWrapper = document.createElement('div');
         preRenderWrapper.id = preRenderIds.wrapper;
         setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
-        const preRenderShield = document.createElement('div');
-        preRenderShield.id = preRenderIds.shield;
-        setStyleProperties(preRenderShield, { position: 'absolute', width: '100%', height: '100%' });
+        // const preRenderShield = document.createElement('div');
+        // preRenderShield.id = preRenderIds.shield;
+        // setStyleProperties(preRenderShield, { position: 'absolute',
+        // width: '100%', height: '100%' });
         child.id = preRenderIds.child;
         preRenderWrapper.appendChild(child);
-        preRenderWrapper.appendChild(preRenderShield);
+        // preRenderWrapper.appendChild(preRenderShield);
         this.preRenderWrapper = preRenderWrapper;
-        this.preRenderShield = preRenderShield;
+        // this.preRenderShield = preRenderShield;
         this.preRenderChild = child;
         return preRenderWrapper;
     }
@@ -12131,18 +12121,20 @@ class TsEmbed {
         const preRenderIds = this.getPreRenderIds();
         this.preRenderWrapper = this.preRenderWrapper
             || document.getElementById(preRenderIds.wrapper);
-        this.preRenderShield = this.preRenderShield
-            || document.getElementById(preRenderIds.shield);
+        // this.preRenderShield = this.preRenderShield
+        //     || document.getElementById(preRenderIds.shield);
         this.preRenderChild = this.preRenderChild
             || document.getElementById(preRenderIds.child);
-        this.iFrame = this.preRenderChild;
+        if (this.preRenderWrapper && this.preRenderChild) {
+            this.isPreRendered = true;
+            this.iFrame = this.preRenderChild;
+        }
         return this.isPreRenderAvailable();
     }
     isPreRenderAvailable() {
-        return !!this.preRenderWrapper && !!this.preRenderShield
-            && !!this.preRenderChild;
+        return this.isPreRendered;
     }
-    insertIntoDOMForPreRender(child) {
+    insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
         let childNode;
         if (typeof child === 'string') {
             const divChildNode = document.createElement('div');
@@ -12153,8 +12145,13 @@ class TsEmbed {
             childNode = child;
         }
         const preRenderWrapper = this.createPreRenderWrapper(childNode);
+        if (showPreRenderByDefault) {
+            this.showPreRender();
+        }
+        else {
+            this.hidePreRender();
+        }
         document.body.appendChild(preRenderWrapper);
-        this.hidePreRender();
     }
     hidePreRender() {
         if (!this.isPreRenderAvailable()) {
@@ -12171,16 +12168,16 @@ class TsEmbed {
             left: '0',
         });
         const childBoundingRect = this.preRenderChild.getBoundingClientRect();
-        setStyleProperties(this.preRenderShield, {
-            opacity: '0',
-            pointerEvents: 'none',
-            zIndex: '1',
-            width: `${childBoundingRect.width}px`,
-            height: `${childBoundingRect.height}px`,
-            position: 'absolute',
-            top: '0',
-            left: '0',
-        });
+        // setStyleProperties(this.preRenderShield, {
+        //     opacity: '0',
+        //     pointerEvents: 'none',
+        //     zIndex: '1',
+        //     width: `${childBoundingRect.width}px`,
+        //     height: `${childBoundingRect.height}px`,
+        //     position: 'absolute',
+        //     top: '0',
+        //     left: '0',
+        // });
         this.unsubscribeToEvents();
     }
     showPreRender() {
@@ -12196,7 +12193,7 @@ class TsEmbed {
         }
         this.syncPreRenderStyle();
         removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
-        setStyleProperties(this.preRenderShield, { zIndex: '-1' });
+        // setStyleProperties(this.preRenderShield, { zIndex: '-1' });
         this.subscribeToEvents();
     }
     syncPreRenderStyle() {
@@ -12424,6 +12421,8 @@ class TsEmbed {
     }
     /**
      * Creates the preRender shell
+     *
+     * @param showPreRenderByDefault
      */
     preRender(showPreRenderByDefault = false) {
         this.isPreRendered = true;
@@ -12464,6 +12463,7 @@ class TsEmbed {
         var _a;
         try {
             (_a = this.insertedDomEl) === null || _a === void 0 ? void 0 : _a.parentNode.removeChild(this.insertedDomEl);
+            this.unsubscribeToEvents();
         }
         catch (e) {
             console.log('Error destroying TS Embed', e);
@@ -12501,6 +12501,7 @@ class V1Embed extends TsEmbed {
      * Render the app in an iframe and set up event handlers
      *
      * @param iframeSrc
+     * @param showPreRenderByDefault - if true the preRender will be shown by default
      */
     renderV1Embed(iframeSrc, showPreRenderByDefault = false) {
         return this.renderIFrame(iframeSrc, showPreRenderByDefault);
@@ -12746,6 +12747,7 @@ class AppEmbed extends V1Embed {
      *
      * @param renderOptions An object containing the page ID
      * to be embedded.
+     * @param showPreRenderByDefault
      */
     render(showPreRenderByDefault = false) {
         super.render();

package/dist/tsembed.js

@@ -245,6 +245,11 @@
         return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
     }
     const deepMerge = (target, source) => merge(target, source);
+    const getOperationNameFromQuery = (query) => {
+        const regex = /(?:query|mutation)\s+(\w+)/;
+        const matches = query.match(regex);
+        return matches === null || matches === void 0 ? void 0 : matches[1];
+    };
     /**
      *
      * @param obj
@@ -276,11 +281,6 @@
         styleProperties.forEach((styleProperty) => {
             element.style.removeProperty(styleProperty);
         });
-    };
-    const getOperationNameFromQuery = (query) => {
-        const regex = /(?:query|mutation)\s+(\w+)/;
-        const matches = query.match(regex);
-        return matches === null || matches === void 0 ? void 0 : matches[1];
     };
 
     /**
@@ -11507,7 +11507,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-preRender.0";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",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^40.1.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
+    var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-preRender.1";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","cjs/**"];var exports$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",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^40.1.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2",tslib:"^2.5.3","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","current-git-branch":"^1.1.0","dts-bundle":"^0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-fetch-mock":"^3.0.3",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
 
     /**
      * Copyright (c) 2022
@@ -11691,6 +11691,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
          * and executes the registered callbacks accordingly.
          */
         subscribeToEvents() {
+            this.unsubscribeToEvents();
             const messageEventListener = (event) => {
                 const eventType = this.getEventType(event);
                 const eventPort = this.getEventPort(event);
@@ -11892,14 +11893,20 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             iFrame.name = 'ThoughtSpot Embedded Analytics';
             return iFrame;
         }
+        handleInsertionIntoDOM(child, showPreRenderByDefault = false) {
+            if (this.isPreRendered) {
+                this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
+            }
+            else {
+                this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+            }
+        }
         /**
          * Renders the embedded ThoughtSpot app in an iframe and sets up
          * event listeners.
          *
-         * @param url
-         * @param frameOptions
-         * @param showPreRender
-         * @param showPreRenderByDefault
+         * @param url - The URL of the embedded ThoughtSpot app.
+         * @param showPreRenderByDefault - The flag to show the preRender by default.
          */
         async renderIFrame(url, showPreRenderByDefault = false) {
             if (this.isError) {
@@ -11921,12 +11928,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
                 return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                     if (!isLoggedIn) {
-                        if (this.isPreRendered) {
-                            this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
-                        }
-                        else {
-                            this.insertIntoDOM(this.embedConfig.loginFailedMessage);
-                        }
+                        this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
                         return;
                     }
                     this.iFrame = this.iFrame || this.createIframeEl(url);
@@ -11948,15 +11950,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                     this.iFrame.addEventListener('error', () => {
                         nextInQueue();
                     });
-                    if (this.isPreRendered) {
-                        this.insertIntoDOMForPreRender(this.iFrame);
-                        if (showPreRenderByDefault) {
-                            this.showPreRender();
-                        }
-                    }
-                    else {
-                        this.insertIntoDOM(this.iFrame);
-                    }
+                    this.handleInsertionIntoDOM(this.iFrame, showPreRenderByDefault);
                     const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                     if (prefetchIframe.length) {
                         prefetchIframe.forEach((el) => {
@@ -11969,12 +11963,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
                         error: JSON.stringify(error),
                     });
-                    if (this.isPreRendered) {
-                        this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
-                    }
-                    else {
-                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
-                    }
+                    this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
                     this.handleError(error);
                 });
             });
@@ -11988,7 +11977,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         }
         createPreRenderWrapper(child) {
             if (!this.viewConfig.preRenderId) {
-                throw new Error('Pre render id is required');
+                throw new Error('PreRender id is required');
             }
             const preRenderIds = this.getPreRenderIds();
             [preRenderIds.wrapper, preRenderIds.shield, preRenderIds.child]
@@ -11998,14 +11987,15 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             const preRenderWrapper = document.createElement('div');
             preRenderWrapper.id = preRenderIds.wrapper;
             setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
-            const preRenderShield = document.createElement('div');
-            preRenderShield.id = preRenderIds.shield;
-            setStyleProperties(preRenderShield, { position: 'absolute', width: '100%', height: '100%' });
+            // const preRenderShield = document.createElement('div');
+            // preRenderShield.id = preRenderIds.shield;
+            // setStyleProperties(preRenderShield, { position: 'absolute',
+            // width: '100%', height: '100%' });
             child.id = preRenderIds.child;
             preRenderWrapper.appendChild(child);
-            preRenderWrapper.appendChild(preRenderShield);
+            // preRenderWrapper.appendChild(preRenderShield);
             this.preRenderWrapper = preRenderWrapper;
-            this.preRenderShield = preRenderShield;
+            // this.preRenderShield = preRenderShield;
             this.preRenderChild = child;
             return preRenderWrapper;
         }
@@ -12013,18 +12003,20 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             const preRenderIds = this.getPreRenderIds();
             this.preRenderWrapper = this.preRenderWrapper
                 || document.getElementById(preRenderIds.wrapper);
-            this.preRenderShield = this.preRenderShield
-                || document.getElementById(preRenderIds.shield);
+            // this.preRenderShield = this.preRenderShield
+            //     || document.getElementById(preRenderIds.shield);
             this.preRenderChild = this.preRenderChild
                 || document.getElementById(preRenderIds.child);
-            this.iFrame = this.preRenderChild;
+            if (this.preRenderWrapper && this.preRenderChild) {
+                this.isPreRendered = true;
+                this.iFrame = this.preRenderChild;
+            }
             return this.isPreRenderAvailable();
         }
         isPreRenderAvailable() {
-            return !!this.preRenderWrapper && !!this.preRenderShield
-                && !!this.preRenderChild;
+            return this.isPreRendered;
         }
-        insertIntoDOMForPreRender(child) {
+        insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
             let childNode;
             if (typeof child === 'string') {
                 const divChildNode = document.createElement('div');
@@ -12035,8 +12027,13 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 childNode = child;
             }
             const preRenderWrapper = this.createPreRenderWrapper(childNode);
+            if (showPreRenderByDefault) {
+                this.showPreRender();
+            }
+            else {
+                this.hidePreRender();
+            }
             document.body.appendChild(preRenderWrapper);
-            this.hidePreRender();
         }
         hidePreRender() {
             if (!this.isPreRenderAvailable()) {
@@ -12053,16 +12050,16 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 left: '0',
             });
             const childBoundingRect = this.preRenderChild.getBoundingClientRect();
-            setStyleProperties(this.preRenderShield, {
-                opacity: '0',
-                pointerEvents: 'none',
-                zIndex: '1',
-                width: `${childBoundingRect.width}px`,
-                height: `${childBoundingRect.height}px`,
-                position: 'absolute',
-                top: '0',
-                left: '0',
-            });
+            // setStyleProperties(this.preRenderShield, {
+            //     opacity: '0',
+            //     pointerEvents: 'none',
+            //     zIndex: '1',
+            //     width: `${childBoundingRect.width}px`,
+            //     height: `${childBoundingRect.height}px`,
+            //     position: 'absolute',
+            //     top: '0',
+            //     left: '0',
+            // });
             this.unsubscribeToEvents();
         }
         showPreRender() {
@@ -12078,7 +12075,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             }
             this.syncPreRenderStyle();
             removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
-            setStyleProperties(this.preRenderShield, { zIndex: '-1' });
+            // setStyleProperties(this.preRenderShield, { zIndex: '-1' });
             this.subscribeToEvents();
         }
         syncPreRenderStyle() {
@@ -12306,6 +12303,8 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         }
         /**
          * Creates the preRender shell
+         *
+         * @param showPreRenderByDefault
          */
         preRender(showPreRenderByDefault = false) {
             this.isPreRendered = true;
@@ -12346,6 +12345,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             var _a;
             try {
                 (_a = this.insertedDomEl) === null || _a === void 0 ? void 0 : _a.parentNode.removeChild(this.insertedDomEl);
+                this.unsubscribeToEvents();
             }
             catch (e) {
                 console.log('Error destroying TS Embed', e);
@@ -12383,6 +12383,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
          * Render the app in an iframe and set up event handlers
          *
          * @param iframeSrc
+         * @param showPreRenderByDefault - if true the preRender will be shown by default
          */
         renderV1Embed(iframeSrc, showPreRenderByDefault = false) {
             return this.renderIFrame(iframeSrc, showPreRenderByDefault);
@@ -12623,6 +12624,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
          *
          * @param renderOptions An object containing the page ID
          * to be embedded.
+         * @param showPreRenderByDefault
          */
         render(showPreRenderByDefault = false) {
             super.render();

package/dist/visual-embed-sdk-react-full.d.ts

@@ -595,6 +595,7 @@ export declare class AppEmbed extends V1Embed {
             *
             * @param renderOptions An object containing the page ID
             * to be embedded.
+            * @param showPreRenderByDefault
             */
         render(showPreRenderByDefault?: boolean): AppEmbed;
         preRender(showPreRenderByDefault?: boolean): AppEmbed;
@@ -1787,6 +1788,7 @@ export interface ViewConfig {
         /**
             * reordering the home page modules
             * eg: reorderedHomepageModules = [HomepageModule.MyLibrary, HomepageModule.Watchlist]
+            *
             * @version SDK: 1.28.0 | Thoughtspot: 9.9.0.cl
             */
         reorderedHomepageModules?: HomepageModule[];
@@ -1819,7 +1821,19 @@ export interface ViewConfig {
             */
         hiddenHomeLeftNavItems?: HomeLeftNavItem[];
         /**
-            * TBD
+            * PreRender id to be used for PreRendering the embed.
+            * Use PreRender to render the embed in the background and then
+            * show or hide the rendered embed using showPreRender or hidePreRender respectively.
+            *
+            * @example
+            * ```js
+            * const embed = new LiveboardEmbed('#embed', {
+            *   ... // other liveboard view config
+            *   preRenderId: "preRenderId-123"
+            * });
+            * embed.showPreRender();
+            * ```
+            * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
             */
         preRenderId?: string;
 }
@@ -4642,14 +4656,13 @@ export declare class TsEmbed {
         protected getEmbedParams(): string;
         protected getRootIframeSrc(): string;
         protected createIframeEl(frameSrc: string): HTMLIFrameElement;
+        protected handleInsertionIntoDOM(child: string | Node, showPreRenderByDefault?: boolean): void;
         /**
             * Renders the embedded ThoughtSpot app in an iframe and sets up
             * event listeners.
             *
-            * @param url
-            * @param frameOptions
-            * @param showPreRender
-            * @param showPreRenderByDefault
+            * @param url - The URL of the embedded ThoughtSpot app.
+            * @param showPreRenderByDefault - The flag to show the preRender by default.
             */
         protected renderIFrame(url: string, showPreRenderByDefault?: boolean): Promise<any>;
         getPreRenderIds(): {
@@ -4659,11 +4672,10 @@ export declare class TsEmbed {
         };
         protected createPreRenderWrapper(child: HTMLElement): HTMLDivElement;
         protected preRenderWrapper: HTMLElement;
-        protected preRenderShield: HTMLElement;
         protected preRenderChild: HTMLElement;
         protected connectPreRendered(): boolean;
         protected isPreRenderAvailable(): boolean;
-        protected insertIntoDOMForPreRender(child: string | HTMLElement): void;
+        protected insertIntoDOMForPreRender(child: string | HTMLElement, showPreRenderByDefault?: boolean): void;
         hidePreRender(): void;
         showPreRender(): void;
         syncPreRenderStyle(): void;
@@ -4765,6 +4777,8 @@ export declare class TsEmbed {
         render(): TsEmbed;
         /**
             * Creates the preRender shell
+            *
+            * @param showPreRenderByDefault
             */
         preRender(showPreRenderByDefault?: boolean): TsEmbed;
         /**
@@ -4806,6 +4820,7 @@ export declare class V1Embed extends TsEmbed {
             * Render the app in an iframe and set up event handlers
             *
             * @param iframeSrc
+            * @param showPreRenderByDefault - if true the preRender will be shown by default
             */
         protected renderV1Embed(iframeSrc: string, showPreRenderByDefault?: boolean): any;
         protected getRootIframeSrc(): string;