@oanda/labs-crowd-view-widget 1.0.43 → 1.0.44

package/dist/module/CrowdViewWidget/components/Chart/useCrowdViewData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrowdViewData.js","names":["useQuery","useMemo","getOrderPositionBooks","getPriceCandles","BookType","DataSource","Division","BOOKS_THRESHOLDS","BUCKET_CONFIG","getTimeSpanForGranularity","processPriceCandles","priceCandlesData","_priceCandlesData$pri","priceCandles","candle","length","minPrice","maxPrice","hasValidCandles","candleMap","Map","candles","calculatedMinPrice","Number","MAX_VALUE","calculatedMaxPrice","MIN_VALUE","forEach","high","low","point","set","processOrderPositionBooks","orderPositionData","_orderPositionData$or","orderPositionBooks","filter","book","_book$buckets","buckets","map","_candle$high","filteredBuckets","bucket","sentiment","undefined","price","Math","abs","MIN","get","time","JSON","stringify","validateData","_priceCandlesData$pri2","_priceCandlesData$pri3","_orderPositionData$or2","_orderPositionData$or3","hasValidPriceData","hasValidOrderData","Error","useCrowdViewData","_ref","instrument","bookType","division","granularity","loading","priceCandlesLoading","data","error","priceCandlesError","variables","dataSource","Oc","V20","Mt5","timeSpan","fetchPolicy","priceCandlesProcessed","maxBookPrice","DEFAULT_WIDTH","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionError","Order","skip","concat","message","_orderPositionData$or4","xAxisData","candlesSeriesData","open","close","bucketWidth"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BOOKS_THRESHOLDS, BUCKET_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport { getTimeSpanForGranularity } from './utils/chartUtils';\n\nconst processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  if (!priceCandlesData?.priceCandles?.candle?.length) {\n    return {\n      minPrice: 0,\n      maxPrice: 0,\n      hasValidCandles: false,\n      candleMap: new Map(),\n      candles: [],\n    };\n  }\n\n  const candles = priceCandlesData.priceCandles.candle;\n  let calculatedMinPrice = Number.MAX_VALUE;\n  let calculatedMaxPrice = Number.MIN_VALUE;\n\n  const candleMap = new Map<\n    string,\n    {\n      point?: string;\n      high?: number;\n      low?: number;\n      open?: number;\n      close?: number;\n    }\n  >();\n\n  candles.forEach((candle) => {\n    if (!candle) return;\n\n    if (candle.high > calculatedMaxPrice) {\n      calculatedMaxPrice = candle.high;\n    }\n    if (candle.low < calculatedMinPrice) {\n      calculatedMinPrice = candle.low;\n    }\n\n    if (candle.point) {\n      candleMap.set(candle.point, candle);\n    }\n  });\n\n  return {\n    minPrice: calculatedMinPrice,\n    maxPrice: calculatedMaxPrice,\n    hasValidCandles: true,\n    candleMap,\n    candles,\n  };\n};\n\nconst processOrderPositionBooks = (\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  candleMap: Map<\n    string,\n    {\n      point?: string;\n      high?: number;\n      low?: number;\n      open?: number;\n      close?: number;\n    }\n  >\n) => {\n  if (!orderPositionData?.orderPositionBooks?.length) {\n    return [];\n  }\n\n  return orderPositionData.orderPositionBooks\n    .filter((book): book is NonNullable<typeof book> => {\n      return book !== null && book.buckets?.length > 0;\n    })\n    .map((book) => {\n      const filteredBuckets = book.buckets\n        .filter((bucket) => {\n          if (\n            !bucket ||\n            bucket.sentiment === undefined ||\n            bucket.sentiment === null ||\n            bucket.price === undefined\n          ) {\n            return false;\n          }\n          return Math.abs(bucket.sentiment) >= BOOKS_THRESHOLDS.MIN;\n        })\n        .map((bucket) => ({\n          price: bucket!.price!,\n          sentiment: bucket!.sentiment!,\n        }));\n\n      const candle = candleMap.get(book.time);\n      const price = candle?.high ?? null;\n\n      return [book.time, price, JSON.stringify(filteredBuckets)] as [\n        string,\n        number,\n        string,\n      ];\n    });\n};\n\nconst validateData = (\n  priceCandlesData: GetPriceCandlesQuery | undefined,\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  hasValidCandles: boolean\n): Error | null => {\n  const hasValidPriceData =\n    (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;\n  const hasValidOrderData =\n    (orderPositionData?.orderPositionBooks?.length ?? 0) >= 1;\n\n  if (!hasValidPriceData) {\n    return new Error('Insufficient price candle data');\n  }\n  if (!hasValidOrderData) {\n    return new Error('Insufficient order position data');\n  }\n  if (!hasValidCandles) {\n    return new Error('Invalid candle data');\n  }\n\n  return null;\n};\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource: division === Division.Oc ? DataSource.V20 : DataSource.Mt5,\n        division,\n        instrument,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const priceCandlesProcessed = useMemo(\n    () => processPriceCandles(priceCandlesData),\n    [priceCandlesData]\n  );\n\n  const { minPrice, maxPrice, hasValidCandles, candleMap, candles } =\n    priceCandlesProcessed;\n\n  const maxBookPrice = useMemo(\n    () =>\n      maxPrice +\n      BUCKET_CONFIG.DEFAULT_WIDTH * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [maxPrice]\n  );\n\n  const minBookPrice = useMemo(\n    () =>\n      minPrice -\n      BUCKET_CONFIG.DEFAULT_WIDTH * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [minPrice]\n  );\n\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice,\n        minBookPrice,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const loading = priceCandlesLoading || orderPositionLoading;\n\n  const orderPositionBooks = useMemo(\n    () => processOrderPositionBooks(orderPositionData, candleMap),\n    [orderPositionData, candleMap]\n  );\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(priceCandlesData, orderPositionData, hasValidCandles);\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || error) {\n      return null;\n    }\n\n    const xAxisData = candles.map((candle) => candle?.point || '');\n    const candlesSeriesData: [number, number, number, number][] = candles.map(\n      (candle) => [\n        candle?.open || 0,\n        candle?.close || 0,\n        candle?.low || 0,\n        candle?.high || 0,\n      ]\n    );\n\n    return {\n      xAxisData,\n      candlesSeriesData,\n      orderPositionBooks,\n      bucketWidth: orderPositionData.orderPositionBooks?.[0]?.bucketWidth || 0,\n    };\n  }, [priceCandlesData, orderPositionData, error, candles, orderPositionBooks]);\n\n  return {\n    data,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/utils/chartUtils.js

@@ -0,0 +1,59 @@
+import chroma from 'chroma-js';
+import { Granularity, TimeSpan } from '../../../../gql/types/graphql';
+import { BOOKS_THRESHOLDS, CHART_CONFIG, COLOR_MAP, TIME_THRESHOLDS } from '../../../constants';
+export const getLabelData = _ref => {
+  let {
+    xAxisData,
+    isGreaterThanTwoWeeks
+  } = _ref;
+  return xAxisData.filter((record, index, arr) => {
+    if (index === 0) {
+      return false;
+    }
+    const previousTimestamp = arr[index - 1];
+    const currentDate = new Date(record);
+    const previousDate = new Date(previousTimestamp);
+    return isGreaterThanTwoWeeks ? currentDate.getDate() !== previousDate.getDate() : currentDate.getMonth() !== previousDate.getMonth();
+  }).map(item => ({
+    name: new Date(item).toLocaleDateString(undefined, {
+      month: 'short',
+      day: isGreaterThanTwoWeeks ? 'numeric' : undefined
+    }),
+    xAxis: item,
+    y: CHART_CONFIG.HEIGHT - 22,
+    silent: true,
+    emphasis: {
+      disabled: true
+    },
+    label: {
+      fontFamily: 'Sofia W03',
+      fontSize: 10,
+      position: 'bottom',
+      align: 'center',
+      formatter: '{b}'
+    }
+  }));
+};
+export const isDifferenceGreaterThanTwoWeeks = (startDate, endDate) => {
+  const date1 = new Date(startDate);
+  const date2 = new Date(endDate);
+  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());
+  return differenceInMs < TIME_THRESHOLDS.TWO_WEEKS_MS;
+};
+export const getTimeSpanForGranularity = granularity => {
+  const granularityTimeSpanMap = {
+    [Granularity.M5]: TimeSpan.TwoDays,
+    [Granularity.M15]: TimeSpan.FiveDays,
+    [Granularity.H1]: TimeSpan.TwentyDays,
+    [Granularity.H4]: TimeSpan.NinetyDays
+  };
+  return granularityTimeSpanMap[granularity] || TimeSpan.TwoDays;
+};
+const getGradientColor = (value, startColor, targetColor) => {
+  const startThreshold = BOOKS_THRESHOLDS.MIN;
+  const endThreshold = BOOKS_THRESHOLDS.MAX;
+  const colorScale = chroma.scale([startColor, targetColor]).domain([startThreshold, endThreshold]).mode('rgb');
+  return colorScale(value).hex();
+};
+export const getRectColor = sentiment => sentiment < 0 ? getGradientColor(sentiment * -1, COLOR_MAP.short[0], COLOR_MAP.short[1]) : getGradientColor(sentiment, COLOR_MAP.long[0], COLOR_MAP.long[1]);
+//# sourceMappingURL=chartUtils.js.map

package/dist/module/CrowdViewWidget/components/Chart/utils/chartUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartUtils.js","names":["chroma","Granularity","TimeSpan","BOOKS_THRESHOLDS","CHART_CONFIG","COLOR_MAP","TIME_THRESHOLDS","getLabelData","_ref","xAxisData","isGreaterThanTwoWeeks","filter","record","index","arr","previousTimestamp","currentDate","Date","previousDate","getDate","getMonth","map","item","name","toLocaleDateString","undefined","month","day","xAxis","y","HEIGHT","silent","emphasis","disabled","label","fontFamily","fontSize","position","align","formatter","isDifferenceGreaterThanTwoWeeks","startDate","endDate","date1","date2","differenceInMs","Math","abs","getTime","TWO_WEEKS_MS","getTimeSpanForGranularity","granularity","granularityTimeSpanMap","M5","TwoDays","M15","FiveDays","H1","TwentyDays","H4","NinetyDays","getGradientColor","value","startColor","targetColor","startThreshold","MIN","endThreshold","MAX","colorScale","scale","domain","mode","hex","getRectColor","sentiment","short","long"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/chartUtils.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { Granularity, TimeSpan } from '../../../../gql/types/graphql';\nimport {\n  BOOKS_THRESHOLDS,\n  CHART_CONFIG,\n  COLOR_MAP,\n  TIME_THRESHOLDS,\n} from '../../../constants';\nimport type { GetLabelsDataProps } from '../types';\n\nexport const getLabelData = ({\n  xAxisData,\n  isGreaterThanTwoWeeks,\n}: GetLabelsDataProps) =>\n  xAxisData\n    .filter((record, index, arr) => {\n      if (index === 0) {\n        return false;\n      }\n      const previousTimestamp = arr[index - 1];\n      const currentDate = new Date(record);\n      const previousDate = new Date(previousTimestamp);\n\n      return isGreaterThanTwoWeeks\n        ? currentDate.getDate() !== previousDate.getDate()\n        : currentDate.getMonth() !== previousDate.getMonth();\n    })\n    .map((item) => ({\n      name: new Date(item).toLocaleDateString(undefined, {\n        month: 'short',\n        day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n      }),\n      xAxis: item,\n      y: CHART_CONFIG.HEIGHT - 22,\n      silent: true,\n      emphasis: {\n        disabled: true,\n      },\n      label: {\n        fontFamily: 'Sofia W03',\n        fontSize: 10,\n        position: 'bottom',\n        align: 'center',\n        formatter: '{b}',\n      },\n    }));\n\nexport const isDifferenceGreaterThanTwoWeeks = (\n  startDate: string,\n  endDate: string\n) => {\n  const date1 = new Date(startDate);\n  const date2 = new Date(endDate);\n\n  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());\n\n  return differenceInMs < TIME_THRESHOLDS.TWO_WEEKS_MS;\n};\n\nexport const getTimeSpanForGranularity = (\n  granularity: Granularity\n): TimeSpan => {\n  const granularityTimeSpanMap: Record<Granularity, TimeSpan> = {\n    [Granularity.M5]: TimeSpan.TwoDays,\n    [Granularity.M15]: TimeSpan.FiveDays,\n    [Granularity.H1]: TimeSpan.TwentyDays,\n    [Granularity.H4]: TimeSpan.NinetyDays,\n  };\n\n  return granularityTimeSpanMap[granularity] || TimeSpan.TwoDays;\n};\n\nconst getGradientColor = (\n  value: number,\n  startColor: string,\n  targetColor: string\n): string => {\n  const startThreshold = BOOKS_THRESHOLDS.MIN;\n  const endThreshold = BOOKS_THRESHOLDS.MAX;\n\n  const colorScale = chroma\n    .scale([startColor, targetColor])\n    .domain([startThreshold, endThreshold])\n    .mode('rgb');\n\n  return colorScale(value).hex();\n};\n\nexport const getRectColor = (sentiment: number) =>\n  sentiment < 0\n    ? getGradientColor(sentiment * -1, COLOR_MAP.short[0], COLOR_MAP.short[1])\n    : getGradientColor(sentiment, COLOR_MAP.long[0], COLOR_MAP.long[1]);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Legend/Legend.js

@@ -1,10 +1,11 @@
 import { useLocale } from '@oanda/mono-i18n';
 import React from 'react';
+import { BOOKS_THRESHOLDS } from '../../constants';
 import { LegendBar } from './LegendBar';
 export const Legend = _ref => {
   let {
-    longValues,
-    shortValues
+    longValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],
+    shortValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX]
   } = _ref;
   const {
     lang

package/dist/module/CrowdViewWidget/components/Legend/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","names":["useLocale","React","LegendBar","Legend","_ref","longValues","shortValues","lang","createElement","className","label","type","values"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { LegendBar } from './LegendBar';\n\ninterface LegendProps {\n  longValues: number[];\n  shortValues: number[];\n}\n\nexport const Legend = ({ longValues, shortValues }: LegendProps) => {\n  const { lang } = useLocale();\n\n  return (\n    <div className=\"lw-mx-auto lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-py-6 sm:lw-max-w-md lg:lw-max-w-xl\">\n      <LegendBar label={lang('long')} type=\"long\" values={longValues} />\n      <LegendBar label={lang('short')} type=\"short\" values={shortValues} />\n    </div>\n  );\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,aAAa;AAOvC,OAAO,MAAMC,MAAM,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,UAAU;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG;EAAK,CAAC,GAAGP,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAA6G,GAC1HR,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACQ,KAAK,EAAEH,IAAI,CAAC,MAAM,CAAE;IAACI,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEP;EAAW,CAAE,CAAC,EAClEJ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACQ,KAAK,EAAEH,IAAI,CAAC,OAAO,CAAE;IAACI,IAAI,EAAC,OAAO;IAACC,MAAM,EAAEN;EAAY,CAAE,CACjE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Legend.js","names":["useLocale","React","BOOKS_THRESHOLDS","LegendBar","Legend","_ref","longValues","MIN","MAX","shortValues","lang","createElement","className","label","type","values"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { BOOKS_THRESHOLDS } from '../../constants';\nimport { LegendBar } from './LegendBar';\n\ninterface LegendProps {\n  longValues?: [number, number];\n  shortValues?: [number, number];\n}\n\nexport const Legend = ({\n  longValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],\n  shortValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],\n}: LegendProps) => {\n  const { lang } = useLocale();\n\n  return (\n    <div className=\"lw-mx-auto lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-py-6 sm:lw-max-w-md lg:lw-max-w-xl\">\n      <LegendBar label={lang('long')} type=\"long\" values={longValues} />\n      <LegendBar label={lang('short')} type=\"short\" values={shortValues} />\n    </div>\n  );\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,iBAAiB;AAClD,SAASC,SAAS,QAAQ,aAAa;AAOvC,OAAO,MAAMC,MAAM,GAAGC,IAAA,IAGH;EAAA,IAHI;IACrBC,UAAU,GAAG,CAACJ,gBAAgB,CAACK,GAAG,EAAEL,gBAAgB,CAACM,GAAG,CAAC;IACzDC,WAAW,GAAG,CAACP,gBAAgB,CAACK,GAAG,EAAEL,gBAAgB,CAACM,GAAG;EAC9C,CAAC,GAAAH,IAAA;EACZ,MAAM;IAAEK;EAAK,CAAC,GAAGV,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA6G,GAC1HX,KAAA,CAAAU,aAAA,CAACR,SAAS;IAACU,KAAK,EAAEH,IAAI,CAAC,MAAM,CAAE;IAACI,IAAI,EAAC,MAAM;IAACC,MAAM,EAAET;EAAW,CAAE,CAAC,EAClEL,KAAA,CAAAU,aAAA,CAACR,SAAS;IAACU,KAAK,EAAEH,IAAI,CAAC,OAAO,CAAE;IAACI,IAAI,EAAC,OAAO;IAACC,MAAM,EAAEN;EAAY,CAAE,CACjE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Legend/LegendBar.js

@@ -1,30 +1,28 @@
 import React from 'react';
-import { colorMap } from '../../config';
+import { COLOR_MAP } from '../../constants';
 export const LegendBar = _ref => {
   let {
     values,
     type,
     label
   } = _ref;
-  const colors = colorMap[type];
+  const colors = COLOR_MAP[type];
   return React.createElement("div", {
     className: "lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary"
   }, React.createElement("div", {
     className: "lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary"
-  }, values.map((_, index) => React.createElement("div", {
-    key: "".concat(label, "_").concat(colors[index], "__color"),
+  }, React.createElement("div", {
     className: "lw-h-full lw-flex-1",
     "data-testid": "legend-bar-segment",
     style: {
-      backgroundColor: colors[index]
+      background: "linear-gradient(90deg,".concat(colors[0], " 0%, ").concat(colors[1], " 100%)")
     }
-  }))), React.createElement("div", {
-    className: "lw-flex lw-w-full"
-  }, values.map(value => React.createElement("div", {
-    key: "".concat(value, "_").concat(type),
-    className: "lw-flex lw-w-1/4"
+  })), React.createElement("div", {
+    className: "lw-flex lw-w-full lw-justify-between"
   }, React.createElement("span", {
     className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
-  }, value.toFixed(2), "% ", label)))));
+  }, values[0].toFixed(2), "% ", label), React.createElement("span", {
+    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
+  }, values[1].toFixed(2), "% ", label)));
 };
 //# sourceMappingURL=LegendBar.js.map

package/dist/module/CrowdViewWidget/components/Legend/LegendBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendBar.js","names":["React","colorMap","LegendBar","_ref","values","type","label","colors","createElement","className","map","_","index","key","concat","style","backgroundColor","value","toFixed"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/LegendBar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colorMap } from '../../config';\n\nexport type LegendType = 'long' | 'short';\n\ninterface LegendBarProps {\n  values: number[];\n  type: LegendType;\n  label: string;\n}\n\nexport const LegendBar = ({ values, type, label }: LegendBarProps) => {\n  const colors = colorMap[type];\n\n  return (\n    <div className=\"lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary\">\n      <div className=\"lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary\">\n        {values.map((_, index) => (\n          <div\n            key={`${label}_${colors[index]}__color`}\n            className=\"lw-h-full lw-flex-1\"\n            data-testid=\"legend-bar-segment\"\n            style={{\n              backgroundColor: colors[index],\n            }}\n          />\n        ))}\n      </div>\n\n      <div className=\"lw-flex lw-w-full\">\n        {values.map((value) => (\n          <div key={`${value}_${type}`} className=\"lw-flex lw-w-1/4\">\n            <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n              {value.toFixed(2)}% {label}\n            </span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,cAAc;AAUvC,OAAO,MAAMC,SAAS,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC/D,MAAMI,MAAM,GAAGN,QAAQ,CAACI,IAAI,CAAC;EAE7B,OACEL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC5FL,MAAM,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KACnBZ,KAAA,CAAAQ,aAAA;IACEK,GAAG,KAAAC,MAAA,CAAKR,KAAK,OAAAQ,MAAA,CAAIP,MAAM,CAACK,KAAK,CAAC,YAAU;IACxCH,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCM,KAAK,EAAE;MACLC,eAAe,EAAET,MAAM,CAACK,KAAK;IAC/B;EAAE,CACH,CACF,CACE,CAAC,EAENZ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAC/BL,MAAM,CAACM,GAAG,CAAEO,KAAK,IAChBjB,KAAA,CAAAQ,aAAA;IAAKK,GAAG,KAAAC,MAAA,CAAKG,KAAK,OAAAH,MAAA,CAAIT,IAAI,CAAG;IAACI,SAAS,EAAC;EAAkB,GACxDT,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFQ,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACZ,KACjB,CACH,CACN,CACE,CACF,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"LegendBar.js","names":["React","COLOR_MAP","LegendBar","_ref","values","type","label","colors","createElement","className","style","background","concat","toFixed"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/LegendBar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { COLOR_MAP } from '../../constants';\n\nexport type LegendType = 'long' | 'short';\n\ninterface LegendBarProps {\n  values: number[];\n  type: LegendType;\n  label: string;\n}\n\nexport const LegendBar = ({ values, type, label }: LegendBarProps) => {\n  const colors = COLOR_MAP[type];\n\n  return (\n    <div className=\"lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary\">\n      <div className=\"lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary\">\n        <div\n          className=\"lw-h-full lw-flex-1\"\n          data-testid=\"legend-bar-segment\"\n          style={{\n            background: `linear-gradient(90deg,${colors[0]} 0%, ${colors[1]} 100%)`,\n          }}\n        />\n      </div>\n\n      <div className=\"lw-flex lw-w-full lw-justify-between\">\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {values[0].toFixed(2)}% {label}\n        </span>\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {values[1].toFixed(2)}% {label}\n        </span>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,iBAAiB;AAU3C,OAAO,MAAMC,SAAS,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC/D,MAAMI,MAAM,GAAGN,SAAS,CAACI,IAAI,CAAC;EAE9B,OACEL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC7FT,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCC,KAAK,EAAE;MACLC,UAAU,2BAAAC,MAAA,CAA2BL,MAAM,CAAC,CAAC,CAAC,WAAAK,MAAA,CAAQL,MAAM,CAAC,CAAC,CAAC;IACjE;EAAE,CACH,CACE,CAAC,EAENP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAsC,GACnDT,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFL,MAAM,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACP,KACrB,CAAC,EACPN,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFL,MAAM,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACP,KACrB,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/constants.js

@@ -0,0 +1,24 @@
+export const BOOKS_THRESHOLDS = {
+  MIN: 0.15,
+  MAX: 0.55
+};
+export const BUCKET_CONFIG = {
+  DEFAULT_WIDTH: 0.0005,
+  PRICE_PADDING_MULTIPLIER: 2
+};
+export const TIME_THRESHOLDS = {
+  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000
+};
+export const CHART_CONFIG = {
+  HEIGHT: 425,
+  WIDTH: 9999,
+  X_LABEL_SIZE: 40,
+  Y_LABEL_SIZE_DESKTOP: 60,
+  INITIAL_START_ZOOM: 80,
+  INITIAL_END_ZOOM: 100
+};
+export const COLOR_MAP = {
+  long: ['#ffffff', '#fdb833'],
+  short: ['#ffffff', '#0096c7']
+};
+//# sourceMappingURL=constants.js.map

package/dist/module/CrowdViewWidget/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["BOOKS_THRESHOLDS","MIN","MAX","BUCKET_CONFIG","DEFAULT_WIDTH","PRICE_PADDING_MULTIPLIER","TIME_THRESHOLDS","TWO_WEEKS_MS","CHART_CONFIG","HEIGHT","WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","INITIAL_START_ZOOM","INITIAL_END_ZOOM","COLOR_MAP","long","short"],"sources":["../../../src/CrowdViewWidget/constants.ts"],"sourcesContent":["export const BOOKS_THRESHOLDS = {\n  MIN: 0.15,\n  MAX: 0.55,\n} as const;\n\nexport const BUCKET_CONFIG = {\n  DEFAULT_WIDTH: 0.0005,\n  PRICE_PADDING_MULTIPLIER: 2,\n} as const;\n\nexport const TIME_THRESHOLDS = {\n  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000,\n} as const;\n\nexport const CHART_CONFIG = {\n  HEIGHT: 425,\n  WIDTH: 9999,\n  X_LABEL_SIZE: 40,\n  Y_LABEL_SIZE_DESKTOP: 60,\n  INITIAL_START_ZOOM: 80,\n  INITIAL_END_ZOOM: 100,\n} as const;\n\nexport const COLOR_MAP = {\n  long: ['#ffffff', '#fdb833'],\n  short: ['#ffffff', '#0096c7'],\n} as const;\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,GAAG,EAAE,IAAI;EACTC,GAAG,EAAE;AACP,CAAU;AAEV,OAAO,MAAMC,aAAa,GAAG;EAC3BC,aAAa,EAAE,MAAM;EACrBC,wBAAwB,EAAE;AAC5B,CAAU;AAEV,OAAO,MAAMC,eAAe,GAAG;EAC7BC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AACpC,CAAU;AAEV,OAAO,MAAMC,YAAY,GAAG;EAC1BC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE,EAAE;EAChBC,oBAAoB,EAAE,EAAE;EACxBC,kBAAkB,EAAE,EAAE;EACtBC,gBAAgB,EAAE;AACpB,CAAU;AAEV,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;EAC5BC,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS;AAC9B,CAAU","ignoreList":[]}

package/dist/module/CrowdViewWidget/render.js

@@ -29,6 +29,7 @@ dataCrowdViewParamsElements.forEach(element => {
     name: 'graphqlUrl'
   }]);
   root.render(React.createElement(CrowdViewWidget, {
+    division: division,
     graphqlUrl: graphqlUrl,
     isParamError: isParamError,
     locale: locale,

package/dist/module/CrowdViewWidget/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","CrowdViewWidget","graphqlUrl","window","widgetsConfig","dataCrowdViewParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","theme"],"sources":["../../../src/CrowdViewWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { CrowdViewWidget } from './CrowdViewWidget';\n\nconst { graphqlUrl } = window.widgetsConfig || {};\n\nconst dataCrowdViewParamsElements = document.querySelectorAll(\n  'div[data-crowd-view-params]'\n);\n\ndataCrowdViewParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-crowd-view-params');\n  const mode = element.getAttribute('data-mode');\n  const { division, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <CrowdViewWidget\n      graphqlUrl={graphqlUrl}\n      isParamError={isParamError}\n      locale={locale}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAM;EAAEC;AAAW,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAEjD,MAAMC,2BAA2B,GAAGC,QAAQ,CAACC,gBAAgB,CAC3D,6BACF,CAAC;AAEDF,2BAA2B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC/C,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,wBAAwB,CAAC;EAC7D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAGrB,kBAAkB,CACrC;IACEiB,QAAQ;IACRC,MAAM;IACNb;EACF,CAAC,EACD,CACE;IACEiB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAKzB,cAAc,CAACyB,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAACvB,QAAQ,CAAC,CAACwB,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDT,IAAI,CAACe,MAAM,CACT3B,KAAA,CAAA4B,aAAA,CAACzB,eAAe;IACdC,UAAU,EAAEA,UAAW;IACvBgB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEd;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","CrowdViewWidget","graphqlUrl","window","widgetsConfig","dataCrowdViewParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","theme"],"sources":["../../../src/CrowdViewWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { CrowdViewWidget } from './CrowdViewWidget';\n\nconst { graphqlUrl } = window.widgetsConfig || {};\n\nconst dataCrowdViewParamsElements = document.querySelectorAll(\n  'div[data-crowd-view-params]'\n);\n\ndataCrowdViewParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-crowd-view-params');\n  const mode = element.getAttribute('data-mode');\n  const { division, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <CrowdViewWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      isParamError={isParamError}\n      locale={locale}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAM;EAAEC;AAAW,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAEjD,MAAMC,2BAA2B,GAAGC,QAAQ,CAACC,gBAAgB,CAC3D,6BACF,CAAC;AAEDF,2BAA2B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC/C,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,wBAAwB,CAAC;EAC7D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAGrB,kBAAkB,CACrC;IACEiB,QAAQ;IACRC,MAAM;IACNb;EACF,CAAC,EACD,CACE;IACEiB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAKzB,cAAc,CAACyB,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAACvB,QAAQ,CAAC,CAACwB,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDT,IAAI,CAACe,MAAM,CACT3B,KAAA,CAAA4B,aAAA,CAACzB,eAAe;IACda,QAAQ,EAAEA,QAAS;IACnBZ,UAAU,EAAEA,UAAW;IACvBgB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEd;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/selectConfig.js

@@ -0,0 +1,116 @@
+import { BookType, Granularity } from '../gql/types/graphql';
+import { InstrumentId, InstrumentIdOC } from './types/instruments';
+const navigationConfig = [{
+  id: BookType.Order,
+  label: 'order_book'
+}, {
+  id: BookType.Position,
+  label: 'position_book'
+}];
+const instrumentSelectConfigOC = [{
+  id: InstrumentIdOC.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: InstrumentIdOC.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: InstrumentIdOC.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: InstrumentIdOC.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: InstrumentIdOC.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: InstrumentIdOC.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: InstrumentIdOC.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: InstrumentIdOC.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: InstrumentIdOC.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: InstrumentIdOC.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: InstrumentIdOC.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: InstrumentIdOC.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: InstrumentIdOC.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: InstrumentIdOC.NZD_USD,
+  label: 'NZD/USD'
+}];
+const instrumentSelectConfig = [{
+  id: InstrumentId.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: InstrumentId.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: InstrumentId.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: InstrumentId.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: InstrumentId.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: InstrumentId.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: InstrumentId.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: InstrumentId.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: InstrumentId.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: InstrumentId.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: InstrumentId.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: InstrumentId.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: InstrumentId.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: InstrumentId.NZD_USD,
+  label: 'NZD/USD'
+}, {
+  id: InstrumentId.XAU_USD,
+  label: 'XAU/USD'
+}, {
+  id: InstrumentId.XAG_USD,
+  label: 'XAG/USD'
+}];
+const granularitySelectConfig = [{
+  id: Granularity.M5,
+  label: '5_minutes'
+}, {
+  id: Granularity.M15,
+  label: '15_minutes'
+}, {
+  id: Granularity.H1,
+  label: '1_hour'
+}, {
+  id: Granularity.H4,
+  label: '4_hours'
+}];
+export { granularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig };
+//# sourceMappingURL=selectConfig.js.map

package/dist/module/CrowdViewWidget/selectConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectConfig.js","names":["BookType","Granularity","InstrumentId","InstrumentIdOC","navigationConfig","id","Order","label","Position","instrumentSelectConfigOC","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","granularitySelectConfig","M5","M15","H1","H4"],"sources":["../../../src/CrowdViewWidget/selectConfig.ts"],"sourcesContent":["import { BookType, Granularity } from '../gql/types/graphql';\nimport { InstrumentId, InstrumentIdOC } from './types/instruments';\n\nconst navigationConfig = [\n  {\n    id: BookType.Order,\n    label: 'order_book',\n  },\n  {\n    id: BookType.Position,\n    label: 'position_book',\n  },\n];\n\nconst instrumentSelectConfigOC = [\n  {\n    id: InstrumentIdOC.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentIdOC.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentIdOC.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentIdOC.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentIdOC.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentIdOC.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentIdOC.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentIdOC.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentIdOC.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentIdOC.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentIdOC.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentIdOC.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentIdOC.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentIdOC.NZD_USD,\n    label: 'NZD/USD',\n  },\n];\n\nconst instrumentSelectConfig = [\n  {\n    id: InstrumentId.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentId.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentId.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentId.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentId.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentId.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentId.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentId.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentId.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentId.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentId.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentId.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentId.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentId.NZD_USD,\n    label: 'NZD/USD',\n  },\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  },\n  {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  },\n];\n\nconst granularitySelectConfig = [\n  {\n    id: Granularity.M5,\n    label: '5_minutes',\n  },\n  {\n    id: Granularity.M15,\n    label: '15_minutes',\n  },\n  {\n    id: Granularity.H1,\n    label: '1_hour',\n  },\n  {\n    id: Granularity.H4,\n    label: '4_hours',\n  },\n];\n\nexport {\n  granularitySelectConfig,\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n  navigationConfig,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/types/index.js

@@ -0,0 +1,2 @@
+export * from './instruments';
+//# sourceMappingURL=index.js.map

package/dist/module/CrowdViewWidget/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/CrowdViewWidget/types/index.ts"],"sourcesContent":["export * from './instruments';\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/dist/module/CrowdViewWidget/types/instruments.js

@@ -0,0 +1,39 @@
+export let InstrumentId = function (InstrumentId) {
+  InstrumentId["EUR_AUD"] = "EURAUD";
+  InstrumentId["EUR_GBP"] = "EURGBP";
+  InstrumentId["EUR_JPY"] = "EURJPY";
+  InstrumentId["EUR_USD"] = "EURUSD";
+  InstrumentId["EUR_CHF"] = "EURCHF";
+  InstrumentId["USD_CHF"] = "USDCHF";
+  InstrumentId["USD_JPY"] = "USDJPY";
+  InstrumentId["USD_CAD"] = "USDCAD";
+  InstrumentId["GBP_USD"] = "GBPUSD";
+  InstrumentId["GBP_JPY"] = "GBPJPY";
+  InstrumentId["GBP_CHF"] = "GBPCHF";
+  InstrumentId["AUD_JPY"] = "AUDJPY";
+  InstrumentId["AUD_USD"] = "AUDUSD";
+  InstrumentId["NZD_USD"] = "NZDUSD";
+  InstrumentId["XAU_USD"] = "XAUUSD";
+  InstrumentId["XAG_USD"] = "XAGUSD";
+  return InstrumentId;
+}({});
+export let InstrumentIdOC = function (InstrumentIdOC) {
+  InstrumentIdOC["EUR_AUD"] = "EUR_AUD";
+  InstrumentIdOC["EUR_GBP"] = "EUR_GBP";
+  InstrumentIdOC["EUR_JPY"] = "EUR_JPY";
+  InstrumentIdOC["EUR_USD"] = "EUR_USD";
+  InstrumentIdOC["EUR_CHF"] = "EUR_CHF";
+  InstrumentIdOC["USD_CHF"] = "USD_CHF";
+  InstrumentIdOC["USD_JPY"] = "USD_JPY";
+  InstrumentIdOC["USD_CAD"] = "USD_CAD";
+  InstrumentIdOC["GBP_USD"] = "GBP_USD";
+  InstrumentIdOC["GBP_JPY"] = "GBP_JPY";
+  InstrumentIdOC["GBP_CHF"] = "GBP_CHF";
+  InstrumentIdOC["AUD_JPY"] = "AUD_JPY";
+  InstrumentIdOC["AUD_USD"] = "AUD_USD";
+  InstrumentIdOC["NZD_USD"] = "NZD_USD";
+  InstrumentIdOC["XAU_USD"] = "XAU_USD";
+  InstrumentIdOC["XAG_USD"] = "XAG_USD";
+  return InstrumentIdOC;
+}({});
+//# sourceMappingURL=instruments.js.map

package/dist/module/CrowdViewWidget/types/instruments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instruments.js","names":["InstrumentId","InstrumentIdOC"],"sources":["../../../../src/CrowdViewWidget/types/instruments.ts"],"sourcesContent":["export enum InstrumentId {\n  EUR_AUD = 'EURAUD',\n  EUR_GBP = 'EURGBP',\n  EUR_JPY = 'EURJPY',\n  EUR_USD = 'EURUSD',\n  EUR_CHF = 'EURCHF',\n  USD_CHF = 'USDCHF',\n  USD_JPY = 'USDJPY',\n  USD_CAD = 'USDCAD',\n  GBP_USD = 'GBPUSD',\n  GBP_JPY = 'GBPJPY',\n  GBP_CHF = 'GBPCHF',\n  AUD_JPY = 'AUDJPY',\n  AUD_USD = 'AUDUSD',\n  NZD_USD = 'NZDUSD',\n  XAU_USD = 'XAUUSD',\n  XAG_USD = 'XAGUSD',\n}\n\nexport enum InstrumentIdOC {\n  EUR_AUD = 'EUR_AUD',\n  EUR_GBP = 'EUR_GBP',\n  EUR_JPY = 'EUR_JPY',\n  EUR_USD = 'EUR_USD',\n  EUR_CHF = 'EUR_CHF',\n  USD_CHF = 'USD_CHF',\n  USD_JPY = 'USD_JPY',\n  USD_CAD = 'USD_CAD',\n  GBP_USD = 'GBP_USD',\n  GBP_JPY = 'GBP_JPY',\n  GBP_CHF = 'GBP_CHF',\n  AUD_JPY = 'AUD_JPY',\n  AUD_USD = 'AUD_USD',\n  NZD_USD = 'NZD_USD',\n  XAU_USD = 'XAU_USD',\n  XAG_USD = 'XAG_USD',\n}\n"],"mappings":"AAAA,WAAYA,YAAY,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAmBxB,WAAYC,cAAc,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/module/CrowdViewWidget/types.js

@@ -1,44 +1,2 @@
-export let InstrumentId = function (InstrumentId) {
-  InstrumentId["EUR_AUD"] = "EURAUD";
-  InstrumentId["EUR_GBP"] = "EURGBP";
-  InstrumentId["EUR_JPY"] = "EURJPY";
-  InstrumentId["EUR_USD"] = "EURUSD";
-  InstrumentId["EUR_CHF"] = "EURCHF";
-  InstrumentId["USD_CHF"] = "USDCHF";
-  InstrumentId["USD_JPY"] = "USDJPY";
-  InstrumentId["USD_CAD"] = "USDCAD";
-  InstrumentId["GBP_USD"] = "GBPUSD";
-  InstrumentId["GBP_JPY"] = "GBPJPY";
-  InstrumentId["GBP_CHF"] = "GBPCHF";
-  InstrumentId["AUD_JPY"] = "AUDJPY";
-  InstrumentId["AUD_USD"] = "AUDUSD";
-  InstrumentId["NZD_USD"] = "NZDUSD";
-  InstrumentId["XAU_USD"] = "XAUUSD";
-  InstrumentId["XAG_USD"] = "XAGUSD";
-  return InstrumentId;
-}({});
-export let GranularityId = function (GranularityId) {
-  GranularityId["MINUTE_5"] = "MINUTE_5";
-  GranularityId["MINUTE_15"] = "MINUTE_15";
-  GranularityId["MINUTE_30"] = "MINUTE_30";
-  GranularityId["HOUR_1"] = "HOUR_1";
-  GranularityId["HOUR_4"] = "HOUR_4";
-  GranularityId["DAY_1"] = "DAY_1";
-  return GranularityId;
-}({});
-export let TimeSpanId = function (TimeSpanId) {
-  TimeSpanId["HOUR_1"] = "HOUR_1";
-  TimeSpanId["HOUR_12"] = "HOUR_12";
-  TimeSpanId["DAY_1"] = "DAY_1";
-  TimeSpanId["DAY_2"] = "DAY_2";
-  TimeSpanId["WEEK_1"] = "WEEK_1";
-  TimeSpanId["WEEK_2"] = "WEEK_2";
-  TimeSpanId["WEEK_3"] = "WEEK_3";
-  TimeSpanId["MONTH_1"] = "MONTH_1";
-  TimeSpanId["MONTH_3"] = "MONTH_3";
-  TimeSpanId["MONTH_6"] = "MONTH_6";
-  TimeSpanId["YEAR_1"] = "YEAR_1";
-  TimeSpanId["YEAR_5"] = "YEAR_5";
-  return TimeSpanId;
-}({});
+export {};
 //# sourceMappingURL=types.js.map

package/dist/module/CrowdViewWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["InstrumentId","GranularityId","TimeSpanId"],"sources":["../../../src/CrowdViewWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport interface CrowdViewConfig extends WidgetConfig {}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\n}\n\nexport enum InstrumentId {\n  EUR_AUD = 'EURAUD',\n  EUR_GBP = 'EURGBP',\n  EUR_JPY = 'EURJPY',\n  EUR_USD = 'EURUSD',\n  EUR_CHF = 'EURCHF',\n  USD_CHF = 'USDCHF',\n  USD_JPY = 'USDJPY',\n  USD_CAD = 'USDCAD',\n  GBP_USD = 'GBPUSD',\n  GBP_JPY = 'GBPJPY',\n  GBP_CHF = 'GBPCHF',\n  AUD_JPY = 'AUDJPY',\n  AUD_USD = 'AUDUSD',\n  NZD_USD = 'NZDUSD',\n  XAU_USD = 'XAUUSD',\n  XAG_USD = 'XAGUSD',\n}\n\nexport enum GranularityId {\n  MINUTE_5 = 'MINUTE_5',\n  MINUTE_15 = 'MINUTE_15',\n  MINUTE_30 = 'MINUTE_30',\n  HOUR_1 = 'HOUR_1',\n  HOUR_4 = 'HOUR_4',\n  DAY_1 = 'DAY_1',\n}\n\nexport enum TimeSpanId {\n  HOUR_1 = 'HOUR_1',\n  HOUR_12 = 'HOUR_12',\n  DAY_1 = 'DAY_1',\n  DAY_2 = 'DAY_2',\n  WEEK_1 = 'WEEK_1',\n  WEEK_2 = 'WEEK_2',\n  WEEK_3 = 'WEEK_3',\n  MONTH_1 = 'MONTH_1',\n  MONTH_3 = 'MONTH_3',\n  MONTH_6 = 'MONTH_6',\n  YEAR_1 = 'YEAR_1',\n  YEAR_5 = 'YEAR_5',\n}\n\nexport interface OrdersPositionsData {\n  price: number;\n  buckets: {\n    price: number;\n    longCountPercent: number;\n    shortCountPercent: number;\n  }[];\n  bucketWidth: number;\n  timestamp: number;\n}\n"],"mappings":"AAWA,WAAYA,YAAY,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAmBxB,WAAYC,aAAa,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AASzB,WAAYC,UAAU,aAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/CrowdViewWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\nimport type { InstrumentId } from './types/instruments';\n\nexport interface CrowdViewConfig extends WidgetConfig {\n  division: Division;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/CrowdViewWidget/utils/instrumentUtils.js

@@ -0,0 +1,6 @@
+import { Division } from '../../gql/types/graphql';
+import { instrumentSelectConfig, instrumentSelectConfigOC } from '../selectConfig';
+export const getInstrumentConfigForDivision = division => {
+  return division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;
+};
+//# sourceMappingURL=instrumentUtils.js.map

package/dist/module/CrowdViewWidget/utils/instrumentUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instrumentUtils.js","names":["Division","instrumentSelectConfig","instrumentSelectConfigOC","getInstrumentConfigForDivision","division","Oc"],"sources":["../../../../src/CrowdViewWidget/utils/instrumentUtils.ts"],"sourcesContent":["import { Division } from '../../gql/types/graphql';\nimport {\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n} from '../selectConfig';\n\nexport const getInstrumentConfigForDivision = (division: Division) => {\n  return division === Division.Oc\n    ? instrumentSelectConfigOC\n    : instrumentSelectConfig;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,yBAAyB;AAClD,SACEC,sBAAsB,EACtBC,wBAAwB,QACnB,iBAAiB;AAExB,OAAO,MAAMC,8BAA8B,GAAIC,QAAkB,IAAK;EACpE,OAAOA,QAAQ,KAAKJ,QAAQ,CAACK,EAAE,GAC3BH,wBAAwB,GACxBD,sBAAsB;AAC5B,CAAC","ignoreList":[]}

package/dist/module/gql/getOrderPositionBooks.js

@@ -1,6 +1,6 @@
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { gql } from '@apollo/client';
-const getOrderPositionBooks = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $recentHours: Int\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n"])));
+const getOrderPositionBooks = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
 export { getOrderPositionBooks };
 //# sourceMappingURL=getOrderPositionBooks.js.map

package/dist/module/gql/getOrderPositionBooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOrderPositionBooks.js","names":["gql","getOrderPositionBooks","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $recentHours: Int\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,qBAAqB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+YAqBhC;AAED,SAASF,qBAAqB","ignoreList":[]}
+{"version":3,"file":"getOrderPositionBooks.js","names":["gql","getOrderPositionBooks","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\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\nexport { getOrderPositionBooks };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,qBAAqB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qiBA0BhC;AAED,SAASF,qBAAqB","ignoreList":[]}

package/dist/module/gql/getPriceCandles.js

@@ -0,0 +1,6 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql } from '@apollo/client';
+const getPriceCandles = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
+export { getPriceCandles };
+//# sourceMappingURL=getPriceCandles.js.map

package/dist/module/gql/getPriceCandles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPriceCandles.js","names":["gql","getPriceCandles","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getPriceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getPriceCandles = gql`\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\nexport { getPriceCandles };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,eAAe,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,odAwB1B;AAED,SAASF,eAAe","ignoreList":[]}

package/dist/module/gql/types/gql.js

@@ -1,8 +1,7 @@
 import * as types from './graphql';
 const documents = {
-  '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $recentHours: Int\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n': types.GetOrderPositionBooksDocument,
-  '\n  query GetPriceCandles(\n    $division: Division\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    getPriceCandles(\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      time\n      unixTime\n      candle {\n        high\n        low\n        open\n        close\n      }\n      timeSpan\n    }\n  }\n': types.GetPriceCandlesDocument,
-  '\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n': types.ValidateInstrumentsDocument
+  '\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': 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': types.GetPriceCandlesDocument
 };
 export function graphql(source) {
   var _source;

package/dist/module/gql/types/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","documents","GetOrderPositionBooksDocument","GetPriceCandlesDocument","ValidateInstrumentsDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $recentHours: Int\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      time\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n':\n    types.GetOrderPositionBooksDocument,\n  '\\n  query GetPriceCandles(\\n    $division: Division\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    getPriceCandles(\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      time\\n      unixTime\\n      candle {\\n        high\\n        low\\n        open\\n        close\\n      }\\n      timeSpan\\n    }\\n  }\\n':\n    types.GetPriceCandlesDocument,\n  '\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n':\n    types.ValidateInstrumentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $recentHours: Int\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      time\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $recentHours: Int\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      time\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetPriceCandles(\\n    $division: Division\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    getPriceCandles(\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      time\\n      unixTime\\n      candle {\\n        high\\n        low\\n        open\\n        close\\n      }\\n      timeSpan\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetPriceCandles(\\n    $division: Division\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    getPriceCandles(\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      time\\n      unixTime\\n      candle {\\n        high\\n        low\\n        open\\n        close\\n      }\\n      timeSpan\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,yYAAyY,EACvYD,KAAK,CAACE,6BAA6B;EACrC,gbAAgb,EAC9aF,KAAK,CAACG,uBAAuB;EAC/B,sMAAsM,EACpMH,KAAK,CAACI;AACV,CAAC;AAmCD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQN,SAAS,CAASK,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC","ignoreList":[]}
+{"version":3,"file":"gql.js","names":["types","documents","GetOrderPositionBooksDocument","GetPriceCandlesDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\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    types.GetOrderPositionBooksDocument,\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    }\\n  }\\n':\n    types.GetPriceCandlesDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  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'\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'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\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    }\\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'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,+hBAA+hB,EAC7hBD,KAAK,CAACE,6BAA6B;EACrC,8cAA8c,EAC5cF,KAAK,CAACG;AACV,CAAC;AA6BD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQL,SAAS,CAASI,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC","ignoreList":[]}