@thoughtspot/visual-embed-sdk 1.46.4 → 1.46.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.46.4",
+    "version": "1.46.5",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -38,7 +38,7 @@
     "size-limit": [
         {
             "path": "dist/tsembed.es.js",
-            "limit": "32 kB"
+            "limit": "34 kB"
         }
     ],
     "scripts": {
@@ -133,7 +133,7 @@
         "react-resize-detector": "^6.6.0",
         "react-test-renderer": "^17.0.2",
         "react-use-flexsearch": "^0.1.1",
-        "rollup": "4.24.0",
+        "rollup": "4.59.0",
         "rollup-plugin-typescript2": "0.27.3",
         "ts-jest": "^29.4.6",
         "ts-loader": "8.0.4",

package/src/auth.spec.ts

@@ -283,7 +283,7 @@ describe('Unit test for auth', () => {
             text: () => Promise.resolve('abc'),
         } as any));
         jest.spyOn(authService, 'fetchAuthPostService').mockImplementation(() =>
-             
+
             Promise.reject({
                 status: 500,
             }));

package/src/auth.ts

@@ -54,7 +54,8 @@ export enum AuthFailureType {
     /**
      * The current authentication token or session has expired.
      *
-     * Emitted when the embed receives an auth-expiry signal and starts auth refresh handling.
+     * Emitted when the embed receives an auth-expiry signal and starts auth refresh
+     * handling.
      */
     EXPIRY = 'EXPIRY',
     /**

package/src/authToken.ts

@@ -83,7 +83,6 @@ export const validateAuthToken = async (
 
     if (cachedAuthToken && cachedAuthToken === authToken) {
         if (!embedConfig.suppressErrorAlerts && !suppressAlert) {
-             
             alert(ERROR_MESSAGE.DUPLICATE_TOKEN_ERR);
         }
         throw new Error(ERROR_MESSAGE.DUPLICATE_TOKEN_ERR);

package/src/css-variables.ts

@@ -517,42 +517,54 @@ export interface CustomCssVariables {
     /**
      * Padding of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-padding'?: string;
 
     /**
      * Font size of the title of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-title-font-size'?: string;
 
     /**
      * Font weight of the title of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-title-font-weight'?: string;
 
     /**
      * Font size of the title of the tiles inside the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-tile-title-font-size'?: string;
 
     /**
      * Font weight of the title of the tiles inside the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-tile-title-font-weight'?: string;
 
     /**
      * Padding of the group tiles in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-tile-padding'?: string;
 
@@ -564,14 +576,18 @@ export interface CustomCssVariables {
     /**
      * Background color of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-background'?: string;
 
     /**
      * Border color of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-border-color'?: string;
 
@@ -588,63 +604,81 @@ export interface CustomCssVariables {
     /**
      * Font color of the title of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-title-font-color'?: string;
 
     /**
      * Font color of the description of the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-description-font-color'?: string;
 
     /**
      * Font color of the title of the tiles inside the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-tile-title-font-color'?: string;
 
     /**
      * Font color of the description of the tiles inside the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-tile-description-font-color'?: string;
 
     /**
      * Background color of the tiles inside the groups in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-group-tile-background'?: string;
 
     /**
      * Background color of the filter chips in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-chip-background'?: string;
 
     /**
      * Font color of the filter chips in the Liveboard.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-chip-color'?: string;
 
     /**
      * Background color of the filter chips in the Liveboard on hover.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-chip--hover-background'?: string;
 
     /**
      * Background color of the filter chips in the Liveboard on active.
      * 
-     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying this CSS variable.
+     * Please enable the Liveboard Masterpieces feature in your ThoughtSpot instance and
+     * then set the isLiveboardMasterpiecesEnabled SDK flag to true to start modifying
+     * this CSS variable.
      */
     '--ts-var-liveboard-chip--active-background'?: string;
 
@@ -912,4 +946,49 @@ export interface CustomCssVariables {
      * Color for section title text (e.g., "Recent", "Older") in the saved chats sidebar.
      */
     '--ts-var-saved-chats-section-title-color'?: string;
+
+    /**
+     * Text color of the styling panel in the Liveboard.
+     */
+    '--ts-var-liveboard-styling-panel-text-color'?: string;
+
+    /**
+     * Border color of the styling panel in the Liveboard.
+     */
+    '--ts-var-liveboard-styling-panel-border-color'?: string;
+
+    /**
+     * Background color of the styling button in the Liveboard.
+     */
+    '--ts-var-liveboard-styling-button-background'?: string;
+
+    /**
+     * Text color of the styling button in the Liveboard.
+     */
+    '--ts-var-liveboard-styling-button-text-color'?: string;
+
+    /**
+     * Background color of the styling button in the Liveboard on hover.
+     */
+    '--ts-var-liveboard-styling-button-hover-background'?: string;
+
+    /**
+     * Background color of the styling button in the Liveboard when active.
+     */
+    '--ts-var-liveboard-styling-button-active-background'?: string;
+
+    /**
+     * Text color of the styling button in the Liveboard on hover.
+     */
+    '--ts-var-liveboard-styling-button-hover-text-color'?: string;
+
+    /**
+     * Box shadow of the styling button in the Liveboard.
+     */
+    '--ts-var-liveboard-styling-button-shadow'?: string;
+
+    /**
+     * Background color of the color palette in the Liveboard styling panel.
+     */
+    '--ts-var-liveboard-styling-color-palette-background'?: string;
   }

package/src/embed/app.spec.ts

@@ -439,117 +439,111 @@ describe('App embed tests', () => {
         });
     });
 
-    test('should set isPNGInScheduledEmailsEnabled to true in url', async () => {
-        const appEmbed = new AppEmbed(getRootEl(), {
-            ...defaultViewConfig,
-            isPNGInScheduledEmailsEnabled: true,
-        } as AppViewConfig);
+    test('should set enableHomepageAnnouncement to false in url when not provided in AppViewConfig', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), defaultViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isPNGInScheduledEmailsEnabled=true${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&enableHomepageAnnouncement=false${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should set isLinkParametersEnabled to true in url', async () => {
+    test('should set isPNGInScheduledEmailsEnabled to true in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            isLinkParametersEnabled: true,
+            isPNGInScheduledEmailsEnabled: true,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLinkParametersEnabled=true${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isPNGInScheduledEmailsEnabled=true${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should set isLinkParametersEnabled to false in url', async () => {
+    test('should set isWYSIWYGLiveboardPDFEnabled to true in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            isLinkParametersEnabled: false,
+            isContinuousLiveboardPDFEnabled: true,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLinkParametersEnabled=false${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isWYSIWYGLiveboardPDFEnabled=true${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should set isLiveboardXLSXCSVDownloadEnabled to true in url', async () => {
+    test('should set isLinkParametersEnabled to true in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            isLiveboardXLSXCSVDownloadEnabled: true,
+            isLinkParametersEnabled: true,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLiveboardXLSXCSVDownloadEnabled=true${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLinkParametersEnabled=true${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should set updatedSpotterChatPrompt to true in url', async () => {
+    test('should set isLinkParametersEnabled to false in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            updatedSpotterChatPrompt: true,
+            isLinkParametersEnabled: false,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&updatedSpotterChatPrompt=true${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLinkParametersEnabled=false${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should set updatedSpotterChatPrompt to false in url', async () => {
+    test('should set isLiveboardXLSXCSVDownloadEnabled to true in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            updatedSpotterChatPrompt: false,
+            isLiveboardXLSXCSVDownloadEnabled: true,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&updatedSpotterChatPrompt=false${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&isLiveboardXLSXCSVDownloadEnabled=true${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should set deprecated standalone enablePastConversationsSidebar in url', async () => {
+    test('should set updatedSpotterChatPrompt to true in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            enablePastConversationsSidebar: true,
+            updatedSpotterChatPrompt: true,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&enablePastConversationsSidebar=true${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&updatedSpotterChatPrompt=true${defaultParamsPost}#/home`,
             );
         });
     });
 
-    test('should prefer spotterSidebarConfig.enablePastConversationsSidebar over deprecated standalone flag in url', async () => {
+    test('should set updatedSpotterChatPrompt to false in url', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,
-            enablePastConversationsSidebar: false,
-            spotterSidebarConfig: {
-                enablePastConversationsSidebar: true,
-            },
+            updatedSpotterChatPrompt: false,
         } as AppViewConfig);
         appEmbed.render();
         await executeAfterWait(() => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&enablePastConversationsSidebar=true${defaultParamsPost}#/home`,
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&updatedSpotterChatPrompt=false${defaultParamsPost}#/home`,
             );
         });
     });
@@ -1519,6 +1513,28 @@ describe('App embed tests', () => {
                 width: 650,
             });
         });
+        test('should not send correct visible data when RequestFullHeightLazyLoadData is triggered if lazyLoadingForFullHeight is false', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                fullHeight: true,
+                lazyLoadingForFullHeight: false,
+                lazyLoadingMargin: '10px',
+            } as AppViewConfig);
+
+            const mockTrigger = jest.spyOn(appEmbed, 'trigger');
+
+            await appEmbed.render();
+
+            // Trigger the lazy load data calculation
+            (appEmbed as any).sendFullHeightLazyLoadData();
+
+            expect(mockTrigger).not.toHaveBeenCalledWith(HostEvent.VisibleEmbedCoordinates, {
+                top: 0,
+                height: 500,
+                left: 0,
+                width: 650,
+            });
+        });
 
         test('should calculate correct visible data for partially visible full height element', async () => {
             // Mock iframe partially clipped from top and left
@@ -1727,3 +1743,5 @@ describe('App Embed Default Height and Minimum Height Handling', () => {
         expect(appEmbed['defaultHeight']).toBe(700);
     });
 });
+
+

package/src/embed/app.ts

@@ -9,7 +9,7 @@
  */
 
 import { logger } from '../utils/logger';
-import { calculateVisibleElementData, getQueryParamString, isUndefined, isValidCssMargin, setParamIfDefined, validateHttpUrl, resolveEnablePastConversationsSidebar } from '../utils';
+import { calculateVisibleElementData, getQueryParamString, isUndefined, isValidCssMargin, setParamIfDefined } from '../utils';
 import {
     Param,
     DOMSelector,
@@ -17,12 +17,11 @@ import {
     EmbedEvent,
     MessagePayload,
     AllEmbedViewConfig,
-    ErrorDetailsTypes,
-    EmbedErrorCodes,
+    DefaultAppInitData,
 } from '../types';
 import { V1Embed } from './ts-embed';
 import { SpotterChatViewConfig, SpotterSidebarViewConfig } from './conversation';
-import { ERROR_MESSAGE } from '../errors';
+import { buildSpotterSidebarAppInitData } from './spotter-utils';
 
 /**
  * Pages within the ThoughtSpot app that can be embedded.
@@ -587,6 +586,25 @@ export interface AppViewConfig extends AllEmbedViewConfig {
      */
     isPNGInScheduledEmailsEnabled?: boolean;
 
+    /**
+     * Enables the 'what you see is what you get' PDF export for Liveboards. Each tab is rendered on a single page 
+     * following the exact UI layout, instead of splitting visualizations across multiple A4 pages. 
+     * This feature is GA from version 26.5.0.cl and is enabled by default on embed deployments.
+     *
+     * Supported embed types: `AppEmbed`, `LiveboardEmbed`
+     * @type {boolean}
+     * @version SDK: 1.48.0 | ThoughtSpot: 26.5.0.cl
+     * @example
+     * ```js
+     * // Replace <EmbedComponent> with embed component name. For example, AppEmbed or LiveboardEmbed
+     * const embed = new <EmbedComponent>('#tsEmbed', {
+     *    ... // other embed view config
+     *    isContinuousLiveboardPDFEnabled: true,
+     * })
+     * ```
+     */
+    isContinuousLiveboardPDFEnabled?: boolean;
+
     /**
      * This flag is used to enable/disable the XLSX/CSV download option for Liveboards
      *
@@ -760,6 +778,16 @@ export interface AppViewConfig extends AllEmbedViewConfig {
     enableHomepageAnnouncement?: boolean;
 }
 
+/**
+ * APP_INIT data shape for AppEmbed.
+ * @internal
+ */
+export interface AppEmbedAppInitData extends DefaultAppInitData {
+    embedParams?: {
+        spotterSidebarConfig?: SpotterSidebarViewConfig;
+    };
+}
+
 /**
  * Embeds full ThoughtSpot experience in a host application.
  * @group Embed components
@@ -783,6 +811,23 @@ export class AppEmbed extends V1Embed {
         }
     }
 
+    /**
+     * Extends the default APP_INIT payload with `embedParams.spotterSidebarConfig`
+     * so the conv-assist app can read sidebar configuration on initialisation.
+     *
+     * Precedence for `enablePastConversationsSidebar`:
+     * `spotterSidebarConfig.enablePastConversationsSidebar` wins over the
+     * deprecated top-level `enablePastConversationsSidebar` flag; if the former
+     * is absent the latter is used as a fallback.
+     *
+     * An invalid `spotterDocumentationUrl` triggers a validation error and is
+     * excluded from the payload rather than forwarded to the app.
+     */
+    protected async getAppInitData(): Promise<AppEmbedAppInitData> {
+        const defaultAppInitData = await super.getAppInitData();
+        return buildSpotterSidebarAppInitData(defaultAppInitData, this.viewConfig, this.handleError.bind(this));
+    }
+
     /**
      * Constructs a map of parameters to be passed on to the
      * embedded Liveboard or visualization.
@@ -834,11 +879,11 @@ export class AppEmbed extends V1Embed {
             isCentralizedLiveboardFilterUXEnabled = false,
             isLinkParametersEnabled,
             updatedSpotterChatPrompt,
-            spotterSidebarConfig,
             spotterChatConfig,
             minimumHeight,
             isThisPeriodInDateFiltersEnabled,
-            enableHomepageAnnouncement,
+            enableHomepageAnnouncement = false,
+            isContinuousLiveboardPDFEnabled,
         } = this.viewConfig;
 
         let params: any = {};
@@ -867,53 +912,6 @@ export class AppEmbed extends V1Embed {
             params[Param.UpdatedSpotterChatPrompt] = !!updatedSpotterChatPrompt;
         }
 
-        const resolvedEnablePastConversationsSidebar = resolveEnablePastConversationsSidebar({
-            spotterSidebarConfigValue: spotterSidebarConfig?.enablePastConversationsSidebar,
-            standaloneValue: this.viewConfig.enablePastConversationsSidebar,
-        });
-        setParamIfDefined(params, Param.EnablePastConversationsSidebar, resolvedEnablePastConversationsSidebar, true);
-
-        // Handle spotterSidebarConfig params
-        if (spotterSidebarConfig) {
-            const {
-                spotterSidebarTitle,
-                spotterSidebarDefaultExpanded,
-                spotterChatRenameLabel,
-                spotterChatDeleteLabel,
-                spotterDeleteConversationModalTitle,
-                spotterPastConversationAlertMessage,
-                spotterDocumentationUrl,
-                spotterBestPracticesLabel,
-                spotterConversationsBatchSize,
-                spotterNewChatButtonTitle,
-            } = spotterSidebarConfig;
-
-            setParamIfDefined(params, Param.SpotterSidebarDefaultExpanded, spotterSidebarDefaultExpanded, true);
-            setParamIfDefined(params, Param.SpotterSidebarTitle, spotterSidebarTitle);
-            setParamIfDefined(params, Param.SpotterChatRenameLabel, spotterChatRenameLabel);
-            setParamIfDefined(params, Param.SpotterChatDeleteLabel, spotterChatDeleteLabel);
-            setParamIfDefined(params, Param.SpotterDeleteConversationModalTitle, spotterDeleteConversationModalTitle);
-            setParamIfDefined(params, Param.SpotterPastConversationAlertMessage, spotterPastConversationAlertMessage);
-            setParamIfDefined(params, Param.SpotterBestPracticesLabel, spotterBestPracticesLabel);
-            setParamIfDefined(params, Param.SpotterConversationsBatchSize, spotterConversationsBatchSize);
-            setParamIfDefined(params, Param.SpotterNewChatButtonTitle, spotterNewChatButtonTitle);
-
-            // URL param with validation
-            if (spotterDocumentationUrl !== undefined) {
-                const [isValid, validationError] = validateHttpUrl(spotterDocumentationUrl);
-                if (isValid) {
-                    params[Param.SpotterDocumentationUrl] = spotterDocumentationUrl;
-                } else {
-                    this.handleError({
-                        errorType: ErrorDetailsTypes.VALIDATION_ERROR,
-                        message: ERROR_MESSAGE.INVALID_SPOTTER_DOCUMENTATION_URL,
-                        code: EmbedErrorCodes.INVALID_URL,
-                        error: validationError?.message || ERROR_MESSAGE.INVALID_SPOTTER_DOCUMENTATION_URL,
-                    });
-                }
-            }
-        }
-
         // Handle spotterChatConfig params
         if (spotterChatConfig) {
             const {
@@ -1017,6 +1015,10 @@ export class AppEmbed extends V1Embed {
             params[Param.EnableHomepageAnnouncement] = enableHomepageAnnouncement;
         }
 
+        if (isContinuousLiveboardPDFEnabled !== undefined) {
+            params[Param.IsWYSIWYGLiveboardPDFEnabled] = isContinuousLiveboardPDFEnabled;
+        }
+
         this.defaultHeight = minimumHeight || this.defaultHeight;
 
         params[Param.DataPanelV2Enabled] = dataPanelV2;
@@ -1085,7 +1087,10 @@ export class AppEmbed extends V1Embed {
 
     private sendFullHeightLazyLoadData = () => {
         const data = calculateVisibleElementData(this.iFrame);
-        this.trigger(HostEvent.VisibleEmbedCoordinates, data);
+        // this should be fired only if the lazyLoadingForFullHeight and fullHeight are true
+        if(this.viewConfig.lazyLoadingForFullHeight && this.viewConfig.fullHeight){
+            this.trigger(HostEvent.VisibleEmbedCoordinates, data);
+        }
     }
 
     /**

package/src/embed/base.spec.ts

@@ -1,5 +1,4 @@
- 
-/* eslint-disable @typescript-eslint/no-shadow */
+ /* eslint-disable @typescript-eslint/no-shadow */
 import EventEmitter from 'eventemitter3';
 import { EmbedConfig } from '../index';
 import * as auth from '../auth';

package/src/embed/base.ts

@@ -1,5 +1,3 @@
- 
- 
 /**
  * Copyright (c) 2022
  *
@@ -115,7 +113,6 @@ export const prefetch = (
     additionalFlags?: { [key: string]: string | number | boolean },
 ): void => {
     if (url === '') {
-         
         logger.warn('The prefetch method does not have a valid URL');
     } else {
         const features = prefetchFeatures || [PrefetchFeatures.FullApp];
@@ -322,7 +319,7 @@ export const renderInQueue = (fn: (next?: (val?: any) => void) => Promise<any>):
         return renderQueue;
     }
     // Sending an empty function to keep it consistent with the above usage.
-    return fn(() => {});  
+    return fn(() => {});
 };
 
 /**