@thoughtspot/visual-embed-sdk 1.33.0-alpha.2 → 1.33.0-dc.1

package/src/react/index.tsx

@@ -10,6 +10,7 @@ import { TsEmbed } from '../embed/ts-embed';
 
 import { EmbedEvent, ViewConfig } from '../types';
 import { EmbedProps, getViewPropsAndListeners } from './util';
+import { ConversationEmbed as _ConversationEmbed, ConversationViewConfig } from '../embed/conversation';
 
 const componentFactory = <T extends typeof TsEmbed, U extends EmbedProps, V extends ViewConfig>(
     EmbedConstructor: T,
@@ -39,11 +40,11 @@ const componentFactory = <T extends typeof TsEmbed, U extends EmbedProps, V exte
             tsEmbed.destroy();
         };
 
-        const handlePreRenderRendering = (tsEmbed : InstanceType<T>) => {
+        const handlePreRenderRendering = (tsEmbed: InstanceType<T>) => {
             tsEmbed.preRender();
         };
 
-        const handleDefaultRendering = (tsEmbed : InstanceType<T>) => {
+        const handleDefaultRendering = (tsEmbed: InstanceType<T>) => {
             // if component is connected to a preRendered component
             if (props.preRenderId) {
                 tsEmbed.showPreRender();
@@ -53,7 +54,7 @@ const componentFactory = <T extends typeof TsEmbed, U extends EmbedProps, V exte
             tsEmbed.render();
         };
 
-        const handleRendering = (tsEmbed : InstanceType<T>) => {
+        const handleRendering = (tsEmbed: InstanceType<T>) => {
             if (isPreRenderedComponent) {
                 handlePreRenderRendering(tsEmbed);
                 return;
@@ -63,16 +64,16 @@ const componentFactory = <T extends typeof TsEmbed, U extends EmbedProps, V exte
 
         useDeepCompareEffect(() => {
             const tsEmbed = new EmbedConstructor(
-                    ref!.current,
-                    deepMerge(
-                        {
-                            insertAsSibling: viewConfig.insertAsSibling,
-                            frameParams: {
-                                class: viewConfig.insertAsSibling ? className || '' : '',
-                            },
+                ref!.current,
+                deepMerge(
+                    {
+                        insertAsSibling: viewConfig.insertAsSibling,
+                        frameParams: {
+                            class: viewConfig.insertAsSibling ? className || '' : '',
                         },
-                        viewConfig,
-                    ),
+                    },
+                    viewConfig,
+                ),
             ) as InstanceType<T>;
             Object.keys(listeners).forEach((eventName) => {
                 tsEmbed.on(eventName as EmbedEvent, listeners[eventName as EmbedEvent]);
@@ -98,33 +99,33 @@ const componentFactory = <T extends typeof TsEmbed, U extends EmbedProps, V exte
 interface SearchProps extends EmbedProps, SearchViewConfig { }
 
 interface PreRenderProps {
-   /**
-    * PreRender id to be used for PreRendering the embed.
-    * Use PreRender to render the embed in the background and then
-    * show or hide the rendered embed using showPreRender or hidePreRender respectively.
-    * @example
-    * ```js
-    * const embed = new LiveboardEmbed('#embed', {
-    *   ... // other liveboard view config
-    *   preRenderId: "preRenderId-123"
-    * });
-    * embed.showPreRender();
-    * ```
-    *
-    * Use PreRendered react component for pre rendering embed components.
-    * @example
-    * ```tsx
-    * function LandingPageComponent() {
-    *  return <PreRenderedLiveboardEmbed preRenderId="someId" liveboardId="libId" />
-    * }
-    * ```
-    * function MyComponent() {
-    *  return <LiveboardEmbed preRenderId="someId" liveboardId="libId" />
-    * }
-    * ```
-    * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
-    */
-  preRenderId: string;
+    /**
+     * PreRender id to be used for PreRendering the embed.
+     * Use PreRender to render the embed in the background and then
+     * show or hide the rendered embed using showPreRender or hidePreRender respectively.
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed', {
+     *   ... // other liveboard view config
+     *   preRenderId: "preRenderId-123"
+     * });
+     * embed.showPreRender();
+     * ```
+     *
+     * Use PreRendered react component for pre rendering embed components.
+     * @example
+     * ```tsx
+     * function LandingPageComponent() {
+     *  return <PreRenderedLiveboardEmbed preRenderId="someId" liveboardId="libId" />
+     * }
+     * ```
+     * function MyComponent() {
+     *  return <LiveboardEmbed preRenderId="someId" liveboardId="libId" />
+     * }
+     * ```
+     * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
+     */
+    preRenderId: string;
 }
 
 /**
@@ -329,11 +330,58 @@ export const PreRenderedSageEmbed = componentFactory<
     SageViewConfig
 >(_SageEmbed, true);
 
+interface ConversationEmbedProps extends EmbedProps, ConversationViewConfig { }
+
+/**
+ * React component for LLM based conversation BI.
+ * @example
+ * ```tsx
+ * function Sage() {
+ *  return <ConversationEmbed
+ *      worksheetId="<worksheet-id-here>"
+ *      searchOptions={{
+ *          searchQuery: "<search query to start with>"
+ *      }}
+ *      ... other view config props or event listeners.
+ *  />
+ * }
+ * ```
+ */
+export const ConversationEmbed = componentFactory<
+    typeof _ConversationEmbed, ConversationEmbedProps, ConversationViewConfig>(
+        _ConversationEmbed,
+    );
+
+/**
+ * React component for PreRendered Conversation embed.
+ *
+ * PreRenderedConversationEmbed will preRender the ConversationEmbed and will be hidden by
+ * default.
+ *
+ * SageEmbed with preRenderId passed will call showPreRender on the embed.
+ * @example
+ * ```tsx
+ * function LandingPageComponent() {
+ *  return <PreRenderedConversationEmbed preRenderId="someId" worksheetId={"id-"} />
+ * }
+ * ```
+ * function MyComponent() {
+ *  return <ConversationEmbed preRenderId="someId" worksheetId="id" />
+ * }
+ * ```
+ */
+export const PreRenderedConversationEmbed = componentFactory<
+    typeof _ConversationEmbed,
+    SageEmbedProps & PreRenderProps,
+    ConversationViewConfig
+>(_ConversationEmbed, true);
+
 type EmbedComponent = typeof SearchEmbed
     | typeof AppEmbed
     | typeof LiveboardEmbed
     | typeof SearchBarEmbed
-    | typeof SageEmbed;
+    | typeof SageEmbed
+    | typeof ConversationEmbed;
 
 /**
  * Get a reference to the embed component to trigger events on the component.
@@ -352,7 +400,7 @@ type EmbedComponent = typeof SearchEmbed
  * @returns {React.MutableRefObject<T extends TsEmbed>} ref
  */
 export function useEmbedRef<T extends EmbedComponent>():
-  React.MutableRefObject<React.ComponentRef<T>> {
+    React.MutableRefObject<React.ComponentRef<T>> {
     return React.useRef<React.ComponentRef<T>>(null);
 }
 

package/src/test/test-utils.ts

@@ -1,12 +1,16 @@
+import { has } from 'lodash';
 import { version } from '../../package.json';
 import { Action, AuthType } from '../types';
 
 /**
  Initialises fetch to the global object
  */
-global.fetch = jest.fn(() => Promise.resolve({
-    json: () => ({ mixpanelAccessToken: '' }),
-}));
+if (!(global.fetch as any).mockResponse) {
+    console.log('mocking fetch');
+    global.fetch = jest.fn(() => Promise.resolve({
+        json: () => ({ mixpanelAccessToken: '' }),
+    }));
+}
 
 export const defaultParamsWithoutHiddenActions = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=${AuthType.None}&blockNonEmbedFullAppAccess=true`;
 export const defaultParams = `&${defaultParamsWithoutHiddenActions}&hideAction=[%22${Action.ReportError}%22]`;
@@ -106,6 +110,27 @@ export const expectUrlMatchesWithParams = (source: string, target: string) => {
     const sourceParamsObj = Object.fromEntries(sourceUrl.searchParams);
     const targetParamsObj = Object.fromEntries(targetUrl.searchParams);
     expect(sourceParamsObj).toMatchObject(targetParamsObj);
+
+    const sourceHashParams = getHashQueryParams(sourceUrl.hash);
+    const targetHashParams = getHashQueryParams(targetUrl.hash);
+    expect(sourceHashParams).toMatchObject(targetHashParams);
+};
+
+export const expectUrlToHaveParamsWithValues = (
+    url: string, paramsWithValues: Record<string, any>,
+) => {
+    const urlObj = new URL(url);
+    const urlParams = Object.fromEntries(urlObj.searchParams);
+
+    const sourceHashParams = getHashQueryParams(urlObj.hash);
+    const sourceParams = {
+        ...urlParams, ...sourceHashParams,
+    };
+
+    Object.entries(paramsWithValues).forEach(([key, value]) => {
+        expect(has(sourceParams, key)).toBeTruthy();
+        expect(`${sourceParams[key]}`).toBe(`${value}`);
+    });
 };
 
 export const expectUrlMatch = (source: string, target: string) => {
@@ -123,3 +148,21 @@ export const createRootEleForEmbed = () => {
     rootEle.appendChild(tsEmbedDiv);
     document.body.appendChild(rootEle);
 };
+
+export const getHashQueryParams = (hash: string): any => {
+    const params = hash.split('?')[1];
+    const hashParams = new URLSearchParams(params);
+    return Object.fromEntries(hashParams);
+};
+
+export const mockSessionInfo = {
+    userGUID: '1234',
+    mixpanelToken: 'abc123',
+    isPublicUser: false,
+    sessionId: '6588e7d9-710c-453e-a7b4-535fb3a8cbb2',
+    genNo: 3,
+    acSession: {
+        sessionId: 'cb202c48-b14b-4466-8a70-899ea666d46q',
+        genNo: 5,
+    },
+};

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

@@ -449,13 +449,6 @@ export interface EmbedConfig {
      */
     queueMultiRenders?: boolean;
 
-    /**
-     * Dynamic CSS URL to be injected in the loaded application.
-     * You would also need to set `style-src` in the CSP settings.
-     * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1.sw
-     * @default ''
-     */
-    customCssUrl?: string;
     /**
      * [AuthServer|Basic] Detect if third-party party cookies are enabled by doing an
      * additional call. This is slower and should be avoided. Listen to the
@@ -589,6 +582,13 @@ export interface EmbedConfig {
      * @version SDK: 1.28.5 | Thoughtspot: *
      */
     disableTokenVerification?: boolean;
+
+    /**
+     * This flag is used to disable showing the login failure page in the embedded app.
+     *
+     * @version SDK 1.32.3 | Thoughtspot: *
+     */
+    disableLoginFailurePage?: boolean;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
@@ -715,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,
      * })
@@ -1040,6 +1041,19 @@ export interface ViewConfig {
      * @version SDK: 1.32.1 | ThoughtSpot: 10.3.0.cl
      */
     disableRedirectionLinksInNewTab?: boolean;
+    /**
+     * Flag to control Data panel experience
+     * @default true
+     * @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    dataPanelV2: true,
+     * })
+     * ```
+     */
+    dataPanelV2?: boolean;
 }
 
 /**
@@ -1252,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
@@ -2121,21 +2157,61 @@ export enum EmbedEvent {
      */
     Rename = 'rename',
     /**
-     * Emitted when user wants to intercept the search execution
+     * Emitted if the user wants to intercept the search execution
+     * and implement logic to decide whether to run the search or not
      *
-     * Set IsOnBeforeGetVizDataInterceptEnabled : true to use
-     * this embed event
+     * Prerequisite: Set isOnBeforeGetVizDataInterceptEnabled : true
+     * for this embed event to get emitted.
      *
+     * @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.
+     *
+     * execute: When execute returns true, the search will be run.
+     * When execute returns false, the search will not be executed.
+     *
+     * error: Developers can customize the user facing message when execute is
+     * set to false using the error parameter in responder
+     *
+     * @version SDK : 1.29.0 | Thoughtspot : 10.2.0.cl
+     *
+     * @example
      *```js
-     * searchEmbed.on(EmbedEvent.OnBeforeGetVizDataIntercept,
+     * .on(EmbedEvent.OnBeforeGetVizDataIntercept,
      * (payload, responder) => {
      *  responder({
      *      data: {
-     *          execute: true,
-     *   }})
+     *          execute:false,
+     *          error: {
+     *          //Provide a custom error message to explain to your end user
+     *          //why their search did not run
+     *          errorText: "This search query cannot be run.
+     *          Please contact your administrator for more details."
+     *          }
+     *  }})
+     * })
+     * ```
+     *
+     *```js
+     * .on(EmbedEvent.OnBeforeGetVizDataIntercept,
+     * (payload, responder) => {
+     * const query = payload.data.data.answer.search_query
+     * responder({
+     *  data: {
+     *      // returns true as long as the query does not include
+     *      // both the 'sales' AND the 'county' column
+     *      execute: !(query.includes("sales")&&query.includes("county")),
+     *      error: {
+     *      //Provide a custom error message to explain to your end user
+     *      // why their search did not run, and which searches are accepted by your custom logic.
+     *      errorText: "You can't use this query :" + query + ".
+     *      The 'sales' measures can never be used at the 'county' level.
+     *      Please try another measure, or remove 'county' from your search."
+     *      }
+     *  }})
      * })
      *```
-     * @version SDK : 1.29.0 | Thoughtspot : 10.2.0.cl
      */
     OnBeforeGetVizDataIntercept = 'onBeforeGetVizDataIntercept',
     /**
@@ -2154,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
@@ -2171,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
@@ -2255,6 +2365,15 @@ export enum HostEvent {
      * @hidden
      */
     Reload = 'reload',
+    /**
+     * Get current iframe src
+     * @example
+     * ```js
+     * const frameUrl = AppEmbed.trigger(HostEvent.GetIframeUrl)
+     * ```
+     * @version SDK: 1.35.0 | Thoughtspot: 10.4.0.cl
+     */
+    GetIframeUrl = 'GetIframeUrl',
     /**
      * Display specific visualizations on a Liveboard.
      * @param - An array of GUIDs of the visualization to show. The visualization IDs not passed
@@ -2856,10 +2975,23 @@ 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
@@ -2877,7 +3009,8 @@ export enum HostEvent {
      *    {
      *      column: "Date",
      *      oper: 'EQ',
-     *      values: ["1656680400"]
+     *      values: ["2023-07-31"],
+     *      types: "EXACT_DATE"
      *    }]
      * });
      * ```
@@ -3067,7 +3200,6 @@ export enum Param {
     ViewPortHeight = 'viewPortHeight',
     ViewPortWidth = 'viewPortWidth',
     VisibleActions = 'visibleAction',
-    CustomCSSUrl = 'customCssUrl',
     DisableLoginRedirect = 'disableLoginRedirect',
     visibleVizs = 'pinboardVisibleVizs',
     LiveboardV2Enabled = 'isPinboardV2Enabled',
@@ -3126,6 +3258,9 @@ export enum Param {
     FocusSearchBarOnRender = 'focusSearchBarOnRender',
     DisableRedirectionLinksInNewTab = 'disableRedirectionLinksInNewTab',
     HomePageSearchBarMode = 'homePageSearchBarMode',
+    ShowLiveboardVerifiedBadge = 'showLiveboardVerifiedBadge',
+    ShowLiveboardReverifyBanner = 'showLiveboardReverifyBanner',
+    LiveboardHeaderV2 = 'isLiveboardHeaderV2Enabled',
 }
 
 /**
@@ -4052,7 +4187,7 @@ export enum Action {
      *
      * @version SDK: 1.32.0 | Thoughtspot: 10.1.0.cl
      */
-    CreateLiveboard = 'CreateLiveboard',
+    CreateLiveboard = 'createLiveboard',
 
     /**
      * Action ID for to hide Verified Liveboard Banner
@@ -4154,6 +4289,17 @@ export enum Action {
      */
     UnsubscribeScheduleHomepage = 'unsubscribeScheduleHomepage',
 
+    /**
+     * The **Manage Tags** action on Homepage Favourite Module.
+     *
+     * @example
+     * ```js
+     * disabledActions: [Action.ManageTags]
+     * ```
+     * @version SDK : 1.34.0 | Thoughtspot: 10.3.0.cl
+     */
+    ManageTags = 'manageTags',
+
     /**
      * Action ID for delete schedule action on schedule on homepage
      * @example

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 () => {
@@ -112,9 +114,16 @@ describe('Unit test for authService', () => {
         try {
             await fetchSessionInfoService(authVerificationUrl);
         } catch (e) {
-            expect(e.message).toContain('Failed to fetch session info');
+            //
         }
         expect(logger.error).toHaveBeenCalledWith('Failed to fetch http://localhost:3000/callosum/v1/session/info', 'error');
+
+        try {
+            await fetchBasicAuthService(thoughtSpotHost, username, password);
+        } catch (e) {
+            expect(e.message).toContain('Failed to fetch session info');
+        }
+        expect(logger.error).toHaveBeenCalledWith('Failure', 'error');
     });
 
     test('verifyTokenService if token api works', async () => {

package/src/utils/authService/tokenizedAuthService.ts

@@ -18,7 +18,6 @@ function tokenizedFailureLoggedFetch(url: string, options: RequestInit = {}): Pr
 
 /**
  * Fetches the session info from the ThoughtSpot server.
- *
  * @param thoughtspotHost
  * @returns {Promise<any>}
  * @example
@@ -52,7 +51,6 @@ export async function fetchLogoutService(thoughtSpotHost: string): Promise<any>
 
 /**
  * Is active service to check if the user is logged in.
- *
  * @param thoughtSpotHost
  * @version SDK: 1.28.4 | ThoughtSpot: *
  */

package/src/utils/global-styles.spec.ts

@@ -0,0 +1,20 @@
+import { getDocumentBody } from '../test/test-utils';
+import { addPreviewStylesIfNotPresent } from './global-styles';
+
+describe('addPreviewStylesIfNotPresent', () => {
+    afterEach(() => {
+        document.body.innerHTML = getDocumentBody();
+    });
+    it('should not add preview styles if present', () => {
+        document.body.innerHTML = '<div id="ts-preview-style">test</div>';
+        addPreviewStylesIfNotPresent();
+        const styleEl = document.getElementById('ts-preview-style');
+        expect(styleEl.innerHTML).toBe('test');
+    });
+
+    it('should add preview styles if not present', () => {
+        addPreviewStylesIfNotPresent();
+        const styleEl = document.getElementById('ts-preview-style');
+        expect(styleEl).not.toBeNull();
+    });
+});

package/src/utils/graphql/answerService/answer-queries.ts

@@ -101,10 +101,10 @@ export const getAnswer = `
                     isDiscoverable
                     isHidden
                     modifiedAt
-                    tags
                 }
                 visualizations {
                     ... on TableViz {
+                        id
                         columns {
                             column {
                                 id
@@ -116,6 +116,9 @@ export const getAnswer = `
                             }
                         }
                     }
+                    ... on ChartViz {
+                        id
+                    }
                 }
             }
         }
@@ -164,3 +167,32 @@ export const addVizToLiveboard = `
         }
     }
 `;
+
+export const getSQLQuery = `
+    mutation GetSQLQuery($session: BachSessionIdInput!) {
+        Answer__getQuery(session: $session) {
+            ${bachSessionId}
+            sql
+        }
+    }
+`;
+
+export const getAnswerTML = `
+mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies: Boolean, $formatType:  EDocFormatType, $exportPermissions: Boolean, $exportFqn: Boolean) {
+  UnsavedAnswer_getTML(
+    session: $session
+    exportDependencies: $exportDependencies
+    formatType: $formatType
+    exportPermissions: $exportPermissions
+    exportFqn: $exportFqn
+  ) {
+    zipFile
+    object {
+      edoc
+      name
+      type
+      __typename
+    }
+    __typename
+  }
+}`;