@oanda/labs-instruments-price-chart-widget 1.0.1

package/src/gql/types/index.ts

@@ -0,0 +1,2 @@
+export * from './fragment-masking';
+export * from './gql';

package/src/gql/validateInstruments.ts

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client';
+
+export const validateInstruments = gql`
+  query validateInstruments($instruments: [String]!, $division: Division) {
+    mapInstrumentNames(instruments: $instruments, division: $division) {
+      name
+      displayName
+    }
+  }
+`;

package/src/index.ts

@@ -0,0 +1 @@
+export * from './InstrumentsPriceChartWidget';

package/src/translations/index.ts

@@ -0,0 +1,17 @@
+import type { Translations } from '@oanda/mono-i18n';
+import { Locale } from '@oanda/mono-i18n';
+
+import en from './sources/en.json';
+import es from './sources/es.json';
+import th from './sources/th.json';
+import zhTW from './sources/zh_TW.json';
+import type { defaultTranslations } from './translations';
+
+export type TranslationKey = keyof typeof defaultTranslations;
+
+export const translations: Translations = {
+  [Locale.en]: { translation: en },
+  [Locale.zhTW]: { translation: zhTW },
+  [Locale.es]: { translation: es },
+  [Locale.th]: { translation: th },
+};

package/src/translations/sources/en.json

@@ -0,0 +1,2 @@
+{
+}

package/src/translations/sources/es.json

@@ -0,0 +1,2 @@
+{
+}

package/src/translations/sources/th.json

@@ -0,0 +1,2 @@
+{
+}

package/src/translations/sources/zh_TW.json

@@ -0,0 +1,2 @@
+{
+}

package/src/translations/translations.ts

@@ -0,0 +1 @@
+export const defaultTranslations = {};

package/test/Main.test.tsx

@@ -0,0 +1,26 @@
+/**
+ * @jest-environment jsdom
+ */
+import { MockedProvider } from '@apollo/client/testing';
+import { MockLayoutProvider } from '@oanda/labs-widget-common';
+import { render } from '@testing-library/react';
+import React from 'react';
+
+import { Division } from '../src/gql/types/graphql';
+import { Main } from '../src/InstrumentsPriceChartWidget/Main';
+import { chartMock } from './mocks';
+
+describe('Main component', () => {
+  it('should render widget', async () => {
+    const { findByTestId } = render(
+      <MockedProvider mocks={chartMock}>
+        <MockLayoutProvider>
+          <Main division={Division.Oc} />
+        </MockLayoutProvider>
+      </MockedProvider>
+    );
+    expect(
+      await findByTestId('instruments-price-chart-wrapper')
+    ).toBeInTheDocument();
+  });
+});

package/test/mocks/chartMock.ts

@@ -0,0 +1,52 @@
+import { getPriceCandles } from '../../src/gql/mock/getPriceCandles';
+
+export const chartMock = [
+  {
+    request: {
+      query: getPriceCandles,
+      variables: {
+        instrument: 'EUR_USD',
+        granularity: 'DAY_1',
+        timeSpan: 'MONTH_1',
+      },
+    },
+    result: {
+      data: {
+        getPriceCandles: [
+          {
+            __typename: 'CandlesData',
+            time: '2025-07-10T01:11:33.362Z',
+            unixTime: 1752109893,
+            candle: {
+              __typename: 'Candle',
+              high: 1.045922851017596,
+              low: 1.0453528401938712,
+              open: 1.045734906133081,
+              close: 1.0456884271571287,
+            },
+            instrument: {
+              __typename: 'Instrument',
+              displayName: 'EUR/USD',
+            },
+          },
+          {
+            __typename: 'CandlesData',
+            time: '2025-07-10T01:41:33.362Z',
+            unixTime: 1752111693,
+            candle: {
+              __typename: 'Candle',
+              high: 1.0470140546917646,
+              low: 1.0461029062975133,
+              open: 1.0462692841559467,
+              close: 1.0462351419425193,
+            },
+            instrument: {
+              __typename: 'Instrument',
+              displayName: 'EUR/USD',
+            },
+          },
+        ],
+      },
+    },
+  },
+];

package/test/mocks/index.ts

@@ -0,0 +1 @@
+export * from './chartMock';

package/tsconfig.types.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.types.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
+  },
+  "include": [
+    "./src/**/*",
+    "../../types/**/*"
+  ]
+}