@thoughtspot/visual-embed-sdk 1.32.7 → 1.32.9

package/lib/src/visual-embed-sdk.d.ts

@@ -587,21 +587,22 @@ declare module '@thoughtspot/visual-embed-sdk/embed/base' {
     /**
         * Imports TML representation of the metadata objects into ThoughtSpot.
         * @param data
+        * @returns imports TML data into ThoughtSpot
         * @example
         * ```js
-        *   executeTML({
-        * //Array of metadata Tmls
-                    metadata_tmls: [
-                            "'\''{\"guid\":\"9bd202f5-d431-44bf-9a07-b4f7be372125\",
-                            \"liveboard\":{\"name\":\"Parameters Liveboard\"}}'\''"
-                    ],
-                    import_policy: 'PARTIAL', // Specifies the import policy for the TML import.
-                    create_new: false, // If selected, creates TML objects with new GUIDs.
-            }).then(result => {
-                    console.log(result);
-            }).catch(error => {
-                    console.error(error);
-            });
+        *  executeTML({
+        * //Array of metadata Tmls in string format
+        *      metadata_tmls: [
+        *          "'\''{\"guid\":\"9bd202f5-d431-44bf-9a07-b4f7be372125\",
+        *          \"liveboard\":{\"name\":\"Parameters Liveboard\"}}'\''"
+        *      ],
+        *      import_policy: 'PARTIAL', // Specifies the import policy for the TML import.
+        *      create_new: false, // If selected, creates TML objects with new GUIDs.
+        *  }).then(result => {
+        *      console.log(result);
+        *  }).catch(error => {
+        *      console.error(error);
+        *  });
         *```
         * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
         * @group Global methods
@@ -611,27 +612,28 @@ declare module '@thoughtspot/visual-embed-sdk/embed/base' {
         * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML
         * format.
         * @param data
+        * @returns exports TML data
         * @example
         * ```js
-        exportTML({
-            metadata: [
-                {
-                    type: "LIVEBOARD", //Metadata Type
-                    identifier: "9bd202f5-d431-44bf-9a07-b4f7be372125" //Metadata Id
-                }
-            ],
-            export_associated: false,//indicates whether to export associated metadata objects
-            export_fqn: false, //Adds FQNs of the referenced objects.For example, if you are
-                                                 //exporting a Liveboard and its associated objects, the API
-                                                 //returns the Liveboard TML data with the FQNs of the referenced
-                                                 //worksheet. If the exported TML data includes FQNs, you don't need
-                                                 //to manually add FQNs of the referenced objects during TML import.
-            edoc_format: "JSON" //It takes JSON or YAML value
-        }).then(result => {
-            console.log(result);
-        }).catch(error => {
-            console.error(error);
-        });
+        * exportTML({
+        *   metadata: [
+        *     {
+        *       type: "LIVEBOARD", //Metadata Type
+        *       identifier: "9bd202f5-d431-44bf-9a07-b4f7be372125" //Metadata Id
+        *     }
+        *   ],
+        *   export_associated: false,//indicates whether to export associated metadata objects
+        *   export_fqn: false, //Adds FQNs of the referenced objects.For example, if you are
+        *                      //exporting a Liveboard and its associated objects, the API
+        *                      //returns the Liveboard TML data with the FQNs of the referenced
+        *                      //worksheet. If the exported TML data includes FQNs, you don't need
+        *                      //to manually add FQNs of the referenced objects during TML import.
+        *   edoc_format: "JSON" //It takes JSON or YAML value
+        * }).then(result => {
+        *   console.log(result);
+        * }).catch(error => {
+        *   console.error(error);
+        * });
         * ```
         * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
         * @group Global methods
@@ -1875,6 +1877,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
         * Styles within the {@link CustomisationsInterface}.
         */
     export interface CustomStyles {
+            customCSSUrl?: string;
             customCSS?: customCssInterface;
     }
     /**
@@ -2308,11 +2311,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             visibleActions?: Action[];
             /**
-                * Show alert messages and toast messages in the embedded view.
+                * Show alert messages and toast messages in the embedded
+                * view in full app embed.
                 * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
                 * @example
                 * ```js
-                * const embed = new LiveboardEmbed('#embed-container', {
+                * const embed = new AppEmbed('#embed-container', {
                 *    ... // other options
                 *    showAlerts:true,
                 * })
@@ -2842,6 +2846,28 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
         *   console.log('Drilldown event', drilldown);
         * }));
         * ```
+        *
+        * If you are using React components for embedding, you can register to any
+        * events from the `EmbedEvent` list by using the `on<EventName>` convention.
+        * For example,`onAlert`, `onCopyToClipboard` and so on.
+        *
+        *  @example
+        * ```js
+        * // ...
+        * const MyComponent = ({ dataSources }) => {
+        *      const onLoad = () => {
+        *      console.log(EmbedEvent.Load, {});
+        *      };
+        *
+        *      return (
+        *          <SearchEmbed
+        *              dataSources={dataSources}
+        *              onLoad = {logEvent("Load")}
+        *          />
+        *     );
+        * };
+        * ```
+        *
         * @group Events
         */
     export enum EmbedEvent {
@@ -3716,8 +3742,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Prerequisite: Set isOnBeforeGetVizDataInterceptEnabled : true
                 * for this embed event to get emitted.
                 *
-                * Parameter: payload
-                * Parameter: responder
+                * @param: payload
+                * @param: responder
                 * Contains elements that lets developers define whether ThoughtSpot
                 * will run the search or not, and if not, which error message to provide.
                 *
@@ -3729,6 +3755,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *
                 * @version SDK : 1.29.0 | Thoughtspot : 10.2.0.cl
                 *
+                * @example
                 *```js
                 * .on(EmbedEvent.OnBeforeGetVizDataIntercept,
                 * (payload, responder) => {
@@ -3764,7 +3791,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *  }})
                 * })
                 *```
-                *
                 */
             OnBeforeGetVizDataIntercept = "onBeforeGetVizDataIntercept",
             /**
@@ -3782,7 +3808,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
     }
     /**
         * Event types that can be triggered by the host application
-        * to the embedded ThoughtSpot app
+        * to the embedded ThoughtSpot app.
         *
         * To trigger an event use the corresponding
         * {@link LiveboardEmbed.trigger} or {@link AppEmbed.trigger} or {@link
@@ -3799,6 +3825,40 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
         *   { columnName: 'state, operator: RuntimeFilterOp.EQ, values: ['california']}
         * ]);
         * ```
+        * @example
+        * If using React components to embed, use the format shown in this example:
+        *
+        * ```js
+        *  const selectVizs = () => {
+        *      embedRef.current.trigger(HostEvent.SetVisibleVizs, [
+        *         "715e4613-c891-4884-be44-aa8d13701c06",
+        *         "3f84d633-e325-44b2-be25-c6650e5a49cf"
+        *      ]);
+        *    };
+        * ```
+        *
+        *
+        * You can also attach an Embed event to a Host event to trigger
+        * a specific action as shown in this example:
+        *
+        * @example
+        * ```js
+        *  const EmbeddedComponent = () => {
+        *       const embedRef = useRef(null); // import { useRef } from react
+        *       const onLiveboardRendered = () => {
+        *          embedRef.current.trigger(HostEvent.SetVisibleVizs, ['viz1', 'viz2']);
+        *      };
+        *
+        *      return (
+        *          <LiveboardEmbed
+        *              ref={embedRef}
+        *              liveboardId="<liveboard-guid>"
+        *              onLiveboardRendered={onLiveboardRendered}
+        *          />
+        *      );
+        *  }
+        * ```
+        *
         * @group Events
         */
     export enum HostEvent {
@@ -4492,10 +4552,23 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *     filter: {
                 *         column: "item type",
                 *         oper: "IN",
-                *         values: ["bags","shirts"],
+                *         values: ["bags","shirts"]
+                *        }
+                *    });
+                * ```
+                * @example
+                * ```js
+                *
+                * liveboardEmbed.trigger(HostEvent.UpdateFilters, {
+                *     filter: {
+                *         column: "date",
+                *         oper: "EQ",
+                *         values: ["JULY","2023"],
+                *         type: "MONTH_YEAR"
                 *        }
                 *    });
                 * ```
+                *
                 * @example
                 *
                 * ```js
@@ -4513,7 +4586,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *    {
                 *      column: "Date",
                 *      oper: 'EQ',
-                *      values: ["1656680400"]
+                *      values: ["2023-07-31"],
+                *      types: "EXACT_DATE"
                 *    }]
                 * });
                 * ```
@@ -5956,9 +6030,12 @@ declare module '@thoughtspot/visual-embed-sdk/css-variables' {
                 */
             '--ts-var-root-text-transform'?: string;
             /**
-                * application color, it replaces #2770EF which is rd-color(blue,base) and
-                * its similar colors like rd-color(blue,60), rd-color(accent, base) and
-                * rd-color(text, accent) in the app.
+                * Font color of the text on toggle buttons such as
+                * **All**, **Answers**, and **Liveboards** on the Home page (Classic experience),
+                * the text color of the chart and table tiles on Home page (New modular Homepage experience),
+                * and title text on the AI-generated charts and tables.
+                * The default color code is #2770EF.
+                *
                 */
             '--ts-var-application-color'?: string;
             /**
@@ -6069,6 +6146,10 @@ declare module '@thoughtspot/visual-embed-sdk/css-variables' {
                 * Background color of the primary buttons on hover.
                 */
             '--ts-var-button--primary--hover-background'?: string;
+            /**
+                * Backgroud color of the primary buttons when active.
+                */
+            '--ts-var-button--primary--active-background'?: string;
             /**
                 * Font color of the text on the secondary buttons.
                 */
@@ -6085,6 +6166,10 @@ declare module '@thoughtspot/visual-embed-sdk/css-variables' {
                 * Background color of the secondary button on hover.
                 */
             '--ts-var-button--secondary--hover-background'?: string;
+            /**
+                * Backgroud color of the secondary buttons when active.
+                */
+            '--ts-var-button--secondary--active-background'?: string;
             /**
                 * Font color of the tertiary button. For example, the *Undo*, *Redo*, and *Reset*
                 * buttons on the *Search* page.
@@ -6098,6 +6183,10 @@ declare module '@thoughtspot/visual-embed-sdk/css-variables' {
                 * Background color of the tertiary button when a user hovers over these buttons.
                 */
             '--ts-var-button--tertiary--hover-background'?: string;
+            /**
+                * Backgroud color of the tertiary buttons when active.
+                */
+            '--ts-var-button--tertiary--active-background'?: string;
             /**
                 * Font color of the title text of a visualization or Answer.
                 */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.32.7",
+    "version": "1.32.9",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -38,7 +38,7 @@
     "size-limit": [
         {
             "path": "dist/tsembed.js",
-            "limit": "48 kB"
+            "limit": "49 kB"
         }
     ],
     "scripts": {
@@ -77,7 +77,7 @@
         "gatsby-plugin-vercel": "^1.0.3",
         "html-react-parser": "^1.4.12",
         "lodash": "^4.17.21",
-        "mixpanel-browser": "^2.45.0",
+        "mixpanel-browser": "2.47.0",
         "ts-deepmerge": "^6.0.2",
         "tslib": "^2.5.3",
         "use-deep-compare-effect": "^1.8.1"

package/src/css-variables.ts

@@ -24,9 +24,12 @@ export interface CustomCssVariables {
     '--ts-var-root-text-transform'?: string;
 
     /**
-     * application color, it replaces #2770EF which is rd-color(blue,base) and
-     * its similar colors like rd-color(blue,60), rd-color(accent, base) and
-     * rd-color(text, accent) in the app.
+     * Font color of the text on toggle buttons such as
+     * **All**, **Answers**, and **Liveboards** on the Home page (Classic experience),
+     * the text color of the chart and table tiles on Home page (New modular Homepage experience),
+     * and title text on the AI-generated charts and tables.
+     * The default color code is #2770EF.
+     *
      */
     '--ts-var-application-color'?: string;
 
@@ -163,6 +166,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-button--primary--hover-background'?: string;
 
+    /**
+     * Backgroud color of the primary buttons when active.
+     */
+    '--ts-var-button--primary--active-background'?: string;
+
     /**
      * Font color of the text on the secondary buttons.
      */
@@ -183,6 +191,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-button--secondary--hover-background'?: string;
 
+    /**
+     * Backgroud color of the secondary buttons when active.
+     */
+    '--ts-var-button--secondary--active-background'?: string;
+
     /**
      * Font color of the tertiary button. For example, the *Undo*, *Redo*, and *Reset*
      * buttons on the *Search* page.
@@ -199,6 +212,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-button--tertiary--hover-background'?: string;
 
+    /**
+     * Backgroud color of the tertiary buttons when active.
+     */
+    '--ts-var-button--tertiary--active-background'?: string;
+
     /**
      * Font color of the title text of a visualization or Answer.
      */

package/src/embed/base.ts

@@ -198,6 +198,7 @@ export const init = (embedConfig: EmbedConfig): AuthEventEmitter => {
     const { password, ...configToTrack } = getEmbedConfig();
     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
         ...configToTrack,
+        usedCustomizationSheet: embedConfig.customizations?.style?.customCSSUrl != null,
         usedCustomizationVariables: embedConfig.customizations?.style?.customCSS?.variables != null,
         usedCustomizationRules:
             embedConfig.customizations?.style?.customCSS?.rules_UNSTABLE != null,
@@ -259,21 +260,22 @@ export const renderInQueue = (fn: (next?: (val?: any) => void) => Promise<any>):
 /**
  * Imports TML representation of the metadata objects into ThoughtSpot.
  * @param data
+ * @returns imports TML data into ThoughtSpot
  * @example
  * ```js
- *   executeTML({
- * //Array of metadata Tmls
-        metadata_tmls: [
-            "'\''{\"guid\":\"9bd202f5-d431-44bf-9a07-b4f7be372125\",
-            \"liveboard\":{\"name\":\"Parameters Liveboard\"}}'\''"
-        ],
-        import_policy: 'PARTIAL', // Specifies the import policy for the TML import.
-        create_new: false, // If selected, creates TML objects with new GUIDs.
-    }).then(result => {
-        console.log(result);
-    }).catch(error => {
-        console.error(error);
-    });
+ *  executeTML({
+ * //Array of metadata Tmls in string format
+ *      metadata_tmls: [
+ *          "'\''{\"guid\":\"9bd202f5-d431-44bf-9a07-b4f7be372125\",
+ *          \"liveboard\":{\"name\":\"Parameters Liveboard\"}}'\''"
+ *      ],
+ *      import_policy: 'PARTIAL', // Specifies the import policy for the TML import.
+ *      create_new: false, // If selected, creates TML objects with new GUIDs.
+ *  }).then(result => {
+ *      console.log(result);
+ *  }).catch(error => {
+ *      console.error(error);
+ *  });
  *```
  * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
  * @group Global methods
@@ -319,27 +321,28 @@ export const executeTML = async (data: executeTMLInput): Promise<any> => {
  * Exports TML representation of the metadata objects from ThoughtSpot in JSON or YAML
  * format.
  * @param data
+ * @returns exports TML data
  * @example
  * ```js
-  exportTML({
-    metadata: [
-      {
-        type: "LIVEBOARD", //Metadata Type
-        identifier: "9bd202f5-d431-44bf-9a07-b4f7be372125" //Metadata Id
-      }
-    ],
-    export_associated: false,//indicates whether to export associated metadata objects
-    export_fqn: false, //Adds FQNs of the referenced objects.For example, if you are
-                       //exporting a Liveboard and its associated objects, the API
-                       //returns the Liveboard TML data with the FQNs of the referenced
-                       //worksheet. If the exported TML data includes FQNs, you don't need
-                       //to manually add FQNs of the referenced objects during TML import.
-    edoc_format: "JSON" //It takes JSON or YAML value
-  }).then(result => {
-    console.log(result);
-  }).catch(error => {
-    console.error(error);
-  });
+ * exportTML({
+ *   metadata: [
+ *     {
+ *       type: "LIVEBOARD", //Metadata Type
+ *       identifier: "9bd202f5-d431-44bf-9a07-b4f7be372125" //Metadata Id
+ *     }
+ *   ],
+ *   export_associated: false,//indicates whether to export associated metadata objects
+ *   export_fqn: false, //Adds FQNs of the referenced objects.For example, if you are
+ *                      //exporting a Liveboard and its associated objects, the API
+ *                      //returns the Liveboard TML data with the FQNs of the referenced
+ *                      //worksheet. If the exported TML data includes FQNs, you don't need
+ *                      //to manually add FQNs of the referenced objects during TML import.
+ *   edoc_format: "JSON" //It takes JSON or YAML value
+ * }).then(result => {
+ *   console.log(result);
+ * }).catch(error => {
+ *   console.error(error);
+ * });
  * ```
  * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
  * @group Global methods

package/src/tokenizedFetch.ts

@@ -22,7 +22,11 @@ import { AuthType } from './types';
 export const tokenizedFetch: typeof fetch = async (input, init): Promise<Response> => {
     const embedConfig = getEmbedConfig();
     if (embedConfig.authType !== AuthType.TrustedAuthTokenCookieless) {
-        return fetch(input, init);
+        return fetch(input, {
+            // ensure cookies are included for the non cookie-less api calls.
+            credentials: 'include',
+            ...init,
+        });
     }
 
     const req = new Request(input, init);

package/src/types.ts

@@ -255,6 +255,7 @@ export interface customCssInterface {
  * Styles within the {@link CustomisationsInterface}.
  */
 export interface CustomStyles {
+    customCSSUrl?: string;
     customCSS?: customCssInterface;
 }
 
@@ -714,11 +715,12 @@ export interface ViewConfig {
      */
     visibleActions?: Action[];
     /**
-     * Show alert messages and toast messages in the embedded view.
+     * Show alert messages and toast messages in the embedded
+     * view in full app embed.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      * ```js
-     * const embed = new LiveboardEmbed('#embed-container', {
+     * const embed = new AppEmbed('#embed-container', {
      *    ... // other options
      *    showAlerts:true,
      * })
@@ -1264,6 +1266,28 @@ export interface RuntimeParameter {
  *   console.log('Drilldown event', drilldown);
  * }));
  * ```
+ *
+ * If you are using React components for embedding, you can register to any
+ * events from the `EmbedEvent` list by using the `on<EventName>` convention.
+ * For example,`onAlert`, `onCopyToClipboard` and so on.
+ *
+ *  @example
+ * ```js
+ * // ...
+ * const MyComponent = ({ dataSources }) => {
+ *      const onLoad = () => {
+ *      console.log(EmbedEvent.Load, {});
+ *      };
+ *
+ *      return (
+ *          <SearchEmbed
+ *              dataSources={dataSources}
+ *              onLoad = {logEvent("Load")}
+ *          />
+ *     );
+ * };
+ * ```
+ *
  * @group Events
  */
 // eslint-disable-next-line no-shadow
@@ -2139,8 +2163,8 @@ export enum EmbedEvent {
      * Prerequisite: Set isOnBeforeGetVizDataInterceptEnabled : true
      * for this embed event to get emitted.
      *
-     * Parameter: payload
-     * Parameter: responder
+     * @param: payload
+     * @param: responder
      * Contains elements that lets developers define whether ThoughtSpot
      * will run the search or not, and if not, which error message to provide.
      *
@@ -2152,6 +2176,7 @@ export enum EmbedEvent {
      *
      * @version SDK : 1.29.0 | Thoughtspot : 10.2.0.cl
      *
+     * @example
      *```js
      * .on(EmbedEvent.OnBeforeGetVizDataIntercept,
      * (payload, responder) => {
@@ -2187,7 +2212,6 @@ export enum EmbedEvent {
      *  }})
      * })
      *```
-     *
      */
     OnBeforeGetVizDataIntercept = 'onBeforeGetVizDataIntercept',
     /**
@@ -2206,7 +2230,7 @@ export enum EmbedEvent {
 
 /**
  * Event types that can be triggered by the host application
- * to the embedded ThoughtSpot app
+ * to the embedded ThoughtSpot app.
  *
  * To trigger an event use the corresponding
  * {@link LiveboardEmbed.trigger} or {@link AppEmbed.trigger} or {@link
@@ -2223,6 +2247,40 @@ export enum EmbedEvent {
  *   { columnName: 'state, operator: RuntimeFilterOp.EQ, values: ['california']}
  * ]);
  * ```
+ * @example
+ * If using React components to embed, use the format shown in this example:
+ *
+ * ```js
+ *  const selectVizs = () => {
+ *      embedRef.current.trigger(HostEvent.SetVisibleVizs, [
+ *         "715e4613-c891-4884-be44-aa8d13701c06",
+ *         "3f84d633-e325-44b2-be25-c6650e5a49cf"
+ *      ]);
+ *    };
+ * ```
+ *
+ *
+ * You can also attach an Embed event to a Host event to trigger
+ * a specific action as shown in this example:
+ *
+ * @example
+ * ```js
+ *  const EmbeddedComponent = () => {
+ *       const embedRef = useRef(null); // import { useRef } from react
+ *       const onLiveboardRendered = () => {
+ *          embedRef.current.trigger(HostEvent.SetVisibleVizs, ['viz1', 'viz2']);
+ *      };
+ *
+ *      return (
+ *          <LiveboardEmbed
+ *              ref={embedRef}
+ *              liveboardId="<liveboard-guid>"
+ *              onLiveboardRendered={onLiveboardRendered}
+ *          />
+ *      );
+ *  }
+ * ```
+ *
  * @group Events
  */
 // eslint-disable-next-line no-shadow
@@ -2917,11 +2975,24 @@ export enum HostEvent {
      *     filter: {
      *         column: "item type",
      *         oper: "IN",
-     *         values: ["bags","shirts"],
+     *         values: ["bags","shirts"]
      *        }
      *    });
      * ```
      * @example
+     * ```js
+     *
+     * liveboardEmbed.trigger(HostEvent.UpdateFilters, {
+     *     filter: {
+     *         column: "date",
+     *         oper: "EQ",
+     *         values: ["JULY","2023"],
+     *         type: "MONTH_YEAR"
+     *        }
+     *    });
+     * ```
+     *
+     * @example
      *
      * ```js
      * liveboardEmbed.trigger(HostEvent.UpdateFilters, {
@@ -2938,7 +3009,8 @@ export enum HostEvent {
      *    {
      *      column: "Date",
      *      oper: 'EQ',
-     *      values: ["1656680400"]
+     *      values: ["2023-07-31"],
+     *      types: "EXACT_DATE"
      *    }]
      * });
      * ```

package/src/utils/authService/authService.spec.ts

@@ -29,7 +29,9 @@ describe('Unit test for authService', () => {
         const response = await fetchSessionInfoService(thoughtSpotHost);
         expect(response.success).toBe(true);
         expect(fetch).toHaveBeenCalledTimes(1);
-        expect(fetch).toBeCalledWith(`${thoughtSpotHost}${EndPoints.SESSION_INFO}`, {});
+        expect(fetch).toBeCalledWith(`${thoughtSpotHost}${EndPoints.SESSION_INFO}`, {
+            credentials: 'include',
+        });
     });
 
     test('fetchAuthTokenService', async () => {

package/src/utils.ts

@@ -218,6 +218,9 @@ export const getCustomisations = (
                 ...customizationsFromEmbedConfig?.style?.customCSS,
                 ...customizationsFromViewConfig?.style?.customCSS,
             },
+            customCSSUrl:
+                customizationsFromViewConfig?.style?.customCSSUrl
+                || customizationsFromEmbedConfig?.style?.customCSSUrl,
         },
         content: {
             ...customizationsFromEmbedConfig?.content,