@backstage-community/plugin-cost-insights 0.12.25 → 0.12.26

package/dist/forms/AlertAcceptForm.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertAcceptForm.esm.js","sources":["../../src/forms/AlertAcceptForm.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  useState,\n  forwardRef,\n  ChangeEvent,\n  FormEventHandler,\n} from 'react';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { Alert, AlertFormProps } from '../types';\n\nexport type AlertAcceptFormProps = AlertFormProps<Alert, null>;\n\nexport const AlertAcceptForm = forwardRef<\n  HTMLFormElement,\n  AlertAcceptFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const [checked, setChecked] = useState(false);\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    onSubmit(null);\n  };\n\n  const onChecked = (_: ChangeEvent<HTMLInputElement>, isChecked: boolean) => {\n    setChecked(isChecked);\n    disableSubmit(!isChecked);\n  };\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <FormControlLabel\n          label=\"My team can commit to making this change soon, or has already.\"\n          value={checked}\n          control={\n            <Checkbox color=\"primary\" checked={checked} onChange={onChecked} />\n          }\n        />\n      </FormControl>\n    </form>\n  );\n});\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,kBAAkB,UAG7B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,IAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAM,MAAA,SAAA,GAAY,CAAC,CAAA,EAAkC,SAAuB,KAAA;AAC1E,IAAA,UAAA,CAAW,SAAS,CAAA,CAAA;AACpB,IAAA,aAAA,CAAc,CAAC,SAAS,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,GAAA,EAAU,QAAU,EAAA,YAAA,EAAA,sCACvB,WAAY,EAAA,EAAA,SAAA,EAAU,UAAW,EAAA,SAAA,EAAS,IACzC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,gEAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,yBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,SAAU,EAAA,OAAA,EAAkB,UAAU,SAAW,EAAA,CAAA;AAAA,KAAA;AAAA,GAGvE,CACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/forms/AlertDismissForm.esm.js

@@ -0,0 +1,100 @@
+import React, { forwardRef, useState, useEffect } from 'react';
+import Box from '@material-ui/core/Box';
+import Collapse from '@material-ui/core/Collapse';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import TextField from '@material-ui/core/TextField';
+import Typography from '@material-ui/core/Typography';
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import { AlertDismissReason, AlertDismissOptions } from '../types/Alert.esm.js';
+import { useAlertDialogStyles } from '../utils/styles.esm.js';
+
+const AlertDismissForm = forwardRef(({ onSubmit, disableSubmit }, ref) => {
+  const classes = useAlertDialogStyles();
+  const [other, setOther] = useState(null);
+  const [feedback, setFeedback] = useState(null);
+  const [reason, setReason] = useState(
+    AlertDismissReason.Resolved
+  );
+  const onFormSubmit = (e) => {
+    e.preventDefault();
+    if (reason) {
+      onSubmit({
+        other,
+        reason,
+        feedback
+      });
+    }
+  };
+  const onReasonChange = (_, value) => {
+    if (other) {
+      setOther(null);
+    }
+    setReason(value);
+  };
+  const onOtherChange = (e) => {
+    return e.target.value ? setOther(e.target.value) : setOther(null);
+  };
+  const onFeedbackChange = (e) => {
+    return e.target.value ? setFeedback(e.target.value) : setFeedback(null);
+  };
+  useEffect(() => {
+    function validateDismissForm() {
+      if (reason === AlertDismissReason.Other) {
+        if (other) {
+          disableSubmit(false);
+        } else {
+          disableSubmit(true);
+        }
+      } else if (reason) {
+        disableSubmit(false);
+      } else {
+        disableSubmit(true);
+      }
+    }
+    validateDismissForm();
+  }, [reason, other, disableSubmit]);
+  return /* @__PURE__ */ React.createElement("form", { ref, onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset", fullWidth: true }, /* @__PURE__ */ React.createElement(Typography, { color: "textPrimary" }, /* @__PURE__ */ React.createElement("b", null, "Reason for dismissing?")), /* @__PURE__ */ React.createElement(Box, { mb: 1 }, /* @__PURE__ */ React.createElement(
+    RadioGroup,
+    {
+      name: "dismiss-alert-reasons",
+      value: reason,
+      onChange: onReasonChange
+    },
+    AlertDismissOptions.map((option) => /* @__PURE__ */ React.createElement(
+      FormControlLabel,
+      {
+        key: `dismiss-alert-option-${option.reason}`,
+        label: option.label,
+        value: option.reason,
+        control: /* @__PURE__ */ React.createElement(Radio, { className: classes.radio })
+      }
+    ))
+  ), /* @__PURE__ */ React.createElement(Collapse, { in: reason === AlertDismissReason.Other }, /* @__PURE__ */ React.createElement(Box, { ml: 4 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      id: "dismiss-alert-option-other",
+      variant: "outlined",
+      multiline: true,
+      fullWidth: true,
+      rows: 4,
+      value: other ?? "",
+      onChange: onOtherChange
+    }
+  )))), /* @__PURE__ */ React.createElement(Typography, { gutterBottom: true }, /* @__PURE__ */ React.createElement("b", null, "Any other feedback you can provide?")), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      id: "dismiss-alert-feedback",
+      variant: "outlined",
+      multiline: true,
+      rows: 4,
+      fullWidth: true,
+      value: feedback ?? "",
+      onChange: onFeedbackChange
+    }
+  )));
+});
+
+export { AlertDismissForm };
+//# sourceMappingURL=AlertDismissForm.esm.js.map

package/dist/forms/AlertDismissForm.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDismissForm.esm.js","sources":["../../src/forms/AlertDismissForm.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  ChangeEvent,\n  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n} from 'react';\nimport Box from '@material-ui/core/Box';\nimport Collapse from '@material-ui/core/Collapse';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport {\n  Alert,\n  AlertFormProps,\n  AlertDismissReason,\n  AlertDismissOptions,\n  AlertDismissFormData,\n} from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useAlertDialogStyles as useStyles } from '../utils/styles';\n\nexport type AlertDismissFormProps = AlertFormProps<Alert, AlertDismissFormData>;\n\nexport const AlertDismissForm = forwardRef<\n  HTMLFormElement,\n  AlertDismissFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const classes = useStyles();\n  const [other, setOther] = useState<Maybe<string>>(null);\n  const [feedback, setFeedback] = useState<Maybe<string>>(null);\n  const [reason, setReason] = useState<AlertDismissReason>(\n    AlertDismissReason.Resolved,\n  );\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    if (reason) {\n      onSubmit({\n        other: other,\n        reason: reason,\n        feedback: feedback,\n      });\n    }\n  };\n\n  const onReasonChange = (_: ChangeEvent<HTMLInputElement>, value: string) => {\n    if (other) {\n      setOther(null);\n    }\n    setReason(value as AlertDismissReason);\n  };\n\n  const onOtherChange = (e: ChangeEvent<HTMLInputElement>) => {\n    return e.target.value\n      ? setOther(e.target.value as AlertDismissReason)\n      : setOther(null);\n  };\n\n  const onFeedbackChange = (e: ChangeEvent<HTMLInputElement>) => {\n    return e.target.value\n      ? setFeedback(e.target.value as AlertDismissReason)\n      : setFeedback(null);\n  };\n\n  useEffect(() => {\n    function validateDismissForm() {\n      if (reason === AlertDismissReason.Other) {\n        if (other) {\n          disableSubmit(false);\n        } else {\n          disableSubmit(true);\n        }\n      } else if (reason) {\n        disableSubmit(false);\n      } else {\n        disableSubmit(true);\n      }\n    }\n\n    validateDismissForm();\n  }, [reason, other, disableSubmit]);\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>Reason for dismissing?</b>\n        </Typography>\n        <Box mb={1}>\n          <RadioGroup\n            name=\"dismiss-alert-reasons\"\n            value={reason}\n            onChange={onReasonChange}\n          >\n            {AlertDismissOptions.map(option => (\n              <FormControlLabel\n                key={`dismiss-alert-option-${option.reason}`}\n                label={option.label}\n                value={option.reason}\n                control={<Radio className={classes.radio} />}\n              />\n            ))}\n          </RadioGroup>\n          <Collapse in={reason === AlertDismissReason.Other}>\n            <Box ml={4}>\n              <TextField\n                id=\"dismiss-alert-option-other\"\n                variant=\"outlined\"\n                multiline\n                fullWidth\n                rows={4}\n                value={other ?? ''}\n                onChange={onOtherChange}\n              />\n            </Box>\n          </Collapse>\n        </Box>\n        <Typography gutterBottom>\n          <b>Any other feedback you can provide?</b>\n        </Typography>\n        <TextField\n          id=\"dismiss-alert-feedback\"\n          variant=\"outlined\"\n          multiline\n          rows={4}\n          fullWidth\n          value={feedback ?? ''}\n          onChange={onFeedbackChange}\n        />\n      </FormControl>\n    </form>\n  );\n});\n"],"names":["useStyles"],"mappings":"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"}

package/dist/forms/AlertSnoozeForm.esm.js

@@ -0,0 +1,52 @@
+import React, { forwardRef, useState, useEffect } from 'react';
+import { DateTime } from 'luxon';
+import Box from '@material-ui/core/Box';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import Radio from '@material-ui/core/Radio';
+import Typography from '@material-ui/core/Typography';
+import { AlertSnoozeOptions } from '../types/Alert.esm.js';
+import { DEFAULT_DATE_FORMAT } from '../types/DateFormat.esm.js';
+import { Duration } from '../types/Duration.esm.js';
+import { useAlertDialogStyles } from '../utils/styles.esm.js';
+import { intervalsOf } from '../utils/duration.esm.js';
+
+const AlertSnoozeForm = forwardRef(({ onSubmit, disableSubmit }, ref) => {
+  const classes = useAlertDialogStyles();
+  const [duration, setDuration] = useState(Duration.P7D);
+  useEffect(() => disableSubmit(false), [disableSubmit]);
+  const onFormSubmit = (e) => {
+    e.preventDefault();
+    if (duration) {
+      const repeatInterval = 1;
+      const today = DateTime.now().toFormat(DEFAULT_DATE_FORMAT);
+      onSubmit({
+        intervals: intervalsOf(duration, today, repeatInterval)
+      });
+    }
+  };
+  const onSnoozeDurationChange = (_, value) => {
+    setDuration(value);
+  };
+  return /* @__PURE__ */ React.createElement("form", { ref, onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset", fullWidth: true }, /* @__PURE__ */ React.createElement(Typography, { color: "textPrimary" }, /* @__PURE__ */ React.createElement("b", null, "For how long?")), /* @__PURE__ */ React.createElement(Box, { mb: 1 }, /* @__PURE__ */ React.createElement(
+    RadioGroup,
+    {
+      name: "snooze-alert-options",
+      value: duration,
+      onChange: onSnoozeDurationChange
+    },
+    AlertSnoozeOptions.map((option) => /* @__PURE__ */ React.createElement(
+      FormControlLabel,
+      {
+        key: `snooze-alert-option-${option.duration}`,
+        label: option.label,
+        value: option.duration,
+        control: /* @__PURE__ */ React.createElement(Radio, { className: classes.radio })
+      }
+    ))
+  ))));
+});
+
+export { AlertSnoozeForm };
+//# sourceMappingURL=AlertSnoozeForm.esm.js.map

package/dist/forms/AlertSnoozeForm.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertSnoozeForm.esm.js","sources":["../../src/forms/AlertSnoozeForm.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  ChangeEvent,\n  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n} from 'react';\nimport { DateTime } from 'luxon';\nimport Box from '@material-ui/core/Box';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  Alert,\n  AlertFormProps,\n  Duration,\n  DEFAULT_DATE_FORMAT,\n  AlertSnoozeFormData,\n  AlertSnoozeOptions,\n} from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useAlertDialogStyles as useStyles } from '../utils/styles';\nimport { intervalsOf } from '../utils/duration';\n\nexport type AlertSnoozeFormProps = AlertFormProps<Alert, AlertSnoozeFormData>;\n\nexport const AlertSnoozeForm = forwardRef<\n  HTMLFormElement,\n  AlertSnoozeFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const classes = useStyles();\n  const [duration, setDuration] = useState<Maybe<Duration>>(Duration.P7D);\n\n  useEffect(() => disableSubmit(false), [disableSubmit]);\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    if (duration) {\n      const repeatInterval = 1;\n      const today = DateTime.now().toFormat(DEFAULT_DATE_FORMAT);\n      onSubmit({\n        intervals: intervalsOf(duration, today, repeatInterval),\n      });\n    }\n  };\n\n  const onSnoozeDurationChange = (\n    _: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ) => {\n    setDuration(value as Duration);\n  };\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>For how long?</b>\n        </Typography>\n        <Box mb={1}>\n          <RadioGroup\n            name=\"snooze-alert-options\"\n            value={duration}\n            onChange={onSnoozeDurationChange}\n          >\n            {AlertSnoozeOptions.map(option => (\n              <FormControlLabel\n                key={`snooze-alert-option-${option.duration}`}\n                label={option.label}\n                value={option.duration}\n                control={<Radio className={classes.radio} />}\n              />\n            ))}\n          </RadioGroup>\n        </Box>\n      </FormControl>\n    </form>\n  );\n});\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;;AA4CO,MAAM,kBAAkB,UAG7B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,UAAUA,oBAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAA0B,SAAS,GAAG,CAAA,CAAA;AAEtE,EAAA,SAAA,CAAU,MAAM,aAAc,CAAA,KAAK,CAAG,EAAA,CAAC,aAAa,CAAC,CAAA,CAAA;AAErD,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,MAAM,cAAiB,GAAA,CAAA,CAAA;AACvB,MAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,GAAI,EAAA,CAAE,SAAS,mBAAmB,CAAA,CAAA;AACzD,MAAS,QAAA,CAAA;AAAA,QACP,SAAW,EAAA,WAAA,CAAY,QAAU,EAAA,KAAA,EAAO,cAAc,CAAA;AAAA,OACvD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,sBAAA,GAAyB,CAC7B,CAAA,EACA,KACG,KAAA;AACH,IAAA,WAAA,CAAY,KAAiB,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAK,GAAU,EAAA,QAAA,EAAU,gCACvB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAU,EAAA,UAAA,EAAW,SAAS,EAAA,IAAA,EAAA,sCACxC,UAAW,EAAA,EAAA,KAAA,EAAM,aAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,eAAa,CAClB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,sBAAA;AAAA,MACL,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,sBAAA;AAAA,KAAA;AAAA,IAET,kBAAA,CAAmB,IAAI,CACtB,MAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,CAAuB,oBAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,QAC3C,OAAO,MAAO,CAAA,KAAA;AAAA,QACd,OAAO,MAAO,CAAA,QAAA;AAAA,QACd,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAE7C,CAAA;AAAA,GAEL,CACF,CACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/hooks/useConfig.esm.js

@@ -0,0 +1,153 @@
+import React, { createContext, useState, useEffect, useContext } from 'react';
+import '../types/Alert.esm.js';
+import { EngineerThreshold } from '../types/ChangeStatistic.esm.js';
+import { getIcon } from '../utils/navigation.esm.js';
+import { validateMetrics, validateCurrencies } from '../utils/config.esm.js';
+import { createCurrencyFormat, defaultCurrencies } from '../utils/currency.esm.js';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+
+const ConfigContext = createContext(
+  void 0
+);
+const defaultState = {
+  baseCurrency: createCurrencyFormat(),
+  metrics: [],
+  products: [],
+  icons: [],
+  engineerCost: 0,
+  engineerThreshold: EngineerThreshold,
+  hideTrendLine: false,
+  currencies: defaultCurrencies
+};
+const ConfigProvider = ({ children }) => {
+  const c = useApi(configApiRef);
+  const [config, setConfig] = useState(defaultState);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    function getProducts() {
+      const products = c.getOptionalConfig("costInsights.products");
+      if (products) {
+        return products.keys().map((key) => ({
+          kind: key,
+          name: products.getString(`${key}.name`),
+          aggregation: [0, 0]
+        }));
+      }
+      return [];
+    }
+    function getMetrics() {
+      const metrics = c.getOptionalConfig("costInsights.metrics");
+      if (metrics) {
+        return metrics.keys().map((key) => ({
+          kind: key,
+          name: metrics.getString(`${key}.name`),
+          default: metrics.getOptionalBoolean(`${key}.default`) ?? false
+        }));
+      }
+      return [];
+    }
+    function getBaseCurrency() {
+      const baseCurrency = c.getOptionalConfig("costInsights.baseCurrency");
+      if (baseCurrency) {
+        const options = baseCurrency.getOptionalConfig("options");
+        return new Intl.NumberFormat(
+          baseCurrency.getOptionalString("locale"),
+          options ? {
+            localeMatcher: options.getOptionalString("localeMatcher"),
+            style: "currency",
+            currency: options.getOptionalString("currency"),
+            currencySign: options.getOptionalString("currencySign"),
+            useGrouping: options.getOptionalBoolean("useGrouping"),
+            minimumIntegerDigits: options.getOptionalNumber(
+              "minimumIntegerDigits"
+            ),
+            minimumFractionDigits: options.getOptionalNumber(
+              "minimumFractionDigits"
+            ),
+            maximumFractionDigits: options.getOptionalNumber(
+              "maximumFractionDigits"
+            ),
+            minimumSignificantDigits: options.getOptionalNumber(
+              "minimumSignificantDigits"
+            ),
+            maximumSignificantDigits: options.getOptionalNumber(
+              "maximumSignificantDigits"
+            )
+          } : void 0
+        );
+      }
+      return defaultState.baseCurrency;
+    }
+    function getCurrencies() {
+      const currencies = c.getOptionalConfig("costInsights.currencies");
+      if (currencies) {
+        return currencies.keys().map((key) => ({
+          label: currencies.getString(`${key}.label`),
+          unit: currencies.getString(`${key}.unit`),
+          kind: currencies.getOptionalString(`${key}.kind`) || null,
+          prefix: currencies.getOptionalString(`${key}.prefix`),
+          rate: currencies.getOptionalNumber(`${key}.rate`)
+        }));
+      }
+      return defaultCurrencies;
+    }
+    function getIcons() {
+      const products = c.getOptionalConfig("costInsights.products");
+      if (products) {
+        return products.keys().map((k) => ({
+          kind: k,
+          component: getIcon(products.getOptionalString(`${k}.icon`))
+        }));
+      }
+      return [];
+    }
+    function getEngineerCost() {
+      return c.getNumber("costInsights.engineerCost");
+    }
+    function getEngineerThreshold() {
+      return c.getOptionalNumber("costInsights.engineerThreshold") ?? defaultState.engineerThreshold;
+    }
+    function getHideTrendLine() {
+      return c.getOptionalBoolean("costInsights.hideTrendLine") ?? defaultState.hideTrendLine;
+    }
+    function getConfig() {
+      const baseCurrency = getBaseCurrency();
+      const products = getProducts();
+      const metrics = getMetrics();
+      const engineerCost = getEngineerCost();
+      const engineerThreshold = getEngineerThreshold();
+      const hideTrendLine = getHideTrendLine();
+      const icons = getIcons();
+      const currencies = getCurrencies();
+      validateMetrics(metrics);
+      validateCurrencies(currencies);
+      setConfig((prevState) => ({
+        ...prevState,
+        baseCurrency,
+        metrics,
+        products,
+        engineerCost,
+        engineerThreshold,
+        hideTrendLine,
+        icons,
+        currencies
+      }));
+      setLoading(false);
+    }
+    getConfig();
+  }, []);
+  if (loading) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: config }, children);
+};
+function useConfig() {
+  const config = useContext(ConfigContext);
+  return config ? config : assertNever();
+}
+function assertNever() {
+  throw new Error("Cannot use useConfig outside of ConfigProvider");
+}
+
+export { ConfigContext, ConfigProvider, useConfig };
+//# sourceMappingURL=useConfig.esm.js.map

package/dist/hooks/useConfig.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.esm.js","sources":["../../src/hooks/useConfig.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { Config as BackstageConfig } from '@backstage/config';\nimport { Currency, EngineerThreshold, Icon } from '../types';\nimport {\n  Metric,\n  Product,\n} from '@backstage-community/plugin-cost-insights-common';\nimport { getIcon } from '../utils/navigation';\nimport { validateCurrencies, validateMetrics } from '../utils/config';\nimport { createCurrencyFormat, defaultCurrencies } from '../utils/currency';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\n/*\n * Config schema 2021-08-05\n *\n * costInsights:\n *   engineerCost: 200000\n *   products:\n *     productA:\n *       name: Product A\n *       icon: storage\n *     productB:\n *       name: Product B\n *       icon: data\n *   metrics:\n *     metricA:\n *       name: Metric A\n *       default: true\n *     metricB:\n *       name: Metric B\n *   baseCurrency:\n *     locale: nl-NL\n *     options:\n *       currency: EUR\n *       minimumFractionDigits: 3\n *   currencies:\n *     currencyA:\n *       label: Currency A\n *       unit: Unit A\n *     currencyB:\n *       label: Currency B\n *       kind: CURRENCY_B\n *       unit: Unit B\n *       prefix: B\n *       rate: 3.5\n */\n\n/** @public */\nexport type ConfigContextProps = {\n  baseCurrency: Intl.NumberFormat;\n  metrics: Metric[];\n  products: Product[];\n  icons: Icon[];\n  engineerCost: number;\n  engineerThreshold: number;\n  hideTrendLine: boolean;\n  currencies: Currency[];\n};\n\nexport const ConfigContext = createContext<ConfigContextProps | undefined>(\n  undefined,\n);\n\nconst defaultState: ConfigContextProps = {\n  baseCurrency: createCurrencyFormat(),\n  metrics: [],\n  products: [],\n  icons: [],\n  engineerCost: 0,\n  engineerThreshold: EngineerThreshold,\n  hideTrendLine: false,\n  currencies: defaultCurrencies,\n};\n\nexport const ConfigProvider = ({ children }: PropsWithChildren<{}>) => {\n  const c: BackstageConfig = useApi(configApiRef);\n  const [config, setConfig] = useState(defaultState);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    function getProducts(): Product[] {\n      const products = c.getOptionalConfig('costInsights.products');\n      if (products) {\n        return products.keys().map(key => ({\n          kind: key,\n          name: products.getString(`${key}.name`),\n          aggregation: [0, 0],\n        }));\n      }\n      return [];\n    }\n\n    function getMetrics(): Metric[] {\n      const metrics = c.getOptionalConfig('costInsights.metrics');\n      if (metrics) {\n        return metrics.keys().map(key => ({\n          kind: key,\n          name: metrics.getString(`${key}.name`),\n          default: metrics.getOptionalBoolean(`${key}.default`) ?? false,\n        }));\n      }\n\n      return [];\n    }\n\n    function getBaseCurrency(): Intl.NumberFormat {\n      const baseCurrency = c.getOptionalConfig('costInsights.baseCurrency');\n      if (baseCurrency) {\n        const options = baseCurrency.getOptionalConfig('options');\n        return new Intl.NumberFormat(\n          baseCurrency.getOptionalString('locale'),\n          options\n            ? {\n                localeMatcher: options.getOptionalString('localeMatcher'),\n                style: 'currency',\n                currency: options.getOptionalString('currency'),\n                currencySign: options.getOptionalString('currencySign'),\n                useGrouping: options.getOptionalBoolean('useGrouping'),\n                minimumIntegerDigits: options.getOptionalNumber(\n                  'minimumIntegerDigits',\n                ),\n                minimumFractionDigits: options.getOptionalNumber(\n                  'minimumFractionDigits',\n                ),\n                maximumFractionDigits: options.getOptionalNumber(\n                  'maximumFractionDigits',\n                ),\n                minimumSignificantDigits: options.getOptionalNumber(\n                  'minimumSignificantDigits',\n                ),\n                maximumSignificantDigits: options.getOptionalNumber(\n                  'maximumSignificantDigits',\n                ),\n              }\n            : undefined,\n        );\n      }\n\n      return defaultState.baseCurrency;\n    }\n\n    function getCurrencies(): Currency[] {\n      const currencies = c.getOptionalConfig('costInsights.currencies');\n      if (currencies) {\n        return currencies.keys().map(key => ({\n          label: currencies.getString(`${key}.label`),\n          unit: currencies.getString(`${key}.unit`),\n          kind: currencies.getOptionalString(`${key}.kind`) || null,\n          prefix: currencies.getOptionalString(`${key}.prefix`),\n          rate: currencies.getOptionalNumber(`${key}.rate`),\n        }));\n      }\n\n      return defaultCurrencies;\n    }\n\n    function getIcons(): Icon[] {\n      const products = c.getOptionalConfig('costInsights.products');\n      if (products) {\n        return products.keys().map(k => ({\n          kind: k,\n          component: getIcon(products.getOptionalString(`${k}.icon`)),\n        }));\n      }\n      return [];\n    }\n\n    function getEngineerCost(): number {\n      return c.getNumber('costInsights.engineerCost');\n    }\n\n    function getEngineerThreshold(): number {\n      return (\n        c.getOptionalNumber('costInsights.engineerThreshold') ??\n        defaultState.engineerThreshold\n      );\n    }\n\n    function getHideTrendLine(): boolean {\n      return (\n        c.getOptionalBoolean('costInsights.hideTrendLine') ??\n        defaultState.hideTrendLine\n      );\n    }\n\n    function getConfig() {\n      const baseCurrency = getBaseCurrency();\n      const products = getProducts();\n      const metrics = getMetrics();\n      const engineerCost = getEngineerCost();\n      const engineerThreshold = getEngineerThreshold();\n      const hideTrendLine = getHideTrendLine();\n      const icons = getIcons();\n      const currencies = getCurrencies();\n\n      validateMetrics(metrics);\n      validateCurrencies(currencies);\n\n      setConfig(prevState => ({\n        ...prevState,\n        baseCurrency,\n        metrics,\n        products,\n        engineerCost,\n        engineerThreshold,\n        hideTrendLine,\n        icons,\n        currencies,\n      }));\n\n      setLoading(false);\n    }\n\n    getConfig();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (loading) {\n    return null;\n  }\n\n  return (\n    <ConfigContext.Provider value={config}>{children}</ConfigContext.Provider>\n  );\n};\n\nexport function useConfig(): ConfigContextProps {\n  const config = useContext(ConfigContext);\n  return config ? config : assertNever();\n}\n\nfunction assertNever(): never {\n  throw new Error('Cannot use useConfig outside of ConfigProvider');\n}\n"],"names":[],"mappings":";;;;;;;;AAiFO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AAEA,MAAM,YAAmC,GAAA;AAAA,EACvC,cAAc,oBAAqB,EAAA;AAAA,EACnC,SAAS,EAAC;AAAA,EACV,UAAU,EAAC;AAAA,EACX,OAAO,EAAC;AAAA,EACR,YAAc,EAAA,CAAA;AAAA,EACd,iBAAmB,EAAA,iBAAA;AAAA,EACnB,aAAe,EAAA,KAAA;AAAA,EACf,UAAY,EAAA,iBAAA;AACd,CAAA,CAAA;AAEO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAM,MAAA,CAAA,GAAqB,OAAO,YAAY,CAAA,CAAA;AAC9C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,YAAY,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,WAAyB,GAAA;AAChC,MAAM,MAAA,QAAA,GAAW,CAAE,CAAA,iBAAA,CAAkB,uBAAuB,CAAA,CAAA;AAC5D,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,OAAO,QAAS,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAQ,GAAA,MAAA;AAAA,UACjC,IAAM,EAAA,GAAA;AAAA,UACN,IAAM,EAAA,QAAA,CAAS,SAAU,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,UACtC,WAAA,EAAa,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,SAClB,CAAA,CAAA,CAAA;AAAA,OACJ;AACA,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAEA,IAAA,SAAS,UAAuB,GAAA;AAC9B,MAAM,MAAA,OAAA,GAAU,CAAE,CAAA,iBAAA,CAAkB,sBAAsB,CAAA,CAAA;AAC1D,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,OAAO,OAAQ,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAQ,GAAA,MAAA;AAAA,UAChC,IAAM,EAAA,GAAA;AAAA,UACN,IAAM,EAAA,OAAA,CAAQ,SAAU,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,UACrC,SAAS,OAAQ,CAAA,kBAAA,CAAmB,CAAG,EAAA,GAAG,UAAU,CAAK,IAAA,KAAA;AAAA,SACzD,CAAA,CAAA,CAAA;AAAA,OACJ;AAEA,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAEA,IAAA,SAAS,eAAqC,GAAA;AAC5C,MAAM,MAAA,YAAA,GAAe,CAAE,CAAA,iBAAA,CAAkB,2BAA2B,CAAA,CAAA;AACpE,MAAA,IAAI,YAAc,EAAA;AAChB,QAAM,MAAA,OAAA,GAAU,YAAa,CAAA,iBAAA,CAAkB,SAAS,CAAA,CAAA;AACxD,QAAA,OAAO,IAAI,IAAK,CAAA,YAAA;AAAA,UACd,YAAA,CAAa,kBAAkB,QAAQ,CAAA;AAAA,UACvC,OACI,GAAA;AAAA,YACE,aAAA,EAAe,OAAQ,CAAA,iBAAA,CAAkB,eAAe,CAAA;AAAA,YACxD,KAAO,EAAA,UAAA;AAAA,YACP,QAAA,EAAU,OAAQ,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA,YAC9C,YAAA,EAAc,OAAQ,CAAA,iBAAA,CAAkB,cAAc,CAAA;AAAA,YACtD,WAAA,EAAa,OAAQ,CAAA,kBAAA,CAAmB,aAAa,CAAA;AAAA,YACrD,sBAAsB,OAAQ,CAAA,iBAAA;AAAA,cAC5B,sBAAA;AAAA,aACF;AAAA,YACA,uBAAuB,OAAQ,CAAA,iBAAA;AAAA,cAC7B,uBAAA;AAAA,aACF;AAAA,YACA,uBAAuB,OAAQ,CAAA,iBAAA;AAAA,cAC7B,uBAAA;AAAA,aACF;AAAA,YACA,0BAA0B,OAAQ,CAAA,iBAAA;AAAA,cAChC,0BAAA;AAAA,aACF;AAAA,YACA,0BAA0B,OAAQ,CAAA,iBAAA;AAAA,cAChC,0BAAA;AAAA,aACF;AAAA,WAEF,GAAA,KAAA,CAAA;AAAA,SACN,CAAA;AAAA,OACF;AAEA,MAAA,OAAO,YAAa,CAAA,YAAA,CAAA;AAAA,KACtB;AAEA,IAAA,SAAS,aAA4B,GAAA;AACnC,MAAM,MAAA,UAAA,GAAa,CAAE,CAAA,iBAAA,CAAkB,yBAAyB,CAAA,CAAA;AAChE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,OAAO,UAAW,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAQ,GAAA,MAAA;AAAA,UACnC,KAAO,EAAA,UAAA,CAAW,SAAU,CAAA,CAAA,EAAG,GAAG,CAAQ,MAAA,CAAA,CAAA;AAAA,UAC1C,IAAM,EAAA,UAAA,CAAW,SAAU,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,UACxC,MAAM,UAAW,CAAA,iBAAA,CAAkB,CAAG,EAAA,GAAG,OAAO,CAAK,IAAA,IAAA;AAAA,UACrD,MAAQ,EAAA,UAAA,CAAW,iBAAkB,CAAA,CAAA,EAAG,GAAG,CAAS,OAAA,CAAA,CAAA;AAAA,UACpD,IAAM,EAAA,UAAA,CAAW,iBAAkB,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,SAChD,CAAA,CAAA,CAAA;AAAA,OACJ;AAEA,MAAO,OAAA,iBAAA,CAAA;AAAA,KACT;AAEA,IAAA,SAAS,QAAmB,GAAA;AAC1B,MAAM,MAAA,QAAA,GAAW,CAAE,CAAA,iBAAA,CAAkB,uBAAuB,CAAA,CAAA;AAC5D,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,OAAO,QAAS,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,UAC/B,IAAM,EAAA,CAAA;AAAA,UACN,WAAW,OAAQ,CAAA,QAAA,CAAS,kBAAkB,CAAG,EAAA,CAAC,OAAO,CAAC,CAAA;AAAA,SAC1D,CAAA,CAAA,CAAA;AAAA,OACJ;AACA,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAEA,IAAA,SAAS,eAA0B,GAAA;AACjC,MAAO,OAAA,CAAA,CAAE,UAAU,2BAA2B,CAAA,CAAA;AAAA,KAChD;AAEA,IAAA,SAAS,oBAA+B,GAAA;AACtC,MAAA,OACE,CAAE,CAAA,iBAAA,CAAkB,gCAAgC,CAAA,IACpD,YAAa,CAAA,iBAAA,CAAA;AAAA,KAEjB;AAEA,IAAA,SAAS,gBAA4B,GAAA;AACnC,MAAA,OACE,CAAE,CAAA,kBAAA,CAAmB,4BAA4B,CAAA,IACjD,YAAa,CAAA,aAAA,CAAA;AAAA,KAEjB;AAEA,IAAA,SAAS,SAAY,GAAA;AACnB,MAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AACrC,MAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,MAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAC3B,MAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AACrC,MAAA,MAAM,oBAAoB,oBAAqB,EAAA,CAAA;AAC/C,MAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,MAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,MAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,MAAA,eAAA,CAAgB,OAAO,CAAA,CAAA;AACvB,MAAA,kBAAA,CAAmB,UAAU,CAAA,CAAA;AAE7B,MAAA,SAAA,CAAU,CAAc,SAAA,MAAA;AAAA,QACtB,GAAG,SAAA;AAAA,QACH,YAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAA;AAAA,OACA,CAAA,CAAA,CAAA;AAEF,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KAClB;AAEA,IAAU,SAAA,EAAA,CAAA;AAAA,GACZ,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,2CACG,aAAc,CAAA,QAAA,EAAd,EAAuB,KAAA,EAAO,UAAS,QAAS,CAAA,CAAA;AAErD,EAAA;AAEO,SAAS,SAAgC,GAAA;AAC9C,EAAM,MAAA,MAAA,GAAS,WAAW,aAAa,CAAA,CAAA;AACvC,EAAO,OAAA,MAAA,GAAS,SAAS,WAAY,EAAA,CAAA;AACvC,CAAA;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA,CAAA;AAClE;;;;"}

package/dist/hooks/useCurrency.esm.js

@@ -0,0 +1,26 @@
+import React, { useState, useContext } from 'react';
+import { useConfig } from './useConfig.esm.js';
+
+const CurrencyContext = React.createContext(void 0);
+const CurrencyProvider = ({ children }) => {
+  const config = useConfig();
+  const currencies = config.currencies;
+  const engineers = currencies.find((currency2) => currency2.kind === null);
+  const [currency, setCurrency] = useState(
+    engineers || currencies[0]
+  );
+  return /* @__PURE__ */ React.createElement(CurrencyContext.Provider, { value: { currency, setCurrency } }, children);
+};
+function useCurrency() {
+  const context = useContext(CurrencyContext);
+  if (!context) {
+    assertNever();
+  }
+  return [context.currency, context.setCurrency];
+}
+function assertNever() {
+  throw Error("Cannot use useCurrency outside of CurrencyProvider");
+}
+
+export { CurrencyContext, CurrencyProvider, useCurrency };
+//# sourceMappingURL=useCurrency.esm.js.map

package/dist/hooks/useCurrency.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrency.esm.js","sources":["../../src/hooks/useCurrency.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, {\n  Dispatch,\n  SetStateAction,\n  useState,\n  useContext,\n  PropsWithChildren,\n} from 'react';\nimport { Currency } from '../types';\nimport { useConfig } from './useConfig';\n\n/** @public */\nexport type CurrencyContextProps = {\n  currency: Currency;\n  setCurrency: Dispatch<SetStateAction<Currency>>;\n};\n\nexport const CurrencyContext = React.createContext<\n  CurrencyContextProps | undefined\n>(undefined);\n\nexport const CurrencyProvider = ({ children }: PropsWithChildren<{}>) => {\n  const config = useConfig();\n  const currencies = config.currencies;\n  const engineers = currencies.find(currency => currency.kind === null);\n  const [currency, setCurrency] = useState<Currency>(\n    engineers || currencies[0],\n  );\n  return (\n    <CurrencyContext.Provider value={{ currency, setCurrency }}>\n      {children}\n    </CurrencyContext.Provider>\n  );\n};\n\nexport function useCurrency(): [Currency, Dispatch<SetStateAction<Currency>>] {\n  const context = useContext(CurrencyContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return [context.currency, context.setCurrency];\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useCurrency outside of CurrencyProvider');\n}\n"],"names":["currency"],"mappings":";;;AA+Ba,MAAA,eAAA,GAAkB,KAAM,CAAA,aAAA,CAEnC,KAAS,CAAA,EAAA;AAEJ,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACvE,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,aAAa,MAAO,CAAA,UAAA,CAAA;AAC1B,EAAA,MAAM,YAAY,UAAW,CAAA,IAAA,CAAK,CAAAA,SAAYA,KAAAA,SAAAA,CAAS,SAAS,IAAI,CAAA,CAAA;AACpE,EAAM,MAAA,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA;AAAA,IAC9B,SAAA,IAAa,WAAW,CAAC,CAAA;AAAA,GAC3B,CAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,QAAhB,EAAA,EAAyB,OAAO,EAAE,QAAA,EAAU,WAAY,EAAA,EAAA,EACtD,QACH,CAAA,CAAA;AAEJ,EAAA;AAEO,SAAS,WAA8D,GAAA;AAC5E,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA,CAAA;AAE1C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA,CAAA;AAAA,GACd;AAEA,EAAA,OAAO,CAAC,OAAA,CAAQ,QAAU,EAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AAC/C,CAAA;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,oDAAoD,CAAA,CAAA;AAClE;;;;"}

package/dist/hooks/useFilters.esm.js

@@ -0,0 +1,67 @@
+import React, { useState, useEffect, useContext } from 'react';
+import Alert from '@material-ui/lab/Alert';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { validate, getInitialPageState, getInitialProductState, stringify } from '../utils/history.esm.js';
+import { useGroups } from './useGroups.esm.js';
+import { useConfig } from './useConfig.esm.js';
+
+const FilterContext = React.createContext(void 0);
+const FilterProvider = ({ children }) => {
+  const config = useConfig();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const groups = useGroups();
+  const [error, setError] = useState(null);
+  const [pageFilters, setPageFilters] = useState(null);
+  const [productFilters, setProductFilters] = useState(null);
+  useEffect(() => {
+    async function setPageFiltersFromLocation() {
+      try {
+        const queryParams = await validate(location.search);
+        const defaultMetric = config.metrics.find((m) => m.default)?.kind ?? null;
+        const initialPageState = getInitialPageState(groups, queryParams);
+        const initialProductState = getInitialProductState(config);
+        setProductFilters(initialProductState);
+        setPageFilters({ ...initialPageState, metric: defaultMetric });
+      } catch (e) {
+        setError(e);
+      }
+    }
+    setPageFiltersFromLocation();
+  }, [groups]);
+  useEffect(() => {
+    function setLocationFromPageFilters(filters) {
+      const queryString = stringify({
+        group: filters.group,
+        ...filters.project ? { project: filters.project } : {}
+      });
+      navigate({ ...location, search: `?${queryString}` });
+    }
+    if (pageFilters) {
+      setLocationFromPageFilters(pageFilters);
+    }
+  }, [pageFilters]);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  if (!pageFilters || !productFilters) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    FilterContext.Provider,
+    {
+      value: { pageFilters, productFilters, setPageFilters, setProductFilters }
+    },
+    children
+  );
+};
+function useFilters(mapFiltersToProps) {
+  const context = useContext(FilterContext);
+  return context ? mapFiltersToProps(context) : assertNever();
+}
+function assertNever() {
+  throw Error("Cannot use useFilters outside of FilterProvider");
+}
+
+export { FilterContext, FilterProvider, useFilters };
+//# sourceMappingURL=useFilters.esm.js.map

package/dist/hooks/useFilters.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilters.esm.js","sources":["../../src/hooks/useFilters.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport Alert from '@material-ui/lab/Alert';\nimport { PageFilters, ProductFilters } from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport {\n  stringify,\n  validate,\n  getInitialPageState,\n  getInitialProductState,\n} from '../utils/history';\nimport { useGroups } from './useGroups';\nimport { useConfig } from './useConfig';\n\nexport type FilterContextProps = {\n  pageFilters: PageFilters;\n  productFilters: ProductFilters;\n  setPageFilters: Dispatch<SetStateAction<Maybe<PageFilters>>>;\n  setProductFilters: Dispatch<SetStateAction<Maybe<ProductFilters>>>;\n};\n\nexport type MapFiltersToProps<T> = (props: FilterContextProps) => T;\n\nexport const FilterContext = React.createContext<\n  FilterContextProps | undefined\n>(undefined);\n\nexport const FilterProvider = ({ children }: PropsWithChildren<{}>) => {\n  const config = useConfig();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const groups = useGroups();\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const [pageFilters, setPageFilters] = useState<Maybe<PageFilters>>(null);\n  const [productFilters, setProductFilters] =\n    useState<Maybe<ProductFilters>>(null);\n\n  useEffect(() => {\n    async function setPageFiltersFromLocation() {\n      try {\n        // strip extraneous parameters, validate and transform\n        const queryParams = await validate(location.search);\n        const defaultMetric = config.metrics.find(m => m.default)?.kind ?? null;\n\n        // Group or project parameters should override defaults\n        const initialPageState = getInitialPageState(groups, queryParams);\n        const initialProductState = getInitialProductState(config);\n\n        setProductFilters(initialProductState);\n        setPageFilters({ ...initialPageState, metric: defaultMetric });\n      } catch (e) {\n        setError(e);\n      }\n    }\n\n    setPageFiltersFromLocation();\n  }, [groups]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    function setLocationFromPageFilters(filters: PageFilters) {\n      const queryString = stringify({\n        group: filters.group,\n        ...(filters.project ? { project: filters.project } : {}),\n      });\n      // TODO Remove workaround once issue is resolved in react-router\n      // (https://github.com/ReactTraining/react-router/issues/7496)\n      // navigate({ ...location, search: queryString });\n      navigate({ ...location, search: `?${queryString}` });\n    }\n\n    if (pageFilters) {\n      setLocationFromPageFilters(pageFilters);\n    }\n  }, [pageFilters]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  // Wait for filters to load\n  if (!pageFilters || !productFilters) {\n    return null;\n  }\n\n  return (\n    <FilterContext.Provider\n      value={{ pageFilters, productFilters, setPageFilters, setProductFilters }}\n    >\n      {children}\n    </FilterContext.Provider>\n  );\n};\n\nexport function useFilters<T>(mapFiltersToProps: MapFiltersToProps<T>): T {\n  const context = useContext(FilterContext);\n  return context ? mapFiltersToProps(context) : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useFilters outside of FilterProvider');\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useGroups.esm.js

@@ -0,0 +1,55 @@
+import React, { useState, useEffect, useContext } from 'react';
+import Alert from '@material-ui/lab/Alert';
+import { costInsightsApiRef } from '../api/CostInsightsApi.esm.js';
+import { useLoading } from './useLoading.esm.js';
+import { DefaultLoadingAction } from '../utils/loading.esm.js';
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import { parseEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
+
+const mapLoadingToProps = ({
+  dispatch
+}) => ({
+  dispatchLoadingGroups: (isLoading) => dispatch({ [DefaultLoadingAction.UserGroups]: isLoading })
+});
+const GroupsContext = React.createContext(void 0);
+const GroupsProvider = ({ children }) => {
+  const identityApi = useApi(identityApiRef);
+  const client = useApi(costInsightsApiRef);
+  const [error, setError] = useState(null);
+  const { dispatchLoadingGroups } = useLoading(mapLoadingToProps);
+  const [groups, setGroups] = useState(null);
+  useEffect(() => {
+    dispatchLoadingGroups(true);
+    async function getUserGroups() {
+      try {
+        const { userEntityRef } = await identityApi.getBackstageIdentity();
+        const { name: userId } = parseEntityRef(userEntityRef, {
+          defaultKind: "User",
+          defaultNamespace: DEFAULT_NAMESPACE
+        });
+        const g = await client.getUserGroups(userId);
+        setGroups(g);
+      } catch (e) {
+        setError(e);
+      } finally {
+        dispatchLoadingGroups(false);
+      }
+    }
+    getUserGroups();
+  }, [client]);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  if (!groups) return null;
+  return /* @__PURE__ */ React.createElement(GroupsContext.Provider, { value: { groups } }, children);
+};
+function useGroups() {
+  const context = useContext(GroupsContext);
+  return context ? context.groups : assertNever();
+}
+function assertNever() {
+  throw Error("Cannot use useGroups outside of GroupsProvider");
+}
+
+export { GroupsContext, GroupsProvider, useGroups };
+//# sourceMappingURL=useGroups.esm.js.map

package/dist/hooks/useGroups.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroups.esm.js","sources":["../../src/hooks/useGroups.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport Alert from '@material-ui/lab/Alert';\nimport { costInsightsApiRef } from '../api';\nimport { MapLoadingToProps, useLoading } from './useLoading';\nimport { Group, Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { DefaultLoadingAction } from '../utils/loading';\nimport { useApi, identityApiRef } from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\n\ntype GroupsProviderLoadingProps = {\n  dispatchLoadingGroups: (isLoading: boolean) => void;\n};\n\nconst mapLoadingToProps: MapLoadingToProps<GroupsProviderLoadingProps> = ({\n  dispatch,\n}) => ({\n  dispatchLoadingGroups: (isLoading: boolean) =>\n    dispatch({ [DefaultLoadingAction.UserGroups]: isLoading }),\n});\n\nexport type GroupsContextProps = {\n  groups: Group[];\n};\n\nexport const GroupsContext = React.createContext<\n  GroupsContextProps | undefined\n>(undefined);\n\nexport const GroupsProvider = ({ children }: PropsWithChildren<{}>) => {\n  const identityApi = useApi(identityApiRef);\n  const client = useApi(costInsightsApiRef);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { dispatchLoadingGroups } = useLoading(mapLoadingToProps);\n\n  const [groups, setGroups] = useState<Maybe<Group[]>>(null);\n\n  useEffect(() => {\n    dispatchLoadingGroups(true);\n\n    async function getUserGroups() {\n      try {\n        const { userEntityRef } = await identityApi.getBackstageIdentity();\n        const { name: userId } = parseEntityRef(userEntityRef, {\n          defaultKind: 'User',\n          defaultNamespace: DEFAULT_NAMESPACE,\n        });\n        const g = await client.getUserGroups(userId);\n        setGroups(g);\n      } catch (e) {\n        setError(e);\n      } finally {\n        dispatchLoadingGroups(false);\n      }\n    }\n\n    getUserGroups();\n  }, [client]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (!groups) return null;\n\n  return (\n    <GroupsContext.Provider value={{ groups: groups }}>\n      {children}\n    </GroupsContext.Provider>\n  );\n};\n\nexport function useGroups(): Group[] {\n  const context = useContext(GroupsContext);\n  return context ? context.groups : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useGroups outside of GroupsProvider');\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA,MAAM,oBAAmE,CAAC;AAAA,EACxE,QAAA;AACF,CAAO,MAAA;AAAA,EACL,qBAAA,EAAuB,CAAC,SAAA,KACtB,QAAS,CAAA,EAAE,CAAC,oBAAqB,CAAA,UAAU,GAAG,SAAA,EAAW,CAAA;AAC7D,CAAA,CAAA,CAAA;AAMa,MAAA,aAAA,GAAgB,KAAM,CAAA,aAAA,CAEjC,KAAS,CAAA,EAAA;AAEJ,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA,CAAA;AACzC,EAAM,MAAA,MAAA,GAAS,OAAO,kBAAkB,CAAA,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA,CAAA;AACrD,EAAA,MAAM,EAAE,qBAAA,EAA0B,GAAA,UAAA,CAAW,iBAAiB,CAAA,CAAA;AAE9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAyB,IAAI,CAAA,CAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,qBAAA,CAAsB,IAAI,CAAA,CAAA;AAE1B,IAAA,eAAe,aAAgB,GAAA;AAC7B,MAAI,IAAA;AACF,QAAA,MAAM,EAAE,aAAA,EAAkB,GAAA,MAAM,YAAY,oBAAqB,EAAA,CAAA;AACjE,QAAA,MAAM,EAAE,IAAA,EAAM,MAAO,EAAA,GAAI,eAAe,aAAe,EAAA;AAAA,UACrD,WAAa,EAAA,MAAA;AAAA,UACb,gBAAkB,EAAA,iBAAA;AAAA,SACnB,CAAA,CAAA;AACD,QAAA,MAAM,CAAI,GAAA,MAAM,MAAO,CAAA,aAAA,CAAc,MAAM,CAAA,CAAA;AAC3C,QAAA,SAAA,CAAU,CAAC,CAAA,CAAA;AAAA,eACJ,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA,CAAA;AAAA,OACV,SAAA;AACA,QAAA,qBAAA,CAAsB,KAAK,CAAA,CAAA;AAAA,OAC7B;AAAA,KACF;AAEA,IAAc,aAAA,EAAA,CAAA;AAAA,GAChB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAAA,GAChD;AAEA,EAAI,IAAA,CAAC,QAAe,OAAA,IAAA,CAAA;AAEpB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAc,QAAd,EAAA,EAAuB,OAAO,EAAE,MAAA,MAC9B,QACH,CAAA,CAAA;AAEJ,EAAA;AAEO,SAAS,SAAqB,GAAA;AACnC,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA,CAAA;AACxC,EAAO,OAAA,OAAA,GAAU,OAAQ,CAAA,MAAA,GAAS,WAAY,EAAA,CAAA;AAChD,CAAA;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,gDAAgD,CAAA,CAAA;AAC9D;;;;"}

package/dist/hooks/useLastCompleteBillingDate.esm.js

@@ -0,0 +1,65 @@
+import React, { useState, useEffect, useContext } from 'react';
+import * as yup from 'yup';
+import Alert from '@material-ui/lab/Alert';
+import { costInsightsApiRef } from '../api/CostInsightsApi.esm.js';
+import { useLoading } from './useLoading.esm.js';
+import { DefaultLoadingAction } from '../utils/loading.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+
+const mapLoadingToProps = ({
+  dispatch
+}) => ({
+  dispatchLoadingBillingDate: (isLoading) => dispatch({ [DefaultLoadingAction.LastCompleteBillingDate]: isLoading })
+});
+const BillingDateContext = React.createContext(void 0);
+const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
+const dateFormatSchema = yup.string().matches(dateRegex, {
+  message: "Unsupported billing date format: ${value}. Date should be in YYYY-MM-DD format.",
+  excludeEmptyString: true
+});
+const BillingDateProvider = ({ children }) => {
+  const client = useApi(costInsightsApiRef);
+  const [error, setError] = useState(null);
+  const { dispatchLoadingBillingDate } = useLoading(mapLoadingToProps);
+  const [lastCompleteBillingDate, setLastCompeteBillingDate] = useState(null);
+  useEffect(() => {
+    dispatchLoadingBillingDate(true);
+    async function getLastCompleteBillingDate() {
+      try {
+        const d = await client.getLastCompleteBillingDate();
+        const validDate = await dateFormatSchema.validate(d);
+        if (validDate) setLastCompeteBillingDate(validDate);
+      } catch (e) {
+        setError(e);
+      } finally {
+        dispatchLoadingBillingDate(false);
+      }
+    }
+    getLastCompleteBillingDate();
+  }, [client]);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  if (!lastCompleteBillingDate) return null;
+  return /* @__PURE__ */ React.createElement(
+    BillingDateContext.Provider,
+    {
+      value: {
+        lastCompleteBillingDate
+      }
+    },
+    children
+  );
+};
+function useLastCompleteBillingDate() {
+  const context = useContext(BillingDateContext);
+  return context ? context.lastCompleteBillingDate : assertNever();
+}
+function assertNever() {
+  throw Error(
+    "Cannot use useLastCompleteBillingDate outside of BillingDateProvider"
+  );
+}
+
+export { BillingDateContext, BillingDateProvider, dateRegex, useLastCompleteBillingDate };
+//# sourceMappingURL=useLastCompleteBillingDate.esm.js.map

package/dist/hooks/useLastCompleteBillingDate.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastCompleteBillingDate.esm.js","sources":["../../src/hooks/useLastCompleteBillingDate.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport * as yup from 'yup';\nimport Alert from '@material-ui/lab/Alert';\nimport { costInsightsApiRef } from '../api';\nimport { MapLoadingToProps, useLoading } from './useLoading';\nimport { DefaultLoadingAction } from '../utils/loading';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useApi } from '@backstage/core-plugin-api';\n\ntype BillingDateProviderLoadingProps = {\n  dispatchLoadingBillingDate: (isLoading: boolean) => void;\n};\n\nconst mapLoadingToProps: MapLoadingToProps<BillingDateProviderLoadingProps> = ({\n  dispatch,\n}) => ({\n  dispatchLoadingBillingDate: (isLoading: boolean) =>\n    dispatch({ [DefaultLoadingAction.LastCompleteBillingDate]: isLoading }),\n});\n\nexport type BillingDateContextProps = {\n  lastCompleteBillingDate: string; // YYYY-MM-DD\n};\n\nexport const BillingDateContext = React.createContext<\n  BillingDateContextProps | undefined\n>(undefined);\n\nexport const dateRegex: RegExp = /^\\d{4}-\\d{2}-\\d{2}$/;\nconst dateFormatSchema = yup.string().matches(dateRegex, {\n  message:\n    'Unsupported billing date format: ${value}. Date should be in YYYY-MM-DD format.',\n  excludeEmptyString: true,\n});\n\nexport const BillingDateProvider = ({ children }: PropsWithChildren<{}>) => {\n  const client = useApi(costInsightsApiRef);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { dispatchLoadingBillingDate } = useLoading(mapLoadingToProps);\n\n  const [lastCompleteBillingDate, setLastCompeteBillingDate] =\n    useState<Maybe<string>>(null);\n\n  useEffect(() => {\n    dispatchLoadingBillingDate(true);\n\n    async function getLastCompleteBillingDate() {\n      try {\n        const d = await client.getLastCompleteBillingDate();\n        const validDate = await dateFormatSchema.validate(d);\n        if (validDate) setLastCompeteBillingDate(validDate);\n      } catch (e) {\n        setError(e);\n      } finally {\n        dispatchLoadingBillingDate(false);\n      }\n    }\n\n    getLastCompleteBillingDate();\n  }, [client]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (!lastCompleteBillingDate) return null;\n\n  return (\n    <BillingDateContext.Provider\n      value={\n        {\n          lastCompleteBillingDate: lastCompleteBillingDate,\n        } as BillingDateContextProps\n      }\n    >\n      {children}\n    </BillingDateContext.Provider>\n  );\n};\n\nexport function useLastCompleteBillingDate(): string {\n  const context = useContext(BillingDateContext);\n  return context ? context.lastCompleteBillingDate : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error(\n    'Cannot use useLastCompleteBillingDate outside of BillingDateProvider',\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA,MAAM,oBAAwE,CAAC;AAAA,EAC7E,QAAA;AACF,CAAO,MAAA;AAAA,EACL,0BAAA,EAA4B,CAAC,SAAA,KAC3B,QAAS,CAAA,EAAE,CAAC,oBAAqB,CAAA,uBAAuB,GAAG,SAAA,EAAW,CAAA;AAC1E,CAAA,CAAA,CAAA;AAMa,MAAA,kBAAA,GAAqB,KAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEJ,MAAM,SAAoB,GAAA,sBAAA;AACjC,MAAM,gBAAmB,GAAA,GAAA,CAAI,MAAO,EAAA,CAAE,QAAQ,SAAW,EAAA;AAAA,EACvD,OACE,EAAA,iFAAA;AAAA,EACF,kBAAoB,EAAA,IAAA;AACtB,CAAC,CAAA,CAAA;AAEM,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,OAAO,kBAAkB,CAAA,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA,CAAA;AACrD,EAAA,MAAM,EAAE,0BAAA,EAA+B,GAAA,UAAA,CAAW,iBAAiB,CAAA,CAAA;AAEnE,EAAA,MAAM,CAAC,uBAAA,EAAyB,yBAAyB,CAAA,GACvD,SAAwB,IAAI,CAAA,CAAA;AAE9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,0BAAA,CAA2B,IAAI,CAAA,CAAA;AAE/B,IAAA,eAAe,0BAA6B,GAAA;AAC1C,MAAI,IAAA;AACF,QAAM,MAAA,CAAA,GAAI,MAAM,MAAA,CAAO,0BAA2B,EAAA,CAAA;AAClD,QAAA,MAAM,SAAY,GAAA,MAAM,gBAAiB,CAAA,QAAA,CAAS,CAAC,CAAA,CAAA;AACnD,QAAI,IAAA,SAAA,4BAAqC,SAAS,CAAA,CAAA;AAAA,eAC3C,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA,CAAA;AAAA,OACV,SAAA;AACA,QAAA,0BAAA,CAA2B,KAAK,CAAA,CAAA;AAAA,OAClC;AAAA,KACF;AAEA,IAA2B,0BAAA,EAAA,CAAA;AAAA,GAC7B,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAAA,GAChD;AAEA,EAAI,IAAA,CAAC,yBAAgC,OAAA,IAAA,CAAA;AAErC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAmB,CAAA,QAAA;AAAA,IAAnB;AAAA,MACC,KACE,EAAA;AAAA,QACE,uBAAA;AAAA,OACF;AAAA,KAAA;AAAA,IAGD,QAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AAEO,SAAS,0BAAqC,GAAA;AACnD,EAAM,MAAA,OAAA,GAAU,WAAW,kBAAkB,CAAA,CAAA;AAC7C,EAAO,OAAA,OAAA,GAAU,OAAQ,CAAA,uBAAA,GAA0B,WAAY,EAAA,CAAA;AACjE,CAAA;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,KAAA;AAAA,IACJ,sEAAA;AAAA,GACF,CAAA;AACF;;;;"}