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

package/dist/tsembed.es.js

@@ -263,15 +263,11 @@ function removeTypename(obj) {
     return obj;
 }
 const setStyleProperties = (element, styleProperties) => {
-    if (!element || !styleProperties)
-        return;
     Object.keys(styleProperties).forEach((styleProperty) => {
         element.style[styleProperty] = styleProperties[styleProperty].toString();
     });
 };
 const removeStyleProperties = (element, styleProperties) => {
-    if (!element || !styleProperties)
-        return;
     styleProperties.forEach((styleProperty) => {
         element.style.removeProperty(styleProperty);
     });
@@ -11625,7 +11621,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-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};
+var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-preRender.2";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","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
@@ -11930,8 +11926,7 @@ class TsEmbed {
         else if (contextMenuTrigger === ContextMenuTriggerOptions.RIGHT_CLICK) {
             queryParams[Param.ContextMenuTrigger] = false;
         }
-        const spriteUrl = (customizations === null || customizations === void 0 ? void 0 : customizations.iconSpriteUrl)
-            || ((_d = this.embedConfig.customizations) === null || _d === void 0 ? void 0 : _d.iconSpriteUrl);
+        const spriteUrl = (customizations === null || customizations === void 0 ? void 0 : customizations.iconSpriteUrl) || ((_d = this.embedConfig.customizations) === null || _d === void 0 ? void 0 : _d.iconSpriteUrl);
         if (spriteUrl) {
             queryParams[Param.IconSpriteUrl] = spriteUrl.replace('https://', '');
         }
@@ -12013,10 +12008,13 @@ class TsEmbed {
     }
     handleInsertionIntoDOM(child, showPreRenderByDefault = false) {
         if (this.isPreRendered) {
-            this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
+            if (!this.viewConfig.preRenderId) {
+                throw Error('PreRender id is required for preRender');
+            }
+            this.insertIntoDOMForPreRender(child, showPreRenderByDefault);
         }
         else {
-            this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+            this.insertIntoDOM(child);
         }
     }
     /**
@@ -12089,32 +12087,34 @@ class TsEmbed {
     getPreRenderIds() {
         return {
             wrapper: `tsEmbed-pre-render-wrapper-${this.viewConfig.preRenderId}`,
-            shield: `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
+            // shield:
+            // `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
             child: `tsEmbed-pre-render-child-${this.viewConfig.preRenderId}`,
         };
     }
-    createPreRenderWrapper(child) {
+    createPreRenderWrapper() {
+        var _a;
         if (!this.viewConfig.preRenderId) {
-            throw new Error('PreRender id is required');
+            throw new Error('PreRender id is required to create PreRender wrapper');
         }
         const preRenderIds = this.getPreRenderIds();
-        [preRenderIds.wrapper, preRenderIds.shield, preRenderIds.child]
-            .map((id) => document.getElementById(id))
-            .filter((element) => element)
-            .forEach((existingElement) => existingElement.remove());
+        (_a = document.getElementById(preRenderIds.wrapper)) === null || _a === void 0 ? void 0 : _a.remove();
         const preRenderWrapper = document.createElement('div');
         preRenderWrapper.id = preRenderIds.wrapper;
-        setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
+        const initialPreRenderWrapperStyle = {
+            position: 'absolute',
+            width: '100vw',
+            height: '100vh',
+        };
+        setStyleProperties(preRenderWrapper, initialPreRenderWrapperStyle);
         // 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);
-        this.preRenderWrapper = preRenderWrapper;
+        // this.preRenderWrapper = preRenderWrapper;
         // this.preRenderShield = preRenderShield;
-        this.preRenderChild = child;
+        // this.preRenderChild = child;
         return preRenderWrapper;
     }
     connectPreRendered() {
@@ -12123,8 +12123,7 @@ class TsEmbed {
             || document.getElementById(preRenderIds.wrapper);
         // this.preRenderShield = this.preRenderShield
         //     || document.getElementById(preRenderIds.shield);
-        this.preRenderChild = this.preRenderChild
-            || document.getElementById(preRenderIds.child);
+        this.preRenderChild = this.preRenderChild || document.getElementById(preRenderIds.child);
         if (this.preRenderWrapper && this.preRenderChild) {
             this.isPreRendered = true;
             this.iFrame = this.preRenderChild;
@@ -12134,17 +12133,34 @@ class TsEmbed {
     isPreRenderAvailable() {
         return this.isPreRendered;
     }
-    insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
-        let childNode;
+    createPreRenderChild(child) {
+        var _a;
+        const preRenderIds = this.getPreRenderIds();
+        (_a = document.getElementById(preRenderIds.child)) === null || _a === void 0 ? void 0 : _a.remove();
+        if (child instanceof HTMLElement) {
+            child.id = preRenderIds.child;
+            return child;
+        }
+        const divChildNode = document.createElement('div');
+        setStyleProperties(divChildNode, { width: '100%', height: '100%' });
+        divChildNode.id = preRenderIds.child;
         if (typeof child === 'string') {
-            const divChildNode = document.createElement('div');
             divChildNode.innerHTML = child;
-            childNode = divChildNode;
         }
         else {
-            childNode = child;
+            divChildNode.appendChild(child);
+        }
+        return divChildNode;
+    }
+    insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
+        const preRenderChild = this.createPreRenderChild(child);
+        const preRenderWrapper = this.createPreRenderWrapper();
+        preRenderWrapper.appendChild(preRenderChild);
+        this.preRenderChild = preRenderChild;
+        this.preRenderWrapper = preRenderWrapper;
+        if (preRenderChild instanceof HTMLIFrameElement) {
+            this.iFrame = preRenderChild;
         }
-        const preRenderWrapper = this.createPreRenderWrapper(childNode);
         if (showPreRenderByDefault) {
             this.showPreRender();
         }
@@ -12156,18 +12172,20 @@ class TsEmbed {
     hidePreRender() {
         if (!this.isPreRenderAvailable()) {
             // if the embed component is not preRendered , nothing to hide
-            console.log('No preRender found, not hiding ');
+            console.warn('Warning: You should call PreRender before hiding it using hidePreRender.');
             return;
         }
-        setStyleProperties(this.preRenderWrapper, {
+        const preRenderHideStyles = {
             opacity: '0',
             pointerEvents: 'none',
             zIndex: '-1000',
             position: 'absolute ',
             top: '0',
             left: '0',
-        });
-        const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+        };
+        setStyleProperties(this.preRenderWrapper, preRenderHideStyles);
+        // const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+        //
         // setStyleProperties(this.preRenderShield, {
         //     opacity: '0',
         //     pointerEvents: 'none',
@@ -12184,10 +12202,10 @@ class TsEmbed {
         if (!this.isPreRenderAvailable()) {
             const isAvailable = this.connectPreRendered();
             if (!isAvailable) {
-                // if the Embed component is nor preRendered , Render it now and
-                // show it (hide is defalt behaviour)
-                console.log('No preRender found, creating new ');
+                // if the Embed component is not preRendered , Render it now and
                 this.preRender(true);
+                // show it (hide is defalt behaviour)
+                // console.log('No preRender found, creating new ');
                 return;
             }
         }
@@ -12202,7 +12220,10 @@ class TsEmbed {
         }
         const elBoundingClient = this.el.getBoundingClientRect();
         setStyleProperties(this.preRenderWrapper, {
-            top: `${elBoundingClient.y}px`, left: `${elBoundingClient.x}px`, width: `${elBoundingClient.width}px`, height: `${elBoundingClient.height}px`,
+            top: `${elBoundingClient.y}px`,
+            left: `${elBoundingClient.x}px`,
+            width: `${elBoundingClient.width}px`,
+            height: `${elBoundingClient.height}px`,
         });
     }
     insertIntoDOM(child) {
@@ -12913,6 +12934,7 @@ class LiveboardEmbed extends V1Embed {
      *
      * @param renderOptions An object specifying the Liveboard ID,
      * visualization ID and the runtime filters.
+     * @param showPreRenderByDefault
      */
     render(showPreRenderByDefault = false) {
         super.render();
@@ -12921,7 +12943,7 @@ class LiveboardEmbed extends V1Embed {
         return this;
     }
     preRender(showPreRenderByDefault = false) {
-        super.preRender(showPreRenderByDefault);
+        super.preRender();
         this.render(showPreRenderByDefault);
         return this;
     }
@@ -13064,7 +13086,7 @@ class SearchEmbed extends TsEmbed {
         return this;
     }
     preRender(showPreRenderByDefault = false) {
-        super.preRender(showPreRenderByDefault);
+        super.preRender();
         this.render(showPreRenderByDefault);
         return this;
     }

package/dist/tsembed.js

@@ -269,15 +269,11 @@
         return obj;
     }
     const setStyleProperties = (element, styleProperties) => {
-        if (!element || !styleProperties)
-            return;
         Object.keys(styleProperties).forEach((styleProperty) => {
             element.style[styleProperty] = styleProperties[styleProperty].toString();
         });
     };
     const removeStyleProperties = (element, styleProperties) => {
-        if (!element || !styleProperties)
-            return;
         styleProperties.forEach((styleProperty) => {
             element.style.removeProperty(styleProperty);
         });
@@ -11507,7 +11503,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         });
     }
 
-    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};
+    var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-preRender.2";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**","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
@@ -11812,8 +11808,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             else if (contextMenuTrigger === exports.ContextMenuTriggerOptions.RIGHT_CLICK) {
                 queryParams[Param.ContextMenuTrigger] = false;
             }
-            const spriteUrl = (customizations === null || customizations === void 0 ? void 0 : customizations.iconSpriteUrl)
-                || ((_d = this.embedConfig.customizations) === null || _d === void 0 ? void 0 : _d.iconSpriteUrl);
+            const spriteUrl = (customizations === null || customizations === void 0 ? void 0 : customizations.iconSpriteUrl) || ((_d = this.embedConfig.customizations) === null || _d === void 0 ? void 0 : _d.iconSpriteUrl);
             if (spriteUrl) {
                 queryParams[Param.IconSpriteUrl] = spriteUrl.replace('https://', '');
             }
@@ -11895,10 +11890,13 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         }
         handleInsertionIntoDOM(child, showPreRenderByDefault = false) {
             if (this.isPreRendered) {
-                this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage, showPreRenderByDefault);
+                if (!this.viewConfig.preRenderId) {
+                    throw Error('PreRender id is required for preRender');
+                }
+                this.insertIntoDOMForPreRender(child, showPreRenderByDefault);
             }
             else {
-                this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                this.insertIntoDOM(child);
             }
         }
         /**
@@ -11971,32 +11969,34 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         getPreRenderIds() {
             return {
                 wrapper: `tsEmbed-pre-render-wrapper-${this.viewConfig.preRenderId}`,
-                shield: `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
+                // shield:
+                // `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
                 child: `tsEmbed-pre-render-child-${this.viewConfig.preRenderId}`,
             };
         }
-        createPreRenderWrapper(child) {
+        createPreRenderWrapper() {
+            var _a;
             if (!this.viewConfig.preRenderId) {
-                throw new Error('PreRender id is required');
+                throw new Error('PreRender id is required to create PreRender wrapper');
             }
             const preRenderIds = this.getPreRenderIds();
-            [preRenderIds.wrapper, preRenderIds.shield, preRenderIds.child]
-                .map((id) => document.getElementById(id))
-                .filter((element) => element)
-                .forEach((existingElement) => existingElement.remove());
+            (_a = document.getElementById(preRenderIds.wrapper)) === null || _a === void 0 ? void 0 : _a.remove();
             const preRenderWrapper = document.createElement('div');
             preRenderWrapper.id = preRenderIds.wrapper;
-            setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
+            const initialPreRenderWrapperStyle = {
+                position: 'absolute',
+                width: '100vw',
+                height: '100vh',
+            };
+            setStyleProperties(preRenderWrapper, initialPreRenderWrapperStyle);
             // 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);
-            this.preRenderWrapper = preRenderWrapper;
+            // this.preRenderWrapper = preRenderWrapper;
             // this.preRenderShield = preRenderShield;
-            this.preRenderChild = child;
+            // this.preRenderChild = child;
             return preRenderWrapper;
         }
         connectPreRendered() {
@@ -12005,8 +12005,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
                 || document.getElementById(preRenderIds.wrapper);
             // this.preRenderShield = this.preRenderShield
             //     || document.getElementById(preRenderIds.shield);
-            this.preRenderChild = this.preRenderChild
-                || document.getElementById(preRenderIds.child);
+            this.preRenderChild = this.preRenderChild || document.getElementById(preRenderIds.child);
             if (this.preRenderWrapper && this.preRenderChild) {
                 this.isPreRendered = true;
                 this.iFrame = this.preRenderChild;
@@ -12016,17 +12015,34 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         isPreRenderAvailable() {
             return this.isPreRendered;
         }
-        insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
-            let childNode;
+        createPreRenderChild(child) {
+            var _a;
+            const preRenderIds = this.getPreRenderIds();
+            (_a = document.getElementById(preRenderIds.child)) === null || _a === void 0 ? void 0 : _a.remove();
+            if (child instanceof HTMLElement) {
+                child.id = preRenderIds.child;
+                return child;
+            }
+            const divChildNode = document.createElement('div');
+            setStyleProperties(divChildNode, { width: '100%', height: '100%' });
+            divChildNode.id = preRenderIds.child;
             if (typeof child === 'string') {
-                const divChildNode = document.createElement('div');
                 divChildNode.innerHTML = child;
-                childNode = divChildNode;
             }
             else {
-                childNode = child;
+                divChildNode.appendChild(child);
+            }
+            return divChildNode;
+        }
+        insertIntoDOMForPreRender(child, showPreRenderByDefault = false) {
+            const preRenderChild = this.createPreRenderChild(child);
+            const preRenderWrapper = this.createPreRenderWrapper();
+            preRenderWrapper.appendChild(preRenderChild);
+            this.preRenderChild = preRenderChild;
+            this.preRenderWrapper = preRenderWrapper;
+            if (preRenderChild instanceof HTMLIFrameElement) {
+                this.iFrame = preRenderChild;
             }
-            const preRenderWrapper = this.createPreRenderWrapper(childNode);
             if (showPreRenderByDefault) {
                 this.showPreRender();
             }
@@ -12038,18 +12054,20 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
         hidePreRender() {
             if (!this.isPreRenderAvailable()) {
                 // if the embed component is not preRendered , nothing to hide
-                console.log('No preRender found, not hiding ');
+                console.warn('Warning: You should call PreRender before hiding it using hidePreRender.');
                 return;
             }
-            setStyleProperties(this.preRenderWrapper, {
+            const preRenderHideStyles = {
                 opacity: '0',
                 pointerEvents: 'none',
                 zIndex: '-1000',
                 position: 'absolute ',
                 top: '0',
                 left: '0',
-            });
-            const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+            };
+            setStyleProperties(this.preRenderWrapper, preRenderHideStyles);
+            // const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+            //
             // setStyleProperties(this.preRenderShield, {
             //     opacity: '0',
             //     pointerEvents: 'none',
@@ -12066,10 +12084,10 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             if (!this.isPreRenderAvailable()) {
                 const isAvailable = this.connectPreRendered();
                 if (!isAvailable) {
-                    // if the Embed component is nor preRendered , Render it now and
-                    // show it (hide is defalt behaviour)
-                    console.log('No preRender found, creating new ');
+                    // if the Embed component is not preRendered , Render it now and
                     this.preRender(true);
+                    // show it (hide is defalt behaviour)
+                    // console.log('No preRender found, creating new ');
                     return;
                 }
             }
@@ -12084,7 +12102,10 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             }
             const elBoundingClient = this.el.getBoundingClientRect();
             setStyleProperties(this.preRenderWrapper, {
-                top: `${elBoundingClient.y}px`, left: `${elBoundingClient.x}px`, width: `${elBoundingClient.width}px`, height: `${elBoundingClient.height}px`,
+                top: `${elBoundingClient.y}px`,
+                left: `${elBoundingClient.x}px`,
+                width: `${elBoundingClient.width}px`,
+                height: `${elBoundingClient.height}px`,
             });
         }
         insertIntoDOM(child) {
@@ -12790,6 +12811,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
          *
          * @param renderOptions An object specifying the Liveboard ID,
          * visualization ID and the runtime filters.
+         * @param showPreRenderByDefault
          */
         render(showPreRenderByDefault = false) {
             super.render();
@@ -12798,7 +12820,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             return this;
         }
         preRender(showPreRenderByDefault = false) {
-            super.preRender(showPreRenderByDefault);
+            super.preRender();
             this.render(showPreRenderByDefault);
             return this;
         }
@@ -12941,7 +12963,7 @@ mutation RemoveColumns($session: BachSessionIdInput!, $logicalColumnIds: [GUID!]
             return this;
         }
         preRender(showPreRenderByDefault = false) {
-            super.preRender(showPreRenderByDefault);
+            super.preRender();
             this.render(showPreRenderByDefault);
             return this;
         }

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

@@ -734,6 +734,7 @@ export declare class LiveboardEmbed extends V1Embed {
             *
             * @param renderOptions An object specifying the Liveboard ID,
             * visualization ID and the runtime filters.
+            * @param showPreRenderByDefault
             */
         render(showPreRenderByDefault?: boolean): LiveboardEmbed;
         preRender(showPreRenderByDefault?: boolean): LiveboardEmbed;
@@ -4667,15 +4668,15 @@ export declare class TsEmbed {
         protected renderIFrame(url: string, showPreRenderByDefault?: boolean): Promise<any>;
         getPreRenderIds(): {
                 wrapper: string;
-                shield: string;
                 child: string;
         };
-        protected createPreRenderWrapper(child: HTMLElement): HTMLDivElement;
+        protected createPreRenderWrapper(): HTMLDivElement;
         protected preRenderWrapper: HTMLElement;
         protected preRenderChild: HTMLElement;
         protected connectPreRendered(): boolean;
         protected isPreRenderAvailable(): boolean;
-        protected insertIntoDOMForPreRender(child: string | HTMLElement, showPreRenderByDefault?: boolean): void;
+        protected createPreRenderChild(child: string | Node): HTMLElement;
+        protected insertIntoDOMForPreRender(child: string | Node, showPreRenderByDefault?: boolean): void;
         hidePreRender(): void;
         showPreRender(): void;
         syncPreRenderStyle(): void;

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

@@ -723,6 +723,7 @@ export declare class LiveboardEmbed extends V1Embed {
             *
             * @param renderOptions An object specifying the Liveboard ID,
             * visualization ID and the runtime filters.
+            * @param showPreRenderByDefault
             */
         render(showPreRenderByDefault?: boolean): LiveboardEmbed;
         preRender(showPreRenderByDefault?: boolean): LiveboardEmbed;
@@ -3979,15 +3980,15 @@ export declare class TsEmbed {
         protected renderIFrame(url: string, showPreRenderByDefault?: boolean): Promise<any>;
         getPreRenderIds(): {
                 wrapper: string;
-                shield: string;
                 child: string;
         };
-        protected createPreRenderWrapper(child: HTMLElement): HTMLDivElement;
+        protected createPreRenderWrapper(): HTMLDivElement;
         protected preRenderWrapper: HTMLElement;
         protected preRenderChild: HTMLElement;
         protected connectPreRendered(): boolean;
         protected isPreRenderAvailable(): boolean;
-        protected insertIntoDOMForPreRender(child: string | HTMLElement, showPreRenderByDefault?: boolean): void;
+        protected createPreRenderChild(child: string | Node): HTMLElement;
+        protected insertIntoDOMForPreRender(child: string | Node, showPreRenderByDefault?: boolean): void;
         hidePreRender(): void;
         showPreRender(): void;
         syncPreRenderStyle(): void;

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

@@ -451,6 +451,7 @@ export class LiveboardEmbed extends V1Embed {
             *
             * @param renderOptions An object specifying the Liveboard ID,
             * visualization ID and the runtime filters.
+            * @param showPreRenderByDefault
             */
         render(showPreRenderByDefault?: boolean): LiveboardEmbed;
         preRender(showPreRenderByDefault?: boolean): LiveboardEmbed;
@@ -4538,15 +4539,15 @@ export class TsEmbed {
         protected renderIFrame(url: string, showPreRenderByDefault?: boolean): Promise<any>;
         getPreRenderIds(): {
                 wrapper: string;
-                shield: string;
                 child: string;
         };
-        protected createPreRenderWrapper(child: HTMLElement): HTMLDivElement;
+        protected createPreRenderWrapper(): HTMLDivElement;
         protected preRenderWrapper: HTMLElement;
         protected preRenderChild: HTMLElement;
         protected connectPreRendered(): boolean;
         protected isPreRenderAvailable(): boolean;
-        protected insertIntoDOMForPreRender(child: string | HTMLElement, showPreRenderByDefault?: boolean): void;
+        protected createPreRenderChild(child: string | Node): HTMLElement;
+        protected insertIntoDOMForPreRender(child: string | Node, showPreRenderByDefault?: boolean): void;
         hidePreRender(): void;
         showPreRender(): void;
         syncPreRenderStyle(): void;

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.24.0-preRender.1",
+    "version": "1.24.0-preRender.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",

package/lib/src/embed/liveboard.d.ts

@@ -150,6 +150,7 @@ export declare class LiveboardEmbed extends V1Embed {
      *
      * @param renderOptions An object specifying the Liveboard ID,
      * visualization ID and the runtime filters.
+     * @param showPreRenderByDefault
      */
     render(showPreRenderByDefault?: boolean): LiveboardEmbed;
     preRender(showPreRenderByDefault?: boolean): LiveboardEmbed;

package/lib/src/embed/liveboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"liveboard.d.ts","sourceRoot":"","sources":["../../../src/embed/liveboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAKH,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,UAAU,EACb,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC1C;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAAa,cAAe,SAAQ,OAAO;IACvC,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC;IAE1C,OAAO,CAAC,aAAa,CAAO;IAE5B,SAAS,CAAC,kBAAkB,SAAoB;gBAGpC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB;IASrE;;;OAGG;IACH,SAAS,CAAC,cAAc;IAoDxB,OAAO,CAAC,kBAAkB;IAa1B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAcpB;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,mCAAmC,CAIzC;IAEF,OAAO,CAAC,YAAY;IAQpB;;;;;OAKG;IACI,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,GAAE,GAAQ,GAAG,OAAO,CAAC,GAAG,CAAC;IAYpE;;;;;OAKG;IACI,MAAM,CAAC,sBAAsB,UAAQ,GAAG,cAAc;IAStD,SAAS,CAAC,sBAAsB,UAAQ,GAAG,cAAc;IAQzD,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;CAWvF;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"liveboard.d.ts","sourceRoot":"","sources":["../../../src/embed/liveboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAKH,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,UAAU,EACb,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC1C;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAAa,cAAe,SAAQ,OAAO;IACvC,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC;IAE1C,OAAO,CAAC,aAAa,CAAO;IAE5B,SAAS,CAAC,kBAAkB,SAAoB;gBAGpC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB;IASrE;;;OAGG;IACH,SAAS,CAAC,cAAc;IAoDxB,OAAO,CAAC,kBAAkB;IAa1B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAcpB;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,mCAAmC,CAIzC;IAEF,OAAO,CAAC,YAAY;IAQpB;;;;;OAKG;IACI,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,GAAE,GAAQ,GAAG,OAAO,CAAC,GAAG,CAAC;IAYpE;;;;;;OAMG;IACI,MAAM,CAAC,sBAAsB,UAAQ,GAAG,cAAc;IAStD,SAAS,CAAC,sBAAsB,UAAQ,GAAG,cAAc;IAQzD,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;CAWvF;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,cAAc;CAAG"}