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

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

@@ -1 +0,0 @@
-{"version":3,"file":"getGridLines.js","names":["getLineCommons","CHART_CONFIG","getGridLines","_ref","isDark","isDesktop","WIDTH","MAIN_HEIGHT","MARGIN_BETWEEN","SENTIMENT_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","_objectSpread","top","shape","x1","y1","x2","y2","right","left"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/getGridLines.ts"],"sourcesContent":["import { getLineCommons } from '@oanda/labs-widget-common';\n\nimport { CHART_CONFIG } from '../../../constants';\n\nexport const getGridLines = ({\n  isDark,\n  isDesktop,\n}: {\n  isDark: boolean;\n  isDesktop: boolean;\n}) => {\n  const {\n    WIDTH,\n    MAIN_HEIGHT,\n    MARGIN_BETWEEN,\n    SENTIMENT_HEIGHT,\n    X_LABEL_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n  } = CHART_CONFIG;\n  return [\n    // Main Top\n    {\n      ...getLineCommons(isDark),\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Main Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n    },\n    // Main Bottom\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Main Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n    },\n    // Main Y Label\n    {\n      ...getLineCommons(isDark),\n      right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 2,\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT,\n      },\n    },\n    // Main X Label\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Sentiment Top\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Sentiment Right\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: SENTIMENT_HEIGHT,\n      },\n    },\n    // Sentiment Bottom\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN + SENTIMENT_HEIGHT - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Sentiment Left\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: SENTIMENT_HEIGHT,\n      },\n    },\n    // Sentiment Y Label\n    {\n      ...getLineCommons(isDark),\n      right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 3,\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: SENTIMENT_HEIGHT,\n      },\n    },\n  ];\n};\n"],"mappings":";;;;;AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAE1D,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAMtB;EAAA,IANuB;IAC3BC,MAAM;IACNC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IACJG,KAAK;IACLC,WAAW;IACXC,cAAc;IACdC,gBAAgB;IAChBC,YAAY;IACZC,oBAAoB;IACpBC;EACF,CAAC,GAAGX,YAAY;EAChB,OAAO,CAAAY,aAAA,CAAAA,aAAA,KAGAb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAE,CAAC,CAAC;IACPC,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,KAAK;MACTa,EAAE,EAAE;IACN;EAAC,IAAAN,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBgB,KAAK,EAAE,CAAC,CAAC;IACTL,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,WAAW,GAAGG,YAAY,GAAG;IACnC;EAAC,IAAAG,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAEP,WAAW,GAAG,CAAC;IACpBQ,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,KAAK;MACTa,EAAE,EAAE;IACN;EAAC,IAAAN,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBiB,IAAI,EAAE,CAAC,CAAC;IACRN,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,WAAW,GAAGG,YAAY,GAAG;IACnC;EAAC,IAAAG,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBgB,KAAK,EAAE,CAACf,SAAS,GAAGM,oBAAoB,GAAGC,mBAAmB,IAAI,CAAC;IACnEE,GAAG,EAAE,CAAC,CAAC;IACPC,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ;IACN;EAAC,IAAAM,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAEP,WAAW,GAAGG,YAAY;IAC/BK,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,KAAK;MACTa,EAAE,EAAE;IACN;EAAC,IAAAN,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAEP,WAAW,GAAGG,YAAY,GAAGF,cAAc,GAAG,CAAC;IACpDO,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,KAAK;MACTa,EAAE,EAAE;IACN;EAAC,IAAAN,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAEP,WAAW,GAAGG,YAAY,GAAGF,cAAc,GAAG,CAAC;IACpDY,KAAK,EAAE,CAAC,CAAC;IACTL,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEV;IACN;EAAC,IAAAI,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAEP,WAAW,GAAGG,YAAY,GAAGF,cAAc,GAAGC,gBAAgB,GAAG,CAAC;IACvEM,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEZ,KAAK;MACTa,EAAE,EAAE;IACN;EAAC,IAAAN,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBU,GAAG,EAAEP,WAAW,GAAGG,YAAY,GAAGF,cAAc,GAAG,CAAC;IACpDa,IAAI,EAAE,CAAC,CAAC;IACRN,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEV;IACN;EAAC,IAAAI,aAAA,CAAAA,aAAA,KAIEb,cAAc,CAACI,MAAM,CAAC;IACzBgB,KAAK,EAAE,CAACf,SAAS,GAAGM,oBAAoB,GAAGC,mBAAmB,IAAI,CAAC;IACnEE,GAAG,EAAEP,WAAW,GAAGG,YAAY,GAAGF,cAAc,GAAG,CAAC;IACpDO,KAAK,EAAE;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAEV;IACN;EAAC,GAEJ;AACH,CAAC","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-export * from './chartUtils';
-export * from './getChartStyles';
-export * from './processOrderPositionBooks';
-export * from './processPriceCandles';
-export * from './processSentiments';
-export * from './validateData';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/index.ts"],"sourcesContent":["export * from './chartUtils';\nexport * from './getChartStyles';\nexport * from './processOrderPositionBooks';\nexport * from './processPriceCandles';\nexport * from './processSentiments';\nexport * from './validateData';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"processOrderPositionBooks.js","names":["processOrderPositionBooks","orderPositionData","dates","_orderPositionData$or","_orderPositionData$or2","_orderPositionData$or3","_orderPositionData$or4","Array","isArray","length","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","orderPositionBooks","books","booksDataMap","Map","map","item","time","price","forEach","date","index","_book$price","book","get","currentBuckets","filter","bucket","sentiment","Math","abs","push"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/processOrderPositionBooks.ts"],"sourcesContent":["import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';\nimport type { Bucket } from '../types';\n\nexport const processOrderPositionBooks = (\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  dates: string[]\n) => {\n  // Input validation\n  if (!Array.isArray(dates) || dates.length === 0) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  if (\n    !orderPositionData?.orderPositionBooks?.books?.length ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMin ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMax ||\n    !orderPositionData?.orderPositionBooks?.bucketWidth\n  ) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  const { bucketWidth, sentimentThresholdMin, sentimentThresholdMax } =\n    orderPositionData.orderPositionBooks;\n\n  const booksDataMap = new Map(\n    orderPositionData.orderPositionBooks.books.map((item) => [\n      item.time,\n      {\n        price: item.price,\n        buckets: item.buckets,\n      },\n    ])\n  );\n\n  // Use forEach + push for O(n) performance instead of reduce with spreads (O(n²))\n  const bookPrices: (number | null)[] = [];\n  const bookIndexes: number[] = [];\n  const buckets: Bucket[][] = [];\n\n  dates.forEach((date, index) => {\n    const book = booksDataMap.get(date);\n\n    const currentBuckets =\n      book?.buckets\n        .filter(\n          (\n            bucket\n          ): bucket is {\n            price: number;\n            sentiment: number;\n          } =>\n            bucket !== null &&\n            typeof bucket.price === 'number' &&\n            typeof bucket.sentiment === 'number' &&\n            Math.abs(bucket.sentiment) >= sentimentThresholdMin\n        )\n        .map((bucket) => ({\n          price: bucket.price,\n          sentiment: bucket.sentiment,\n        })) || [];\n\n    bookPrices.push(book?.price ?? null);\n    bookIndexes.push(index);\n    buckets.push(currentBuckets);\n  });\n\n  return {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks: true,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"processPriceCandles.js","names":["processPriceCandles","priceCandlesData","_priceCandlesData$pri","_priceCandlesData$pri2","errorResult","minPrice","maxPrice","pipsLocation","hasValidCandles","candlesOpen","candlesClose","candlesLow","candlesHigh","dates","priceCandles","candle","length","reduce","acc","point","open","close","low","high","Math","min","max"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/processPriceCandles.ts"],"sourcesContent":["import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';\n\nexport const processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  const errorResult = {\n    minPrice: 0,\n    maxPrice: 0,\n    pipsLocation: 0,\n    hasValidCandles: false,\n    candlesOpen: [],\n    candlesClose: [],\n    candlesLow: [],\n    candlesHigh: [],\n    dates: [],\n  };\n\n  if (\n    !priceCandlesData?.priceCandles?.candle?.length ||\n    !priceCandlesData?.priceCandles?.pipsLocation\n  ) {\n    return errorResult;\n  }\n\n  const { dates, candlesOpen, candlesClose, candlesLow, candlesHigh } =\n    priceCandlesData.priceCandles.candle.reduce(\n      (acc, candle) => {\n        if (!candle) {\n          return acc;\n        }\n\n        return {\n          dates: [...acc.dates, candle.point],\n          candlesOpen: [...acc.candlesOpen, candle.open],\n          candlesClose: [...acc.candlesClose, candle.close],\n          candlesLow: [...acc.candlesLow, candle.low],\n          candlesHigh: [...acc.candlesHigh, candle.high],\n        };\n      },\n      {\n        dates: [] as string[],\n        candlesOpen: [] as number[],\n        candlesClose: [] as number[],\n        candlesLow: [] as number[],\n        candlesHigh: [] as number[],\n      }\n    );\n\n  if (dates.length === 0) {\n    return errorResult;\n  }\n\n  const minPrice = Math.min(...candlesLow);\n  const maxPrice = Math.max(...candlesHigh);\n\n  return {\n    minPrice,\n    maxPrice,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    dates,\n    hasValidCandles: true,\n    pipsLocation: priceCandlesData.priceCandles.pipsLocation,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAC9BC,gBAAkD,IAC/C;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACH,MAAMC,WAAW,GAAG;IAClBC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE,CAAC;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE;EACT,CAAC;EAED,IACE,EAACZ,gBAAgB,aAAhBA,gBAAgB,gBAAAC,qBAAA,GAAhBD,gBAAgB,CAAEa,YAAY,cAAAZ,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCa,MAAM,cAAAb,qBAAA,eAAtCA,qBAAA,CAAwCc,MAAM,KAC/C,EAACf,gBAAgB,aAAhBA,gBAAgB,gBAAAE,sBAAA,GAAhBF,gBAAgB,CAAEa,YAAY,cAAAX,sBAAA,eAA9BA,sBAAA,CAAgCI,YAAY,GAC7C;IACA,OAAOH,WAAW;EACpB;EAEA,MAAM;IAAES,KAAK;IAAEJ,WAAW;IAAEC,YAAY;IAAEC,UAAU;IAAEC;EAAY,CAAC,GACjEX,gBAAgB,CAACa,YAAY,CAACC,MAAM,CAACE,MAAM,CACzC,CAACC,GAAG,EAAEH,MAAM,KAAK;IACf,IAAI,CAACA,MAAM,EAAE;MACX,OAAOG,GAAG;IACZ;IAEA,OAAO;MACLL,KAAK,EAAE,CAAC,GAAGK,GAAG,CAACL,KAAK,EAAEE,MAAM,CAACI,KAAK,CAAC;MACnCV,WAAW,EAAE,CAAC,GAAGS,GAAG,CAACT,WAAW,EAAEM,MAAM,CAACK,IAAI,CAAC;MAC9CV,YAAY,EAAE,CAAC,GAAGQ,GAAG,CAACR,YAAY,EAAEK,MAAM,CAACM,KAAK,CAAC;MACjDV,UAAU,EAAE,CAAC,GAAGO,GAAG,CAACP,UAAU,EAAEI,MAAM,CAACO,GAAG,CAAC;MAC3CV,WAAW,EAAE,CAAC,GAAGM,GAAG,CAACN,WAAW,EAAEG,MAAM,CAACQ,IAAI;IAC/C,CAAC;EACH,CAAC,EACD;IACEV,KAAK,EAAE,EAAc;IACrBJ,WAAW,EAAE,EAAc;IAC3BC,YAAY,EAAE,EAAc;IAC5BC,UAAU,EAAE,EAAc;IAC1BC,WAAW,EAAE;EACf,CACF,CAAC;EAEH,IAAIC,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOZ,WAAW;EACpB;EAEA,MAAMC,QAAQ,GAAGmB,IAAI,CAACC,GAAG,CAAC,GAAGd,UAAU,CAAC;EACxC,MAAML,QAAQ,GAAGkB,IAAI,CAACE,GAAG,CAAC,GAAGd,WAAW,CAAC;EAEzC,OAAO;IACLP,QAAQ;IACRC,QAAQ;IACRG,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,KAAK;IACLL,eAAe,EAAE,IAAI;IACrBD,YAAY,EAAEN,gBAAgB,CAACa,YAAY,CAACP;EAC9C,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"processSentiments.js","names":["processSentiments","sentimentsData","dates","_sentimentsData$senti","Array","isArray","length","sentiments","sentimentLongs","sentimentShorts","hasValidSentiments","sentimentMap","Map","map","item","_item$sentiment$short","_item$sentiment","_item$sentiment$longP","_item$sentiment2","time","sentiment","shortPercent","longPercent","reduce","acc","date","get"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/processSentiments.ts"],"sourcesContent":["import type { GetSentimentsQuery } from '../../../../gql/types/graphql';\n\nexport const processSentiments = (\n  sentimentsData: GetSentimentsQuery | undefined,\n  dates: string[]\n) => {\n  if (\n    !Array.isArray(dates) ||\n    dates.length === 0 ||\n    !sentimentsData?.sentiments?.sentiments?.length\n  ) {\n    return {\n      sentimentLongs: [],\n      sentimentShorts: [],\n      hasValidSentiments: false,\n    };\n  }\n\n  const sentimentMap = new Map(\n    sentimentsData.sentiments.sentiments.map((item) => [\n      item?.time,\n      {\n        sentimentShorts: item?.sentiment?.shortPercent ?? null,\n        sentimentLongs: item?.sentiment?.longPercent ?? null,\n      },\n    ])\n  );\n\n  const { sentimentLongs, sentimentShorts } = dates.reduce(\n    (acc, date) => {\n      const sentiment = sentimentMap.get(date);\n\n      return {\n        sentimentLongs: [\n          ...acc.sentimentLongs,\n          sentiment?.sentimentLongs || null,\n        ],\n        sentimentShorts: [\n          ...acc.sentimentShorts,\n          sentiment?.sentimentShorts || null,\n        ],\n      };\n    },\n    {\n      sentimentLongs: [] as (number | null)[],\n      sentimentShorts: [] as (number | null)[],\n    }\n  );\n\n  return {\n    sentimentLongs,\n    sentimentShorts,\n    hasValidSentiments: true,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,GAAGA,CAC/BC,cAA8C,EAC9CC,KAAe,KACZ;EAAA,IAAAC,qBAAA;EACH,IACE,CAACC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,IACrBA,KAAK,CAACI,MAAM,KAAK,CAAC,IAClB,EAACL,cAAc,aAAdA,cAAc,gBAAAE,qBAAA,GAAdF,cAAc,CAAEM,UAAU,cAAAJ,qBAAA,gBAAAA,qBAAA,GAA1BA,qBAAA,CAA4BI,UAAU,cAAAJ,qBAAA,eAAtCA,qBAAA,CAAwCG,MAAM,GAC/C;IACA,OAAO;MACLE,cAAc,EAAE,EAAE;MAClBC,eAAe,EAAE,EAAE;MACnBC,kBAAkB,EAAE;IACtB,CAAC;EACH;EAEA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAC1BX,cAAc,CAACM,UAAU,CAACA,UAAU,CAACM,GAAG,CAAEC,IAAI;IAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,gBAAA;IAAA,OAAK,CACjDJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,IAAI,EACV;MACEV,eAAe,GAAAM,qBAAA,GAAED,IAAI,aAAJA,IAAI,gBAAAE,eAAA,GAAJF,IAAI,CAAEM,SAAS,cAAAJ,eAAA,uBAAfA,eAAA,CAAiBK,YAAY,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,IAAI;MACtDP,cAAc,GAAAS,qBAAA,GAAEH,IAAI,aAAJA,IAAI,gBAAAI,gBAAA,GAAJJ,IAAI,CAAEM,SAAS,cAAAF,gBAAA,uBAAfA,gBAAA,CAAiBI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;IAClD,CAAC,CACF;EAAA,EACH,CAAC;EAED,MAAM;IAAET,cAAc;IAAEC;EAAgB,CAAC,GAAGP,KAAK,CAACqB,MAAM,CACtD,CAACC,GAAG,EAAEC,IAAI,KAAK;IACb,MAAML,SAAS,GAAGT,YAAY,CAACe,GAAG,CAACD,IAAI,CAAC;IAExC,OAAO;MACLjB,cAAc,EAAE,CACd,GAAGgB,GAAG,CAAChB,cAAc,EACrB,CAAAY,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEZ,cAAc,KAAI,IAAI,CAClC;MACDC,eAAe,EAAE,CACf,GAAGe,GAAG,CAACf,eAAe,EACtB,CAAAW,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEX,eAAe,KAAI,IAAI;IAEtC,CAAC;EACH,CAAC,EACD;IACED,cAAc,EAAE,EAAuB;IACvCC,eAAe,EAAE;EACnB,CACF,CAAC;EAED,OAAO;IACLD,cAAc;IACdC,eAAe;IACfC,kBAAkB,EAAE;EACtB,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"validateData.js","names":["validateData","priceCandlesData","orderPositionData","hasValidCandles","hasValidBooks","hasValidSentiments","_priceCandlesData$pri","_priceCandlesData$pri2","_orderPositionData$or","_orderPositionData$or2","hasValidPriceData","priceCandles","candle","length","hasValidOrderData","orderPositionBooks","books","Error"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/validateData.ts"],"sourcesContent":["import type {\n  GetOrderPositionBooksQuery,\n  GetPriceCandlesQuery,\n} from '../../../../gql/types/graphql';\n\nexport const validateData = (\n  priceCandlesData: GetPriceCandlesQuery | undefined,\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  hasValidCandles: boolean,\n  hasValidBooks: boolean,\n  hasValidSentiments: boolean\n): Error | null => {\n  const hasValidPriceData =\n    (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;\n  const hasValidOrderData =\n    (orderPositionData?.orderPositionBooks?.books?.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  if (!hasValidBooks) {\n    return new Error('Invalid book data');\n  }\n  if (!hasValidSentiments) {\n    return new Error('Invalid sentiment data');\n  }\n\n  return null;\n};\n"],"mappings":"AAKA,OAAO,MAAMA,YAAY,GAAGA,CAC1BC,gBAAkD,EAClDC,iBAAyD,EACzDC,eAAwB,EACxBC,aAAsB,EACtBC,kBAA2B,KACV;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EACjB,MAAMC,iBAAiB,GACrB,EAAAJ,qBAAA,GAACL,gBAAgB,aAAhBA,gBAAgB,gBAAAM,sBAAA,GAAhBN,gBAAgB,CAAEU,YAAY,cAAAJ,sBAAA,gBAAAA,sBAAA,GAA9BA,sBAAA,CAAgCK,MAAM,cAAAL,sBAAA,uBAAtCA,sBAAA,CAAwCM,MAAM,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,CAAC,KAAK,CAAC;EAC5D,MAAMQ,iBAAiB,GACrB,EAAAN,qBAAA,GAACN,iBAAiB,aAAjBA,iBAAiB,gBAAAO,sBAAA,GAAjBP,iBAAiB,CAAEa,kBAAkB,cAAAN,sBAAA,gBAAAA,sBAAA,GAArCA,sBAAA,CAAuCO,KAAK,cAAAP,sBAAA,uBAA5CA,sBAAA,CAA8CI,MAAM,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC,KAAK,CAAC;EAElE,IAAI,CAACE,iBAAiB,EAAE;IACtB,OAAO,IAAIO,KAAK,CAAC,gCAAgC,CAAC;EACpD;EACA,IAAI,CAACH,iBAAiB,EAAE;IACtB,OAAO,IAAIG,KAAK,CAAC,kCAAkC,CAAC;EACtD;EACA,IAAI,CAACd,eAAe,EAAE;IACpB,OAAO,IAAIc,KAAK,CAAC,qBAAqB,CAAC;EACzC;EACA,IAAI,CAACb,aAAa,EAAE;IAClB,OAAO,IAAIa,KAAK,CAAC,mBAAmB,CAAC;EACvC;EACA,IAAI,CAACZ,kBAAkB,EAAE;IACvB,OAAO,IAAIY,KAAK,CAAC,wBAAwB,CAAC;EAC5C;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"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/types/CrowdViewWidget/components/Chart/utils/chartUtils.d.ts

@@ -1,30 +0,0 @@
-import { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';
-import type { Bucket, GetLabelsDataProps, TooltipParam } from '../types';
-export declare const getLabelData: ({ dates, isGreaterThanTwoWeeks, }: GetLabelsDataProps) => {
-    name: string;
-    xAxis: string;
-    y: number;
-    silent: boolean;
-    emphasis: {
-        disabled: boolean;
-    };
-    label: {
-        fontFamily: string;
-        fontSize: number;
-        position: string;
-        align: string;
-        formatter: string;
-    };
-}[];
-export declare const isDifferenceGreaterThanTwoWeeks: (startDate: string, endDate: string) => boolean;
-export declare const getTimeSpanForGranularity: (granularity: Granularity) => TimeSpan;
-export declare const getRectColor: (sentiment: number, isDark: boolean, minThreshold: number, maxThreshold: number) => string;
-export declare const getTooltipFormatter: ({ params, buckets, bucketWidth, selectedPrice, bookType, labelCallback, }: {
-    params: TooltipParam[];
-    buckets: Bucket[][];
-    bucketWidth: number;
-    selectedPrice: number;
-    bookType: BookType;
-    labelCallback: (key: string) => string;
-}) => string | undefined;
-export declare const formatXAxisLabel: (value: unknown, isGreaterThanTwoWeeks: boolean) => string;

package/dist/types/CrowdViewWidget/components/Chart/utils/getGridLines.d.ts

@@ -1,97 +0,0 @@
-export declare const getGridLines: ({ isDark, isDesktop, }: {
-    isDark: boolean;
-    isDesktop: boolean;
-}) => ({
-    top: number;
-    shape: {
-        x1: number;
-        y1: number;
-        x2: 9999;
-        y2: number;
-    };
-    type: string;
-    silent: boolean;
-    z: number;
-    style: {
-        stroke: string;
-        lineWidth: number;
-    };
-} | {
-    right: number;
-    shape: {
-        x1: number;
-        y1: number;
-        x2: number;
-        y2: number;
-    };
-    type: string;
-    silent: boolean;
-    z: number;
-    style: {
-        stroke: string;
-        lineWidth: number;
-    };
-} | {
-    left: number;
-    shape: {
-        x1: number;
-        y1: number;
-        x2: number;
-        y2: number;
-    };
-    type: string;
-    silent: boolean;
-    z: number;
-    style: {
-        stroke: string;
-        lineWidth: number;
-    };
-} | {
-    right: number;
-    top: number;
-    shape: {
-        x1: number;
-        y1: number;
-        x2: number;
-        y2: 400;
-    };
-    type: string;
-    silent: boolean;
-    z: number;
-    style: {
-        stroke: string;
-        lineWidth: number;
-    };
-} | {
-    top: number;
-    right: number;
-    shape: {
-        x1: number;
-        y1: number;
-        x2: number;
-        y2: 120;
-    };
-    type: string;
-    silent: boolean;
-    z: number;
-    style: {
-        stroke: string;
-        lineWidth: number;
-    };
-} | {
-    top: number;
-    left: number;
-    shape: {
-        x1: number;
-        y1: number;
-        x2: number;
-        y2: 120;
-    };
-    type: string;
-    silent: boolean;
-    z: number;
-    style: {
-        stroke: string;
-        lineWidth: number;
-    };
-})[];

package/src/CrowdViewWidget/components/Chart/chartOptions.ts

@@ -1,449 +0,0 @@
-import chroma from 'chroma-js';
-
-import {
-  BUCKET_CONFIG,
-  CHART_CONFIG,
-  CHART_CONFIG_CALCULATED,
-} from '../../constants';
-import type { Bucket, GetOptionType, TooltipParam } from './types';
-import {
-  formatXAxisLabel,
-  getLabelData,
-  getRectColor,
-  getTooltipFormatter,
-  isDifferenceGreaterThanTwoWeeks,
-} from './utils/chartUtils';
-import { getChartStyles } from './utils/getChartStyles';
-import { getGridLines } from './utils/getGridLines';
-
-// @ts-expect-error
-export const getOption: GetOptionType = ({
-  mainData: {
-    dates,
-    candlesOpen,
-    candlesClose,
-    candlesLow,
-    candlesHigh,
-    bookPrices,
-    bookIndexes,
-    sentimentShorts,
-    sentimentLongs,
-  },
-  additionalData: {
-    bucketWidth,
-    buckets,
-    displayPrecision,
-    bookType,
-    sentimentThresholdMin,
-    sentimentThresholdMax,
-  },
-  isDark,
-  isDesktop,
-  labelCallback,
-}) => {
-  let selectedPrice: number;
-  const {
-    sentimentLongColor,
-    sentimentShortColor,
-    candleLongColor,
-    candleShortColor,
-    sentimentAreaOpacity,
-    tooltipLinesColor,
-    sentimentLabelColor,
-  } = getChartStyles(isDark);
-
-  const visibleXAxisData = dates.slice(
-    (dates.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,
-    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100
-  );
-
-  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(
-    visibleXAxisData[0],
-    visibleXAxisData[visibleXAxisData.length - 1]
-  );
-
-  const labelsData = getLabelData({
-    dates,
-    isGreaterThanTwoWeeks,
-  });
-
-  const gridMainLines = getGridLines({
-    isDark,
-    isDesktop,
-  });
-
-  return {
-    animation: false,
-    dataZoom: [
-      {
-        id: 'main',
-        type: 'inside',
-        xAxisIndex: 0,
-        start: CHART_CONFIG.INITIAL_START_ZOOM,
-        end: CHART_CONFIG.INITIAL_END_ZOOM,
-        filterMode: 'filter',
-      },
-      {
-        id: 'sentiment',
-        type: 'inside',
-        xAxisIndex: 1,
-        start: CHART_CONFIG.INITIAL_START_ZOOM,
-        end: CHART_CONFIG.INITIAL_END_ZOOM,
-        filterMode: 'none',
-      },
-    ],
-    tooltip: {
-      trigger: 'axis',
-      axisPointer: {
-        type: 'cross',
-        axis: 'x',
-        lineStyle: {
-          color: tooltipLinesColor,
-        },
-        crossStyle: {
-          color: tooltipLinesColor,
-        },
-        label: {
-          padding: 0,
-          lineHeight: 24,
-          formatter: (params) => {
-            if (params.axisDimension === 'y' && params.axisIndex === 0) {
-              selectedPrice = Number(params.value);
-              return ` ${Number(params.value).toFixed(displayPrecision)} `;
-            }
-
-            return null;
-          },
-        },
-      },
-      confine: true,
-      formatter: (params: TooltipParam[]) =>
-        getTooltipFormatter({
-          params,
-          buckets,
-          bucketWidth,
-          selectedPrice,
-          labelCallback,
-          bookType,
-        }),
-    },
-    xAxis: [
-      {
-        type: 'category',
-        name: 'xAxis-less-than-two-weeks',
-        nameTextStyle: {
-          fontSize: 0,
-        },
-        id: 'main-xAxis',
-        splitNumber: 1,
-        axisTick: {
-          show: false,
-        },
-        axisLabel: {
-          padding: [8, 16, 8, 16],
-          margin: 0,
-          formatter: (value) => formatXAxisLabel(value, isGreaterThanTwoWeeks),
-        },
-      },
-      {
-        type: 'category',
-        gridIndex: 1,
-        show: false,
-        data: dates,
-        splitNumber: 1,
-        axisTick: {
-          show: false,
-        },
-        axisLabel: {
-          show: false,
-        },
-      },
-    ],
-    yAxis: [
-      {
-        type: 'value',
-        gridIndex: 0,
-        position: 'right',
-        min: (val) =>
-          val.min - bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
-        max: (val) =>
-          val.max + bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
-        axisLine: { show: false },
-        axisTick: { show: false },
-        axisLabel: {
-          showMaxLabel: false,
-          showMinLabel: false,
-          formatter: (value: number) => value.toFixed(displayPrecision - 1),
-        },
-      },
-      {
-        type: 'value',
-        gridIndex: 1,
-        position: 'right',
-        min: CHART_CONFIG.SENTIMENT_MIN,
-        max: CHART_CONFIG.SENTIMENT_MAX,
-        interval: CHART_CONFIG.SENTIMENT_INTERVAL,
-        axisLine: { show: false },
-        axisTick: { show: false },
-        axisLabel: {
-          verticalAlignMaxLabel: 'top',
-          verticalAlignMinLabel: 'bottom',
-          lineHeight: 20,
-          margin: isDesktop ? 4 : 2,
-          rich: {
-            shortRect: {
-              backgroundColor: chroma(sentimentShortColor).alpha(0.3).css(),
-              borderColor: sentimentShortColor,
-              borderWidth: 1,
-              width: 8,
-              height: 8,
-            },
-            longRect: {
-              backgroundColor: chroma(sentimentLongColor).alpha(0.3).css(),
-              borderColor: sentimentLongColor,
-              borderWidth: 1,
-              width: 8,
-              height: 8,
-            },
-          },
-          formatter: (value: number) => {
-            if (value === CHART_CONFIG.SENTIMENT_MIN) {
-              return `{shortRect| } ${labelCallback('short')}`;
-            }
-
-            if (value === CHART_CONFIG.SENTIMENT_MAX) {
-              return `{longRect| } ${labelCallback('long')}`;
-            }
-
-            if (value === CHART_CONFIG.SENTIMENT_MAX / 2) {
-              return '50%';
-            }
-
-            return undefined;
-          },
-        },
-      },
-    ],
-    axisPointer: {
-      link: [
-        {
-          xAxisIndex: 'all',
-        },
-      ],
-    },
-    visualMap: {
-      show: false,
-      seriesId: 'sentiment',
-      dimension: 1,
-      pieces: [
-        {
-          lt: CHART_CONFIG.SENTIMENT_MAX / 2,
-          color: sentimentShortColor,
-        },
-        {
-          gte: CHART_CONFIG.SENTIMENT_MAX / 2,
-          lte: CHART_CONFIG.SENTIMENT_MAX,
-          color: sentimentLongColor,
-        },
-        {
-          gt: CHART_CONFIG.SENTIMENT_MAX,
-          color: sentimentLongColor,
-        },
-      ],
-    },
-    dataset: {
-      source: {
-        dates,
-        candlesOpen,
-        candlesClose,
-        candlesLow,
-        candlesHigh,
-        bookPrices,
-        bookIndexes,
-        sentimentShorts,
-        sentimentLongs,
-      },
-    },
-    series: [
-      {
-        type: 'candlestick',
-        id: 'candlestick',
-        gridIndex: 0,
-        xAxisIndex: 0,
-        yAxisIndex: 0,
-        encode: {
-          x: 'dates',
-          y: ['open', 'close', 'low', 'high'],
-        },
-        itemStyle: {
-          color: chroma(candleShortColor).desaturate().css(),
-          color0: chroma(candleLongColor).desaturate().css(),
-          borderColor: candleShortColor,
-          borderColor0: candleLongColor,
-        },
-        emphasis: {
-          itemStyle: {
-            color: candleShortColor,
-            color0: candleLongColor,
-          },
-        },
-        markPoint: {
-          symbol: 'circle',
-          symbolSize: 0,
-          data: labelsData,
-        },
-      },
-      {
-        type: 'custom',
-        gridIndex: 0,
-        name: 'heatmap',
-        id: 'heatmap',
-        xAxisIndex: 0,
-        yAxisIndex: 0,
-        silent: true,
-        clip: true,
-        encode: {
-          x: 'dates',
-          y: 'bookPrices',
-        },
-        dimensions: ['dates', 'bookPrices', 'bookIndexes'],
-        renderItem: (_params, api) => {
-          const xVal = api.value(0);
-          const bucketIndex = api.value(2) as number;
-
-          if (!bucketIndex) {
-            return null;
-          }
-
-          const metaValues = buckets[bucketIndex];
-
-          const [rectWidth, rectHeight] = api.size!([
-            0,
-            bucketWidth,
-          ]) as number[];
-
-          const items = metaValues.map(({ price, sentiment }: Bucket) => {
-            const start = api.coord([xVal, price]);
-
-            return {
-              type: 'rect',
-              shape: {
-                x: start[0] - rectWidth / 2,
-                y: start[1] - rectHeight,
-                width: rectWidth + 1,
-                height: rectHeight,
-              },
-              style: {
-                fill: getRectColor(
-                  sentiment,
-                  isDark,
-                  sentimentThresholdMin,
-                  sentimentThresholdMax
-                ),
-              },
-              silent: true,
-              emphasisDisabled: true,
-            };
-          });
-
-          return {
-            type: 'group',
-            children: items,
-            silent: true,
-            emphasisDisabled: true,
-          };
-        },
-      },
-      {
-        type: 'line',
-        name: 'sentiment-short',
-        id: 'sentiment',
-        xAxisIndex: 1,
-        yAxisIndex: 1,
-        showSymbol: false,
-        symbol: 'none',
-        lineStyle: {
-          width: 3,
-          opacity: 1,
-        },
-        areaStyle: {
-          color: sentimentShortColor,
-          opacity: sentimentAreaOpacity,
-        },
-        emphasis: {
-          disabled: true,
-        },
-        stack: 'sentiment',
-        dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],
-        encode: {
-          x: 'dates',
-          y: 'sentimentShorts',
-        },
-      },
-      {
-        type: 'line',
-        name: 'sentiment-long',
-        id: 'sentiment-long',
-        xAxisIndex: 1,
-        yAxisIndex: 1,
-        symbol: 'none',
-        lineStyle: {
-          color: 'transparent',
-          width: 0,
-        },
-        areaStyle: {
-          color: sentimentLongColor,
-          opacity: sentimentAreaOpacity,
-        },
-        stack: 'sentiment',
-        emphasis: {
-          disabled: true,
-        },
-        tooltip: {
-          show: false,
-        },
-        dimensions: ['dates', 'sentimentLongs'],
-        encode: {
-          x: 'dates',
-          y: 'sentimentLongs',
-        },
-      },
-    ],
-    grid: [
-      {
-        name: 'main-grid',
-        id: 'main-grid',
-        height: `${CHART_CONFIG.MAIN_HEIGHT}px`,
-        top: '0px',
-        left: '0px',
-        right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,
-        bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,
-      },
-      {
-        name: 'sentiment-grid',
-        id: 'sentiment-grid',
-        height: `${CHART_CONFIG.SENTIMENT_HEIGHT}px`,
-        bottom: `0px`,
-        left: '0px',
-        right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,
-      },
-    ],
-    graphic: [
-      ...gridMainLines,
-      {
-        type: 'text',
-        silent: true,
-        z: 1,
-        left: 4,
-        bottom: CHART_CONFIG_CALCULATED.SENTIMENT_TEXT_POSITION,
-        style: {
-          text: `${labelCallback('sentiment')}:`,
-          fontFamily: 'Sofia W03',
-          fontSize: 14,
-          fontWeight: 'bold',
-          fill: sentimentLabelColor,
-        },
-      },
-    ],
-  };
-};