@thoughtspot/visual-embed-sdk 1.19.0-alpha.2 → 1.19.0-alpha.4

package/dist/tsembed.es.js

@@ -953,6 +953,13 @@ var HostEvent;
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
      */
     HostEvent["ManagePipelines"] = "manage-pipeline";
+    /**
+     * Triggers the Reset search in answer
+     * @example
+     * searchEmbed.trigger(HostEvent.SearchReset
+     * @version SDK: 1.19.0 | ThoughtSpot: 9.2.0.cl, 9.0.1-sw
+     */
+    HostEvent["ResetSearch"] = "resetSearch";
 })(HostEvent || (HostEvent = {}));
 /**
  * The different visual modes that the data sources panel within
@@ -7242,32 +7249,31 @@ const MIXPANEL_EVENT = {
     VISUAL_SDK_RENDER_COMPLETE: 'visual-sdk-render-complete',
     VISUAL_SDK_RENDER_FAILED: 'visual-sdk-render-failed',
     VISUAL_SDK_TRIGGER: 'visual-sdk-trigger',
+    VISUAL_SDK_ON: 'visual-sdk-on',
     VISUAL_SDK_IFRAME_LOAD_PERFORMANCE: 'visual-sdk-iframe-load-performance',
 };
-let isEventCollectorOn = false;
-const eventCollectorQueue = [];
-function setEventCollectorOn() {
-    isEventCollectorOn = true;
-}
-function getEventCollectorOnValue() {
-    return isEventCollectorOn;
-}
+let isMixpanelInitialized = false;
+let eventQueue = [];
 /**
  * Pushes the event with its Property key-value map to mixpanel.
  * @param eventId
  * @param eventProps
  */
-async function uploadMixpanelEvent(eventId, eventProps = {}) {
-    if (!getEventCollectorOnValue()) {
-        eventCollectorQueue.push({ eventId, eventProps });
-        return Promise.resolve();
+function uploadMixpanelEvent(eventId, eventProps = {}) {
+    if (!isMixpanelInitialized) {
+        eventQueue.push({ eventId, eventProps });
+        return;
     }
-    return new Promise(() => mixpanel_cjs.track(eventId, eventProps));
+    mixpanel_cjs.track(eventId, eventProps);
 }
 function emptyQueue() {
-    eventCollectorQueue.forEach((event) => {
+    if (!isMixpanelInitialized) {
+        return;
+    }
+    eventQueue.forEach((event) => {
         uploadMixpanelEvent(event.eventId, event.eventProps);
     });
+    eventQueue = [];
 }
 function initMixpanel(sessionInfo) {
     if (!sessionInfo || !sessionInfo.mixpanelToken) {
@@ -7281,7 +7287,7 @@ function initMixpanel(sessionInfo) {
         if (!isPublicCluster) {
             mixpanel_cjs.identify(sessionInfo.userGUID);
         }
-        setEventCollectorOn();
+        isMixpanelInitialized = true;
         emptyQueue();
     }
 }
@@ -8852,7 +8858,53 @@ var AuthStatus;
      * Emits when a user logs out
      */
     AuthStatus["LOGOUT"] = "LOGOUT";
+    /**
+     * Emitted when inPopup: true in the SAMLRedirect flow.
+     * And, we are waiting for popup to be triggered either programatically
+     * or by the trigger button.
+     * @version SDK: 1.19.0
+     */
+    AuthStatus["WAITING_FOR_POPUP"] = "WAITING_FOR_POPUP";
 })(AuthStatus || (AuthStatus = {}));
+var AuthEvent;
+(function (AuthEvent) {
+    /**
+     * Manually trigger the SSO popup.
+     */
+    AuthEvent["TRIGGER_SSO_POPUP"] = "TRIGGER_SSO_POPUP";
+})(AuthEvent || (AuthEvent = {}));
+let authEE;
+function setAuthEE(eventEmitter) {
+    authEE = eventEmitter;
+}
+function notifyAuthSDKSuccess() {
+    if (!authEE) {
+        console.error('SDK not initialized');
+        return;
+    }
+    authEE.emit(AuthStatus.SDK_SUCCESS);
+}
+function notifyAuthSuccess() {
+    if (!authEE) {
+        console.error('SDK not initialized');
+        return;
+    }
+    authEE.emit(AuthStatus.SUCCESS);
+}
+function notifyAuthFailure(failureType) {
+    if (!authEE) {
+        console.error('SDK not initialized');
+        return;
+    }
+    authEE.emit(AuthStatus.FAILURE, failureType);
+}
+function notifyLogout() {
+    if (!authEE) {
+        console.error('SDK not initialized');
+        return;
+    }
+    authEE.emit(AuthStatus.LOGOUT);
+}
 /**
  * Check if we are logged into the ThoughtSpot cluster
  * @param thoughtSpotHost The ThoughtSpot cluster hostname or IP
@@ -8968,11 +9020,23 @@ const doBasicAuth = async (embedConfig) => {
     return loggedInStatus;
 };
 async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
+    const openPopup = () => {
+        if (samlAuthWindow === null || samlAuthWindow.closed) {
+            samlAuthWindow = window.open(ssoURL, '_blank', 'location=no,height=570,width=520,scrollbars=yes,status=yes');
+        }
+        else {
+            samlAuthWindow.focus();
+        }
+    };
+    authEE === null || authEE === void 0 ? void 0 : authEE.emit(AuthStatus.WAITING_FOR_POPUP);
     const containerEl = getDOMNode(triggerContainer);
-    containerEl.innerHTML =
-        '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
-    const authElem = document.getElementById('ts-auth-btn');
-    authElem.textContent = triggerText;
+    if (containerEl) {
+        containerEl.innerHTML =
+            '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
+        const authElem = document.getElementById('ts-auth-btn');
+        authElem.textContent = triggerText;
+        authElem.addEventListener('click', openPopup, { once: true });
+    }
     samlCompletionPromise =
         samlCompletionPromise ||
             new Promise((resolve, reject) => {
@@ -8983,14 +9047,7 @@ async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
                     }
                 });
             });
-    authElem.addEventListener('click', () => {
-        if (samlAuthWindow === null || samlAuthWindow.closed) {
-            samlAuthWindow = window.open(ssoURL, '_blank', 'location=no,height=570,width=520,scrollbars=yes,status=yes');
-        }
-        else {
-            samlAuthWindow.focus();
-        }
-    }, { once: true });
+    authEE === null || authEE === void 0 ? void 0 : authEE.once(AuthEvent.TRIGGER_SSO_POPUP, openPopup);
     return samlCompletionPromise;
 }
 /**
@@ -9086,35 +9143,6 @@ const CONFIG_DEFAULTS = {
 let authPromise;
 const getEmbedConfig = () => config;
 const getAuthPromise = () => authPromise;
-let authEE;
-function notifyAuthSDKSuccess() {
-    if (!authEE) {
-        console.error('SDK not initialized');
-        return;
-    }
-    authEE.emit(AuthStatus.SDK_SUCCESS);
-}
-function notifyAuthSuccess() {
-    if (!authEE) {
-        console.error('SDK not initialized');
-        return;
-    }
-    authEE.emit(AuthStatus.SUCCESS);
-}
-function notifyAuthFailure(failureType) {
-    if (!authEE) {
-        console.error('SDK not initialized');
-        return;
-    }
-    authEE.emit(AuthStatus.FAILURE, failureType);
-}
-function notifyLogout() {
-    if (!authEE) {
-        console.error('SDK not initialized');
-        return;
-    }
-    authEE.emit(AuthStatus.LOGOUT);
-}
 /**
  * Perform authentication on the ThoughtSpot app as applicable.
  */
@@ -9178,9 +9206,6 @@ function sanity(embedConfig) {
             throw new Error('Trusted auth should provide either authEndpoint or getAuthToken');
         }
     }
-    if (embedConfig.noRedirect && !embedConfig.authTriggerContainer) {
-        throw new Error('authTriggerContainer not provided with noRedirect');
-    }
 }
 /**
  * Initializes the Visual Embed SDK globally and perform
@@ -9193,14 +9218,15 @@ function sanity(embedConfig) {
  * @version SDK: 1.0.0 | ThoughtSpot ts7.april.cl, 7.2.1
  */
 const init = (embedConfig) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     sanity(embedConfig);
     config = {
         ...CONFIG_DEFAULTS,
         ...embedConfig,
         thoughtSpotHost: getThoughtSpotHost(embedConfig),
     };
-    authEE = new eventemitter3();
+    const authEE = new eventemitter3();
+    setAuthEE(authEE);
     handleAuth();
     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
         authType: config.authType,
@@ -9209,6 +9235,8 @@ const init = (embedConfig) => {
         usedCustomizationVariables: ((_e = (_d = (_c = embedConfig.customizations) === null || _c === void 0 ? void 0 : _c.style) === null || _d === void 0 ? void 0 : _d.customCSS) === null || _e === void 0 ? void 0 : _e.variables) != null,
         usedCustomizationRules: ((_h = (_g = (_f = embedConfig.customizations) === null || _f === void 0 ? void 0 : _f.style) === null || _g === void 0 ? void 0 : _g.customCSS) === null || _h === void 0 ? void 0 : _h.rules_UNSTABLE) !=
             null,
+        usedCustomizationStrings: !!((_k = (_j = embedConfig.customizations) === null || _j === void 0 ? void 0 : _j.content) === null || _k === void 0 ? void 0 : _k.strings),
+        usedCustomizationIconSprite: !!((_l = embedConfig.customizations) === null || _l === void 0 ? void 0 : _l.iconSpriteUrl),
     });
     if (config.callPrefetch) {
         prefetch(config.thoughtSpotHost);
@@ -9427,7 +9455,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.19.0-alpha.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/**"];var exports={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.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":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",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",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","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",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","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","@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","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":"4.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^4.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",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-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",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,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.19.0-alpha.4";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.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":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",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",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","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",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","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","@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","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":"4.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^4.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",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-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",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,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
@@ -9691,7 +9719,7 @@ class TsEmbed {
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
             return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                 if (!isLoggedIn) {
-                    this.el.innerHTML = this.embedConfig.loginFailedMessage;
+                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                     return;
                 }
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
@@ -9734,8 +9762,7 @@ class TsEmbed {
                 this.iFrame.addEventListener('error', () => {
                     nextInQueue();
                 });
-                this.el.innerHTML = '';
-                this.el.appendChild(this.iFrame);
+                this.insertIntoDOM(this.iFrame);
                 const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                 if (prefetchIframe.length) {
                     prefetchIframe.forEach((el) => {
@@ -9745,12 +9772,30 @@ class TsEmbed {
                 this.subscribeToEvents();
             }).catch((error) => {
                 nextInQueue();
-                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED);
-                this.el.innerHTML = this.embedConfig.loginFailedMessage;
+                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, { error: JSON.stringify(error) });
+                this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                 this.handleError(error);
             });
         });
     }
+    insertIntoDOM(child) {
+        if (this.viewConfig.insertAsSibling) {
+            if (typeof child === 'string') {
+                const div = document.createElement('div');
+                div.innerHTML = child;
+                // eslint-disable-next-line no-param-reassign
+                child = div;
+            }
+            this.el.parentElement.insertBefore(child, this.el.nextSibling);
+        }
+        else if (typeof child === 'string') {
+            this.el.innerHTML = child;
+        }
+        else {
+            this.el.innerHTML = '';
+            this.el.appendChild(child);
+        }
+    }
     /**
      * Sets the height of the iframe
      * @param height The height in pixels
@@ -9936,6 +9981,7 @@ class V1Embed extends TsEmbed {
     // @override
     on(messageType, callback, options = { start: false }) {
         const eventType = this.getCompatibleEventType(messageType);
+        uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`);
         return super.on(eventType, callback, options);
     }
 }
@@ -10410,4 +10456,4 @@ class SearchBarEmbed extends TsEmbed {
     }
 }
 
-export { Action, AppEmbed, AuthFailureType, AuthStatus, AuthType, DataSourceVisualMode, EmbedEvent, HostEvent, LiveboardEmbed, Page, PinboardEmbed, PrefetchFeatures, RuntimeFilterOp, SearchBarEmbed, SearchEmbed, init, logout$1 as logout, prefetch };
+export { Action, AppEmbed, AuthEvent, AuthFailureType, AuthStatus, AuthType, DataSourceVisualMode, EmbedEvent, HostEvent, LiveboardEmbed, Page, PinboardEmbed, PrefetchFeatures, RuntimeFilterOp, SearchBarEmbed, SearchEmbed, init, logout$1 as logout, prefetch };

package/dist/tsembed.js

@@ -934,6 +934,13 @@
          * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
          */
         HostEvent["ManagePipelines"] = "manage-pipeline";
+        /**
+         * Triggers the Reset search in answer
+         * @example
+         * searchEmbed.trigger(HostEvent.SearchReset
+         * @version SDK: 1.19.0 | ThoughtSpot: 9.2.0.cl, 9.0.1-sw
+         */
+        HostEvent["ResetSearch"] = "resetSearch";
     })(exports.HostEvent || (exports.HostEvent = {}));
     (function (DataSourceVisualMode) {
         /**
@@ -7210,32 +7217,31 @@
         VISUAL_SDK_RENDER_COMPLETE: 'visual-sdk-render-complete',
         VISUAL_SDK_RENDER_FAILED: 'visual-sdk-render-failed',
         VISUAL_SDK_TRIGGER: 'visual-sdk-trigger',
+        VISUAL_SDK_ON: 'visual-sdk-on',
         VISUAL_SDK_IFRAME_LOAD_PERFORMANCE: 'visual-sdk-iframe-load-performance',
     };
-    let isEventCollectorOn = false;
-    const eventCollectorQueue = [];
-    function setEventCollectorOn() {
-        isEventCollectorOn = true;
-    }
-    function getEventCollectorOnValue() {
-        return isEventCollectorOn;
-    }
+    let isMixpanelInitialized = false;
+    let eventQueue = [];
     /**
      * Pushes the event with its Property key-value map to mixpanel.
      * @param eventId
      * @param eventProps
      */
-    async function uploadMixpanelEvent(eventId, eventProps = {}) {
-        if (!getEventCollectorOnValue()) {
-            eventCollectorQueue.push({ eventId, eventProps });
-            return Promise.resolve();
+    function uploadMixpanelEvent(eventId, eventProps = {}) {
+        if (!isMixpanelInitialized) {
+            eventQueue.push({ eventId, eventProps });
+            return;
         }
-        return new Promise(() => mixpanel_cjs.track(eventId, eventProps));
+        mixpanel_cjs.track(eventId, eventProps);
     }
     function emptyQueue() {
-        eventCollectorQueue.forEach((event) => {
+        if (!isMixpanelInitialized) {
+            return;
+        }
+        eventQueue.forEach((event) => {
             uploadMixpanelEvent(event.eventId, event.eventProps);
         });
+        eventQueue = [];
     }
     function initMixpanel(sessionInfo) {
         if (!sessionInfo || !sessionInfo.mixpanelToken) {
@@ -7249,7 +7255,7 @@
             if (!isPublicCluster) {
                 mixpanel_cjs.identify(sessionInfo.userGUID);
             }
-            setEventCollectorOn();
+            isMixpanelInitialized = true;
             emptyQueue();
         }
     }
@@ -8818,7 +8824,52 @@
          * Emits when a user logs out
          */
         AuthStatus["LOGOUT"] = "LOGOUT";
+        /**
+         * Emitted when inPopup: true in the SAMLRedirect flow.
+         * And, we are waiting for popup to be triggered either programatically
+         * or by the trigger button.
+         * @version SDK: 1.19.0
+         */
+        AuthStatus["WAITING_FOR_POPUP"] = "WAITING_FOR_POPUP";
     })(exports.AuthStatus || (exports.AuthStatus = {}));
+    (function (AuthEvent) {
+        /**
+         * Manually trigger the SSO popup.
+         */
+        AuthEvent["TRIGGER_SSO_POPUP"] = "TRIGGER_SSO_POPUP";
+    })(exports.AuthEvent || (exports.AuthEvent = {}));
+    let authEE;
+    function setAuthEE(eventEmitter) {
+        authEE = eventEmitter;
+    }
+    function notifyAuthSDKSuccess() {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.SDK_SUCCESS);
+    }
+    function notifyAuthSuccess() {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.SUCCESS);
+    }
+    function notifyAuthFailure(failureType) {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.FAILURE, failureType);
+    }
+    function notifyLogout() {
+        if (!authEE) {
+            console.error('SDK not initialized');
+            return;
+        }
+        authEE.emit(exports.AuthStatus.LOGOUT);
+    }
     /**
      * Check if we are logged into the ThoughtSpot cluster
      * @param thoughtSpotHost The ThoughtSpot cluster hostname or IP
@@ -8934,11 +8985,23 @@
         return loggedInStatus;
     };
     async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
+        const openPopup = () => {
+            if (samlAuthWindow === null || samlAuthWindow.closed) {
+                samlAuthWindow = window.open(ssoURL, '_blank', 'location=no,height=570,width=520,scrollbars=yes,status=yes');
+            }
+            else {
+                samlAuthWindow.focus();
+            }
+        };
+        authEE === null || authEE === void 0 ? void 0 : authEE.emit(exports.AuthStatus.WAITING_FOR_POPUP);
         const containerEl = getDOMNode(triggerContainer);
-        containerEl.innerHTML =
-            '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
-        const authElem = document.getElementById('ts-auth-btn');
-        authElem.textContent = triggerText;
+        if (containerEl) {
+            containerEl.innerHTML =
+                '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
+            const authElem = document.getElementById('ts-auth-btn');
+            authElem.textContent = triggerText;
+            authElem.addEventListener('click', openPopup, { once: true });
+        }
         samlCompletionPromise =
             samlCompletionPromise ||
                 new Promise((resolve, reject) => {
@@ -8949,14 +9012,7 @@
                         }
                     });
                 });
-        authElem.addEventListener('click', () => {
-            if (samlAuthWindow === null || samlAuthWindow.closed) {
-                samlAuthWindow = window.open(ssoURL, '_blank', 'location=no,height=570,width=520,scrollbars=yes,status=yes');
-            }
-            else {
-                samlAuthWindow.focus();
-            }
-        }, { once: true });
+        authEE === null || authEE === void 0 ? void 0 : authEE.once(exports.AuthEvent.TRIGGER_SSO_POPUP, openPopup);
         return samlCompletionPromise;
     }
     /**
@@ -9052,35 +9108,6 @@
     let authPromise;
     const getEmbedConfig = () => config;
     const getAuthPromise = () => authPromise;
-    let authEE;
-    function notifyAuthSDKSuccess() {
-        if (!authEE) {
-            console.error('SDK not initialized');
-            return;
-        }
-        authEE.emit(exports.AuthStatus.SDK_SUCCESS);
-    }
-    function notifyAuthSuccess() {
-        if (!authEE) {
-            console.error('SDK not initialized');
-            return;
-        }
-        authEE.emit(exports.AuthStatus.SUCCESS);
-    }
-    function notifyAuthFailure(failureType) {
-        if (!authEE) {
-            console.error('SDK not initialized');
-            return;
-        }
-        authEE.emit(exports.AuthStatus.FAILURE, failureType);
-    }
-    function notifyLogout() {
-        if (!authEE) {
-            console.error('SDK not initialized');
-            return;
-        }
-        authEE.emit(exports.AuthStatus.LOGOUT);
-    }
     /**
      * Perform authentication on the ThoughtSpot app as applicable.
      */
@@ -9144,9 +9171,6 @@
                 throw new Error('Trusted auth should provide either authEndpoint or getAuthToken');
             }
         }
-        if (embedConfig.noRedirect && !embedConfig.authTriggerContainer) {
-            throw new Error('authTriggerContainer not provided with noRedirect');
-        }
     }
     /**
      * Initializes the Visual Embed SDK globally and perform
@@ -9159,14 +9183,15 @@
      * @version SDK: 1.0.0 | ThoughtSpot ts7.april.cl, 7.2.1
      */
     const init = (embedConfig) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         sanity(embedConfig);
         config = {
             ...CONFIG_DEFAULTS,
             ...embedConfig,
             thoughtSpotHost: getThoughtSpotHost(embedConfig),
         };
-        authEE = new eventemitter3();
+        const authEE = new eventemitter3();
+        setAuthEE(authEE);
         handleAuth();
         uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
             authType: config.authType,
@@ -9175,6 +9200,8 @@
             usedCustomizationVariables: ((_e = (_d = (_c = embedConfig.customizations) === null || _c === void 0 ? void 0 : _c.style) === null || _d === void 0 ? void 0 : _d.customCSS) === null || _e === void 0 ? void 0 : _e.variables) != null,
             usedCustomizationRules: ((_h = (_g = (_f = embedConfig.customizations) === null || _f === void 0 ? void 0 : _f.style) === null || _g === void 0 ? void 0 : _g.customCSS) === null || _h === void 0 ? void 0 : _h.rules_UNSTABLE) !=
                 null,
+            usedCustomizationStrings: !!((_k = (_j = embedConfig.customizations) === null || _j === void 0 ? void 0 : _j.content) === null || _k === void 0 ? void 0 : _k.strings),
+            usedCustomizationIconSprite: !!((_l = embedConfig.customizations) === null || _l === void 0 ? void 0 : _l.iconSpriteUrl),
         });
         if (config.callPrefetch) {
             prefetch(config.thoughtSpotHost);
@@ -9393,7 +9420,7 @@
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.19.0-alpha.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/**"];var exports$1={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.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":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",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",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","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",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","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","@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","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":"4.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^4.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",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-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",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,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.19.0-alpha.4";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports$1={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.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":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",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",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","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",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","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","@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","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":"4.1.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-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^4.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",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-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",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,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
@@ -9657,7 +9684,7 @@
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
                 return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                     if (!isLoggedIn) {
-                        this.el.innerHTML = this.embedConfig.loginFailedMessage;
+                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                         return;
                     }
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
@@ -9700,8 +9727,7 @@
                     this.iFrame.addEventListener('error', () => {
                         nextInQueue();
                     });
-                    this.el.innerHTML = '';
-                    this.el.appendChild(this.iFrame);
+                    this.insertIntoDOM(this.iFrame);
                     const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                     if (prefetchIframe.length) {
                         prefetchIframe.forEach((el) => {
@@ -9711,12 +9737,30 @@
                     this.subscribeToEvents();
                 }).catch((error) => {
                     nextInQueue();
-                    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED);
-                    this.el.innerHTML = this.embedConfig.loginFailedMessage;
+                    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, { error: JSON.stringify(error) });
+                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                     this.handleError(error);
                 });
             });
         }
+        insertIntoDOM(child) {
+            if (this.viewConfig.insertAsSibling) {
+                if (typeof child === 'string') {
+                    const div = document.createElement('div');
+                    div.innerHTML = child;
+                    // eslint-disable-next-line no-param-reassign
+                    child = div;
+                }
+                this.el.parentElement.insertBefore(child, this.el.nextSibling);
+            }
+            else if (typeof child === 'string') {
+                this.el.innerHTML = child;
+            }
+            else {
+                this.el.innerHTML = '';
+                this.el.appendChild(child);
+            }
+        }
         /**
          * Sets the height of the iframe
          * @param height The height in pixels
@@ -9902,6 +9946,7 @@
         // @override
         on(messageType, callback, options = { start: false }) {
             const eventType = this.getCompatibleEventType(messageType);
+            uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`);
             return super.on(eventType, callback, options);
         }
     }