@oanda/labs-sentiment-widget 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.0.0 (2023-09-01)
+
+**Note:** Version bump only for package @oanda/labs-sentiment-widget

package/dist/main/SentimentWidget/Main.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _client = require("@apollo/client");
+var _getInstrumentSentiment = require("../gql/getInstrumentSentiment");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Main = _ref => {
+  let {
+    instrument
+  } = _ref;
+  const {
+    loading,
+    data,
+    error
+  } = (0, _client.useQuery)(_getInstrumentSentiment.getInstrumentSentiment, {
+    variables: {
+      division: 'OJ',
+      name: instrument
+    }
+  });
+  const {
+    sentiment
+  } = (data === null || data === void 0 ? void 0 : data.sentiment[0]) || {};
+  const isError = error || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === 0 && (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === 0 || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === undefined || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === undefined;
+  return _react.default.createElement("div", {
+    "data-testid": "sentiment-widget",
+    className: "flex items-center justify-between border border-solid border-grey p-4 text-sm text-black"
+  }, !loading ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("p", {
+    className: "mr-12 font-sans font-bold"
+  }, instrument), !isError && _react.default.createElement(_labsWidgetCommon.Sentiment, {
+    height: _labsWidgetCommon.SentimentHeight.md,
+    sentiment: sentiment
+  }), isError && _react.default.createElement(_labsWidgetCommon.Error, null)) : _react.default.createElement(_labsWidgetCommon.Spinner, null));
+};
+exports.Main = Main;
+//# sourceMappingURL=Main.js.map

package/dist/main/SentimentWidget/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_client","_getInstrumentSentiment","obj","__esModule","default","Main","_ref","instrument","loading","data","error","useQuery","getInstrumentSentiment","variables","division","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Fragment","Sentiment","height","SentimentHeight","md","Error","Spinner","exports"],"sources":["../../../src/SentimentWidget/Main.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sentiment, SentimentHeight, Spinner, Error,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\n\nconst Main = ({ instrument }: { instrument: string }) => {\n  const { loading, data, error } = useQuery(getInstrumentSentiment, {\n    variables: {\n      division: 'OJ',\n      name: instrument,\n    },\n  });\n\n  const { sentiment } = data?.sentiment[0] || {};\n  const isError = error\n    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n    || sentiment?.shortPercent === undefined\n    || sentiment?.longPercent === undefined;\n\n  return (\n    <div data-testid=\"sentiment-widget\" className=\"flex items-center justify-between border border-solid border-grey p-4 text-sm text-black\">\n      {!loading\n        ? (\n          <>\n            <p className=\"mr-12 font-sans font-bold\">{instrument}</p>\n            {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}\n            {isError && <Error />}\n          </>\n        ) : <Spinner />}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAAuE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvE,MAAMG,IAAI,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC;EAAmC,CAAC,GAAAD,IAAA;EAClD,MAAM;IAAEE,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAACC,8CAAsB,EAAE;IAChEC,SAAS,EAAE;MACTC,QAAQ,EAAE,IAAI;MACdC,IAAI,EAAER;IACR;EACF,CAAC,CAAC;EAEF,MAAM;IAAES;EAAU,CAAC,GAAG,CAAAP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGP,KAAK,IACf,CAAAM,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAK,CAAC,IAAI,CAAAF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAK,CAAE,IAC/D,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAKE,SAAS,IACrC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAKC,SAAS;EAEzC,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA0F,GACrI,CAACd,OAAO,GAELZ,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAAAzB,MAAA,CAAAQ,OAAA,CAAAmB,QAAA,QACE3B,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAGC,SAAS,EAAC;EAA2B,GAAEf,UAAc,CAAC,EACxD,CAACU,OAAO,IAAIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAAyB,SAAS;IAACC,MAAM,EAAEC,iCAAe,CAACC,EAAG;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC3EC,OAAO,IAAIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAA6B,KAAK,MAAE,CACpB,CAAC,GACDhC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAA8B,OAAO,MAAE,CACb,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAzB,IAAA,GAAAA,IAAA"}

package/dist/main/SentimentWidget/SentimentWidget.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SentimentWidget = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _Main = require("./Main");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SentimentWidget = _ref => {
+  let {
+    graphqlUrl,
+    instrument
+  } = _ref;
+  const client = new _client.ApolloClient({
+    uri: graphqlUrl,
+    cache: new _client.InMemoryCache()
+  });
+  return _react.default.createElement(_client.ApolloProvider, {
+    client: client
+  }, _react.default.createElement(_Main.Main, {
+    instrument: instrument
+  }));
+};
+exports.SentimentWidget = SentimentWidget;
+//# sourceMappingURL=SentimentWidget.js.map

package/dist/main/SentimentWidget/SentimentWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentimentWidget.js","names":["_react","_interopRequireDefault","require","_client","_Main","obj","__esModule","default","SentimentWidget","_ref","graphqlUrl","instrument","client","ApolloClient","uri","cache","InMemoryCache","createElement","ApolloProvider","Main","exports"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { Main } from './Main';\nimport { SentimentWidgetConfig } from './types';\n\nconst SentimentWidget = ({ graphqlUrl, instrument }: SentimentWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ApolloProvider client={client}>\n      <Main instrument={instrument} />\n    </ApolloProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA8B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAG9B,MAAMG,eAAe,GAAGC,IAAA,IAAuD;EAAA,IAAtD;IAAEC,UAAU;IAAEC;EAAkC,CAAC,GAAAF,IAAA;EACxE,MAAMG,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEJ,UAAU;IACfK,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEhB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,OAAA,CAAAe,cAAc;IAACN,MAAM,EAAEA;EAAO,GAC7BZ,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,KAAA,CAAAe,IAAI;IAACR,UAAU,EAAEA;EAAW,CAAE,CACjB,CAAC;AAErB,CAAC;AAACS,OAAA,CAAAZ,eAAA,GAAAA,eAAA"}

package/dist/main/SentimentWidget/render.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+var _SentimentWidget = require("./SentimentWidget");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const {
+  graphqlUrl,
+  instrument
+} = window.sentimentWidgetConfig;
+(0, _reactDom.render)(_react.default.createElement(_SentimentWidget.SentimentWidget, {
+  graphqlUrl: graphqlUrl,
+  instrument: instrument
+}), document.getElementById('sentiment'));
+//# sourceMappingURL=render.js.map

package/dist/main/SentimentWidget/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_SentimentWidget","obj","__esModule","default","graphqlUrl","instrument","window","sentimentWidgetConfig","render","createElement","SentimentWidget","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWidgetConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWidgetConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  instrument,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    instrument={instrument}\n  />,\n  document.getElementById('sentiment'),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACT,gBAAA,CAAAU,eAAe;EACdN,UAAU,EAAEA,UAAW;EACvBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFM,QAAQ,CAACC,cAAc,CAAC,WAAW,CACrC,CAAC"}

package/dist/main/SentimentWidget/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/main/SentimentWidget/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["export interface SentimentWidgetConfig {\n  graphqlUrl: string;\n  instrument: string;\n}\n"],"mappings":""}

package/dist/main/gql/getInstrumentSentiment.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInstrumentSentiment = void 0;
+var _client = require("@apollo/client");
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const getInstrumentSentiment = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetInstrumentSentiment(\n    $division: Division!\n    $name: String!\n  ) {\n    sentiment(\n      division: $division\n      name: $name\n    ) {\n      name\n      sentiment {\n        shortPercent\n        longPercent\n      }\n    }\n  }\n"])));
+exports.getInstrumentSentiment = getInstrumentSentiment;
+//# sourceMappingURL=getInstrumentSentiment.js.map

package/dist/main/gql/getInstrumentSentiment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInstrumentSentiment.js","names":["_client","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","getInstrumentSentiment","gql","exports"],"sources":["../../../src/gql/getInstrumentSentiment.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getInstrumentSentiment = gql`\n  query GetInstrumentSentiment(\n    $division: Division!\n    $name: String!\n  ) {\n    sentiment(\n      division: $division\n      name: $name\n    ) {\n      name\n      sentiment {\n        shortPercent\n        longPercent\n      }\n    }\n  }\n`;\n\nexport { getInstrumentSentiment };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAErC,MAAMM,sBAAsB,OAAGC,WAAG,EAAAV,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sQAgBjC;AAACU,OAAA,CAAAF,sBAAA,GAAAA,sBAAA"}

package/dist/main/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _types = require("./SentimentWidget/types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _SentimentWidget = require("./SentimentWidget/SentimentWidget");
+Object.keys(_SentimentWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SentimentWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SentimentWidget[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_types","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SentimentWidget"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './SentimentWidget/types';\nexport * from './SentimentWidget/SentimentWidget';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/dist/module/SentimentWidget/Main.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Sentiment, SentimentHeight, Spinner, Error } from '@oanda/labs-widget-common';
+import { useQuery } from '@apollo/client';
+import { getInstrumentSentiment } from '../gql/getInstrumentSentiment';
+const Main = _ref => {
+  let {
+    instrument
+  } = _ref;
+  const {
+    loading,
+    data,
+    error
+  } = useQuery(getInstrumentSentiment, {
+    variables: {
+      division: 'OJ',
+      name: instrument
+    }
+  });
+  const {
+    sentiment
+  } = (data === null || data === void 0 ? void 0 : data.sentiment[0]) || {};
+  const isError = error || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === 0 && (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === 0 || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === undefined || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === undefined;
+  return React.createElement("div", {
+    "data-testid": "sentiment-widget",
+    className: "flex items-center justify-between border border-solid border-grey p-4 text-sm text-black"
+  }, !loading ? React.createElement(React.Fragment, null, React.createElement("p", {
+    className: "mr-12 font-sans font-bold"
+  }, instrument), !isError && React.createElement(Sentiment, {
+    height: SentimentHeight.md,
+    sentiment: sentiment
+  }), isError && React.createElement(Error, null)) : React.createElement(Spinner, null));
+};
+export { Main };
+//# sourceMappingURL=Main.js.map

package/dist/module/SentimentWidget/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["React","Sentiment","SentimentHeight","Spinner","Error","useQuery","getInstrumentSentiment","Main","_ref","instrument","loading","data","error","variables","division","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Fragment","height","md"],"sources":["../../../src/SentimentWidget/Main.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sentiment, SentimentHeight, Spinner, Error,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\n\nconst Main = ({ instrument }: { instrument: string }) => {\n  const { loading, data, error } = useQuery(getInstrumentSentiment, {\n    variables: {\n      division: 'OJ',\n      name: instrument,\n    },\n  });\n\n  const { sentiment } = data?.sentiment[0] || {};\n  const isError = error\n    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n    || sentiment?.shortPercent === undefined\n    || sentiment?.longPercent === undefined;\n\n  return (\n    <div data-testid=\"sentiment-widget\" className=\"flex items-center justify-between border border-solid border-grey p-4 text-sm text-black\">\n      {!loading\n        ? (\n          <>\n            <p className=\"mr-12 font-sans font-bold\">{instrument}</p>\n            {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}\n            {isError && <Error />}\n          </>\n        ) : <Spinner />}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAAEC,eAAe,EAAEC,OAAO,EAAEC,KAAK,QACrC,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,MAAMC,IAAI,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC;EAAmC,CAAC,GAAAD,IAAA;EAClD,MAAM;IAAEE,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGP,QAAQ,CAACC,sBAAsB,EAAE;IAChEO,SAAS,EAAE;MACTC,QAAQ,EAAE,IAAI;MACdC,IAAI,EAAEN;IACR;EACF,CAAC,CAAC;EAEF,MAAM;IAAEO;EAAU,CAAC,GAAG,CAAAL,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGL,KAAK,IACf,CAAAI,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAK,CAAC,IAAI,CAAAF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAK,CAAE,IAC/D,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAKE,SAAS,IACrC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAKC,SAAS;EAEzC,OACEpB,KAAA,CAAAqB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA0F,GACrI,CAACZ,OAAO,GAELV,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,QACEvB,KAAA,CAAAqB,aAAA;IAAGC,SAAS,EAAC;EAA2B,GAAEb,UAAc,CAAC,EACxD,CAACQ,OAAO,IAAIjB,KAAA,CAAAqB,aAAA,CAACpB,SAAS;IAACuB,MAAM,EAAEtB,eAAe,CAACuB,EAAG;IAACT,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC3EC,OAAO,IAAIjB,KAAA,CAAAqB,aAAA,CAACjB,KAAK,MAAE,CACpB,CAAC,GACDJ,KAAA,CAAAqB,aAAA,CAAClB,OAAO,MAAE,CACb,CAAC;AAEV,CAAC;AAED,SAASI,IAAI"}

package/dist/module/SentimentWidget/SentimentWidget.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
+import { Main } from './Main';
+const SentimentWidget = _ref => {
+  let {
+    graphqlUrl,
+    instrument
+  } = _ref;
+  const client = new ApolloClient({
+    uri: graphqlUrl,
+    cache: new InMemoryCache()
+  });
+  return React.createElement(ApolloProvider, {
+    client: client
+  }, React.createElement(Main, {
+    instrument: instrument
+  }));
+};
+export { SentimentWidget };
+//# sourceMappingURL=SentimentWidget.js.map

package/dist/module/SentimentWidget/SentimentWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentimentWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","Main","SentimentWidget","_ref","graphqlUrl","instrument","client","uri","cache","createElement"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { Main } from './Main';\nimport { SentimentWidgetConfig } from './types';\n\nconst SentimentWidget = ({ graphqlUrl, instrument }: SentimentWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ApolloProvider client={client}>\n      <Main instrument={instrument} />\n    </ApolloProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,eAAe,GAAGC,IAAA,IAAuD;EAAA,IAAtD;IAAEC,UAAU;IAAEC;EAAkC,CAAC,GAAAF,IAAA;EACxE,MAAMG,MAAM,GAAG,IAAIR,YAAY,CAAC;IAC9BS,GAAG,EAAEH,UAAU;IACfI,KAAK,EAAE,IAAIT,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAY,aAAA,CAACT,cAAc;IAACM,MAAM,EAAEA;EAAO,GAC7BT,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACI,UAAU,EAAEA;EAAW,CAAE,CACjB,CAAC;AAErB,CAAC;AAED,SAASH,eAAe"}

package/dist/module/SentimentWidget/render.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { SentimentWidget } from './SentimentWidget';
+const {
+  graphqlUrl,
+  instrument
+} = window.sentimentWidgetConfig;
+render(React.createElement(SentimentWidget, {
+  graphqlUrl: graphqlUrl,
+  instrument: instrument
+}), document.getElementById('sentiment'));
+//# sourceMappingURL=render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","names":["React","render","SentimentWidget","graphqlUrl","instrument","window","sentimentWidgetConfig","createElement","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWidgetConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWidgetConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  instrument,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    instrument={instrument}\n  />,\n  document.getElementById('sentiment'),\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AASnD,MAAM;EACJC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhCL,MAAM,CACJD,KAAA,CAAAO,aAAA,CAACL,eAAe;EACdC,UAAU,EAAEA,UAAW;EACvBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFI,QAAQ,CAACC,cAAc,CAAC,WAAW,CACrC,CAAC"}

package/dist/module/SentimentWidget/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["export interface SentimentWidgetConfig {\n  graphqlUrl: string;\n  instrument: string;\n}\n"],"mappings":""}

package/dist/module/gql/getInstrumentSentiment.js

@@ -0,0 +1,6 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { gql } from '@apollo/client';
+const getInstrumentSentiment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetInstrumentSentiment(\n    $division: Division!\n    $name: String!\n  ) {\n    sentiment(\n      division: $division\n      name: $name\n    ) {\n      name\n      sentiment {\n        shortPercent\n        longPercent\n      }\n    }\n  }\n"])));
+export { getInstrumentSentiment };
+//# sourceMappingURL=getInstrumentSentiment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getInstrumentSentiment.js","names":["gql","getInstrumentSentiment","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getInstrumentSentiment.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getInstrumentSentiment = gql`\n  query GetInstrumentSentiment(\n    $division: Division!\n    $name: String!\n  ) {\n    sentiment(\n      division: $division\n      name: $name\n    ) {\n      name\n      sentiment {\n        shortPercent\n        longPercent\n      }\n    }\n  }\n`;\n\nexport { getInstrumentSentiment };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,sBAAsB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sQAgBjC;AAED,SAASF,sBAAsB"}

package/dist/module/index.js

@@ -0,0 +1,3 @@
+export * from './SentimentWidget/types';
+export * from './SentimentWidget/SentimentWidget';
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './SentimentWidget/types';\nexport * from './SentimentWidget/SentimentWidget';\n"],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,mCAAmC"}

package/dist/types/SentimentWidget/Main.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Main: ({ instrument }: {
+    instrument: string;
+}) => JSX.Element;
+export { Main };

package/dist/types/SentimentWidget/SentimentWidget.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SentimentWidgetConfig } from './types';
+declare const SentimentWidget: ({ graphqlUrl, instrument }: SentimentWidgetConfig) => JSX.Element;
+export { SentimentWidget };

package/dist/types/SentimentWidget/render.d.ts

@@ -0,0 +1,6 @@
+import { SentimentWidgetConfig } from './types';
+declare global {
+    interface Window {
+        sentimentWidgetConfig: SentimentWidgetConfig;
+    }
+}

package/dist/types/SentimentWidget/types.d.ts

@@ -0,0 +1,4 @@
+export interface SentimentWidgetConfig {
+    graphqlUrl: string;
+    instrument: string;
+}

package/dist/types/gql/getInstrumentSentiment.d.ts

@@ -0,0 +1,2 @@
+declare const getInstrumentSentiment: import("@apollo/client").DocumentNode;
+export { getInstrumentSentiment };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SentimentWidget/types';
+export * from './SentimentWidget/SentimentWidget';

package/index.ts

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

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@oanda/labs-sentiment-widget",
+  "version": "1.0.0",
+  "description": "Labs Sentiment Widget",
+  "main": "dist/main/index.js",
+  "module": "dist/module/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {},
+  "keywords": [],
+  "author": "OANDA",
+  "license": "UNLICENSED",
+  "dependencies": {
+    "@apollo/client": "3.7.17",
+    "@oanda/labs-widget-common": "^1.0.0",
+    "graphql": "16.7.1"
+  },
+  "gitHead": "ec860bf52c63bedcf1e806288188f42bc9a0c3b3"
+}

package/src/SentimentWidget/Main.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import {
+  Sentiment, SentimentHeight, Spinner, Error,
+} from '@oanda/labs-widget-common';
+import { useQuery } from '@apollo/client';
+import { getInstrumentSentiment } from '../gql/getInstrumentSentiment';
+
+const Main = ({ instrument }: { instrument: string }) => {
+  const { loading, data, error } = useQuery(getInstrumentSentiment, {
+    variables: {
+      division: 'OJ',
+      name: instrument,
+    },
+  });
+
+  const { sentiment } = data?.sentiment[0] || {};
+  const isError = error
+    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)
+    || sentiment?.shortPercent === undefined
+    || sentiment?.longPercent === undefined;
+
+  return (
+    <div data-testid="sentiment-widget" className="flex items-center justify-between border border-solid border-grey p-4 text-sm text-black">
+      {!loading
+        ? (
+          <>
+            <p className="mr-12 font-sans font-bold">{instrument}</p>
+            {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}
+            {isError && <Error />}
+          </>
+        ) : <Spinner />}
+    </div>
+  );
+};
+
+export { Main };

package/src/SentimentWidget/SentimentWidget.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
+import { Main } from './Main';
+import { SentimentWidgetConfig } from './types';
+
+const SentimentWidget = ({ graphqlUrl, instrument }: SentimentWidgetConfig) => {
+  const client = new ApolloClient({
+    uri: graphqlUrl,
+    cache: new InMemoryCache(),
+  });
+
+  return (
+    <ApolloProvider client={client}>
+      <Main instrument={instrument} />
+    </ApolloProvider>
+  );
+};
+
+export { SentimentWidget };

package/src/SentimentWidget/render.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { SentimentWidget } from './SentimentWidget';
+import { SentimentWidgetConfig } from './types';
+
+declare global {
+  interface Window {
+    sentimentWidgetConfig: SentimentWidgetConfig;
+  }
+}
+
+const {
+  graphqlUrl,
+  instrument,
+} = window.sentimentWidgetConfig;
+
+render(
+  <SentimentWidget
+    graphqlUrl={graphqlUrl}
+    instrument={instrument}
+  />,
+  document.getElementById('sentiment'),
+);

package/src/SentimentWidget/types.ts

@@ -0,0 +1,4 @@
+export interface SentimentWidgetConfig {
+  graphqlUrl: string;
+  instrument: string;
+}

package/src/gql/getInstrumentSentiment.ts

@@ -0,0 +1,21 @@
+import { gql } from '@apollo/client';
+
+const getInstrumentSentiment = gql`
+  query GetInstrumentSentiment(
+    $division: Division!
+    $name: String!
+  ) {
+    sentiment(
+      division: $division
+      name: $name
+    ) {
+      name
+      sentiment {
+        shortPercent
+        longPercent
+      }
+    }
+  }
+`;
+
+export { getInstrumentSentiment };

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './SentimentWidget/types';
+export * from './SentimentWidget/SentimentWidget';

package/test/Main.test.tsx

@@ -0,0 +1,79 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
+import { render } from '@testing-library/react';
+import { MockedProvider } from '@apollo/client/testing';
+import { Main } from '../src/SentimentWidget/Main';
+import { getInstrumentSentiment } from '../src/gql/getInstrumentSentiment';
+
+const mocks = [
+  {
+    request: {
+      query: getInstrumentSentiment,
+      variables: {
+        division: 'OJ',
+        name: 'EUR/USD',
+      },
+    },
+    result: {
+      data: {
+        sentiment: [{
+          name: 'EUR/USD',
+          sentiment: {
+            longPercent: 34,
+            shortPercent: 66,
+          },
+        },
+        ],
+      },
+    },
+  },
+];
+
+const zeroPercentMocks = [
+  {
+    request: {
+      query: getInstrumentSentiment,
+      variables: {
+        division: 'OJ',
+        name: 'GBP/USD',
+      },
+    },
+    result: {
+      data: {
+        sentiment: [{
+          name: 'GBP/USD',
+          sentiment: {
+            longPercent: 0,
+            shortPercent: 0,
+          },
+        },
+        ],
+      },
+    },
+  },
+];
+
+describe('Main component', () => {
+  it('should render main component', async () => {
+    const { findByTestId } = render(
+      <MockedProvider mocks={mocks}>
+        <Main instrument="EUR/USD" />
+      </MockedProvider>,
+    );
+
+    expect(await findByTestId('sentiment-widget')).toBeInTheDocument();
+    expect(await findByTestId('sentiment')).toBeInTheDocument();
+  });
+  it('should render error when both sentiment values are 0', async () => {
+    const { findByTestId } = render(
+      <MockedProvider mocks={zeroPercentMocks}>
+        <Main instrument="GBP/USD" />
+      </MockedProvider>,
+    );
+
+    expect(await findByTestId('sentiment-widget')).toBeInTheDocument();
+    expect(await findByTestId('error')).toBeInTheDocument();
+  });
+});

package/tsconfig.types.json

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