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

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

@@ -1,19 +1,14 @@
 import chroma from 'chroma-js';
 
 import { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';
-import {
-  BOOKS_THRESHOLDS,
-  CHART_CONFIG,
-  COLOR_MAP,
-  TIME_THRESHOLDS,
-} from '../../../constants';
+import { CHART_CONFIG, COLOR_MAP, TIME_THRESHOLDS } from '../../../constants';
 import type { Bucket, GetLabelsDataProps, TooltipParam } from '../types';
 
 export const getLabelData = ({
-  xAxisData,
+  dates,
   isGreaterThanTwoWeeks,
 }: GetLabelsDataProps) =>
-  xAxisData
+  dates
     .filter((record, index, arr) => {
       if (index === 0) {
         return false;
@@ -74,29 +69,41 @@ export const getTimeSpanForGranularity = (
 const getGradientColor = (
   value: number,
   startColor: string,
-  targetColor: string
+  targetColor: string,
+  minThreshold: number,
+  maxThreshold: number
 ): string => {
-  const startThreshold = BOOKS_THRESHOLDS.MIN;
-  const endThreshold = BOOKS_THRESHOLDS.MAX;
-
   const colorScale = chroma
     .scale([startColor, targetColor])
-    .domain([startThreshold, endThreshold])
+    .domain([minThreshold, maxThreshold])
     .mode('rgb');
 
   return colorScale(value).hex();
 };
 
-export const getRectColor = (sentiment: number, isDark: boolean) => {
+export const getRectColor = (
+  sentiment: number,
+  isDark: boolean,
+  minThreshold: number,
+  maxThreshold: number
+) => {
   const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;
 
   return sentiment < 0
     ? getGradientColor(
         sentiment * -1,
         colorPalette.short[0],
-        colorPalette.short[1]
+        colorPalette.short[1],
+        minThreshold,
+        maxThreshold
       )
-    : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1]);
+    : getGradientColor(
+        sentiment,
+        colorPalette.long[0],
+        colorPalette.long[1],
+        minThreshold,
+        maxThreshold
+      );
 };
 
 export const getTooltipFormatter = ({
@@ -104,7 +111,6 @@ export const getTooltipFormatter = ({
   buckets,
   bucketWidth,
   selectedPrice,
-  precision,
   bookType,
   labelCallback,
 }: {
@@ -112,10 +118,12 @@ export const getTooltipFormatter = ({
   buckets: Bucket[][];
   bucketWidth: number;
   selectedPrice: number;
-  precision: number;
   bookType: BookType;
   labelCallback: (key: string) => string;
 }) => {
+  const bucketDisplayPrecision =
+    bucketWidth.toString().split('.')[1]?.length || 0;
+
   if (!params || !Array.isArray(params) || params.length === 0) {
     return undefined;
   }
@@ -176,7 +184,11 @@ ${
 ${
   matchedBucket
     ? `<br /><p><b>${labelCallback(bookType === BookType.Order ? 'orders' : 'positions')}:</b></p>
-<p>${labelCallback('price_range')}: ${matchedBucket.price.toFixed(precision - 1)} - ${Number(matchedBucket.price + bucketWidth).toFixed(precision - 1)} </p>
+<p>${labelCallback('price_range')}: ${matchedBucket.price.toFixed(
+        bucketDisplayPrecision
+      )} - ${Number(matchedBucket.price + bucketWidth).toFixed(
+        bucketDisplayPrecision
+      )} </p>
 <p>${
         matchedBucket.sentiment < 0
           ? labelCallback(
@@ -189,7 +201,7 @@ ${
                 ? 'buy_overbalance'
                 : 'long_overbalance'
             )
-      }: ${Math.abs(matchedBucket.sentiment)}% </p>`
+      }: ${Math.abs(Number(matchedBucket.sentiment.toFixed(bucketDisplayPrecision)))}% </p>`
     : ''
 }${
     showSentiment && sentimentParam

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

@@ -1,8 +1,5 @@
-export * from './aggregateBuckets';
 export * from './chartUtils';
 export * from './getChartStyles';
-export * from './getTargetBucketWidth';
-export * from './processBuckets';
 export * from './processOrderPositionBooks';
 export * from './processPriceCandles';
 export * from './processSentiments';

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

@@ -1,42 +1,55 @@
 import type { GetSentimentsQuery } from '../../../../gql/types/graphql';
-import type { ProcessedSentiment } from '../types';
 
 export const processSentiments = (
   sentimentsData: GetSentimentsQuery | undefined,
-  xAxisData: string[]
-): ProcessedSentiment[] => {
-  if (!sentimentsData?.sentiments?.sentiments?.length) {
-    return [];
+  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
-      .filter(
-        (item): item is NonNullable<typeof item> =>
-          item?.time != null &&
-          item.sentiment?.shortPercent != null &&
-          item.sentiment?.longPercent != null
-      )
-      .map((item) => [
-        item.time,
-        {
-          shortPercent: item.sentiment.shortPercent,
-          longPercent: item.sentiment.longPercent,
-        },
-      ])
+    sentimentsData.sentiments.sentiments.map((item) => [
+      item?.time,
+      {
+        sentimentShorts: item?.sentiment?.shortPercent ?? null,
+        sentimentLongs: item?.sentiment?.longPercent ?? null,
+      },
+    ])
   );
 
-  return xAxisData
-    .map((time) => {
-      const sentiment = sentimentMap.get(time);
-      if (!sentiment) {
-        return undefined;
-      }
-      return [
-        time,
-        sentiment.shortPercent,
-        sentiment.longPercent,
-      ] as ProcessedSentiment;
-    })
-    .filter((item): item is ProcessedSentiment => item !== undefined);
+  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,19 +2,18 @@ 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) => {

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 = {

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/types/gql.ts

@@ -13,9 +13,9 @@ 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,
@@ -39,14 +39,14 @@ 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.
  */