@xyo-network/react-price-forecast-plugin 2.60.0 → 2.61.0-rc.1

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DetailsBox.tsx","../src/lib/DataLineStyles.ts","../src/lib/DataPointStyles.ts","../src/lib/MockSourcePayloads.ts","../src/lib/SourcePayloads.ts","../src/lib/ForecastLineChartConfigBuilder.ts","../src/Plugin.ts"],"sourcesContent":["import 'chartjs-adapter-luxon'\n\nimport { useTheme } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport { Payload } from '@xyo-network/payload-model'\nimport {\n  CategoryScale,\n  Chart as ChartJS,\n  ChartData,\n  ChartOptions,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  TimeScale,\n  Title,\n  Tooltip,\n} from 'chart.js'\nimport { useState } from 'react'\nimport { Line } from 'react-chartjs-2'\n\nimport { ForecastLineChartConfigBuilder } from '../lib'\n\nChartJS.register(CategoryScale, TimeScale, PointElement, LineElement, LinearScale, Title, Tooltip, Legend)\n\nexport interface PriceForecastDetailsBoxProps extends FlexBoxProps {\n  payload?: Payload\n}\n\nexport const PriceForecastDetailsBox: React.FC<PriceForecastDetailsBoxProps> = ({ payload, ...props }) => {\n  const priceForecastPayload = payload as ForecastPayload | undefined\n  const theme = useTheme()\n  const [data, setData] = useState<ChartData<'line'>>({ datasets: [] })\n  const [options, setOptions] = useState<ChartOptions<'line'>>({})\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const { data, options } = await ForecastLineChartConfigBuilder.create(theme, priceForecastPayload, { fetch: true })\n      if (mounted()) {\n        setData(data)\n        setOptions(options)\n      }\n    },\n    [priceForecastPayload, theme],\n  )\n\n  return (\n    <FlexCol {...props} busy={priceForecastPayload === undefined} minHeight=\"25vh\">\n      {priceForecastPayload ? <Line options={options} data={data} /> : null}\n    </FlexCol>\n  )\n}\n","import { alpha } from '@mui/material'\n\nexport const DataLineStyles = (color?: string) => ({\n  backgroundColor: color ? alpha(color, 0.5) : undefined,\n  borderColor: color,\n})\n","export const DataPointStyles = (pointHoverBackgroundColor?: string) => ({\n  pointHitRadius: 20,\n  pointHoverBackgroundColor,\n  pointHoverRadius: 10,\n  pointRadius: 5,\n  pointStyle: 'circle',\n})\n","export const MockSourcePayloads = () => {\n  const tenMin = 600000\n  return [\n    {\n      baseFee: 38.90155387825,\n      feePerGas: { high: 47.9945864396, low: 39.006868093, medium: 39.306868093, veryHigh: 44.45384380525 },\n      priorityFeePerGas: { high: 1.0266666666666666, low: -0.41000000000000003, medium: 0.38, veryHigh: 1.3900000000000001 },\n      schema: 'network.xyo.blockchain.ethereum.gas',\n      timestamp: Date.now() - tenMin,\n    },\n    {\n      baseFee: 38.90155387825,\n      feePerGas: { high: 47.9945864396, low: 39.006868093, medium: 100, veryHigh: 44.45384380525 },\n      priorityFeePerGas: { high: 1.0266666666666666, low: -0.41000000000000003, medium: 0.38, veryHigh: 1.3900000000000001 },\n      schema: 'network.xyo.blockchain.ethereum.gas',\n      timestamp: Date.now(),\n    },\n  ]\n}\n","import { Payload } from '@xyo-network/payload-model'\nimport { Point } from 'chart.js'\n\nimport { MockSourcePayloads } from './MockSourcePayloads'\n\nexport class SourcePayloads {\n  sourcePrices: Point[] = []\n\n  constructor(public sourcePayloads: Payload[]) {}\n\n  get payloads() {\n    return this.sourcePayloads\n  }\n\n  static async build(jsonPath: string) {\n    const sourcePayloads = await this.fetchSourcePayloads()\n    const instance = new this(sourcePayloads)\n\n    const paths = jsonPath.split('.')\n    instance.sourcePrices = sourcePayloads.map((payload) => {\n      return { x: payload.timestamp, y: instance.jsonPathTraverser(payload, paths) }\n    })\n    return instance\n  }\n\n  // TODO - fetch from archivist\n  static async fetchSourcePayloads() {\n    const payloads = await Promise.resolve(MockSourcePayloads())\n    return payloads\n  }\n\n  jsonPathTraverser(obj: Payload, path: string[]) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let result: any = obj\n    for (const key of path) {\n      if (key in result) {\n        const foundKey = key as keyof typeof result\n        result = result[foundKey]\n      } else {\n        result = undefined\n        break\n      }\n    }\n\n    return result\n  }\n}\n","import { Theme } from '@mui/material'\nimport { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport { ChartData, ChartDataset, ChartOptions, LegendOptions, Point, ScaleChartOptions } from 'chart.js'\n// eslint-disable-next-line import/no-unresolved\nimport { _DeepPartialObject } from 'chart.js/dist/types/utils'\n\nimport { DataLineStyles } from './DataLineStyles'\nimport { DataPointStyles } from './DataPointStyles'\nimport { SourcePayloads } from './SourcePayloads'\n\ninterface SourcePayloadConfig {\n  fetch: boolean\n  sampleSize?: number\n}\n\ninterface ThemeColors {\n  dataSetColorPrimary: string\n  dataSetColorSecondary: string\n  gridColor: string\n}\n\nconst defaultOptions: () => ChartOptions<'line'> = () => ({\n  plugins: {\n    legend: {\n      position: 'top' as const,\n    },\n  },\n  responsive: true,\n})\n\nexport class ForecastLineChartConfigBuilder {\n  data: ChartData<'line'> = {\n    datasets: [],\n  }\n  options: ChartOptions<'line'> = defaultOptions()\n  themeColors: ThemeColors | undefined\n\n  constructor(\n    theme: Theme,\n    private payload?: ForecastPayload,\n  ) {\n    this.themeColors = this.parseTheme(theme)\n  }\n\n  get forecastPayload() {\n    if (this.payload) {\n      return this.payload\n    } else {\n      throw Error('ForecastPayload was not defined')\n    }\n  }\n\n  static async create(theme: Theme, payload?: ForecastPayload, sourcePayloadConfig?: SourcePayloadConfig) {\n    const instance = new ForecastLineChartConfigBuilder(theme, payload)\n\n    await instance.build(sourcePayloadConfig?.fetch)\n\n    instance.refreshValues()\n\n    return instance\n  }\n\n  async build(includeSources?: boolean) {\n    this.buildOptions()\n    await this.buildData(includeSources)\n    return this\n  }\n\n  async buildData(includeSources?: boolean) {\n    const forecastData = this.generateDataSetForecastData()\n\n    const datasets: ChartDataset<'line'>[] = [forecastData]\n\n    if (includeSources) {\n      // build data from sources in forecastPayload\n      const sourceData = await this.generateDataSetSourcePayloads()\n      datasets.unshift(sourceData)\n\n      // add last source point as first item in prediction to connect the lines\n      const lastSourceDataItem = sourceData.data.at(-1) as Point\n      forecastData.data.unshift(lastSourceDataItem)\n    }\n\n    this.data = {\n      datasets,\n    }\n\n    return this\n  }\n\n  buildOptions() {\n    if (this.options.plugins) {\n      this.options.plugins.title = this.generateTitle()\n      this.options.plugins.legend = this.generateLegend()\n    }\n    this.options.scales = this.generateScales()\n\n    return this\n  }\n\n  refreshValues() {\n    this.data = { ...this.data }\n    this.options = { ...this.options }\n  }\n\n  protected generateLegend(): _DeepPartialObject<LegendOptions<'line'>> {\n    return {\n      labels: {\n        pointStyle: 'circle',\n        usePointStyle: true,\n      },\n    }\n  }\n\n  protected generateScales(): _DeepPartialObject<ScaleChartOptions<'line'>['scales']> {\n    return {\n      x: {\n        grid: {\n          color: this.themeColors?.gridColor,\n        },\n        time: {\n          unit: 'minute',\n        },\n        type: 'time',\n      },\n      y: {\n        grid: {\n          color: this.themeColors?.gridColor,\n        },\n      },\n    }\n  }\n\n  protected generateTitle() {\n    return {\n      display: true,\n      text: `Gas Price Forecaster (GWEI over time from ${\n        this.forecastPayload?.values[0].timestamp ? new Date(this.forecastPayload.values[0].timestamp).toLocaleDateString() : ''\n      })`,\n    }\n  }\n\n  protected parseTheme(theme: Theme) {\n    const dark = theme.palette.mode === 'dark'\n    return {\n      dataSetColorPrimary: theme.palette.primary.light,\n      dataSetColorSecondary: theme.palette.secondary.light,\n      gridColor: dark ? theme.palette.grey[800] : theme.palette.grey[300],\n    }\n  }\n\n  private generateDataSetForecastData(): ChartDataset<'line'> {\n    return {\n      borderDash: [5],\n      borderDashOffset: 0.5,\n      data: this.forecastPayload.values.map((price) => ({ x: price.timestamp ?? 0, y: price.value })),\n      label: 'Forecast Price',\n      ...DataPointStyles(this.themeColors?.dataSetColorPrimary),\n      ...DataLineStyles(this.themeColors?.dataSetColorPrimary),\n    }\n  }\n\n  private async generateDataSetSourcePayloads(): Promise<ChartDataset<'line'>> {\n    const { sourcePrices } = await SourcePayloads.build('feePerGas.medium')\n    return {\n      data: sourcePrices,\n      label: 'Source Prices',\n      ...DataLineStyles(this.themeColors?.dataSetColorSecondary),\n      ...DataPointStyles(this.themeColors?.dataSetColorSecondary),\n    }\n  }\n}\n","import { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { PriceForecastDetailsBox } from './components'\n\nexport const PriceForecastRenderPlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: () => true,\n    components: {\n      box: {\n        detailsBox: PriceForecastDetailsBox,\n      },\n    },\n    name: 'PriceForecast',\n  }),\n}\n"],"mappings":"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","names":["data","options"]}

package/dist/lib/DataLineStyles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataLineStyles.d.ts","sourceRoot":"","sources":["../../src/lib/DataLineStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,WAAY,MAAM;;;CAG3C,CAAA"}

package/dist/lib/DataLineStyles.d.ts

@@ -0,0 +1,5 @@
+export declare const DataLineStyles: (color?: string) => {
+    backgroundColor: string | undefined;
+    borderColor: string | undefined;
+};
+//# sourceMappingURL=DataLineStyles.d.ts.map

package/dist/lib/DataLineStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataLineStyles.d.ts","sourceRoot":"","sources":["../../src/lib/DataLineStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,WAAY,MAAM;;;CAG3C,CAAA"}

package/dist/lib/DataPointStyles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPointStyles.d.ts","sourceRoot":"","sources":["../../src/lib/DataPointStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,+BAAgC,MAAM;;;;;;CAMhE,CAAA"}

package/dist/lib/DataPointStyles.d.ts

@@ -0,0 +1,8 @@
+export declare const DataPointStyles: (pointHoverBackgroundColor?: string) => {
+    pointHitRadius: number;
+    pointHoverBackgroundColor: string | undefined;
+    pointHoverRadius: number;
+    pointRadius: number;
+    pointStyle: string;
+};
+//# sourceMappingURL=DataPointStyles.d.ts.map

package/dist/lib/DataPointStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPointStyles.d.ts","sourceRoot":"","sources":["../../src/lib/DataPointStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,+BAAgC,MAAM;;;;;;CAMhE,CAAA"}

package/dist/lib/ForecastLineChartConfigBuilder.d.mts

@@ -0,0 +1,47 @@
+import { Theme } from '@mui/material';
+import { ForecastPayload } from '@xyo-network/diviner-forecasting-model';
+import { ChartData, ChartOptions, LegendOptions, ScaleChartOptions } from 'chart.js';
+import { _DeepPartialObject } from 'chart.js/dist/types/utils';
+interface SourcePayloadConfig {
+    fetch: boolean;
+    sampleSize?: number;
+}
+interface ThemeColors {
+    dataSetColorPrimary: string;
+    dataSetColorSecondary: string;
+    gridColor: string;
+}
+export declare class ForecastLineChartConfigBuilder {
+    private payload?;
+    data: ChartData<'line'>;
+    options: ChartOptions<'line'>;
+    themeColors: ThemeColors | undefined;
+    constructor(theme: Theme, payload?: (import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+        schema: "network.xyo.diviner.forecasting.forecast";
+        values: import("@xyo-network/diviner-forecasting-model").Forecast[];
+    }) | undefined);
+    get forecastPayload(): import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+        schema: "network.xyo.diviner.forecasting.forecast";
+        values: import("@xyo-network/diviner-forecasting-model").Forecast[];
+    };
+    static create(theme: Theme, payload?: ForecastPayload, sourcePayloadConfig?: SourcePayloadConfig): Promise<ForecastLineChartConfigBuilder>;
+    build(includeSources?: boolean): Promise<this>;
+    buildData(includeSources?: boolean): Promise<this>;
+    buildOptions(): this;
+    refreshValues(): void;
+    protected generateLegend(): _DeepPartialObject<LegendOptions<'line'>>;
+    protected generateScales(): _DeepPartialObject<ScaleChartOptions<'line'>['scales']>;
+    protected generateTitle(): {
+        display: boolean;
+        text: string;
+    };
+    protected parseTheme(theme: Theme): {
+        dataSetColorPrimary: string;
+        dataSetColorSecondary: string;
+        gridColor: string;
+    };
+    private generateDataSetForecastData;
+    private generateDataSetSourcePayloads;
+}
+export {};
+//# sourceMappingURL=ForecastLineChartConfigBuilder.d.ts.map

package/dist/lib/ForecastLineChartConfigBuilder.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForecastLineChartConfigBuilder.d.ts","sourceRoot":"","sources":["../../src/lib/ForecastLineChartConfigBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAgB,YAAY,EAAE,aAAa,EAAS,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEzG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAM9D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,UAAU,WAAW;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB;AAWD,qBAAa,8BAA8B;IASvC,OAAO,CAAC,OAAO,CAAC;IARlB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAEtB;IACD,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,CAAmB;IAChD,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;gBAGlC,KAAK,EAAE,KAAK,EACJ,OAAO,CAAC;;;kBAAiB;IAKnC,IAAI,eAAe;;;MAMlB;WAEY,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,mBAAmB,CAAC,EAAE,mBAAmB;IAUhG,KAAK,CAAC,cAAc,CAAC,EAAE,OAAO;IAM9B,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO;IAsBxC,YAAY;IAUZ,aAAa;IAKb,SAAS,CAAC,cAAc,IAAI,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IASrE,SAAS,CAAC,cAAc,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAmBnF,SAAS,CAAC,aAAa;;;;IASvB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK;;;;;IASjC,OAAO,CAAC,2BAA2B;YAWrB,6BAA6B;CAS5C"}

package/dist/{types/lib → lib}/ForecastLineChartConfigBuilder.d.ts

@@ -19,14 +19,10 @@ export declare class ForecastLineChartConfigBuilder {
     constructor(theme: Theme, payload?: (import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
         schema: "network.xyo.diviner.forecasting.forecast";
         values: import("@xyo-network/diviner-forecasting-model").Forecast[];
-    } & {
-        schema: "network.xyo.diviner.forecasting.forecast";
     }) | undefined);
     get forecastPayload(): import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
         schema: "network.xyo.diviner.forecasting.forecast";
         values: import("@xyo-network/diviner-forecasting-model").Forecast[];
-    } & {
-        schema: "network.xyo.diviner.forecasting.forecast";
     };
     static create(theme: Theme, payload?: ForecastPayload, sourcePayloadConfig?: SourcePayloadConfig): Promise<ForecastLineChartConfigBuilder>;
     build(includeSources?: boolean): Promise<this>;

package/dist/lib/ForecastLineChartConfigBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForecastLineChartConfigBuilder.d.ts","sourceRoot":"","sources":["../../src/lib/ForecastLineChartConfigBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAgB,YAAY,EAAE,aAAa,EAAS,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEzG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAM9D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,UAAU,WAAW;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB;AAWD,qBAAa,8BAA8B;IASvC,OAAO,CAAC,OAAO,CAAC;IARlB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAEtB;IACD,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,CAAmB;IAChD,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;gBAGlC,KAAK,EAAE,KAAK,EACJ,OAAO,CAAC;;;kBAAiB;IAKnC,IAAI,eAAe;;;MAMlB;WAEY,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,mBAAmB,CAAC,EAAE,mBAAmB;IAUhG,KAAK,CAAC,cAAc,CAAC,EAAE,OAAO;IAM9B,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO;IAsBxC,YAAY;IAUZ,aAAa;IAKb,SAAS,CAAC,cAAc,IAAI,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IASrE,SAAS,CAAC,cAAc,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAmBnF,SAAS,CAAC,aAAa;;;;IASvB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK;;;;;IASjC,OAAO,CAAC,2BAA2B;YAWrB,6BAA6B;CAS5C"}

package/dist/lib/MockSourcePayloads.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockSourcePayloads.d.ts","sourceRoot":"","sources":["../../src/lib/MockSourcePayloads.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;GAkB9B,CAAA"}

package/dist/lib/MockSourcePayloads.d.ts

@@ -0,0 +1,18 @@
+export declare const MockSourcePayloads: () => {
+    baseFee: number;
+    feePerGas: {
+        high: number;
+        low: number;
+        medium: number;
+        veryHigh: number;
+    };
+    priorityFeePerGas: {
+        high: number;
+        low: number;
+        medium: number;
+        veryHigh: number;
+    };
+    schema: string;
+    timestamp: number;
+}[];
+//# sourceMappingURL=MockSourcePayloads.d.ts.map

package/dist/lib/MockSourcePayloads.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockSourcePayloads.d.ts","sourceRoot":"","sources":["../../src/lib/MockSourcePayloads.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;GAkB9B,CAAA"}

package/dist/lib/SourcePayloads.d.mts

@@ -0,0 +1,30 @@
+import { Payload } from '@xyo-network/payload-model';
+import { Point } from 'chart.js';
+export declare class SourcePayloads {
+    sourcePayloads: Payload[];
+    sourcePrices: Point[];
+    constructor(sourcePayloads: Payload[]);
+    get payloads(): ({
+        schema: string;
+    } & import("@xyo-network/payload-model").PayloadFields)[];
+    static build(jsonPath: string): Promise<SourcePayloads>;
+    static fetchSourcePayloads(): Promise<{
+        baseFee: number;
+        feePerGas: {
+            high: number;
+            low: number;
+            medium: number;
+            veryHigh: number;
+        };
+        priorityFeePerGas: {
+            high: number;
+            low: number;
+            medium: number;
+            veryHigh: number;
+        };
+        schema: string;
+        timestamp: number;
+    }[]>;
+    jsonPathTraverser(obj: Payload, path: string[]): any;
+}
+//# sourceMappingURL=SourcePayloads.d.ts.map

package/dist/lib/SourcePayloads.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcePayloads.d.ts","sourceRoot":"","sources":["../../src/lib/SourcePayloads.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,qBAAa,cAAc;IAGN,cAAc,EAAE,OAAO,EAAE;IAF5C,YAAY,EAAE,KAAK,EAAE,CAAK;gBAEP,cAAc,EAAE,OAAO,EAAE;IAE5C,IAAI,QAAQ;;8DAEX;WAEY,KAAK,CAAC,QAAQ,EAAE,MAAM;WAYtB,mBAAmB;;;;;;;;;;;;;;;;;IAKhC,iBAAiB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;CAe/C"}

package/dist/{types/lib → lib}/SourcePayloads.d.ts

@@ -4,9 +4,9 @@ export declare class SourcePayloads {
     sourcePayloads: Payload[];
     sourcePrices: Point[];
     constructor(sourcePayloads: Payload[]);
-    get payloads(): (import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+    get payloads(): ({
         schema: string;
-    })[];
+    } & import("@xyo-network/payload-model").PayloadFields)[];
     static build(jsonPath: string): Promise<SourcePayloads>;
     static fetchSourcePayloads(): Promise<{
         baseFee: number;

package/dist/lib/SourcePayloads.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcePayloads.d.ts","sourceRoot":"","sources":["../../src/lib/SourcePayloads.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,qBAAa,cAAc;IAGN,cAAc,EAAE,OAAO,EAAE;IAF5C,YAAY,EAAE,KAAK,EAAE,CAAK;gBAEP,cAAc,EAAE,OAAO,EAAE;IAE5C,IAAI,QAAQ;;8DAEX;WAEY,KAAK,CAAC,QAAQ,EAAE,MAAM;WAYtB,mBAAmB;;;;;;;;;;;;;;;;;IAKhC,iBAAiB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;CAe/C"}

package/dist/lib/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAA;AAChD,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA"}

package/dist/{esm/lib/index.js → lib/index.d.ts}

@@ -1,4 +1,4 @@
 export * from './ForecastLineChartConfigBuilder';
 export * from './MockSourcePayloads';
 export * from './SourcePayloads';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAA;AAChD,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA"}

package/package.json

@@ -10,20 +10,20 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-async-effect": "~2.17.15",
-    "@xylabs/react-flexbox": "~2.17.15",
-    "@xyo-network/diviner-forecasting-model": "^2.73.3",
-    "@xyo-network/payload-model": "^2.73.3",
-    "@xyo-network/react-payload-plugin": "~2.61.0",
+    "@xylabs/react-async-effect": "^3.1.0-rc.3",
+    "@xylabs/react-flexbox": "^3.1.0-rc.3",
+    "@xyo-network/diviner-forecasting-model": "^2.74.4",
+    "@xyo-network/payload-model": "^2.74.4",
+    "@xyo-network/react-payload-plugin": "~2.64.0-rc.1",
     "chart.js": "^4.4.0",
     "chartjs-adapter-luxon": "^1.3.1",
     "luxon": "^3.4.3",
     "react-chartjs-2": "^5.2.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.4.0",
-    "@xylabs/ts-scripts-yarn3": "^2.19.5",
-    "@xylabs/tsconfig-react": "^2.19.5",
+    "@storybook/react": "^7.4.3",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/tsconfig-react": "^3.0.28",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
@@ -36,27 +36,35 @@
     "react-router-dom": "^6"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -77,6 +85,7 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.60.0"
+  "types": "dist/index.d.ts",
+  "version": "2.61.0-rc.1",
+  "stableVersion": "2.60.3"
 }

package/dist/cjs/Plugin.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PriceForecastRenderPlugin = void 0;
-const react_payload_plugin_1 = require("@xyo-network/react-payload-plugin");
-const components_1 = require("./components");
-exports.PriceForecastRenderPlugin = Object.assign({}, (0, react_payload_plugin_1.createPayloadRenderPlugin)({
-    canRender: () => true,
-    components: {
-        box: {
-            detailsBox: components_1.PriceForecastDetailsBox,
-        },
-    },
-    name: 'PriceForecast',
-}));
-//# sourceMappingURL=Plugin.js.map

package/dist/cjs/Plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Plugin.js","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":";;;AAAA,4EAAkG;AAElG,6CAAsD;AAEzC,QAAA,yBAAyB,qBACjC,IAAA,gDAAyB,EAAC;IAC3B,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;IACrB,UAAU,EAAE;QACV,GAAG,EAAE;YACH,UAAU,EAAE,oCAAuB;SACpC;KACF;IACD,IAAI,EAAE,eAAe;CACtB,CAAC,EACH"}

package/dist/cjs/components/DetailsBox.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PriceForecastDetailsBox = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("chartjs-adapter-luxon");
-const material_1 = require("@mui/material");
-const react_async_effect_1 = require("@xylabs/react-async-effect");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const chart_js_1 = require("chart.js");
-const react_1 = require("react");
-const react_chartjs_2_1 = require("react-chartjs-2");
-const lib_1 = require("../lib");
-chart_js_1.Chart.register(chart_js_1.CategoryScale, chart_js_1.TimeScale, chart_js_1.PointElement, chart_js_1.LineElement, chart_js_1.LinearScale, chart_js_1.Title, chart_js_1.Tooltip, chart_js_1.Legend);
-const PriceForecastDetailsBox = (_a) => {
-    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
-    const priceForecastPayload = payload;
-    const theme = (0, material_1.useTheme)();
-    const [data, setData] = (0, react_1.useState)({ datasets: [] });
-    const [options, setOptions] = (0, react_1.useState)({});
-    (0, react_async_effect_1.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const { data, options } = yield lib_1.ForecastLineChartConfigBuilder.create(theme, priceForecastPayload, { fetch: true });
-        if (mounted()) {
-            setData(data);
-            setOptions(options);
-        }
-    }), [priceForecastPayload, theme]);
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({}, props, { busy: priceForecastPayload === undefined, minHeight: "25vh" }, { children: priceForecastPayload ? (0, jsx_runtime_1.jsx)(react_chartjs_2_1.Line, { options: options, data: data }) : null })));
-};
-exports.PriceForecastDetailsBox = PriceForecastDetailsBox;
-//# sourceMappingURL=DetailsBox.js.map

package/dist/cjs/components/DetailsBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailsBox.js","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAE9B,4CAAwC;AACxC,mEAA2D;AAC3D,yDAA6D;AAG7D,uCAYiB;AACjB,iCAAgC;AAChC,qDAAsC;AAEtC,gCAAuD;AAEvD,gBAAO,CAAC,QAAQ,CAAC,wBAAa,EAAE,oBAAS,EAAE,uBAAY,EAAE,sBAAW,EAAE,sBAAW,EAAE,gBAAK,EAAE,kBAAO,EAAE,iBAAM,CAAC,CAAA;AAMnG,MAAM,uBAAuB,GAA2C,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACjG,MAAM,oBAAoB,GAAG,OAAsC,CAAA;IACnE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAoB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAuB,EAAE,CAAC,CAAA;IAEhE,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,oCAA8B,CAAC,MAAM,CAAC,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;QACnH,IAAI,OAAO,EAAE,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,UAAU,CAAC,OAAO,CAAC,CAAA;SACpB;IACH,CAAC,CAAA,EACD,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAC9B,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,IAAE,IAAI,EAAE,oBAAoB,KAAK,SAAS,EAAE,SAAS,EAAC,MAAM,gBAC3E,oBAAoB,CAAC,CAAC,CAAC,uBAAC,sBAAI,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAC7D,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,uBAAuB,2BAuBnC"}

package/dist/cjs/components/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DetailsBox"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./components"), exports);
-tslib_1.__exportStar(require("./Plugin"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,mDAAwB"}

package/dist/cjs/lib/DataLineStyles.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataLineStyles = void 0;
-const material_1 = require("@mui/material");
-const DataLineStyles = (color) => ({
-    backgroundColor: color ? (0, material_1.alpha)(color, 0.5) : undefined,
-    borderColor: color,
-});
-exports.DataLineStyles = DataLineStyles;
-//# sourceMappingURL=DataLineStyles.js.map

package/dist/cjs/lib/DataLineStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataLineStyles.js","sourceRoot":"","sources":["../../../src/lib/DataLineStyles.ts"],"names":[],"mappings":";;;AAAA,4CAAqC;AAE9B,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC;IACjD,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,IAAA,gBAAK,EAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;IACtD,WAAW,EAAE,KAAK;CACnB,CAAC,CAAA;AAHW,QAAA,cAAc,kBAGzB"}

package/dist/cjs/lib/DataPointStyles.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataPointStyles = void 0;
-const DataPointStyles = (pointHoverBackgroundColor) => ({
-    pointHitRadius: 20,
-    pointHoverBackgroundColor,
-    pointHoverRadius: 10,
-    pointRadius: 5,
-    pointStyle: 'circle',
-});
-exports.DataPointStyles = DataPointStyles;
-//# sourceMappingURL=DataPointStyles.js.map

package/dist/cjs/lib/DataPointStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataPointStyles.js","sourceRoot":"","sources":["../../../src/lib/DataPointStyles.ts"],"names":[],"mappings":";;;AAAO,MAAM,eAAe,GAAG,CAAC,yBAAkC,EAAE,EAAE,CAAC,CAAC;IACtE,cAAc,EAAE,EAAE;IAClB,yBAAyB;IACzB,gBAAgB,EAAE,EAAE;IACpB,WAAW,EAAE,CAAC;IACd,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAA;AANW,QAAA,eAAe,mBAM1B"}

package/dist/cjs/lib/ForecastLineChartConfigBuilder.js

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ForecastLineChartConfigBuilder = void 0;
-const tslib_1 = require("tslib");
-const DataLineStyles_1 = require("./DataLineStyles");
-const DataPointStyles_1 = require("./DataPointStyles");
-const SourcePayloads_1 = require("./SourcePayloads");
-const defaultOptions = () => ({
-    plugins: {
-        legend: {
-            position: 'top',
-        },
-    },
-    responsive: true,
-});
-class ForecastLineChartConfigBuilder {
-    constructor(theme, payload) {
-        this.payload = payload;
-        this.data = {
-            datasets: [],
-        };
-        this.options = defaultOptions();
-        this.themeColors = this.parseTheme(theme);
-    }
-    get forecastPayload() {
-        if (this.payload) {
-            return this.payload;
-        }
-        else {
-            throw Error('ForecastPayload was not defined');
-        }
-    }
-    static create(theme, payload, sourcePayloadConfig) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const instance = new ForecastLineChartConfigBuilder(theme, payload);
-            yield instance.build(sourcePayloadConfig === null || sourcePayloadConfig === void 0 ? void 0 : sourcePayloadConfig.fetch);
-            instance.refreshValues();
-            return instance;
-        });
-    }
-    build(includeSources) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this.buildOptions();
-            yield this.buildData(includeSources);
-            return this;
-        });
-    }
-    buildData(includeSources) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const forecastData = this.generateDataSetForecastData();
-            const datasets = [forecastData];
-            if (includeSources) {
-                // build data from sources in forecastPayload
-                const sourceData = yield this.generateDataSetSourcePayloads();
-                datasets.unshift(sourceData);
-                // add last source point as first item in prediction to connect the lines
-                const lastSourceDataItem = sourceData.data.at(-1);
-                forecastData.data.unshift(lastSourceDataItem);
-            }
-            this.data = {
-                datasets,
-            };
-            return this;
-        });
-    }
-    buildOptions() {
-        if (this.options.plugins) {
-            this.options.plugins.title = this.generateTitle();
-            this.options.plugins.legend = this.generateLegend();
-        }
-        this.options.scales = this.generateScales();
-        return this;
-    }
-    refreshValues() {
-        this.data = Object.assign({}, this.data);
-        this.options = Object.assign({}, this.options);
-    }
-    generateLegend() {
-        return {
-            labels: {
-                pointStyle: 'circle',
-                usePointStyle: true,
-            },
-        };
-    }
-    generateScales() {
-        var _a, _b;
-        return {
-            x: {
-                grid: {
-                    color: (_a = this.themeColors) === null || _a === void 0 ? void 0 : _a.gridColor,
-                },
-                time: {
-                    unit: 'minute',
-                },
-                type: 'time',
-            },
-            y: {
-                grid: {
-                    color: (_b = this.themeColors) === null || _b === void 0 ? void 0 : _b.gridColor,
-                },
-            },
-        };
-    }
-    generateTitle() {
-        var _a;
-        return {
-            display: true,
-            text: `Gas Price Forecaster (GWEI over time from ${((_a = this.forecastPayload) === null || _a === void 0 ? void 0 : _a.values[0].timestamp) ? new Date(this.forecastPayload.values[0].timestamp).toLocaleDateString() : ''})`,
-        };
-    }
-    parseTheme(theme) {
-        const dark = theme.palette.mode === 'dark';
-        return {
-            dataSetColorPrimary: theme.palette.primary.light,
-            dataSetColorSecondary: theme.palette.secondary.light,
-            gridColor: dark ? theme.palette.grey[800] : theme.palette.grey[300],
-        };
-    }
-    generateDataSetForecastData() {
-        var _a, _b;
-        return Object.assign(Object.assign({ borderDash: [5], borderDashOffset: 0.5, data: this.forecastPayload.values.map((price) => { var _a; return ({ x: (_a = price.timestamp) !== null && _a !== void 0 ? _a : 0, y: price.value }); }), label: 'Forecast Price' }, (0, DataPointStyles_1.DataPointStyles)((_a = this.themeColors) === null || _a === void 0 ? void 0 : _a.dataSetColorPrimary)), (0, DataLineStyles_1.DataLineStyles)((_b = this.themeColors) === null || _b === void 0 ? void 0 : _b.dataSetColorPrimary));
-    }
-    generateDataSetSourcePayloads() {
-        var _a, _b;
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const { sourcePrices } = yield SourcePayloads_1.SourcePayloads.build('feePerGas.medium');
-            return Object.assign(Object.assign({ data: sourcePrices, label: 'Source Prices' }, (0, DataLineStyles_1.DataLineStyles)((_a = this.themeColors) === null || _a === void 0 ? void 0 : _a.dataSetColorSecondary)), (0, DataPointStyles_1.DataPointStyles)((_b = this.themeColors) === null || _b === void 0 ? void 0 : _b.dataSetColorSecondary));
-        });
-    }
-}
-exports.ForecastLineChartConfigBuilder = ForecastLineChartConfigBuilder;
-//# sourceMappingURL=ForecastLineChartConfigBuilder.js.map

package/dist/cjs/lib/ForecastLineChartConfigBuilder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ForecastLineChartConfigBuilder.js","sourceRoot":"","sources":["../../../src/lib/ForecastLineChartConfigBuilder.ts"],"names":[],"mappings":"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"}

package/dist/cjs/lib/MockSourcePayloads.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MockSourcePayloads = void 0;
-const MockSourcePayloads = () => {
-    const tenMin = 600000;
-    return [
-        {
-            baseFee: 38.90155387825,
-            feePerGas: { high: 47.9945864396, low: 39.006868093, medium: 39.306868093, veryHigh: 44.45384380525 },
-            priorityFeePerGas: { high: 1.0266666666666666, low: -0.41000000000000003, medium: 0.38, veryHigh: 1.3900000000000001 },
-            schema: 'network.xyo.blockchain.ethereum.gas',
-            timestamp: Date.now() - tenMin,
-        },
-        {
-            baseFee: 38.90155387825,
-            feePerGas: { high: 47.9945864396, low: 39.006868093, medium: 100, veryHigh: 44.45384380525 },
-            priorityFeePerGas: { high: 1.0266666666666666, low: -0.41000000000000003, medium: 0.38, veryHigh: 1.3900000000000001 },
-            schema: 'network.xyo.blockchain.ethereum.gas',
-            timestamp: Date.now(),
-        },
-    ];
-};
-exports.MockSourcePayloads = MockSourcePayloads;
-//# sourceMappingURL=MockSourcePayloads.js.map

package/dist/cjs/lib/MockSourcePayloads.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MockSourcePayloads.js","sourceRoot":"","sources":["../../../src/lib/MockSourcePayloads.ts"],"names":[],"mappings":";;;AAAO,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,MAAM,GAAG,MAAM,CAAA;IACrB,OAAO;QACL;YACE,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE;YACrG,iBAAiB,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAE;YACtH,MAAM,EAAE,qCAAqC;YAC7C,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,MAAM;SAC/B;QACD;YACE,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,cAAc,EAAE;YAC5F,iBAAiB,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAE;YACtH,MAAM,EAAE,qCAAqC;YAC7C,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB;KACF,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,kBAAkB,sBAkB9B"}