@oanda/labs-crowd-view-widget 1.0.51 → 1.0.53

package/src/CrowdViewWidget/components/Chart/utils/processOrderPositionBooks.ts

@@ -1,30 +1,92 @@
 import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';
+import type { Bucket } from '../types';
 
 export const processOrderPositionBooks = (
   orderPositionData: GetOrderPositionBooksQuery | undefined,
-  candleMap: Map<
-    string,
-    {
-      point?: string;
-      high?: number;
-      low?: number;
-      open?: number;
-      close?: number;
-    }
-  >
-): [string, number | null, number][] => {
-  if (!orderPositionData?.orderPositionBooks?.length) {
-    return [];
+  dates: string[]
+) => {
+  // Input validation
+  if (!Array.isArray(dates) || dates.length === 0) {
+    return {
+      bookPrices: [],
+      bookIndexes: [],
+      buckets: [],
+      bucketWidth: 0,
+      sentimentThresholdMin: 0,
+      sentimentThresholdMax: 0,
+      hasValidBooks: false,
+    };
   }
 
-  return orderPositionData.orderPositionBooks
-    .filter((book): book is NonNullable<typeof book> => {
-      return book !== null && book.buckets?.length > 0;
-    })
-    .map((book, index) => {
-      const candle = candleMap.get(book.time);
-      const price = candle?.high ?? null;
+  if (
+    !orderPositionData?.orderPositionBooks?.books?.length ||
+    !orderPositionData?.orderPositionBooks?.sentimentThresholdMin ||
+    !orderPositionData?.orderPositionBooks?.sentimentThresholdMax ||
+    !orderPositionData?.orderPositionBooks?.bucketWidth
+  ) {
+    return {
+      bookPrices: [],
+      bookIndexes: [],
+      buckets: [],
+      bucketWidth: 0,
+      sentimentThresholdMin: 0,
+      sentimentThresholdMax: 0,
+      hasValidBooks: false,
+    };
+  }
+
+  const { bucketWidth, sentimentThresholdMin, sentimentThresholdMax } =
+    orderPositionData.orderPositionBooks;
+
+  const booksDataMap = new Map(
+    orderPositionData.orderPositionBooks.books.map((item) => [
+      item.time,
+      {
+        price: item.price,
+        buckets: item.buckets,
+      },
+    ])
+  );
+
+  // Use forEach + push for O(n) performance instead of reduce with spreads (O(n²))
+  const bookPrices: (number | null)[] = [];
+  const bookIndexes: number[] = [];
+  const buckets: Bucket[][] = [];
+
+  dates.forEach((date, index) => {
+    const book = booksDataMap.get(date);
+
+    const currentBuckets =
+      book?.buckets
+        .filter(
+          (
+            bucket
+          ): bucket is {
+            price: number;
+            sentiment: number;
+          } =>
+            bucket !== null &&
+            typeof bucket.price === 'number' &&
+            typeof bucket.sentiment === 'number' &&
+            Math.abs(bucket.sentiment) >= sentimentThresholdMin
+        )
+        .map((bucket) => ({
+          price: bucket.price,
+          sentiment: bucket.sentiment,
+        })) || [];
+
+    bookPrices.push(book?.price ?? null);
+    bookIndexes.push(index);
+    buckets.push(currentBuckets);
+  });
 
-      return [book.time, price, index] as [string, number | null, number];
-    });
+  return {
+    bookPrices,
+    bookIndexes,
+    buckets,
+    bucketWidth,
+    sentimentThresholdMin,
+    sentimentThresholdMax,
+    hasValidBooks: true,
+  };
 };

package/src/CrowdViewWidget/components/Chart/utils/processPriceCandles.ts

@@ -3,51 +3,65 @@ import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';
 export const processPriceCandles = (
   priceCandlesData: GetPriceCandlesQuery | undefined
 ) => {
-  if (!priceCandlesData?.priceCandles?.candle?.length) {
-    return {
-      minPrice: 0,
-      maxPrice: 0,
-      hasValidCandles: false,
-      candleMap: new Map(),
-      candles: [],
-    };
-  }
+  const errorResult = {
+    minPrice: 0,
+    maxPrice: 0,
+    pipsLocation: 0,
+    hasValidCandles: false,
+    candlesOpen: [],
+    candlesClose: [],
+    candlesLow: [],
+    candlesHigh: [],
+    dates: [],
+  };
 
-  const candles = priceCandlesData.priceCandles.candle;
-  let calculatedMinPrice = Number.MAX_VALUE;
-  let calculatedMaxPrice = Number.MIN_VALUE;
+  if (
+    !priceCandlesData?.priceCandles?.candle?.length ||
+    !priceCandlesData?.priceCandles?.pipsLocation
+  ) {
+    return errorResult;
+  }
 
-  const candleMap = new Map<
-    string,
-    {
-      point?: string;
-      high?: number;
-      low?: number;
-      open?: number;
-      close?: number;
-    }
-  >();
+  const { dates, candlesOpen, candlesClose, candlesLow, candlesHigh } =
+    priceCandlesData.priceCandles.candle.reduce(
+      (acc, candle) => {
+        if (!candle) {
+          return acc;
+        }
 
-  candles.forEach((candle) => {
-    if (!candle) return;
+        return {
+          dates: [...acc.dates, candle.point],
+          candlesOpen: [...acc.candlesOpen, candle.open],
+          candlesClose: [...acc.candlesClose, candle.close],
+          candlesLow: [...acc.candlesLow, candle.low],
+          candlesHigh: [...acc.candlesHigh, candle.high],
+        };
+      },
+      {
+        dates: [] as string[],
+        candlesOpen: [] as number[],
+        candlesClose: [] as number[],
+        candlesLow: [] as number[],
+        candlesHigh: [] as number[],
+      }
+    );
 
-    if (candle.high > calculatedMaxPrice) {
-      calculatedMaxPrice = candle.high;
-    }
-    if (candle.low < calculatedMinPrice) {
-      calculatedMinPrice = candle.low;
-    }
+  if (dates.length === 0) {
+    return errorResult;
+  }
 
-    if (candle.point) {
-      candleMap.set(candle.point, candle);
-    }
-  });
+  const minPrice = Math.min(...candlesLow);
+  const maxPrice = Math.max(...candlesHigh);
 
   return {
-    minPrice: calculatedMinPrice,
-    maxPrice: calculatedMaxPrice,
+    minPrice,
+    maxPrice,
+    candlesOpen,
+    candlesClose,
+    candlesLow,
+    candlesHigh,
+    dates,
     hasValidCandles: true,
-    candleMap,
-    candles,
+    pipsLocation: priceCandlesData.priceCandles.pipsLocation,
   };
 };

package/src/CrowdViewWidget/components/Chart/utils/processSentiments.ts

@@ -0,0 +1,55 @@
+import type { GetSentimentsQuery } from '../../../../gql/types/graphql';
+
+export const processSentiments = (
+  sentimentsData: GetSentimentsQuery | undefined,
+  dates: string[]
+) => {
+  if (
+    !Array.isArray(dates) ||
+    dates.length === 0 ||
+    !sentimentsData?.sentiments?.sentiments?.length
+  ) {
+    return {
+      sentimentLongs: [],
+      sentimentShorts: [],
+      hasValidSentiments: false,
+    };
+  }
+
+  const sentimentMap = new Map(
+    sentimentsData.sentiments.sentiments.map((item) => [
+      item?.time,
+      {
+        sentimentShorts: item?.sentiment?.shortPercent ?? null,
+        sentimentLongs: item?.sentiment?.longPercent ?? null,
+      },
+    ])
+  );
+
+  const { sentimentLongs, sentimentShorts } = dates.reduce(
+    (acc, date) => {
+      const sentiment = sentimentMap.get(date);
+
+      return {
+        sentimentLongs: [
+          ...acc.sentimentLongs,
+          sentiment?.sentimentLongs || null,
+        ],
+        sentimentShorts: [
+          ...acc.sentimentShorts,
+          sentiment?.sentimentShorts || null,
+        ],
+      };
+    },
+    {
+      sentimentLongs: [] as (number | null)[],
+      sentimentShorts: [] as (number | null)[],
+    }
+  );
+
+  return {
+    sentimentLongs,
+    sentimentShorts,
+    hasValidSentiments: true,
+  };
+};

package/src/CrowdViewWidget/components/Chart/utils/validateData.ts

@@ -6,12 +6,14 @@ import type {
 export const validateData = (
   priceCandlesData: GetPriceCandlesQuery | undefined,
   orderPositionData: GetOrderPositionBooksQuery | undefined,
-  hasValidCandles: boolean
+  hasValidCandles: boolean,
+  hasValidBooks: boolean,
+  hasValidSentiments: boolean
 ): Error | null => {
   const hasValidPriceData =
     (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;
   const hasValidOrderData =
-    (orderPositionData?.orderPositionBooks?.length ?? 0) >= 1;
+    (orderPositionData?.orderPositionBooks?.books?.length ?? 0) >= 1;
 
   if (!hasValidPriceData) {
     return new Error('Insufficient price candle data');
@@ -22,6 +24,12 @@ export const validateData = (
   if (!hasValidCandles) {
     return new Error('Invalid candle data');
   }
+  if (!hasValidBooks) {
+    return new Error('Invalid book data');
+  }
+  if (!hasValidSentiments) {
+    return new Error('Invalid sentiment data');
+  }
 
   return null;
 };

package/src/CrowdViewWidget/components/Legend/Legend.tsx

@@ -2,26 +2,25 @@ import { useLocale } from '@oanda/mono-i18n';
 import React from 'react';
 
 import { BookType } from '../../../gql/types/graphql';
-import { BOOKS_THRESHOLDS } from '../../constants';
 import { LegendBar } from './LegendBar';
 
 interface LegendProps {
-  longValues?: [number, number];
-  shortValues?: [number, number];
+  longValues: (number | undefined)[];
+  shortValues: (number | undefined)[];
   bookType: BookType;
   isDark: boolean;
 }
 
 export const Legend = ({
-  longValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],
-  shortValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],
+  longValues,
+  shortValues,
   bookType,
   isDark,
 }: LegendProps) => {
   const { lang } = useLocale();
 
   return (
-    <div className="lw-mx-auto lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-pb-6 lw-pt-0 sm:lw-max-w-md lg:lw-max-w-xl">
+    <div className="lw-mx-auto lw-mt-4 lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-pb-6 lw-pt-0 sm:lw-max-w-md lg:lw-max-w-xl">
       <LegendBar
         isDark={isDark}
         label={lang(bookType === BookType.Order ? 'buy' : 'long')}

package/src/CrowdViewWidget/components/Legend/LegendBar.tsx

@@ -5,7 +5,7 @@ import { COLOR_MAP } from '../../constants';
 export type LegendType = 'long' | 'short';
 
 interface LegendBarProps {
-  values: number[];
+  values: (number | undefined)[];
   type: LegendType;
   label: string;
   isDark: boolean;
@@ -32,10 +32,10 @@ export const LegendBar = ({ values, type, label, isDark }: LegendBarProps) => {
 
       <div className="lw-flex lw-w-full lw-justify-between">
         <span className="lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary">
-          {values[0].toFixed(2)}%
+          {values[0] ? `${values[0].toFixed(2)}%` : '—'}
         </span>
         <span className="lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary">
-          {`≤ ${values[1].toFixed(2)}`}%
+          {values[1] ? `≤ ${values[1].toFixed(2)}%` : '—'}
         </span>
       </div>
     </div>

package/src/CrowdViewWidget/constants.ts

@@ -2,14 +2,9 @@ import { colorPalette } from '@oanda/labs-widget-common';
 
 import { InstrumentId } from './types';
 
-export const BOOKS_THRESHOLDS = {
-  MIN: 0.15,
-  MAX: 0.55,
-} as const;
-
 export const BUCKET_CONFIG = {
   MULTIPLIER: 4,
-  PRICE_PADDING_MULTIPLIER: 2,
+  PRICE_MARGIN_MULTIPLIER: 2,
 } as const;
 
 export const TIME_THRESHOLDS = {
@@ -17,7 +12,9 @@ export const TIME_THRESHOLDS = {
 } as const;
 
 export const CHART_CONFIG = {
-  HEIGHT: 425,
+  MAIN_HEIGHT: 400,
+  MARGIN_BETWEEN: 50,
+  SENTIMENT_HEIGHT: 120,
   WIDTH: 9999,
   X_LABEL_SIZE: 40,
   Y_LABEL_SIZE_DESKTOP: 60,
@@ -25,8 +22,22 @@ export const CHART_CONFIG = {
   INITIAL_START_ZOOM: 80,
   INITIAL_END_ZOOM: 100,
   X_AXIS_DATE_PADDING: '        ',
+  SENTIMENT_MIN: 0,
+  SENTIMENT_MAX: 100,
+  SENTIMENT_INTERVAL: 25,
+  SENTIMENT_TEXT_OFFSET: 16,
 } as const;
 
+export const CHART_CONFIG_CALCULATED = {
+  FULL_HEIGHT:
+    CHART_CONFIG.MAIN_HEIGHT +
+    CHART_CONFIG.MARGIN_BETWEEN +
+    CHART_CONFIG.SENTIMENT_HEIGHT +
+    CHART_CONFIG.X_LABEL_SIZE,
+  SENTIMENT_TEXT_POSITION:
+    CHART_CONFIG.SENTIMENT_HEIGHT + CHART_CONFIG.SENTIMENT_TEXT_OFFSET,
+};
+
 export const COLOR_MAP = {
   dark: {
     long: [colorPalette.darkBlue10, colorPalette.darkBlue90],

package/src/gql/getOrderPositionBooks.ts

@@ -8,6 +8,8 @@ const getOrderPositionBooks = gql`
     $granularity: Granularity!
     $maxBookPrice: Float
     $minBookPrice: Float
+    $bucketMultiplier: Int!
+    $bucketMargin: Int!
   ) {
     orderPositionBooks(
       instrument: $instrument
@@ -16,14 +18,20 @@ const getOrderPositionBooks = gql`
       granularity: $granularity
       maxBookPrice: $maxBookPrice
       minBookPrice: $minBookPrice
+      bucketMultiplier: $bucketMultiplier
+      bucketMargin: $bucketMargin
     ) {
-      bucketWidth
-      price
-      time
-      buckets {
+      books {
+        time
         price
-        sentiment
+        buckets {
+          price
+          sentiment
+        }
       }
+      bucketWidth
+      sentimentThresholdMax
+      sentimentThresholdMin
     }
   }
 `;

package/src/gql/getPriceCandles.ts

@@ -22,6 +22,7 @@ const getPriceCandles = gql`
         open
         close
       }
+      pipsLocation
     }
   }
 `;

package/src/gql/getSentiments.ts

@@ -0,0 +1,25 @@
+import { gql } from '@apollo/client';
+
+const getSentiments = gql`
+  query GetSentiments(
+    $instrument: String!
+    $granularity: Granularity!
+    $timeSpan: TimeSpan!
+  ) {
+    sentiments(
+      instrument: $instrument
+      granularity: $granularity
+      timeSpan: $timeSpan
+    ) {
+      sentiments {
+        sentiment {
+          longPercent
+          shortPercent
+        }
+        time
+      }
+    }
+  }
+`;
+
+export { getSentiments };

package/src/gql/types/gql.ts

@@ -13,10 +13,12 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
-  '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n':
+  '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n':
     types.GetOrderPositionBooksDocument,
-  '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n':
+  '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n':
     types.GetPriceCandlesDocument,
+  '\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n':
+    types.GetSentimentsDocument,
 };
 
 /**
@@ -37,14 +39,20 @@ export function graphql(source: string): unknown;
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(
-  source: '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n'
-): (typeof documents)['\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n'];
+  source: '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n'
+): (typeof documents)['\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n'];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(
-  source: '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n'
-): (typeof documents)['\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n'];
+  source: '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n'
+): (typeof documents)['\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+  source: '\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n'
+): (typeof documents)['\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n'];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};