@oanda/labs-currency-power-balance-widget 1.0.111 → 1.0.113

package/src/CurrencyPowerBalanceWidget/components/Chart/options/getOption.ts

@@ -1,25 +1,33 @@
 import { darkTheme, lightTheme } from '@oanda/labs-widget-common';
+
+import type { CurrencyPowerBalance } from '../../../../gql/types/graphql';
+import { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';
 import { COLOR_CONFIG, TOOLTIP_LINE_COLOR_CONFIG } from './constants';
 import {
-  intervalFormatter, tooltipFormatter, xAxisLabelFormatter, formatLegendData,
+  formatLegendData,
+  intervalFormatter,
+  tooltipFormatter,
+  xAxisLabelFormatter,
 } from './formatters';
-import { CurrencyPowerBalance, CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';
 import { findLastIndexesBeforeWeekend } from './utils';
 
 const getOption = (
   chartData: CurrencyPowerBalance[],
   timeUnit: CurrencyPowerBalanceTimeUnit,
   isDark: boolean,
-  lang: (key: string) => string,
+  lang: (key: string) => string
 ) => {
   const currentTheme = isDark ? darkTheme : lightTheme;
-  const dataTimestamps = chartData[0].power.map((x) => new Date(x.point).getTime());
+  const dataTimestamps = chartData[0].power.map((x) =>
+    new Date(x.point).getTime()
+  );
   const weekendsIndexes = findLastIndexesBeforeWeekend(dataTimestamps);
-  const disableWeekendsIndicator = [
-    CurrencyPowerBalanceTimeUnit.CurrentDay,
-    CurrencyPowerBalanceTimeUnit.PreviousDay,
-    CurrencyPowerBalanceTimeUnit.M3,
-  ].includes(timeUnit) || weekendsIndexes.length === 0;
+  const disableWeekendsIndicator =
+    [
+      CurrencyPowerBalanceTimeUnit.CurrentDay,
+      CurrencyPowerBalanceTimeUnit.PreviousDay,
+      CurrencyPowerBalanceTimeUnit.M3,
+    ].includes(timeUnit) || weekendsIndexes.length === 0;
 
   const weekendsMarks = weekendsIndexes.map((item) => ({
     xAxis: item,
@@ -37,40 +45,45 @@ const getOption = (
       color: COLOR_CONFIG[currency],
     },
     data: power.map(({ point, price }) => [point, price]),
-    markLine: index === chartData.length - 1 && !disableWeekendsIndicator ? {
-      label: {
-        show: false,
-        position: 'end',
-        align: 'center',
-        distance: -32,
-        padding: [8, 8],
-        fontSize: 12,
-        shadowBlur: 24,
-        shadowOffsetX: 0,
-        shadowOffsetY: 6,
-        borderWidth: 0,
-        color: currentTheme.textPrimary,
-        shadowColor: 'rgba(0,0,0,0.1)',
-        borderRadius: 4,
-        backgroundColor: isDark ? currentTheme.borderPrimary : currentTheme.backgroundSecondary,
-      },
-      show: false,
-      emphasis: {
-        label: {
-          show: true,
-        },
-        lineStyle: {
-          width: 1,
-          opacity: 0,
-          color: currentTheme.borderPrimary,
-        },
-      },
-      symbol: ['none', 'none'],
-      itemStyle: {
-        color: currentTheme.borderPrimary,
-      },
-      data: weekendsMarks,
-    } : undefined,
+    markLine:
+      index === chartData.length - 1 && !disableWeekendsIndicator
+        ? {
+            label: {
+              show: false,
+              position: 'end',
+              align: 'center',
+              distance: -32,
+              padding: [8, 8],
+              fontSize: 12,
+              shadowBlur: 24,
+              shadowOffsetX: 0,
+              shadowOffsetY: 6,
+              borderWidth: 0,
+              color: currentTheme.textPrimary,
+              shadowColor: 'rgba(0,0,0,0.1)',
+              borderRadius: 4,
+              backgroundColor: isDark
+                ? currentTheme.borderPrimary
+                : currentTheme.backgroundSecondary,
+            },
+            show: false,
+            emphasis: {
+              label: {
+                show: true,
+              },
+              lineStyle: {
+                width: 1,
+                opacity: 0,
+                color: currentTheme.borderPrimary,
+              },
+            },
+            symbol: ['none', 'none'],
+            itemStyle: {
+              color: currentTheme.borderPrimary,
+            },
+            data: weekendsMarks,
+          }
+        : undefined,
   }));
 
   const legendData = formatLegendData(chartData);
@@ -88,7 +101,9 @@ const getOption = (
         axis: 'x',
         z: 0,
         lineStyle: {
-          color: isDark ? TOOLTIP_LINE_COLOR_CONFIG.DARK : TOOLTIP_LINE_COLOR_CONFIG.LIGHT,
+          color: isDark
+            ? TOOLTIP_LINE_COLOR_CONFIG.DARK
+            : TOOLTIP_LINE_COLOR_CONFIG.LIGHT,
         },
       },
       formatter: tooltipFormatter,

package/src/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.ts

@@ -1,4 +1,5 @@
 import { getGridLines } from '@oanda/labs-widget-common';
+
 import {
   CHART_HEIGHT,
   CHART_WIDTH,
@@ -10,7 +11,11 @@ import {
   Y_LABEL_SIZE_MOBILE,
 } from './constants';
 
-const getResponsiveOption = (isDesktop: boolean, isMobile: boolean, isDark: boolean) => {
+const getResponsiveOption = (
+  isDesktop: boolean,
+  isMobile: boolean,
+  isDark: boolean
+) => {
   const baseGridLines = getGridLines({
     isDark,
     chartWidth: CHART_WIDTH,
@@ -36,9 +41,7 @@ const getResponsiveOption = (isDesktop: boolean, isMobile: boolean, isDark: bool
         bottom: `${isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE}px`,
       },
     ],
-    graphic: [
-      ...baseGridLines,
-    ],
+    graphic: [...baseGridLines],
   };
 };
 

package/src/CurrencyPowerBalanceWidget/components/Chart/options/types.ts

@@ -1,5 +1,5 @@
 export interface TooltipFormatterParams {
   marker: string;
   seriesName: string;
-  value: string[]
+  value: string[];
 }

package/src/CurrencyPowerBalanceWidget/components/Chart/options/utils.ts

@@ -1,12 +1,13 @@
 import { WEEKEND_DURATION } from './constants';
 
-const findLastIndexesBeforeWeekend = (timestamps: number[]) => timestamps
-  .reduce((acc, timestamp, index) => (
-    timestamps.length - 1 !== index && timestamps[index + 1] - timestamp >= WEEKEND_DURATION
-      ? [...acc, index]
-      : acc
-  ), [] as number[]);
+const findLastIndexesBeforeWeekend = (timestamps: number[]) =>
+  timestamps.reduce(
+    (acc, timestamp, index) =>
+      timestamps.length - 1 !== index &&
+      timestamps[index + 1] - timestamp >= WEEKEND_DURATION
+        ? [...acc, index]
+        : acc,
+    [] as number[]
+  );
 
-export {
-  findLastIndexesBeforeWeekend,
-};
+export { findLastIndexesBeforeWeekend };

package/src/CurrencyPowerBalanceWidget/components/Chart/types.ts

@@ -1,4 +1,7 @@
-import { CurrencyPowerBalance, CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
+import type {
+  CurrencyPowerBalance,
+  CurrencyPowerBalanceTimeUnit,
+} from '../../../gql/types/graphql';
 
 export interface ChartProps {
   values: CurrencyPowerBalance[];

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx

@@ -1,29 +1,35 @@
-import React from 'react';
 import { Select } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
-import { TimeUnitSwitchProps } from './types';
-import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
+import React from 'react';
+
+import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
+import type { TimeUnitSwitchProps } from './types';
 
 const TimeUnitSelect = ({
-  selected, options, callback,
+  selected,
+  options,
+  callback,
 }: TimeUnitSwitchProps) => {
   const { lang } = useLocale();
-  const selectOptions = options
-    .map(({ value: id, label, tooltipLabel }) => ({
-      id,
-      label: tooltipLabel
-        ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
-        : lang(label),
-    }));
-  const [{ label: selectedLabel }] = selectOptions.filter(({ id }) => id === selected);
+  const selectOptions = options.map(({ value: id, label, tooltipLabel }) => ({
+    id,
+    label: tooltipLabel
+      ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
+      : lang(label),
+  }));
+  const [{ label: selectedLabel }] = selectOptions.filter(
+    ({ id }) => id === selected
+  );
 
   return (
-    <div data-testid="time-unit-select" className="lw-mb-6 lw-w-full">
+    <div className="lw-mb-6 lw-w-full" data-testid="time-unit-select">
       <Select
-        searchPlaceholder={lang('search')}
         options={selectOptions}
+        searchPlaceholder={lang('search')}
         selectedOption={{ id: selected, label: selectedLabel }}
-        setSelectedOption={({ id }) => callback(id as CurrencyPowerBalanceTimeUnit)}
+        setSelectedOption={({ id }) =>
+          callback(id as CurrencyPowerBalanceTimeUnit)
+        }
       />
     </div>
   );

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx

@@ -1,18 +1,25 @@
-import React, { useContext } from 'react';
 import {
-  Button, ButtonSize, ButtonVariant, ThemeContext, Size,
+  Button,
+  ButtonSize,
+  ButtonVariant,
+  Size,
+  useLayoutProvider,
 } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
-import { TimeUnitSwitchProps } from './types';
-import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
+import React from 'react';
+
+import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
 import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';
 import { TimeUnitSelect } from './TimeUnitSelect';
+import type { TimeUnitSwitchProps } from './types';
 
 const TimeUnitSwitch = ({
-  selected, options, callback,
+  selected,
+  options,
+  callback,
 }: TimeUnitSwitchProps) => {
   const { lang } = useLocale();
-  const { size } = useContext(ThemeContext);
+  const { size } = useLayoutProvider();
   const isDesktop = size === Size.DESKTOP;
 
   const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {
@@ -21,40 +28,43 @@ const TimeUnitSwitch = ({
 
   return (
     <>
-      {isDesktop
-        ? (
-          <div data-testid="time-unit-switch" className="lw-mb-6 lw-flex lw-gap-1 lw-self-end">
-            {options.map(({ value, label, tooltipLabel }) => {
-              const tooltip = tooltipLabel
-                ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
-                : tooltipLabel;
-              const buttonLabel = lang(label);
+      {isDesktop ? (
+        <div
+          className="lw-mb-6 lw-flex lw-gap-1 lw-self-end"
+          data-testid="time-unit-switch"
+        >
+          {options.map(({ value, label, tooltipLabel }) => {
+            const tooltip = tooltipLabel
+              ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
+              : tooltipLabel;
+            const buttonLabel = lang(label);
 
-              return (
-                <Button
-                  key={value}
-                  size={ButtonSize.full}
-                  variant={selected === value
+            return (
+              <Button
+                key={value}
+                data-tooltip-content={tooltip}
+                data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}
+                size={ButtonSize.full}
+                value={value}
+                variant={
+                  selected === value
                     ? ButtonVariant.primary
-                    : ButtonVariant.secondary}
-                  onClick={handleButtonClick}
-                  value={value}
-                  data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}
-                  data-tooltip-content={tooltip}
-                >
-                  {buttonLabel}
-                </Button>
-              );
-            })}
-          </div>
-        )
-        : (
-          <TimeUnitSelect
-            selected={selected}
-            callback={callback}
-            options={options}
-          />
-        )}
+                    : ButtonVariant.secondary
+                }
+                onClick={handleButtonClick}
+              >
+                {buttonLabel}
+              </Button>
+            );
+          })}
+        </div>
+      ) : (
+        <TimeUnitSelect
+          callback={callback}
+          options={options}
+          selected={selected}
+        />
+      )}
     </>
   );
 };

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts

@@ -1,4 +1,4 @@
-import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
+import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
 
 export interface TimeUnitOption {
   value: CurrencyPowerBalanceTimeUnit;
@@ -12,7 +12,7 @@ export interface TimeUnitSwitchProps {
   callback: (value: CurrencyPowerBalanceTimeUnit) => void;
 }
 
-type TooltipLabel = {
+interface TooltipLabel {
   translationKey: string;
   count: number;
-};
+}

package/src/CurrencyPowerBalanceWidget/config.ts

@@ -49,8 +49,14 @@ const timeUnitConfig = [
       count: 4,
     },
   },
-  { value: CurrencyPowerBalanceTimeUnit.PreviousDay, label: 'previous_business_day' },
-  { value: CurrencyPowerBalanceTimeUnit.CurrentDay, label: 'current_business_day' },
+  {
+    value: CurrencyPowerBalanceTimeUnit.PreviousDay,
+    label: 'previous_business_day',
+  },
+  {
+    value: CurrencyPowerBalanceTimeUnit.CurrentDay,
+    label: 'current_business_day',
+  },
 ];
 
 export { timeUnitConfig };

package/src/CurrencyPowerBalanceWidget/constants.ts

@@ -1 +1,2 @@
-export const CURRENCY_POWER_BALANCE_TOOLTIP_ID = 'currency-power-balance-widget-tooltip';
+export const CURRENCY_POWER_BALANCE_TOOLTIP_ID =
+  'currency-power-balance-widget-tooltip';

package/src/CurrencyPowerBalanceWidget/render.tsx

@@ -1,6 +1,8 @@
+import type { Theme } from '@oanda/labs-widget-common';
+import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';
+
 import { CurrencyPowerBalance } from './CurrencyPowerBalance';
 
 const {
@@ -9,48 +11,50 @@ const {
   locale: configLocale,
 } = window.currencyPowerBalanceWidgetConfig || {};
 
-const {
-  graphqlUrl,
-} = window.widgetsConfig || {};
+const { graphqlUrl } = window.widgetsConfig || {};
 
-const currencyPowerBalanceParamsElements = document.querySelectorAll('div[data-currency-power-balance-params]');
+const currencyPowerBalanceParamsElements = document.querySelectorAll(
+  'div[data-currency-power-balance-params]'
+);
 
 if (currencyPowerBalanceParamsElements.length > 0) {
   currencyPowerBalanceParamsElements.forEach((element) => {
     const root = createRoot(element);
     const params = element.getAttribute('data-currency-power-balance-params');
     const mode = element.getAttribute('data-mode');
-    const {
-      timeUnit, currencies, locale, logoLink,
-    } = JSON.parse(params as string);
+    const { timeUnit, currencies, locale, logoLink } = JSON.parse(
+      params as string
+    );
 
     const isParamError = validateToolParams({ locale, graphqlUrl }, [
       {
         name: 'locale',
-        valueCheck: (value) => validateLocale(value),
-      }, {
+        valueCheck: (value: string | undefined) => validateLocale(value),
+      },
+      {
         name: 'graphqlUrl',
-      }]);
+      },
+    ]);
     root.render(
       <CurrencyPowerBalance
+        currencies={currencies}
         graphqlUrl={graphqlUrl}
+        isParamError={isParamError}
         locale={locale}
+        logoLink={logoLink}
         theme={mode as Theme}
-        isParamError={isParamError}
         timeUnit={timeUnit}
-        currencies={currencies}
-        logoLink={logoLink}
-      />,
+      />
     );
   });
 } else {
-  const container = document.getElementById(configRenderElementId);
+  const container: HTMLElement | null = document.querySelector(
+    configRenderElementId
+  );
+
   const root = createRoot(container!);
 
   root.render(
-    <CurrencyPowerBalance
-      locale={configLocale}
-      graphqlUrl={configGraphQl}
-    />,
+    <CurrencyPowerBalance graphqlUrl={configGraphQl} locale={configLocale} />
   );
 }

package/src/CurrencyPowerBalanceWidget/types.ts

@@ -1,12 +1,14 @@
-import { WidgetConfig } from '@oanda/labs-widget-common';
-import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
+import type { WidgetConfig } from '@oanda/labs-widget-common';
+
+import type { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 
 export interface CurrencyPowerBalanceConfig extends WidgetConfig {
   timeUnit?: CurrencyPowerBalanceTimeUnit;
   currencies?: string[];
 }
 
-export interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {
+export interface CurrencyPowerBalanceWrapperConfig
+  extends CurrencyPowerBalanceConfig {
   renderElementId: string;
 }
 

package/src/gql/types/fragment-masking.ts

@@ -1,18 +1,21 @@
-import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';
+import {
+  ResultOf,
+  DocumentTypeDecoration,
+  TypedDocumentNode,
+} from '@graphql-typed-document-node/core';
 import { FragmentDefinitionNode } from 'graphql';
 import { Incremental } from './graphql';
 
-
-export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<
-  infer TType,
-  any
->
-  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]
-    ? TKey extends string
-      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }
+export type FragmentType<
+  TDocumentType extends DocumentTypeDecoration<any, any>,
+> =
+  TDocumentType extends DocumentTypeDecoration<infer TType, any>
+    ? [TType] extends [{ ' $fragmentName'?: infer TKey }]
+      ? TKey extends string
+        ? { ' $fragmentRefs'?: { [key in TKey]: TType } }
+        : never
       : never
-    : never
-  : never;
+    : never;
 
 // return non-nullable if `fragmentType` is non-nullable
 export function useFragment<TType>(
@@ -22,7 +25,10 @@ export function useFragment<TType>(
 // return nullable if `fragmentType` is nullable
 export function useFragment<TType>(
   _documentNode: DocumentTypeDecoration<TType, any>,
-  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined
+  fragmentType:
+    | FragmentType<DocumentTypeDecoration<TType, any>>
+    | null
+    | undefined
 ): TType | null | undefined;
 // return array of non-nullable if `fragmentType` is array of non-nullable
 export function useFragment<TType>(
@@ -32,35 +38,49 @@ export function useFragment<TType>(
 // return array of nullable if `fragmentType` is array of nullable
 export function useFragment<TType>(
   _documentNode: DocumentTypeDecoration<TType, any>,
-  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined
+  fragmentType:
+    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>
+    | null
+    | undefined
 ): ReadonlyArray<TType> | null | undefined;
 export function useFragment<TType>(
   _documentNode: DocumentTypeDecoration<TType, any>,
-  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined
+  fragmentType:
+    | FragmentType<DocumentTypeDecoration<TType, any>>
+    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>
+    | null
+    | undefined
 ): TType | ReadonlyArray<TType> | null | undefined {
   return fragmentType as any;
 }
 
-
 export function makeFragmentData<
   F extends DocumentTypeDecoration<any, any>,
-  FT extends ResultOf<F>
+  FT extends ResultOf<F>,
 >(data: FT, _fragment: F): FragmentType<F> {
   return data as FragmentType<F>;
 }
 export function isFragmentReady<TQuery, TFrag>(
   queryNode: DocumentTypeDecoration<TQuery, any>,
   fragmentNode: TypedDocumentNode<TFrag>,
-  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined
+  data:
+    | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>
+    | null
+    | undefined
 ): data is FragmentType<typeof fragmentNode> {
-  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__
-    ?.deferredFields;
+  const deferredFields = (
+    queryNode as {
+      __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };
+    }
+  ).__meta__?.deferredFields;
 
   if (!deferredFields) return true;
 
-  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;
+  const fragDef = fragmentNode.definitions[0] as
+    | FragmentDefinitionNode
+    | undefined;
   const fragName = fragDef?.name?.value;
 
   const fields = (fragName && deferredFields[fragName]) || [];
-  return fields.length > 0 && fields.every(field => data && field in data);
+  return fields.length > 0 && fields.every((field) => data && field in data);
 }

package/src/gql/types/gql.ts

@@ -13,7 +13,8 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
-    "\n  query GetCurrencyPowerBalance($timeUnit: CurrencyPowerBalanceTimeUnit!) {\n    currencyPowerBalance(timeUnit: $timeUnit) {\n      currency\n      power {\n        point\n        price\n      }\n      updatedAt\n    }\n  }\n": types.GetCurrencyPowerBalanceDocument,
+  '\n  query GetCurrencyPowerBalance($timeUnit: CurrencyPowerBalanceTimeUnit!) {\n    currencyPowerBalance(timeUnit: $timeUnit) {\n      currency\n      power {\n        point\n        price\n      }\n      updatedAt\n    }\n  }\n':
+    types.GetCurrencyPowerBalanceDocument,
 };
 
 /**
@@ -33,10 +34,13 @@ export function graphql(source: string): unknown;
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  query GetCurrencyPowerBalance($timeUnit: CurrencyPowerBalanceTimeUnit!) {\n    currencyPowerBalance(timeUnit: $timeUnit) {\n      currency\n      power {\n        point\n        price\n      }\n      updatedAt\n    }\n  }\n"): (typeof documents)["\n  query GetCurrencyPowerBalance($timeUnit: CurrencyPowerBalanceTimeUnit!) {\n    currencyPowerBalance(timeUnit: $timeUnit) {\n      currency\n      power {\n        point\n        price\n      }\n      updatedAt\n    }\n  }\n"];
+export function graphql(
+  source: '\n  query GetCurrencyPowerBalance($timeUnit: CurrencyPowerBalanceTimeUnit!) {\n    currencyPowerBalance(timeUnit: $timeUnit) {\n      currency\n      power {\n        point\n        price\n      }\n      updatedAt\n    }\n  }\n'
+): (typeof documents)['\n  query GetCurrencyPowerBalance($timeUnit: CurrencyPowerBalanceTimeUnit!) {\n    currencyPowerBalance(timeUnit: $timeUnit) {\n      currency\n      power {\n        point\n        price\n      }\n      updatedAt\n    }\n  }\n'];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};
 }
 
-export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;
+export type DocumentType<TDocumentNode extends DocumentNode<any, any>> =
+  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;