@thoughtspot/visual-embed-sdk 1.13.0-alpha.3 → 1.13.0-alpha.4

package/dist/src/embed/ts-embed.d.ts

@@ -183,6 +183,14 @@ export declare class TsEmbed {
      * and executes the registered callbacks accordingly.
      */
     private subscribeToEvents;
+    /**
+     * Send Custom style as part of payload of APP_INIT
+     */
+    private appInitCb;
+    /**
+     * Register APP_INIT event and sendback init payload
+     */
+    private registerAppInit;
     /**
      * Constructs the base URL string to load the ThoughtSpot app.
      */

package/dist/src/types.d.ts

@@ -41,6 +41,26 @@ export declare enum AuthType {
     Basic = "Basic"
 }
 export declare type DOMSelector = string | HTMLElement;
+interface customCssInterface {
+    variables?: {
+        [variableName: string]: string;
+    };
+    rules_UNSTABLE?: {
+        [selector: string]: {
+            [declaration: string]: string;
+        };
+    };
+}
+interface CustomStyles {
+    customCSSUrl?: string;
+    customCss?: customCssInterface;
+}
+export interface CustomisationsInterface {
+    style: CustomStyles;
+    content: {
+        [key: string]: string;
+    };
+}
 /**
  * The configuration object for embedding ThoughtSpot content.
  * It includes the ThoughtSpot hostname or IP address,
@@ -172,6 +192,10 @@ export interface EmbedConfig {
      * @version SDK: 1.12.0 | ThoughtSpot: *
      */
     suppressSearchEmbedBetaWarning?: boolean;
+    /**
+     * Custom style params for embed Config
+     */
+    customisations?: CustomisationsInterface;
 }
 /**
  * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -526,7 +550,66 @@ export declare enum EmbedEvent {
      * Emitted when an answer is switched to a chart or table view
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl
      */
-    AnswerChartSwitcher = "answerChartSwitcher"
+    AnswerChartSwitcher = "answerChartSwitcher",
+    /**
+     *
+     */
+    APP_INIT = "appInit",
+    /**
+     * Emitted when a user clicks Show Liveboard details on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    LiveboardInfo = "pinboardInfo",
+    /**
+     * Emitted when a user clicks on the Favorite icon on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    AddToFavorites = "addToFavorites",
+    /**
+     * Emitted when a user clicks Schedule on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Schedule = "subscription",
+    /**
+     * Emitted when a user clicks Edit on a Liveboard or visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Edit = "edit",
+    /**
+     * Emitted when a user clicks Make a copy on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    MakeACopy = "makeACopy",
+    /**
+     * Emitted when a user clicks Present on a Liveboard or visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Present = "present",
+    /**
+     * Emitted when a user clicks Delete on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Delete = "delete",
+    /**
+     * Emitted when a user clicks Manage schedules on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    SchedulesList = "schedule-list",
+    /**
+     * Emitted when a user clicks Cancel in edit mode on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Cancel = "cancel",
+    /**
+     * Emitted when a user clicks Explore on a visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Explore = "explore",
+    /**
+     * Emitted when a user clicks Copy link action on a visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    CopyLink = "copyLink"
 }
 /**
  * Event types that can be triggered by the host application
@@ -588,12 +671,106 @@ export declare enum HostEvent {
      */
     getExportRequestForCurrentPinboard = "getExportRequestForCurrentPinboard",
     /**
-     * Fires the pin action on an embedded object
-     * @param - incase of liveboard embed, takes in an object with vizId as a key
-     * can be left empty for search and viz embeds
+     * Triggers the Pin action on an embedded object
+     * @param - incase of Liveboard embed, takes in an object with vizId as a key
+     * can be left empty for search and visualization embeds
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Pin = "pin",
+    /**
+     * Triggers the Show Liveboard details action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    LiveboardInfo = "pinboardInfo",
+    /**
+     * Triggers the Schedule action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Schedule = "subscription",
+    /**
+     * Triggers the Manage schedule action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    SchedulesList = "schedule-list",
+    /**
+     * Triggers the Export TML action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    ExportTML = "exportTSL",
+    /**
+     * Triggers the Edit TML action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EditTML = "editTSL",
+    /**
+     * Triggers the Update TML action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    UpdateTML = "updateTSL",
+    /**
+     * Triggers the Download PDF action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    DownloadAsPdf = "downloadAsPdf",
+    /**
+     * Triggers the Make a copy action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    MakeACopy = "makeACopy",
+    /**
+     * Triggers the Delete action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Remove = "delete",
+    /**
+     * Triggers the Explore action on a visualization
+     * @param - an object with vizId as a key
+     * eg: {vizId: '730496d6-6903-4601-937e-2c691821af3c'}
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Explore = "explore",
+    /**
+     * Triggers the Create alert action on a visualization
+     * @param - an object with vizId as a key
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    CreateMonitor = "createMonitor",
+    /**
+     * Triggers the Manage alert action on a visualization
+     * @param - an object with vizId as a key
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    ManageMonitor = "manageMonitor",
+    /**
+     * Triggers the Edit action on a Liveboard or visualization
+     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     * @example
+     * liveboardEmbed.trigger(HostEvent.Edit)
+     * liveboardEmbed.trigger(HostEvent.Edit, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * vizEmbed.trigger((HostEvent.Edit)
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    Edit = "edit",
+    /**
+     * Triggers the Copy link action on a Liveboard or visualization
+     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     * @example
+     * liveboardEmbed.trigger(HostEvent.CopyLink)
+     * liveboardEmbed.trigger(HostEvent.CopyLink, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * vizEmbed.trigger((HostEvent.CopyLink)
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    CopyLink = "embedDocument",
+    /**
+     * Triggers the Present action on a Liveboard or visualization
+     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     * @example
+     * liveboardEmbed.trigger(HostEvent.Present)
+     * liveboardEmbed.trigger(HostEvent.Present, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * vizEmbed.trigger((HostEvent.Present)
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
      */
-    Pin = "pin"
+    Present = "present"
 }
 /**
  * The different visual modes that the data sources panel within
@@ -648,7 +825,8 @@ export declare enum Param {
     visibleVizs = "pinboardVisibleVizs",
     LiveboardV2Enabled = "isPinboardV2Enabled",
     ShowAlerts = "showAlerts",
-    Locale = "locale"
+    Locale = "locale",
+    CustomStyle = "customStyle"
 }
 /**
  * The list of actions that can be performed on visual ThoughtSpot
@@ -809,3 +987,4 @@ export declare enum OperationType {
 export interface AnswerServiceType {
     getAnswer?: (offset: number, batchSize: number) => any;
 }
+export {};

package/dist/src/utils.d.ts

@@ -6,7 +6,7 @@
  * @summary Utils
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
-import { QueryParams, RuntimeFilter } from './types';
+import { EmbedConfig, QueryParams, RuntimeFilter, CustomisationsInterface } from './types';
 /**
  * Construct a runtime filters query string from the given filters.
  * Refer to the following docs for more details on runtime filter syntax:
@@ -43,3 +43,4 @@ export declare const setAttributes: (element: HTMLElement, attributes: {
     [key: string]: string | number | boolean;
 }) => void;
 export declare const checkReleaseVersionInBeta: (releaseVersion: string, suppressBetaWarning: boolean) => boolean;
+export declare const getCustomisations: (embedConfig: EmbedConfig) => CustomisationsInterface;

package/dist/tsembed.es.js

@@ -132,6 +132,15 @@ const checkReleaseVersionInBeta = (releaseVersion, suppressBetaWarning) => {
         return !suppressBetaWarning && isBetaVersion;
     }
     return false;
+};
+const getCustomisations = (embedConfig) => {
+    const { customCssUrl } = embedConfig;
+    let { customisations } = embedConfig;
+    customisations = customisations || {};
+    customisations.style = customisations.style || {};
+    customisations.style.customCSSUrl =
+        customisations.style.customCSSUrl || customCssUrl;
+    return customisations;
 };
 
 /**
@@ -488,6 +497,65 @@ var EmbedEvent;
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl
      */
     EmbedEvent["AnswerChartSwitcher"] = "answerChartSwitcher";
+    /**
+     *
+     */
+    EmbedEvent["APP_INIT"] = "appInit";
+    /**
+     * Emitted when a user clicks Show Liveboard details on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["LiveboardInfo"] = "pinboardInfo";
+    /**
+     * Emitted when a user clicks on the Favorite icon on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["AddToFavorites"] = "addToFavorites";
+    /**
+     * Emitted when a user clicks Schedule on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["Schedule"] = "subscription";
+    /**
+     * Emitted when a user clicks Edit on a Liveboard or visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["Edit"] = "edit";
+    /**
+     * Emitted when a user clicks Make a copy on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["MakeACopy"] = "makeACopy";
+    /**
+     * Emitted when a user clicks Present on a Liveboard or visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["Present"] = "present";
+    /**
+     * Emitted when a user clicks Delete on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["Delete"] = "delete";
+    /**
+     * Emitted when a user clicks Manage schedules on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["SchedulesList"] = "schedule-list";
+    /**
+     * Emitted when a user clicks Cancel in edit mode on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["Cancel"] = "cancel";
+    /**
+     * Emitted when a user clicks Explore on a visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["Explore"] = "explore";
+    /**
+     * Emitted when a user clicks Copy link action on a visualization
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    EmbedEvent["CopyLink"] = "copyLink";
 })(EmbedEvent || (EmbedEvent = {}));
 /**
  * Event types that can be triggered by the host application
@@ -551,12 +619,106 @@ var HostEvent;
      */
     HostEvent["getExportRequestForCurrentPinboard"] = "getExportRequestForCurrentPinboard";
     /**
-     * Fires the pin action on an embedded object
-     * @param - incase of liveboard embed, takes in an object with vizId as a key
-     * can be left empty for search and viz embeds
+     * Triggers the Pin action on an embedded object
+     * @param - incase of Liveboard embed, takes in an object with vizId as a key
+     * can be left empty for search and visualization embeds
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
      */
     HostEvent["Pin"] = "pin";
+    /**
+     * Triggers the Show Liveboard details action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["LiveboardInfo"] = "pinboardInfo";
+    /**
+     * Triggers the Schedule action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["Schedule"] = "subscription";
+    /**
+     * Triggers the Manage schedule action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["SchedulesList"] = "schedule-list";
+    /**
+     * Triggers the Export TML action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["ExportTML"] = "exportTSL";
+    /**
+     * Triggers the Edit TML action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["EditTML"] = "editTSL";
+    /**
+     * Triggers the Update TML action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["UpdateTML"] = "updateTSL";
+    /**
+     * Triggers the Download PDF action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["DownloadAsPdf"] = "downloadAsPdf";
+    /**
+     * Triggers the Make a copy action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["MakeACopy"] = "makeACopy";
+    /**
+     * Triggers the Delete action on a Liveboard
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["Remove"] = "delete";
+    /**
+     * Triggers the Explore action on a visualization
+     * @param - an object with vizId as a key
+     * eg: {vizId: '730496d6-6903-4601-937e-2c691821af3c'}
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["Explore"] = "explore";
+    /**
+     * Triggers the Create alert action on a visualization
+     * @param - an object with vizId as a key
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["CreateMonitor"] = "createMonitor";
+    /**
+     * Triggers the Manage alert action on a visualization
+     * @param - an object with vizId as a key
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["ManageMonitor"] = "manageMonitor";
+    /**
+     * Triggers the Edit action on a Liveboard or visualization
+     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     * @example
+     * liveboardEmbed.trigger(HostEvent.Edit)
+     * liveboardEmbed.trigger(HostEvent.Edit, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * vizEmbed.trigger((HostEvent.Edit)
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["Edit"] = "edit";
+    /**
+     * Triggers the Copy link action on a Liveboard or visualization
+     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     * @example
+     * liveboardEmbed.trigger(HostEvent.CopyLink)
+     * liveboardEmbed.trigger(HostEvent.CopyLink, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * vizEmbed.trigger((HostEvent.CopyLink)
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["CopyLink"] = "embedDocument";
+    /**
+     * Triggers the Present action on a Liveboard or visualization
+     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     * @example
+     * liveboardEmbed.trigger(HostEvent.Present)
+     * liveboardEmbed.trigger(HostEvent.Present, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * vizEmbed.trigger((HostEvent.Present)
+     * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl
+     */
+    HostEvent["Present"] = "present";
 })(HostEvent || (HostEvent = {}));
 /**
  * The different visual modes that the data sources panel within
@@ -616,6 +778,7 @@ var Param;
     Param["LiveboardV2Enabled"] = "isPinboardV2Enabled";
     Param["ShowAlerts"] = "showAlerts";
     Param["Locale"] = "locale";
+    Param["CustomStyle"] = "customStyle";
 })(Param || (Param = {}));
 /**
  * The list of actions that can be performed on visual ThoughtSpot
@@ -7824,7 +7987,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.13.0-alpha.3";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports={".":"./lib/src/index.js","./react":"./lib/src/react/index.js"};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false",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","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs && npx istanbul-merge --out ./coverage/coverage.json ./coverage/docs/coverage-final.json ./coverage/sdk/coverage-final.json && npx istanbul report --include ./coverage/coverage.json --dir ./coverage lcov",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","html-react-parser":"^1.4.12","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.1.0","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.1.0","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,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.13.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":"./lib/src/react/index.js"};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false",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","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs && npx istanbul-merge --out ./coverage/coverage.json ./coverage/docs/coverage-final.json ./coverage/sdk/coverage-final.json && npx istanbul report --include ./coverage/coverage.json --dir ./coverage lcov",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","html-react-parser":"^1.4.12","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.1.0","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.1.0","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,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
@@ -7863,6 +8026,21 @@ class TsEmbed {
          */
         this.shouldEncodeUrlQueryParams = false;
         this.defaultHiddenActions = [Action.ReportError];
+        /**
+         * Send Custom style as part of payload of APP_INIT
+         */
+        this.appInitCb = (_, responder) => {
+            responder({
+                type: EmbedEvent.APP_INIT,
+                data: { customisations: getCustomisations(this.embedConfig) },
+            });
+        };
+        /**
+         * Register APP_INIT event and sendback init payload
+         */
+        this.registerAppInit = () => {
+            this.on(EmbedEvent.APP_INIT, this.appInitCb);
+        };
         this.el = this.getDOMNode(domSelector);
         // TODO: handle error
         this.embedConfig = getEmbedConfig();
@@ -7872,6 +8050,7 @@ class TsEmbed {
         this.isError = false;
         this.viewConfig = viewConfig;
         this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
+        this.registerAppInit();
     }
     /**
      * Gets a reference to the root DOM node where
@@ -7991,6 +8170,7 @@ class TsEmbed {
             this.embedConfig.autoLogin === true) {
             queryParams[Param.DisableLoginRedirect] = true;
         }
+        // TODO remove this
         if (this.embedConfig.customCssUrl) {
             queryParams[Param.CustomCSSUrl] = this.embedConfig.customCssUrl;
         }