@thoughtspot/visual-embed-sdk 1.29.0-alpha.fullH → 1.29.0

package/src/embed/ts-embed.ts

@@ -2,63 +2,59 @@
  * Copyright (c) 2022
  *
  * Base classes
- *
  * @summary Base classes
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 
 import isEqual from 'lodash/isEqual';
-import { logger } from '../utils/logger';
+import pkgInfo from '../../package.json';
+import { AuthFailureType } from '../auth';
 import { getAuthenticationToken } from '../authToken';
-import { AnswerService } from '../utils/graphql/answerService/answerService';
 import {
-    getEncodedQueryParamsString,
-    getCssDimension,
-    getOffsetTop,
-    embedEventStatus,
-    setAttributes,
-    getCustomisations,
-    getRuntimeFilters,
-    getDOMNode,
-    getFilterQuery,
-    getQueryParamString,
-    getRuntimeParameters,
-    setStyleProperties,
-    removeStyleProperties,
-    isUndefined,
-} from '../utils';
-import {
-    getThoughtSpotHost,
-    URL_MAX_LENGTH,
-    DEFAULT_EMBED_WIDTH,
     DEFAULT_EMBED_HEIGHT,
+    DEFAULT_EMBED_WIDTH,
+    URL_MAX_LENGTH,
+    getThoughtSpotHost,
     getV2BasePath,
 } from '../config';
+import { MIXPANEL_EVENT, uploadMixpanelEvent } from '../mixpanel-service';
 import {
+    Action,
     AuthType,
+    ContextMenuTriggerOptions,
     DOMSelector,
-    HostEvent,
+    EmbedConfig,
     EmbedEvent,
+    HostEvent,
     MessageCallback,
-    Action,
-    Param,
-    EmbedConfig,
-    MessageOptions,
-    MessagePayload,
     MessageCallbackObj,
+    MessageOptions,
+    Param,
     ViewConfig,
-    FrameParams,
-    ContextMenuTriggerOptions,
-    RuntimeFilter,
 } from '../types';
-import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
-import { processEventData, processAuthFailure } from '../utils/processData';
+import {
+    embedEventStatus,
+    getCssDimension,
+    getCustomisations,
+    getDOMNode,
+    getEncodedQueryParamsString,
+    getFilterQuery,
+    getOffsetTop,
+    getQueryParamString,
+    getRuntimeFilters,
+    getRuntimeParameters,
+    isUndefined,
+    removeStyleProperties,
+    setAttributes,
+    setStyleProperties,
+} from '../utils';
+import { AnswerService } from '../utils/graphql/answerService/answerService';
+import { logger } from '../utils/logger';
+import { processAuthFailure, processEventData } from '../utils/processData';
 import { processTrigger } from '../utils/processTrigger';
-import pkgInfo from '../../package.json';
 import {
-    getAuthPromise, renderInQueue, handleAuth, notifyAuthFailure,
+    getAuthPromise, handleAuth, notifyAuthFailure, renderInQueue,
 } from './base';
-import { AuthFailureType } from '../auth';
 import { getEmbedConfig } from './embedConfig';
 
 const { version } = pkgInfo;
@@ -73,7 +69,6 @@ const TS_EMBED_ID = '_thoughtspot-embed';
  * The event id map from v2 event names to v1 event id
  * v1 events are the classic embed events implemented in Blink v1
  * We cannot rename v1 event types to maintain backward compatibility
- *
  * @internal
  */
 const V1EventMap = {};
@@ -150,7 +145,6 @@ export class TsEmbed {
      * Should we encode URL Query Params using base64 encoding which thoughtspot
      * will generate for embedding. This provides additional security to
      * thoughtspot clusters against Cross site scripting attacks.
-     *
      * @default false
      */
     private shouldEncodeUrlQueryParams = false;
@@ -170,7 +164,11 @@ export class TsEmbed {
         this.thoughtSpotV2Base = getV2BasePath(this.embedConfig);
         this.eventHandlerMap = new Map();
         this.isError = false;
-        this.viewConfig = { excludeRuntimeFiltersfromURL: false, ...viewConfig };
+        this.viewConfig = {
+            excludeRuntimeFiltersfromURL: false,
+            excludeRuntimeParametersfromURL: false,
+            ...viewConfig,
+        };
         this.shouldEncodeUrlQueryParams = this.embedConfig.shouldEncodeUrlQueryParams;
         this.registerAppInit();
         uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_EMBED_CREATE, {
@@ -187,7 +185,6 @@ export class TsEmbed {
 
     /**
      * Handles errors within the SDK
-     *
      * @param error The error message or object
      */
     protected handleError(error: string | Record<string, unknown>) {
@@ -201,7 +198,6 @@ export class TsEmbed {
 
     /**
      * Extracts the type field from the event payload
-     *
      * @param event The window message event
      */
     private getEventType(event: MessageEvent) {
@@ -211,7 +207,6 @@ export class TsEmbed {
 
     /**
      * Extracts the port field from the event payload
-     *
      * @param event  The window message event
      * @returns
      */
@@ -225,7 +220,6 @@ export class TsEmbed {
     /**
      * fix for ts7.sep.cl
      * will be removed for ts7.oct.cl
-     *
      * @param event
      * @param eventType
      * @hidden
@@ -299,7 +293,6 @@ export class TsEmbed {
 
     /**
      * Send Custom style as part of payload of APP_INIT
-     *
      * @param _
      * @param responder
      */
@@ -322,6 +315,9 @@ export class TsEmbed {
                 runtimeFilterParams: this.viewConfig.excludeRuntimeFiltersfromURL
                     ? getRuntimeFilters(this.viewConfig.runtimeFilters)
                     : null,
+                runtimeParameterParams: this.viewConfig.excludeRuntimeParametersfromURL
+                    ? getRuntimeParameters(this.viewConfig.runtimeParameters || [])
+                    : null,
                 hiddenHomepageModules: this.viewConfig.hiddenHomepageModules || [],
                 reorderedHomepageModules: this.viewConfig.reorderedHomepageModules || [],
                 hostConfig: this.embedConfig.hostConfig,
@@ -334,7 +330,6 @@ export class TsEmbed {
 
     /**
      * Sends updated auth token to the iFrame to avoid user logout
-     *
      * @param _
      * @param responder
      */
@@ -367,7 +362,6 @@ export class TsEmbed {
 
     /**
      * Constructs the base URL string to load the ThoughtSpot app.
-     *
      * @param query
      */
     protected getEmbedBasePath(query: string): string {
@@ -386,7 +380,6 @@ export class TsEmbed {
 
     /**
      * Common query params set for all the embed modes.
-     *
      * @param queryParams
      * @returns queryParams
      */
@@ -417,6 +410,15 @@ export class TsEmbed {
         if (this.embedConfig.pendoTrackingKey) {
             queryParams[Param.PendoTrackingKey] = this.embedConfig.pendoTrackingKey;
         }
+        if (this.embedConfig.numberFormatLocale) {
+            queryParams[Param.NumberFormatLocale] = this.embedConfig.numberFormatLocale;
+        }
+        if (this.embedConfig.dateFormatLocale) {
+            queryParams[Param.DateFormatLocale] = this.embedConfig.dateFormatLocale;
+        }
+        if (this.embedConfig.currencyFormat) {
+            queryParams[Param.CurrencyFormat] = this.embedConfig.currencyFormat;
+        }
 
         const {
             disabledActions,
@@ -509,7 +511,6 @@ export class TsEmbed {
     /**
      * Constructs the base URL string to load v1 of the ThoughtSpot app.
      * This is used for embedding Liveboards, visualizations, and full application.
-     *
      * @param queryString The query string to append to the URL.
      * @param isAppEmbed A Boolean parameter to specify if you are embedding
      * the full application.
@@ -584,10 +585,10 @@ export class TsEmbed {
     /**
      * Renders the embedded ThoughtSpot app in an iframe and sets up
      * event listeners.
-     *
      * @param url - The URL of the embedded ThoughtSpot app.
      */
     protected async renderIFrame(url: string): Promise<any> {
+        console.log('here 7');
         if (this.isError) {
             return null;
         }
@@ -597,8 +598,10 @@ export class TsEmbed {
         if (url.length > URL_MAX_LENGTH) {
             // warn: The URL is too long
         }
+        console.log('here 8');
 
         return renderInQueue((nextInQueue) => {
+            console.log('here 6');
             const initTimestamp = Date.now();
 
             this.executeCallbacks(EmbedEvent.Init, {
@@ -611,6 +614,7 @@ export class TsEmbed {
             uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
             return getAuthPromise()
                 ?.then((isLoggedIn: boolean) => {
+                    console.log('here 9', isLoggedIn);
                     if (!isLoggedIn) {
                         this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
                         return;
@@ -635,7 +639,9 @@ export class TsEmbed {
                     this.iFrame.addEventListener('error', () => {
                         nextInQueue();
                     });
+                    console.log('here 10', this.iFrame);
                     this.handleInsertionIntoDOM(this.iFrame);
+                    console.log('here 11', document.body.innerHTML);
                     const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                     if (prefetchIframe.length) {
                         prefetchIframe.forEach((el) => {
@@ -679,7 +685,7 @@ export class TsEmbed {
     protected connectPreRendered(): boolean {
         const preRenderIds = this.getPreRenderIds();
         this.preRenderWrapper = this.preRenderWrapper
-            || document.getElementById(preRenderIds.wrapper);
+          || document.getElementById(preRenderIds.wrapper);
 
         this.preRenderChild = this.preRenderChild || document.getElementById(preRenderIds.child);
 
@@ -776,7 +782,6 @@ export class TsEmbed {
 
     /**
      * Sets the height of the iframe
-     *
      * @param height The height in pixels
      */
     protected setIFrameHeight(height: number | string): void {
@@ -785,7 +790,6 @@ export class TsEmbed {
 
     /**
      * Executes all registered event handlers for a particular event type
-     *
      * @param eventType The event type
      * @param data The payload invoked with the event handler
      * @param eventPort The event Port for a specific MessageChannel
@@ -824,7 +828,6 @@ export class TsEmbed {
 
     /**
      * Gets the v1 event type (if applicable) for the EmbedEvent type
-     *
      * @param eventType The v2 event type
      * @returns The corresponding v1 event type if one exists
      * or else the v2 event type itself
@@ -837,7 +840,6 @@ export class TsEmbed {
      * Calculates the iframe center for the current visible viewPort
      * of iframe using Scroll position of Host App, offsetTop for iframe
      * in Host app. ViewPort height of the tab.
-     *
      * @returns iframe Center in visible viewport,
      *  Iframe height,
      *  View port height.
@@ -872,7 +874,6 @@ export class TsEmbed {
     /**
      * Registers an event listener to trigger an alert when the ThoughtSpot app
      * sends an event of a particular message type to the host application.
-     *
      * @param messageType The message type
      * @param callback A callback as a function
      * @param options The message options
@@ -913,7 +914,6 @@ export class TsEmbed {
 
     /**
      * Removes an event listener for a particular event type.
-     *
      * @param messageType The message type
      * @param callback The callback to remove
      * @example
@@ -935,7 +935,6 @@ export class TsEmbed {
     /**
      * Triggers an event on specific Port registered against
      * for the EmbedEvent
-     *
      * @param eventType The message type
      * @param data The payload to send
      * @param eventPort
@@ -959,7 +958,6 @@ export class TsEmbed {
 
     /**
      * Triggers an event to the embedded app
-     *
      * @param messageType The event type
      * @param data The payload to send with the message
      */
@@ -982,7 +980,6 @@ export class TsEmbed {
      * Marks the ThoughtSpot object to have been rendered
      * Needs to be overridden by subclasses to do the actual
      * rendering of the iframe.
-     *
      * @param args
      */
     public async render(): Promise<TsEmbed> {
@@ -1001,7 +998,6 @@ export class TsEmbed {
 
     /**
      * Creates the preRender shell
-     *
      * @param showPreRenderByDefault - Show the preRender after render, hidden by default
      */
     public preRender(showPreRenderByDefault = false): TsEmbed {
@@ -1019,7 +1015,6 @@ export class TsEmbed {
      * Get the Post Url Params for THOUGHTSPOT from the current
      * host app URL.
      * THOUGHTSPOT URL params starts with a prefix "ts-"
-     *
      * @version SDK: 1.14.0 | ThoughtSpot: 8.4.0.cl, 8.4.1-sw
      */
     public getThoughtSpotPostUrlParams(): string {
@@ -1047,7 +1042,6 @@ export class TsEmbed {
 
     /**
      * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
-     *
      * @version SDK: 1.19.1 | ThoughtSpot: *
      */
     public destroy(): void {
@@ -1067,7 +1061,6 @@ export class TsEmbed {
      * Prerenders a generic instance of the TS component.
      * This means without the path but with the flags already applied.
      * This is useful for prerendering the component in the background.
-     *
      * @version SDK: 1.22.0
      * @returns
      */
@@ -1097,11 +1090,11 @@ export class TsEmbed {
                 ) {
                     logger.warn(
                         `${viewConfig.embedComponentType || 'Component'} was pre-rendered with `
-                        + `"${key}" as "${JSON.stringify(preRenderedObject.viewConfig[key])}" `
-                        + `but a different value "${JSON.stringify(viewConfig[key])}" `
-                        + 'was passed to the Embed component. '
-                        + 'The new value provided is ignored, the value provided during '
-                        + 'preRender is used.',
+                            + `"${key}" as "${JSON.stringify(preRenderedObject.viewConfig[key])}" `
+                            + `but a different value "${JSON.stringify(viewConfig[key])}" `
+                            + 'was passed to the Embed component. '
+                            + 'The new value provided is ignored, the value provided during '
+                            + 'preRender is used.',
                     );
                 }
             });
@@ -1159,7 +1152,6 @@ export class TsEmbed {
      * element. This function adjusts the position, width, and height of the PreRender
      * component
      * to match the dimensions and position of the embedding element.
-     *
      * @throws {Error} Throws an error if the embedding element (passed as domSelector)
      * is not defined or not found.
      */
@@ -1206,7 +1198,6 @@ export class TsEmbed {
     /**
      * Retrieves unique HTML element IDs for PreRender-related elements.
      * These IDs are constructed based on the provided 'preRenderId' from 'viewConfig'.
-     *
      * @returns {object} An object containing the IDs for the PreRender elements.
      * @property {string} wrapper - The HTML element ID for the PreRender wrapper.
      * @property {string} child - The HTML element ID for the PreRender child.
@@ -1221,13 +1212,13 @@ export class TsEmbed {
     /**
      * Returns the answerService which can be used to make arbitrary graphql calls on top
      * session.
-     *
      * @param vizId [Optional] to get for a specific viz in case of a liveboard.
      * @version SDK: 1.25.0 / ThoughtSpot 9.10.0
      */
     public async getAnswerService(vizId?: string): Promise<AnswerService> {
-        const { session, embedAnswerData } = await this.trigger(HostEvent.GetAnswerSession, vizId);
-        return new AnswerService(session, embedAnswerData, this.embedConfig.thoughtSpotHost);
+        const { session } = await this.trigger(HostEvent.GetAnswerSession, vizId);
+
+        return new AnswerService(session, null, this.embedConfig.thoughtSpotHost);
     }
 }
 
@@ -1235,7 +1226,6 @@ export class TsEmbed {
  * Base class for embedding v1 experience
  * Note: The v1 version of ThoughtSpot Blink works on the AngularJS stack
  * which is currently under migration to v2
- *
  * @inheritdoc
  */
 export class V1Embed extends TsEmbed {
@@ -1248,7 +1238,6 @@ export class V1Embed extends TsEmbed {
 
     /**
      * Render the app in an iframe and set up event handlers
-     *
      * @param iframeSrc
      */
     protected renderV1Embed(iframeSrc: string): Promise<any> {
@@ -1258,9 +1247,10 @@ export class V1Embed extends TsEmbed {
     protected getRootIframeSrc(): string {
         const queryParams = this.getEmbedParams();
         let queryString = queryParams;
-        const { runtimeParameters = [] } = this.viewConfig;
-        if (runtimeParameters?.length > 0) {
-            const parameterQuery = getRuntimeParameters(runtimeParameters);
+
+        if (!this.viewConfig.excludeRuntimeParametersfromURL) {
+            const runtimeParameters = this.viewConfig.runtimeParameters;
+            const parameterQuery = getRuntimeParameters(runtimeParameters || []);
             queryString = [parameterQuery, queryParams].filter(Boolean).join('&');
         }
 

package/src/errors.ts

@@ -1,6 +1,6 @@
 export const ERROR_MESSAGE = {
     INVALID_THOUGHTSPOT_HOST: 'Error parsing ThoughtSpot host. Please provide a valid URL.',
-    LIVEBOARD_VIZ_ID_VALIDATION: 'Please provide either liveboardId or pinboardId',
+    LIVEBOARD_VIZ_ID_VALIDATION: 'Please select a liveboard to embed.',
     TRIGGER_TIMED_OUT: 'Trigger timedout in getting response',
     SEARCHEMBED_BETA_WRANING_MESSAGE: 'Search Embed is in Beta in this release.',
     SAGE_EMBED_BETA_WARNING_MESSAGE: 'Sage Embed is in Beta in this release.',

package/src/index.ts

@@ -3,7 +3,6 @@
  *
  * ThoughtSpot Visual Embed SDK for embedding ThoughtSpot analytics
  * in other web applications.
- *
  * @summary ThoughtSpot Visual Embed SDK
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */

package/src/mixpanel-service.ts

@@ -26,7 +26,6 @@ let eventQueue: { eventId: string; eventProps: any }[] = [];
 
 /**
  * Pushes the event with its Property key-value map to mixpanel.
- *
  * @param eventId
  * @param eventProps
  */

package/src/react/index.spec.tsx

@@ -15,12 +15,15 @@ import {
     mockMessageChannel,
 } from '../test/test-utils';
 import {
-    SearchEmbed, AppEmbed, LiveboardEmbed, useEmbedRef, SearchBarEmbed, PreRenderedLiveboardEmbed,
+    SearchEmbed,
+    AppEmbed,
+    LiveboardEmbed,
+    useEmbedRef,
+    SearchBarEmbed,
+    PreRenderedLiveboardEmbed,
 } from './index';
 import * as allExports from './index';
-import {
-    AuthType, init,
-} from '../index';
+import { AuthType, init } from '../index';
 
 import { version } from '../../package.json';
 
@@ -43,13 +46,11 @@ describe('React Components', () => {
 
             await waitFor(() => getIFrameEl(container));
 
-            expect(
-                getIFrameEl(container).parentElement.classList.contains(
-                    'embedClass',
-                ),
-            ).toBe(true);
+            expect(getIFrameEl(container).parentElement.classList.contains('embedClass')).toBe(
+                true,
+            );
             expect(getIFrameSrc(container)).toBe(
-                `http://${thoughtSpotHost}/?hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=None&blockNonEmbedFullAppAccess=true&hideAction=[%22${Action.ReportError}%22,%22editACopy%22,%22saveAsView%22,%22updateTSL%22,%22editTSL%22,%22onDeleteAnswer%22]&overrideConsoleLogs=true&clientLogLevel=ERROR&enableDataPanelV2=false&dataSourceMode=hide&useLastSelectedSources=false&isSearchEmbed=true&collapseSearchBarInitially=false#/embed/answer`,
+                `http://${thoughtSpotHost}/?hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=None&blockNonEmbedFullAppAccess=true&hideAction=[%22${Action.ReportError}%22,%22editACopy%22,%22saveAsView%22,%22updateTSL%22,%22editTSL%22,%22onDeleteAnswer%22]&overrideConsoleLogs=true&clientLogLevel=ERROR&enableDataPanelV2=false&dataSourceMode=hide&useLastSelectedSources=false&isSearchEmbed=true&collapseSearchBarInitially=false&enableCustomColumnGroups=false&dataPanelCustomGroupsAccordionInitialState=EXPAND_ALL#/embed/answer`,
             );
         });
 
@@ -144,60 +145,53 @@ describe('React Components', () => {
         });
 
         it('Should have the correct container element', async () => {
-            const { container } = render(
-                <LiveboardEmbed liveboardId="abcd" className="def" />,
-            );
+            const { container } = render(<LiveboardEmbed liveboardId="abcd" className="def" />);
 
             await waitFor(() => getIFrameEl(container));
             expect(container.querySelector('div')).not.toBe(null);
-            expect(
-                container.querySelector('div').classList.contains('def'),
-            ).toBe(true);
+            expect(container.querySelector('div').classList.contains('def')).toBe(true);
 
             const { container: containerSibling } = render(
-                <LiveboardEmbed
-                    liveboardId="abcd"
-                    className="def"
-                    insertAsSibling={true}
-                />,
+                <LiveboardEmbed liveboardId="abcd" className="def" insertAsSibling={true} />,
             );
             await waitFor(() => getIFrameEl(containerSibling));
             expect(containerSibling.querySelector('span')).not.toBe(null);
-            expect(containerSibling.querySelector('span').style.position).toBe(
-                'absolute',
-            );
-            expect(
-                getIFrameEl(containerSibling).classList.contains('def'),
-            ).toBe(true);
+            expect(containerSibling.querySelector('span').style.position).toBe('absolute');
+            expect(getIFrameEl(containerSibling).classList.contains('def')).toBe(true);
             expect(containerSibling.querySelector('div')).toBe(null);
         });
 
         it('Should have the correct container element', async () => {
-            const { container } = render(
-                <LiveboardEmbed liveboardId="abcd" className="def" />,
-            );
+            const { container } = render(<LiveboardEmbed liveboardId="abcd" className="def" />);
 
             await waitFor(() => getIFrameEl(container));
             expect(container.querySelector('div')).not.toBe(null);
-            expect(
-                container.querySelector('div').classList.contains('def'),
-            ).toBe(true);
+            expect(container.querySelector('div').classList.contains('def')).toBe(true);
 
             const { container: containerSibling } = render(
-                <LiveboardEmbed
-                    liveboardId="abcd"
-                    className="def"
-                    insertAsSibling={true}
-                />,
+                <LiveboardEmbed liveboardId="abcd" className="def" insertAsSibling={true} />,
             );
             await waitFor(() => getIFrameEl(containerSibling));
             expect(containerSibling.querySelector('span')).not.toBe(null);
-            expect(containerSibling.querySelector('span').style.position).toBe(
-                'absolute',
+            expect(containerSibling.querySelector('span').style.position).toBe('absolute');
+            expect(getIFrameEl(containerSibling).classList.contains('def')).toBe(true);
+            expect(containerSibling.querySelector('div')).toBe(null);
+        });
+
+        it('Should have the correct container element', async () => {
+            const { container } = render(<LiveboardEmbed liveboardId="abcd" className="def" />);
+
+            await waitFor(() => getIFrameEl(container));
+            expect(container.querySelector('div')).not.toBe(null);
+            expect(container.querySelector('div').classList.contains('def')).toBe(true);
+
+            const { container: containerSibling } = render(
+                <LiveboardEmbed liveboardId="abcd" className="def" insertAsSibling={true} />,
             );
-            expect(
-                getIFrameEl(containerSibling).classList.contains('def'),
-            ).toBe(true);
+            await waitFor(() => getIFrameEl(containerSibling));
+            expect(containerSibling.querySelector('span')).not.toBe(null);
+            expect(containerSibling.querySelector('span').style.position).toBe('absolute');
+            expect(getIFrameEl(containerSibling).classList.contains('def')).toBe(true);
             expect(containerSibling.querySelector('div')).toBe(null);
         });
     });
@@ -217,11 +211,9 @@ describe('React Components', () => {
 
             await waitFor(() => getIFrameEl(container));
 
-            expect(
-                getIFrameEl(container).parentElement.classList.contains(
-                    'embedClass',
-                ),
-            ).toBe(true);
+            expect(getIFrameEl(container).parentElement.classList.contains('embedClass')).toBe(
+                true,
+            );
             expect(getIFrameSrc(container)).toBe(
                 `http://${thoughtSpotHost}/?hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=None&blockNonEmbedFullAppAccess=true&hideAction=[%22${Action.ReportError}%22]&overrideConsoleLogs=true&clientLogLevel=ERROR&dataSources=[%22test%22]&searchTokenString=%5Brevenue%5D&executeSearch=true&useLastSelectedSources=false&isSearchEmbed=true#/embed/search-bar-embed`,
             );
@@ -241,7 +233,9 @@ describe('React Components', () => {
             );
 
             await waitFor(() => getIFrameEl());
-            const preRenderWrapper = document.body.querySelector(`#${preRenderId}`) as HTMLDivElement;
+            const preRenderWrapper = document.body.querySelector(
+                `#${preRenderId}`,
+            ) as HTMLDivElement;
 
             expect(preRenderWrapper).toBeInstanceOf(HTMLDivElement);
             expect((preRenderWrapper as HTMLDivElement).childElementCount).toBe(1);
@@ -256,11 +250,7 @@ describe('React Components', () => {
                 unobserve: jest.fn(),
             }));
             const { container: libContainer } = render(
-                <LiveboardEmbed
-                    className="embedClass"
-                    preRenderId="test"
-                    liveboardId="libId"
-                />,
+                <LiveboardEmbed className="embedClass" preRenderId="test" liveboardId="libId" />,
             );
 
             expect(preRenderWrapper.style.opacity).toBe('');
@@ -276,11 +266,9 @@ describe('allExports', () => {
     });
 
     it('should not have undefined exports', () => {
-        Object.keys(allExports).forEach(
-            (exportKey) => expect(
-                Boolean(allExports[exportKey]),
-            )
-                .toBe(true),
-        );
+        Object.keys(allExports)
+            .forEach(
+                (exportKey) => expect(Boolean(allExports[exportKey])).toBe(true),
+            );
     });
 });