@thoughtspot/visual-embed-sdk 1.46.4 → 1.46.5-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.46.4",
+    "version": "1.46.5-beta.1",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -57,7 +57,7 @@
         "test": "npm run test-sdk",
         "posttest": "cat ./coverage/sdk/lcov.info | npx coveralls-next || echo 'Warning: Coveralls upload failed but not breaking the build.'",
         "is-publish-allowed": "node scripts/is-publish-allowed.js",
-        "prepublishOnly": "npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build",
+        "prepublishOnly": "npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build",
         "check-size": "npm run build && size-limit",
         "publish-dev": "npm publish --tag dev",
         "publish-prod": "npm publish --tag latest",

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;
 

package/src/embed/app.spec.ts

@@ -1247,6 +1247,7 @@ describe('App embed tests', () => {
     });
 
     test('should register event handlers to adjust iframe height', async () => {
+        jest.spyOn(logger, 'error').mockImplementation(() => {});
         let embedHeightCallback: any = () => { };
         const onSpy = jest.spyOn(AppEmbed.prototype, 'on').mockImplementation((event, callback) => {
             if (event === EmbedEvent.RouteChange) {
@@ -1638,8 +1639,8 @@ describe('App embed tests', () => {
 
     describe('IFrame height management', () => {
         let mockIFrame: HTMLIFrameElement;
-
         beforeEach(() => {
+            jest.spyOn(logger, 'error').mockImplementation(() => {});
             mockIFrame = document.createElement('iframe');
             mockIFrame.getBoundingClientRect = jest.fn().mockReturnValue({
                 top: 100,
@@ -1691,13 +1692,16 @@ describe('App embed tests', () => {
                 fullHeight: true,
             } as AppViewConfig) as any;
 
-            // Set up the mock iframe
+            // Set up the mock iframe with a height that differs from defaultHeight by > threshold
+            mockIFrame.getBoundingClientRect = jest.fn().mockReturnValue({
+                top: 100, left: 150, bottom: 100, right: 800, width: 650, height: 0,
+            });
             appEmbed.iFrame = mockIFrame;
             document.body.appendChild(mockIFrame);
 
             await appEmbed.render();
             const mockEvent = {
-                data: 0, // This will make it use the default height
+                data: 0, // This will make it use the default height (500); change = |500 - 0| = 500 >= 30
                 type: EmbedEvent.EmbedHeight,
             };
             appEmbed.updateIFrameHeight(mockEvent);
@@ -1705,6 +1709,61 @@ describe('App embed tests', () => {
             // Should use the default height
             expect(mockIFrame.style.height).toBe('500px');
         });
+
+        test('should skip height update when change is below threshold', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                fullHeight: true,
+            } as AppViewConfig) as any;
+
+            appEmbed.iFrame = mockIFrame;
+            document.body.appendChild(mockIFrame);
+            await appEmbed.render();
+
+            const spySetIFrameHeight = jest.spyOn(appEmbed, 'setIFrameHeight');
+
+            // currentHeight is 500; heightToSet will be max(510, 500) = 510; change = 10 < 30
+            appEmbed.updateIFrameHeight({ data: 510, type: EmbedEvent.EmbedHeight });
+
+            expect(spySetIFrameHeight).not.toHaveBeenCalled();
+        });
+
+        test('should update height when change meets threshold', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                fullHeight: true,
+            } as AppViewConfig) as any;
+
+            appEmbed.iFrame = mockIFrame;
+            document.body.appendChild(mockIFrame);
+            await appEmbed.render();
+
+            const spySetIFrameHeight = jest.spyOn(appEmbed, 'setIFrameHeight');
+
+            // currentHeight is 500; heightToSet = max(600, 500) = 600; change = 100 >= 30
+            appEmbed.updateIFrameHeight({ data: 600, type: EmbedEvent.EmbedHeight });
+
+            expect(spySetIFrameHeight).toHaveBeenCalledWith(600);
+        });
+
+        test('should use defaultHeight when data is below it and check threshold', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                fullHeight: true,
+                minimumHeight: 800,
+            } as AppViewConfig) as any;
+
+            appEmbed.iFrame = mockIFrame;
+            document.body.appendChild(mockIFrame);
+            await appEmbed.render();
+
+            const spySetIFrameHeight = jest.spyOn(appEmbed, 'setIFrameHeight');
+
+            // currentHeight is 500; heightToSet = max(100, 800) = 800; change = 300 >= 30
+            appEmbed.updateIFrameHeight({ data: 100, type: EmbedEvent.EmbedHeight });
+
+            expect(spySetIFrameHeight).toHaveBeenCalledWith(800);
+        });
     });
 });
 

package/src/embed/app.ts

@@ -1115,13 +1115,22 @@ export class AppEmbed extends V1Embed {
         return url;
     }
 
+    private HEIGHT_CHANAGE_THRESHOLD = 30;
     /**
      * Set the iframe height as per the computed height received
      * from the ThoughtSpot app.
      * @param data The event payload
      */
     protected updateIFrameHeight = (data: MessagePayload) => {
-        this.setIFrameHeight(Math.max(data.data, this.defaultHeight));
+        logger.error('Updating iframe height', data);
+        const currentHeight = this.iFrame.getBoundingClientRect().height;
+        const heightToSet = Math.max(data.data, this.defaultHeight);
+        const heightChange = Math.abs(heightToSet - currentHeight);
+        if (heightChange < this.HEIGHT_CHANAGE_THRESHOLD) {
+            logger.info('Height change is less than the threshold, skipping height update', { heightChange, heightToSet, currentHeight });
+            return;
+        }
+        this.setIFrameHeight(heightToSet);
         this.sendFullHeightLazyLoadData();
     };
 

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(() => {});
 };
 
 /**

package/src/embed/events.spec.ts

@@ -2,6 +2,7 @@ import { logger } from '../utils/logger';
 import {
     init,
     AuthType,
+    Action,
     EmbedEvent,
     SearchEmbed,
     PinboardEmbed,
@@ -254,6 +255,75 @@ describe('test communication between host app and ThoughtSpot', () => {
         };
         expect(mockPort.postMessage).toHaveBeenCalledWith(heightObj);
     });
+    test('should handle UpdatePersonalizedView as alias for UpdatePersonalisedView', async () => {
+        const handler = jest.fn();
+
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
+        } as LiveboardViewConfig);
+        liveboardEmbed.on(EmbedEvent.UpdatePersonalizedView, handler).render();
+
+        await executeAfterWait(() => {
+            const iframe = getIFrameEl();
+            postMessageToParent(iframe.contentWindow, {
+                type: EmbedEvent.UpdatePersonalisedView,
+                data: PAYLOAD,
+            });
+        });
+
+        await executeAfterWait(() => {
+            expect(handler).toHaveBeenCalled();
+            expect(handler.mock.calls[0][0].data).toBe(PAYLOAD);
+        }, EVENT_WAIT_TIME);
+    });
+
+    test('should handle SavePersonalizedView as alias for SavePersonalisedView', async () => {
+        const handler = jest.fn();
+
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
+        } as LiveboardViewConfig);
+        liveboardEmbed.on(EmbedEvent.SavePersonalizedView, handler).render();
+
+        await executeAfterWait(() => {
+            const iframe = getIFrameEl();
+            postMessageToParent(iframe.contentWindow, {
+                type: EmbedEvent.SavePersonalisedView,
+                data: PAYLOAD,
+            });
+        });
+
+        await executeAfterWait(() => {
+            expect(handler).toHaveBeenCalled();
+            expect(handler.mock.calls[0][0].data).toBe(PAYLOAD);
+        }, EVENT_WAIT_TIME);
+    });
+
+    test('should handle DeletePersonalizedView as alias for DeletePersonalisedView', async () => {
+        const handler = jest.fn();
+
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
+        } as LiveboardViewConfig);
+        liveboardEmbed.on(EmbedEvent.DeletePersonalizedView, handler).render();
+
+        await executeAfterWait(() => {
+            const iframe = getIFrameEl();
+            postMessageToParent(iframe.contentWindow, {
+                type: EmbedEvent.DeletePersonalisedView,
+                data: PAYLOAD,
+            });
+        });
+
+        await executeAfterWait(() => {
+            expect(handler).toHaveBeenCalled();
+            expect(handler.mock.calls[0][0].data).toBe(PAYLOAD);
+        }, EVENT_WAIT_TIME);
+    });
+
     test('ALL event listener should fire for all events with the event type set correctly', async () => {
         const embed = new AppEmbed(getRootEl(), defaultViewConfig);
         const spy = jest.fn();
@@ -286,3 +356,21 @@ describe('test communication between host app and ThoughtSpot', () => {
         }, EVENT_WAIT_TIME);
     });
 });
+
+describe('Americanized enum alias values', () => {
+    test('EmbedEvent aliases should resolve to the same values as their British counterparts', () => {
+        expect(EmbedEvent.UpdatePersonalizedView).toBe(EmbedEvent.UpdatePersonalisedView);
+        expect(EmbedEvent.SavePersonalizedView).toBe(EmbedEvent.SavePersonalisedView);
+        expect(EmbedEvent.DeletePersonalizedView).toBe(EmbedEvent.DeletePersonalisedView);
+    });
+
+    test('HostEvent aliases should resolve to the same values as their British counterparts', () => {
+        expect(HostEvent.ResetLiveboardPersonalizedView).toBe(HostEvent.ResetLiveboardPersonalisedView);
+        expect(HostEvent.UpdatePersonalizedView).toBe(HostEvent.UpdatePersonalisedView);
+    });
+
+    test('Action aliases should resolve to the same values as their British counterparts', () => {
+        expect(Action.PersonalizedViewsDropdown).toBe(Action.PersonalisedViewsDropdown);
+        expect(Action.OrganizeFavorites).toBe(Action.OrganiseFavourites);
+    });
+});

package/src/embed/hostEventClient/contracts.ts

@@ -1,4 +1,11 @@
-import { ContextType, HostEvent } from '../../types';
+import { ContextType, HostEvent, RuntimeFilter } from '../../types';
+import { SessionInterface } from '../../utils/graphql/answerService/answerService';
+
+export interface LiveboardTab {
+  id: string;
+  name: string;
+  [key: string]: any;
+}
 
 export enum UIPassthroughEvent {
   PinAnswerToLiveboard = 'addVizToPinboard',
@@ -8,6 +15,13 @@ export enum UIPassthroughEvent {
   GetAnswerConfig = 'getAnswerPageConfig',
   GetLiveboardConfig = 'getPinboardPageConfig',
   GetUnsavedAnswerTML = 'getUnsavedAnswerTML',
+  GetAnswerSession = 'getAnswerSession',
+  GetFilters = 'getFilters',
+  GetIframeUrl = 'getIframeUrl',
+  GetParameters = 'getParameters',
+  GetTML = 'getTML',
+  GetTabs = 'getTabs',
+  GetExportRequestForCurrentPinboard = 'getExportRequestForCurrentPinboard',
 }
 
 // UI Passthrough Contract
@@ -73,6 +87,57 @@ export type UIPassthroughContractBase = {
       tml: string;
     };
   };
+  [UIPassthroughEvent.GetAnswerSession]: {
+    request: {
+      vizId?: string;
+    };
+    response: {
+      session: SessionInterface;
+      embedAnswerData?: Record<string, any>;
+    };
+  };
+  [UIPassthroughEvent.GetFilters]: {
+    request: {
+      vizId?: string;
+    };
+    response: {
+      liveboardFilters: Record<string, any>[];
+      runtimeFilters: RuntimeFilter[];
+    };
+  };
+  [UIPassthroughEvent.GetIframeUrl]: {
+    request: Record<string, never>;
+    response: {
+      iframeUrl: string;
+    };
+  };
+  [UIPassthroughEvent.GetParameters]: {
+    request: Record<string, never>;
+    response: {
+      parameters: Record<string, any>[];
+    };
+  };
+  [UIPassthroughEvent.GetTML]: {
+    request: {
+      vizId?: string;
+      includeNonExecutedSearchTokens?: boolean;
+    };
+    response: Record<string, any>;
+  };
+  [UIPassthroughEvent.GetTabs]: {
+    request: Record<string, never>;
+    response: {
+      orderedTabIds: string[];
+      numberOfTabs: number;
+      Tabs: LiveboardTab[];
+    };
+  };
+  [UIPassthroughEvent.GetExportRequestForCurrentPinboard]: {
+    request: Record<string, never>;
+    response: {
+      v2Content: string;
+    };
+  };
 };
 
 // UI Passthrough Request and Response
@@ -86,7 +151,7 @@ export type UIPassthroughResponse<
 
 export type UIPassthroughArrayResponse<ApiName extends keyof UIPassthroughContractBase> =
   Array<{
-    redId?: string;
+    refId?: string;
     value?: UIPassthroughResponse<ApiName>;
     error?: any;
   }>
@@ -95,6 +160,13 @@ export type UIPassthroughArrayResponse<ApiName extends keyof UIPassthroughContra
 export type EmbedApiHostEventMapping = {
   [HostEvent.Pin]: UIPassthroughEvent.PinAnswerToLiveboard;
   [HostEvent.SaveAnswer]: UIPassthroughEvent.SaveAnswer;
+  [HostEvent.GetAnswerSession]: UIPassthroughEvent.GetAnswerSession;
+  [HostEvent.GetFilters]: UIPassthroughEvent.GetFilters;
+  [HostEvent.GetIframeUrl]: UIPassthroughEvent.GetIframeUrl;
+  [HostEvent.GetParameters]: UIPassthroughEvent.GetParameters;
+  [HostEvent.GetTML]: UIPassthroughEvent.GetTML;
+  [HostEvent.GetTabs]: UIPassthroughEvent.GetTabs;
+  [HostEvent.getExportRequestForCurrentPinboard]: UIPassthroughEvent.GetExportRequestForCurrentPinboard;
 }
 
 // Host Event Request and Response