@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/SingleSegmentDonut-7Uy6VEld.mjs

@@ -0,0 +1,70 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import l from "@mui/material/Box";
+import { useTheme as D } from "@mui/material/styles";
+const p = 48, d = 4, y = ({
+  color: m = "",
+  percent: r = 0,
+  size: t = p,
+  strokeWidth: s = d,
+  children: i,
+  backgroundStrokeColor: c
+}) => {
+  const h = D(), n = (t - s) / 2, f = -90, g = r > 100 ? 100 : r, x = 2 * Math.PI * n * (1 - g / 100), e = t / 2;
+  return /* @__PURE__ */ a(
+    l,
+    {
+      className: "mx-cmn-single-segment-donut",
+      height: t,
+      mt: -8,
+      position: "relative",
+      width: t,
+      children: [
+        /* @__PURE__ */ a("svg", { height: t, width: t, children: [
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              cx: e,
+              cy: e,
+              fill: "none",
+              r: n,
+              stroke: c || h.palette.grey[300],
+              strokeWidth: s
+            }
+          ),
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              cx: e,
+              cy: e,
+              fill: "none",
+              r: n,
+              stroke: m,
+              strokeDasharray: 2 * Math.PI * n,
+              strokeDashoffset: x,
+              strokeWidth: s,
+              transform: `rotate(${f}, ${e}, ${e})`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: "mx-cmn-single-segment-donut-children",
+            left: "50%",
+            position: "absolute",
+            sx: { transform: "translate(-50%, -50%)" },
+            textAlign: "center",
+            top: "50%",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  p as D,
+  y as S,
+  d as a
+};
+//# sourceMappingURL=SingleSegmentDonut-7Uy6VEld.mjs.map

package/dist/SingleSegmentDonut-7Uy6VEld.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSegmentDonut-7Uy6VEld.mjs","sources":["../src/common/constants/Donut.ts","../src/common/components/donuts/SingleSegmentDonut.tsx"],"sourcesContent":["export const DEFAULT_DONUT_SIZE = 48\nexport const DEFAULT_STROKE_WIDTH = 4\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport { useTheme } from '@mui/material/styles'\n\nimport { DEFAULT_DONUT_SIZE, DEFAULT_STROKE_WIDTH } from '../../constants'\n\nexport interface SingleSegmentDonutProps {\n  children: React.ReactNode\n  color: string\n  percent: number\n  size?: number\n  strokeWidth?: number\n  backgroundStrokeColor?: string\n}\n\nconst SingleSegmentDonut: React.FC<SingleSegmentDonutProps> = ({\n  color = '',\n  percent = 0,\n  size = DEFAULT_DONUT_SIZE,\n  strokeWidth = DEFAULT_STROKE_WIDTH,\n  children,\n  backgroundStrokeColor,\n}) => {\n  const theme = useTheme()\n\n  const radius = (size - strokeWidth) / 2\n  const offset = -90\n  const limitedPercent = percent > 100 ? 100 : percent\n  const length = 2 * Math.PI * radius * (1 - limitedPercent / 100)\n  const halfSize = size / 2\n\n  return (\n    <Box\n      className=\"mx-cmn-single-segment-donut\"\n      height={size}\n      mt={-8}\n      position=\"relative\"\n      width={size}\n    >\n      <svg height={size} width={size}>\n        <circle\n          cx={halfSize}\n          cy={halfSize}\n          fill=\"none\"\n          r={radius}\n          stroke={backgroundStrokeColor ? backgroundStrokeColor : theme.palette.grey[300]}\n          strokeWidth={strokeWidth}\n        />\n\n        <circle\n          cx={halfSize}\n          cy={halfSize}\n          fill=\"none\"\n          r={radius}\n          stroke={color}\n          strokeDasharray={2 * Math.PI * radius}\n          strokeDashoffset={length}\n          strokeWidth={strokeWidth}\n          transform={`rotate(${offset}, ${halfSize}, ${halfSize})`}\n        />\n      </svg>\n      <Box\n        className=\"mx-cmn-single-segment-donut-children\"\n        left=\"50%\"\n        position=\"absolute\"\n        sx={{ transform: 'translate(-50%, -50%)' }}\n        textAlign=\"center\"\n        top=\"50%\"\n      >\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nexport default SingleSegmentDonut\n"],"names":["DEFAULT_DONUT_SIZE","DEFAULT_STROKE_WIDTH","SingleSegmentDonut","color","percent","size","strokeWidth","children","backgroundStrokeColor","theme","useTheme","radius","offset","limitedPercent","length","halfSize","jsxs","Box","jsx"],"mappings":";;;AAAO,MAAMA,IAAqB,IACrBC,IAAuB,GCe9BC,IAAwD,CAAC;AAAA,EAC7D,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAOL;AAAA,EACP,aAAAM,IAAcL;AAAA,EACd,UAAAM;AAAA,EACA,uBAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC,EAAA,GAERC,KAAUN,IAAOC,KAAe,GAChCM,IAAS,KACTC,IAAiBT,IAAU,MAAM,MAAMA,GACvCU,IAAS,IAAI,KAAK,KAAKH,KAAU,IAAIE,IAAiB,MACtDE,IAAWV,IAAO;AAExB,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAQZ;AAAA,MACR,IAAI;AAAA,MACJ,UAAS;AAAA,MACT,OAAOA;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAW,EAAC,OAAA,EAAI,QAAQX,GAAM,OAAOA,GACxB,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,IAAIA;AAAA,cACJ,MAAK;AAAA,cACL,GAAGJ;AAAA,cACH,QAAQH,KAAgDC,EAAM,QAAQ,KAAK,GAAG;AAAA,cAC9E,aAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,IAAIA;AAAA,cACJ,MAAK;AAAA,cACL,GAAGJ;AAAA,cACH,QAAQR;AAAA,cACR,iBAAiB,IAAI,KAAK,KAAKQ;AAAA,cAC/B,kBAAkBG;AAAA,cAClB,aAAAR;AAAA,cACA,WAAW,UAAUM,CAAM,KAAKG,CAAQ,KAAKA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACvD,GACF;AAAA,QACA,gBAAAG;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,UAAS;AAAA,YACT,IAAI,EAAE,WAAW,wBAAA;AAAA,YACjB,WAAU;AAAA,YACV,KAAI;AAAA,YAEH,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Sizes-DISGrlUg.mjs

@@ -0,0 +1,7 @@
+var r = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(r || {});
+const l = 44;
+export {
+  r as S,
+  l as T
+};
+//# sourceMappingURL=Sizes-DISGrlUg.mjs.map

package/dist/Sizes-DISGrlUg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes-DISGrlUg.mjs","sources":["../src/common/constants/Sizes.ts"],"sourcesContent":["export const enum Sizes {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport const TOUCH_TARGET = 44\n"],"names":["Sizes","TOUCH_TARGET"],"mappings":"AAAO,IAAWA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHQA,IAAAA,KAAA,CAAA,CAAA;AAMX,MAAMC,IAAe;"}

package/dist/SkeletonLoader-BaNboJjD.mjs

@@ -0,0 +1,39 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import t from "@mui/material/Stack";
+import i from "@mui/material/Skeleton";
+const g = ({ sx: e = {}, variant: h = "list" }) => /* @__PURE__ */ d(t, { sx: [...Array.isArray(e) ? e : [e]], children: [
+  h === "list" && /* @__PURE__ */ d(t, { gap: 24, children: [
+    /* @__PURE__ */ r(i, { height: 25, variant: "rounded", width: 150 }),
+    /* @__PURE__ */ r(i, { height: 50, variant: "rounded" }),
+    /* @__PURE__ */ r(i, { height: 50, variant: "rounded" }),
+    /* @__PURE__ */ r(i, { height: 50, variant: "rounded" })
+  ] }),
+  h === "card" && /* @__PURE__ */ d(t, { gap: 24, children: [
+    /* @__PURE__ */ r(i, { height: 50, variant: "rounded" }),
+    /* @__PURE__ */ d(t, { direction: "row", gap: 24, children: [
+      /* @__PURE__ */ r(i, { height: 300, variant: "rounded", width: "20%" }),
+      /* @__PURE__ */ r(i, { height: 300, variant: "rounded", width: "80%" })
+    ] })
+  ] }),
+  h === "dashboard" && /* @__PURE__ */ d(t, { gap: 24, children: [
+    /* @__PURE__ */ r(i, { height: 75, variant: "rounded" }),
+    /* @__PURE__ */ d(t, { gap: 24, children: [
+      /* @__PURE__ */ d(t, { direction: "row", gap: 24, children: [
+        /* @__PURE__ */ r(i, { height: 250, variant: "rounded", width: "75%" }),
+        /* @__PURE__ */ r(i, { height: 250, variant: "rounded", width: "25%" })
+      ] }),
+      /* @__PURE__ */ d(t, { direction: "row", gap: 24, children: [
+        /* @__PURE__ */ r(i, { height: 250, variant: "rounded", width: "75%" }),
+        /* @__PURE__ */ r(i, { height: 250, variant: "rounded", width: "25%" })
+      ] }),
+      /* @__PURE__ */ d(t, { direction: "row", gap: 24, children: [
+        /* @__PURE__ */ r(i, { height: 250, variant: "rounded", width: "75%" }),
+        /* @__PURE__ */ r(i, { height: 250, variant: "rounded", width: "25%" })
+      ] })
+    ] })
+  ] })
+] });
+export {
+  g as S
+};
+//# sourceMappingURL=SkeletonLoader-BaNboJjD.mjs.map

package/dist/SkeletonLoader-BaNboJjD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonLoader-BaNboJjD.mjs","sources":["../src/common/components/SkeletonLoader.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport Skeleton from '@mui/material/Skeleton'\nimport { SxProps } from '@mui/material/styles'\n\ninterface SkeletonLoaderProps {\n  sx?: SxProps\n  variant?: 'card' | 'list' | 'dashboard'\n}\n\nexport const SkeletonLoader = ({ sx = {}, variant = 'list' }: SkeletonLoaderProps) => {\n  return (\n    <Stack sx={[...(Array.isArray(sx) ? sx : [sx])]}>\n      {variant === 'list' && (\n        <Stack gap={24}>\n          <Skeleton height={25} variant=\"rounded\" width={150} />\n          <Skeleton height={50} variant=\"rounded\" />\n          <Skeleton height={50} variant=\"rounded\" />\n          <Skeleton height={50} variant=\"rounded\" />\n        </Stack>\n      )}\n\n      {variant === 'card' && (\n        <Stack gap={24}>\n          <Skeleton height={50} variant=\"rounded\" />\n          <Stack direction=\"row\" gap={24}>\n            <Skeleton height={300} variant=\"rounded\" width=\"20%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"80%\" />\n          </Stack>\n        </Stack>\n      )}\n\n      {variant === 'dashboard' && (\n        <Stack gap={24}>\n          <Skeleton height={75} variant=\"rounded\" />\n          <Stack gap={24}>\n            <Stack direction=\"row\" gap={24}>\n              <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n              <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n            </Stack>\n            <Stack direction=\"row\" gap={24}>\n              <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n              <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n            </Stack>\n            <Stack direction=\"row\" gap={24}>\n              <Skeleton height={250} variant=\"rounded\" width=\"75%\" />\n              <Skeleton height={250} variant=\"rounded\" width=\"25%\" />\n            </Stack>\n          </Stack>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n"],"names":["SkeletonLoader","sx","variant","jsxs","Stack","jsx","Skeleton"],"mappings":";;;AASO,MAAMA,IAAiB,CAAC,EAAE,IAAAC,IAAK,CAAA,GAAI,SAAAC,IAAU,aAEhD,gBAAAC,EAACC,GAAA,EAAM,IAAI,CAAC,GAAI,MAAM,QAAQH,CAAE,IAAIA,IAAK,CAACA,CAAE,CAAE,GAC3C,UAAA;AAAA,EAAAC,MAAY,UACX,gBAAAC,EAACC,GAAA,EAAM,KAAK,IACV,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAS,QAAQ,IAAI,SAAQ,WAAU,OAAO,KAAK;AAAA,IACpD,gBAAAD,EAACC,GAAA,EAAS,QAAQ,IAAI,SAAQ,WAAU;AAAA,IACxC,gBAAAD,EAACC,GAAA,EAAS,QAAQ,IAAI,SAAQ,WAAU;AAAA,IACxC,gBAAAD,EAACC,GAAA,EAAS,QAAQ,IAAI,SAAQ,UAAA,CAAU;AAAA,EAAA,GAC1C;AAAA,EAGDJ,MAAY,UACX,gBAAAC,EAACC,GAAA,EAAM,KAAK,IACV,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,QAAQ,IAAI,SAAQ,WAAU;AAAA,IACxC,gBAAAH,EAACC,GAAA,EAAM,WAAU,OAAM,KAAK,IAC1B,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,OAAM;AAAA,wBACpDA,GAAA,EAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,MAAA,CAAM;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,GACF;AAAA,EAGDJ,MAAY,eACX,gBAAAC,EAACC,GAAA,EAAM,KAAK,IACV,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,QAAQ,IAAI,SAAQ,WAAU;AAAA,IACxC,gBAAAH,EAACC,GAAA,EAAM,KAAK,IACV,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAM,WAAU,OAAM,KAAK,IAC1B,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,OAAM;AAAA,0BACpDA,GAAA,EAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,MAAA,CAAM;AAAA,MAAA,GACvD;AAAA,MACA,gBAAAH,EAACC,GAAA,EAAM,WAAU,OAAM,KAAK,IAC1B,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,OAAM;AAAA,0BACpDA,GAAA,EAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,MAAA,CAAM;AAAA,MAAA,GACvD;AAAA,MACA,gBAAAH,EAACC,GAAA,EAAM,WAAU,OAAM,KAAK,IAC1B,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,OAAM;AAAA,0BACpDA,GAAA,EAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,MAAA,CAAM;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAAA,GAEJ;"}

package/dist/SpendingData-Fii_xATx.mjs

@@ -0,0 +1,54 @@
+import { addMonths as u } from "date-fns/addMonths";
+import { isBefore as d } from "date-fns/isBefore";
+import { startOfMonth as _ } from "date-fns/startOfMonth";
+import { subMonths as y } from "date-fns/subMonths";
+import { endOfMonth as h } from "date-fns/endOfMonth";
+import { C as a, P as l } from "./Category-DEKZGLYe.mjs";
+import { f as m, D as T } from "./DateFormats-HudZ3Bjs.mjs";
+const i = (t) => (t.top_level_category_guid === a.INCOME || t.category_guid === a.INCOME) && !f(t), C = (t) => !i(t) && !p(t), M = (t) => l.includes(t.top_level_category_guid) || l.includes(t.category_guid), p = (t) => t.top_level_category_guid === a.TRANSFER || t.category_guid === a.TRANSFER, f = (t) => t.top_level_category_guid === a.INVESTMENTS || t.category_guid === a.INVESTMENTS, N = (t) => !i(t) && !p(t) && !f(t), w = (t) => t.filter((r) => r.category_guid === r.top_level_category_guid), F = (t, r) => {
+  if (r === 0) return 0;
+  const o = (t - r) / r;
+  return isNaN(o) ? 0 : o;
+}, g = (t, r) => {
+  const o = [];
+  let e = _(r?.start ?? y(/* @__PURE__ */ new Date(), 5));
+  const s = r?.end ?? /* @__PURE__ */ new Date();
+  for (; d(e, s); )
+    o.push({
+      x: m(e, T.MONTH_SHORT),
+      y: t.filter((n) => n.year === e.getFullYear() && n.month === e.getMonth() + 1).reduce((n, c) => n + c.total, 0)
+    }), e = u(e, 1);
+  return o;
+}, A = (t, r) => {
+  const o = t.filter(i);
+  return g(o, r).map((e) => ({ ...e, y: Math.abs(e.y) }));
+}, b = (t, r) => {
+  const o = t.filter(M);
+  return g(o, r).map((e) => ({ ...e, y: Math.abs(e.y) }));
+}, x = (t, r) => {
+  const o = t.filter(N);
+  return g(o, r);
+}, H = (t) => {
+  const r = [], o = t.filter(
+    (n) => n.top_level_category_guid !== a.INCOME && n.top_level_category_guid !== a.TRANSFER && n.total > 0
+  );
+  let e = _(y(/* @__PURE__ */ new Date(), 5));
+  const s = h(/* @__PURE__ */ new Date());
+  for (; d(e, s); )
+    r.push({
+      x: m(e, T.MONTH_SHORT),
+      y: o.filter((n) => n.year === e.getFullYear() && n.month === e.getMonth() + 1).reduce((n, c) => n + c.total, 0)
+    }), e = u(e, 1);
+  return r;
+};
+export {
+  b as a,
+  x as b,
+  w as c,
+  C as d,
+  H as e,
+  F as f,
+  A as g,
+  i
+};
+//# sourceMappingURL=SpendingData-Fii_xATx.mjs.map

package/dist/SpendingData-Fii_xATx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingData-Fii_xATx.mjs","sources":["../src/trends/utils/shared.ts","../src/trends/utils/SpendingData.ts"],"sourcesContent":["import { CategoryGuids, PaymentCategories } from '../../core/constants'\nimport { MonthlyCategoryTotals } from '../../core'\nimport { StackedLineChartData } from '../../core/utils/TrendsUtil'\n\ntype TotalsData = MonthlyCategoryTotals | StackedLineChartData\n\nexport const isIncome = (totals: TotalsData) => {\n  return (\n    (totals.top_level_category_guid === CategoryGuids.INCOME ||\n      totals.category_guid === CategoryGuids.INCOME) &&\n    !isInvestment(totals)\n  )\n}\n\nexport const isExpense = (totals: TotalsData) => {\n  return !isIncome(totals) && !isTransfer(totals)\n}\n\nexport const isPayment = (totals: TotalsData) => {\n  return (\n    PaymentCategories.includes(totals.top_level_category_guid) ||\n    PaymentCategories.includes(totals.category_guid)\n  )\n}\n\nexport const isTransfer = (totals: TotalsData) => {\n  return (\n    totals.top_level_category_guid === CategoryGuids.TRANSFER ||\n    totals.category_guid === CategoryGuids.TRANSFER\n  )\n}\n\nexport const isInvestment = (totals: TotalsData) => {\n  return (\n    totals.top_level_category_guid === CategoryGuids.INVESTMENTS ||\n    totals.category_guid === CategoryGuids.INVESTMENTS\n  )\n}\n\nexport const isSpend = (totals: TotalsData) => {\n  return !isIncome(totals) && !isTransfer(totals) && !isInvestment(totals)\n}\n\nexport const getTopLevelCategoryTotals = (\n  totals: (MonthlyCategoryTotals | StackedLineChartData)[],\n) => {\n  return totals.filter((item) => item.category_guid === item.top_level_category_guid)\n}\n\nexport const calculateRelativeChange = (current: number, previous: number) => {\n  if (previous === 0) return 0\n  const change = (current - previous) / previous\n  return isNaN(change) ? 0 : change\n}\n","import { addMonths } from 'date-fns/addMonths'\nimport { isBefore } from 'date-fns/isBefore'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { subMonths } from 'date-fns/subMonths'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport { CategoryGuids, DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { MonthlyCategoryTotals } from '../../core'\nimport { isIncome, isPayment, isSpend } from './shared'\n\ntype DateRange = {\n  start: Date\n  end: Date\n}\n\nexport const getMonthlyTotals = (totals: MonthlyCategoryTotals[], range?: DateRange) => {\n  const data: { x: string; y: number }[] = []\n  let startDate = startOfMonth(range?.start ?? subMonths(new Date(), 5))\n  const endDate = range?.end ?? new Date()\n\n  while (isBefore(startDate, endDate)) {\n    // Add total amount for each month\n    data.push({\n      x: formatDate(startDate, DATE_FORMATS_INTL.MONTH_SHORT),\n      y: totals\n        .filter((t) => t.year === startDate.getFullYear() && t.month === startDate.getMonth() + 1)\n        .reduce((total, item) => total + item.total, 0),\n    })\n    startDate = addMonths(startDate, 1)\n  }\n\n  return data\n}\n\nexport const getIncomeTotals = (totals: MonthlyCategoryTotals[], range?: DateRange) => {\n  const incomeTotals = totals.filter(isIncome)\n  // Income totals are negative values, but we want to display them as positive\n  return getMonthlyTotals(incomeTotals, range).map((t) => ({ ...t, y: Math.abs(t.y) }))\n}\n\nexport const getPaymentTotals = (totals: MonthlyCategoryTotals[], range?: DateRange) => {\n  const paymentTotals = totals.filter(isPayment)\n  // Payment totals are negative values, but we want to display them as positive\n  return getMonthlyTotals(paymentTotals, range).map((t) => ({ ...t, y: Math.abs(t.y) }))\n}\n\nexport const getSpendingTotals = (totals: MonthlyCategoryTotals[], range?: DateRange) => {\n  const spendingTotals = totals.filter(isSpend)\n  return getMonthlyTotals(spendingTotals, range)\n}\n\nexport const getSpendingData = (totals: MonthlyCategoryTotals[]) => {\n  const data: { x: string; y: number }[] = []\n\n  // Filter out income and transfers\n  const filteredTotals = totals.filter(\n    (t) =>\n      t.top_level_category_guid !== CategoryGuids.INCOME &&\n      t.top_level_category_guid !== CategoryGuids.TRANSFER &&\n      t.total > 0,\n  )\n\n  let startDate = startOfMonth(subMonths(new Date(), 5))\n  const endDate = endOfMonth(new Date())\n  while (isBefore(startDate, endDate)) {\n    // Add total amount for each month\n    data.push({\n      x: formatDate(startDate, DATE_FORMATS_INTL.MONTH_SHORT),\n      y: filteredTotals\n        .filter((t) => t.year === startDate.getFullYear() && t.month === startDate.getMonth() + 1)\n        .reduce((total, item) => total + item.total, 0),\n    })\n    startDate = addMonths(startDate, 1)\n  }\n\n  return data\n}\n"],"names":["isIncome","totals","CategoryGuids","isInvestment","isExpense","isTransfer","isPayment","PaymentCategories","isSpend","getTopLevelCategoryTotals","item","calculateRelativeChange","current","previous","change","getMonthlyTotals","range","data","startDate","startOfMonth","subMonths","endDate","isBefore","formatDate","DATE_FORMATS_INTL","t","total","addMonths","getIncomeTotals","incomeTotals","getPaymentTotals","paymentTotals","getSpendingTotals","spendingTotals","getSpendingData","filteredTotals","endOfMonth"],"mappings":"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"}

package/dist/SpendingLegend-CxvNOg3c.mjs

@@ -0,0 +1,204 @@
+import { g as D } from "./TransactionUtils-BphBJBbU.mjs";
+import { C as p } from "./Category-DEKZGLYe.mjs";
+import { jsxs as f, jsx as d } from "react/jsx-runtime";
+import S from "react";
+import { observer as N } from "mobx-react-lite";
+import T from "@mui/material/Box";
+import k from "@mui/material/Button";
+import h from "@mui/material/Stack";
+import { useTheme as A } from "@mui/material/styles";
+import { CategoryIcon as M, CategoryIconVariants as G, Text as y, P as O } from "@mxenabled/mxui";
+import { f as b } from "./NumberFormatting--XMeeBfr.mjs";
+import { D as $ } from "./Donut-SzzfZDHF.mjs";
+import { u as j } from "./useAriaLive-MkYebyUR.mjs";
+import { u as v } from "./hooks-97sNJ_lf.mjs";
+import { u as R } from "./useScreenSize-mWpmnh5w.mjs";
+const _ = 5, V = (i, g, s, c) => c.reduce((o, n) => {
+  const a = i.find((u) => u.guid === n.category_guid);
+  if (!a) return o;
+  const t = a.parent_guid ?? a.guid, r = i.find((u) => u.guid === t);
+  if (!r || n.total <= 0) return o;
+  const m = {
+    guid: a.guid,
+    name: a.guid === t ? `${g.parent_category_totals_label_general} ${a.name}` : a.name,
+    color: D(r.guid, s),
+    amount: n.total
+  }, e = o.find((u) => u.guid === t);
+  return e ? (e.amount += n.total, e.categoryTotals?.push(m)) : o.push({
+    guid: t,
+    name: r.name,
+    color: D(r.guid, s),
+    categoryTotals: [m],
+    amount: n.total
+  }), o;
+}, []), ot = (i, g, s, c) => {
+  const n = V(i, g, s, c).filter(
+    (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
+  ).sort((e, u) => u.amount - e.amount), a = n.reduce(
+    (e, u) => e + u.amount,
+    0
+  ), t = n.length > _ ? _ : n.length, r = n.slice(0, t), m = r.map((e) => ({
+    id: e.guid,
+    color: D(e.guid, s),
+    label: e.name,
+    value: e.amount / a * 100
+  }));
+  if (n.length > 5) {
+    const e = n.slice(_), u = e.reduce(
+      (C, l) => C + l.amount,
+      0
+    );
+    r.push({
+      guid: "other",
+      color: s.palette.categories.others || "",
+      name: g.saving_goal_other,
+      categoryTotals: e,
+      amount: u
+    }), m.push({
+      id: "other",
+      color: s.palette.categories.others || "",
+      label: g.saving_goal_other,
+      value: u / a * 100
+    });
+  }
+  return {
+    categoryData: r,
+    donutData: m,
+    totalAmount: a
+  };
+}, nt = (i, g, s) => {
+  const c = i.filter(
+    (t) => t.guid === p.INCOME || t.parent_guid === p.INCOME
+  ), o = g.filter((t) => c.some((r) => r.guid === t.category_guid)).sort((t, r) => t.total - r.total).map((t, r) => ({
+    guid: t.category_guid,
+    name: i.find((m) => m.guid === t.category_guid)?.name,
+    color: s[r % s.length],
+    categoryTotals: [],
+    amount: Math.abs(t.total)
+  })), n = o.reduce(
+    (t, r) => t + r.amount,
+    0
+  ), a = o.map((t) => ({
+    id: t.guid,
+    color: t.color,
+    label: t.name,
+    value: t.amount / n * 100
+  }));
+  return {
+    categoryData: o,
+    donutData: a,
+    totalAmount: n
+  };
+}, B = ({
+  data: i,
+  isIncome: g = !1,
+  onSelected: s,
+  onViewTransactions: c,
+  selectedId: o,
+  size: n = 150,
+  totalLabel: a,
+  variant: t = "mini"
+}) => {
+  const { spending: r } = v(), m = A(), { isTablet: e } = R(), { announce: u, ariaLive: C } = j(), l = S.useMemo(
+    () => o ? i.categoryData.find((x) => x.guid === o) : void 0,
+    [o]
+  );
+  S.useEffect(() => {
+    if (l) {
+      const x = b(l.amount, t === "mini" ? "0,0" : "0,0.00");
+      u(`${l.name}: ${x}`);
+    }
+  }, [l, u, t]);
+  const E = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: m.palette.divider, value: 100 }], w = () => {
+    c?.(o);
+  }, I = e ? 32 : 48;
+  return /* @__PURE__ */ f(
+    T,
+    {
+      "aria-label": r.chart_description,
+      height: n,
+      position: "relative",
+      role: "group",
+      width: n,
+      children: [
+        C,
+        /* @__PURE__ */ d($, { data: E, onClick: s, selectedId: o, size: n, children: /* @__PURE__ */ d(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ f(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+          l && /* @__PURE__ */ f(
+            h,
+            {
+              alignItems: "center",
+              gap: t === "mini" ? 0 : 8,
+              mb: t === "mini" ? 0 : 8,
+              mt: t === "mini" ? 0 : -16,
+              sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
+              children: [
+                /* @__PURE__ */ d(T, { "aria-hidden": "true", role: "presentation", children: /* @__PURE__ */ d(
+                  M,
+                  {
+                    categoryGuid: g ? p.INCOME : l.guid,
+                    size: t === "mini" ? 24 : I,
+                    variant: G.Transparent
+                  }
+                ) }),
+                /* @__PURE__ */ d(
+                  y,
+                  {
+                    color: "text.secondary",
+                    noWrap: !0,
+                    variant: t === "mini" ? "tiny" : "body1",
+                    children: l ? l.name : a
+                  }
+                )
+              ]
+            }
+          ),
+          !l && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "text.secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
+          /* @__PURE__ */ d(O, { variant: t === "mini" ? "h2" : "h1", children: l ? b(l.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
+          !l && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: a }),
+          t === "full" && /* @__PURE__ */ d(
+            k,
+            {
+              "aria-label": `View ${l?.name || ""} Transactions`,
+              disabled: i.categoryData.length === 0,
+              onClick: w,
+              sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
+              variant: "text",
+              children: r.view_transactions
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  );
+}, et = N(B), rt = ({ data: i, onSelected: g, selectedId: s }) => {
+  const c = (o, n) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), g(n));
+  };
+  return /* @__PURE__ */ d(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((o) => /* @__PURE__ */ f(
+    h,
+    {
+      alignItems: "center",
+      "aria-label": o.name,
+      "aria-pressed": o.guid === s,
+      direction: "row",
+      gap: 8,
+      onClick: () => g(o.guid),
+      onKeyDown: (n) => c(n, o.guid),
+      role: "button",
+      sx: { cursor: "pointer", touchAction: "manipulation" },
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ d(T, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),
+        /* @__PURE__ */ d(y, { bold: o.guid === s, variant: "caption", children: o.name })
+      ]
+    },
+    o.guid
+  )) });
+};
+export {
+  et as S,
+  nt as a,
+  rt as b,
+  ot as g
+};
+//# sourceMappingURL=SpendingLegend-CxvNOg3c.mjs.map

package/dist/SpendingLegend-CxvNOg3c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingLegend-CxvNOg3c.mjs","sources":["../src/spending/utils/SpendingData.ts","../src/spending/components/SpendingDonut.tsx","../src/spending/components/SpendingLegend.tsx"],"sourcesContent":["import { Theme } from '@mui/material'\n\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport { CategoryGuids } from '../../core/constants'\nimport { Category, DateRangeCategoryTotals, GoalsCopy } from '../../core'\nimport type { DonutData } from '../../common/components/charts/Donut'\n\nconst TOP_CATEGORY_LENGTH = 5\n\nexport interface CategoryTotal {\n  guid: string\n  name: string\n  color: string\n  categoryTotals?: CategoryTotal[]\n  amount: number\n}\n\nexport interface SpendingData {\n  categoryData: CategoryTotal[]\n  donutData: DonutData[]\n  totalAmount: number\n}\n\n/**\n * Rolls all categories up into parent categories and return an array of CategoryTotal items.\n * @param categories - Array of all categories\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nconst getTotalsByParentCategory = (\n  categories: Category[],\n  copy: GoalsCopy,\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n  return totals.reduce((acc, curr) => {\n    // Find category and if it doesn't exist, return acc\n    const category = categories.find((c) => c.guid === curr.category_guid)\n    if (!category) return acc\n\n    // Find parent category and if it doesn't exist, return acc\n    const parentGuid = category.parent_guid ?? category.guid\n    const parentCategory = categories.find((c) => c.guid === parentGuid)\n    if (!parentCategory) return acc\n\n    // Skip negative totals — they represent credits/income/transfers, not spending\n    if (curr.total <= 0) return acc\n\n    const categoryTotal = {\n      guid: category.guid,\n      name:\n        category.guid === parentGuid\n          ? `${copy.parent_category_totals_label_general} ${category.name}`\n          : category.name,\n      color: getCategoryColor(parentCategory.guid, theme),\n      amount: curr.total,\n    }\n\n    // If parent category has already been added to acc then find it and add the current total,\n    // otherwise add the parent category to acc.\n    const parentCategoryTotal = acc.find((ct) => ct.guid === parentGuid)\n    if (parentCategoryTotal) {\n      parentCategoryTotal.amount += curr.total\n      parentCategoryTotal.categoryTotals?.push(categoryTotal)\n    } else {\n      acc.push({\n        guid: parentGuid,\n        name: parentCategory.name,\n        color: getCategoryColor(parentCategory.guid, theme),\n        categoryTotals: [categoryTotal],\n        amount: curr.total,\n      })\n    }\n\n    return acc\n  }, [] as CategoryTotal[])\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to spending\n * Excludes Income and Transfers\n *\n * @param categories - Array of all categories\n * @param copy - Localized copy\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nexport const getSpendingData = (\n  categories: Category[],\n  copy: GoalsCopy, // TODO: Replace after `Other` is added to SpendingCopy\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): SpendingData => {\n  const parentCategoryTotals = getTotalsByParentCategory(categories, copy, theme, totals)\n\n  // Filter out Income and Transfers from spending totals\n  // Sort in decending order by amount\n  const spendingTotals = parentCategoryTotals\n    .filter(\n      (ct) =>\n        ct.guid !== CategoryGuids.INCOME &&\n        ct.guid !== CategoryGuids.INVESTMENTS &&\n        ct.guid !== CategoryGuids.TRANSFER &&\n        ct.amount > 0,\n    )\n    .sort((cat1, cat2) => cat2.amount - cat1.amount)\n\n  // Calculate the total spend\n  const totalAmount = spendingTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Find the number of top categories to include\n  const length =\n    spendingTotals.length > TOP_CATEGORY_LENGTH ? TOP_CATEGORY_LENGTH : spendingTotals.length\n\n  // Only include the top categories\n  const categoryData = spendingTotals.slice(0, length)\n\n  // Map the category data to donut data\n  const donutData = categoryData.map((categoryTotal) => ({\n    id: categoryTotal.guid,\n    color: getCategoryColor(categoryTotal.guid, theme),\n    label: categoryTotal.name,\n    value: (categoryTotal.amount / totalAmount) * 100,\n  }))\n\n  // If there additional categories outside of the top categories, combine them into an Other category\n  if (spendingTotals.length > 5) {\n    const otherCategories = spendingTotals.slice(TOP_CATEGORY_LENGTH)\n    const otherTotal = otherCategories.reduce(\n      (acc: number, total: CategoryTotal) => acc + total.amount,\n      0,\n    )\n    categoryData.push({\n      guid: 'other',\n      color: theme.palette.categories.others || '',\n      name: copy.saving_goal_other,\n      categoryTotals: otherCategories,\n      amount: otherTotal,\n    })\n\n    donutData.push({\n      id: 'other',\n      color: theme.palette.categories.others || '',\n      label: copy.saving_goal_other,\n      value: (otherTotal / totalAmount) * 100,\n    })\n  }\n\n  // Return an object of type SpendingData\n  return {\n    categoryData,\n    donutData,\n    totalAmount,\n  }\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to income\n * Only includes Income subcategories\n *\n * @param categories - Array of all categories\n * @param monthlyTotals - And array of type DateRangeCategoryTotals\n * @param colors - An array of color strings to use for income colors\n */\nexport const getIncomeData = (\n  categories: Category[],\n  monthlyTotals: DateRangeCategoryTotals[],\n  colors: string[],\n): SpendingData => {\n  // Get all income subcategories\n  const incomeCategories = categories.filter(\n    (category) =>\n      category.guid === CategoryGuids.INCOME || category.parent_guid === CategoryGuids.INCOME,\n  )\n\n  // Filter, sort & map DateRangeCategoryTotals to CategoryTotal objects\n  // The filter return only subcategories with a parent category of Income\n  // The sort is in acending order due to amounts being negative\n  const incomeTotals: CategoryTotal[] = monthlyTotals\n    .filter((total) => incomeCategories.some((category) => category.guid === total.category_guid))\n    .sort((total1, total2) => total1.total - total2.total)\n    .map((total, index) => {\n      return {\n        guid: total.category_guid,\n        name: categories.find((cat) => cat.guid === total.category_guid)?.name,\n        color: colors[index % colors.length],\n        categoryTotals: [],\n        amount: Math.abs(total.total),\n      }\n    }) as CategoryTotal[]\n\n  // Calculates the total income amount\n  const totalAmount = incomeTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Maps the income totals to donut data\n  const donutData = incomeTotals.map((incomeTotal) => ({\n    id: incomeTotal.guid,\n    color: incomeTotal.color,\n    label: incomeTotal.name,\n    value: (incomeTotal.amount / totalAmount) * 100,\n  }))\n\n  // Return an object of type SpendingData\n  return {\n    categoryData: incomeTotals,\n    donutData,\n    totalAmount,\n  }\n}\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { CategoryIcon, CategoryIconVariants, P, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, useScreenSize } from '../../common'\nimport { CategoryGuids } from '../../core/constants'\nimport Donut from '../../common/components/charts/Donut'\nimport { useAriaLive } from '../../common/hooks/useAriaLive'\n\nimport type { SpendingData } from '../utils/SpendingData'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface SpendingDonutProps {\n  data: SpendingData\n  isIncome?: boolean\n  onSelected: (id: string) => void\n  onViewTransactions?: (id: string) => void\n  selectedId: string\n  size?: number\n  totalLabel: string\n  variant?: 'mini' | 'full'\n}\n\nconst SpendingDonut: React.FC<SpendingDonutProps> = ({\n  data,\n  isIncome = false,\n  onSelected,\n  onViewTransactions,\n  selectedId,\n  size = 150,\n  totalLabel,\n  variant = 'mini',\n}) => {\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { isTablet } = useScreenSize()\n  const { announce, ariaLive } = useAriaLive()\n\n  const selectedCategory = React.useMemo(\n    () => (selectedId ? data.categoryData.find((cd) => cd.guid === selectedId) : undefined),\n    [selectedId],\n  )\n\n  // Announce category selection to screen readers\n  React.useEffect(() => {\n    if (selectedCategory) {\n      const amount = formatCurrency(selectedCategory.amount, variant === 'mini' ? '0,0' : '0,0.00')\n      announce(`${selectedCategory.name}: ${amount}`)\n    }\n  }, [selectedCategory, announce, variant])\n\n  const donutData =\n    data.donutData.length > 0\n      ? data.donutData\n      : [{ id: '0', color: theme.palette.divider, value: 100 }]\n\n  const handleViewTransactions = () => {\n    onViewTransactions?.(selectedId)\n  }\n\n  const iconSize = isTablet ? 32 : 48\n  return (\n    <Box\n      aria-label={spendingCopy.chart_description}\n      height={size}\n      position=\"relative\"\n      role=\"group\"\n      width={size}\n    >\n      {ariaLive}\n      <Donut data={donutData} onClick={onSelected} selectedId={selectedId} size={size}>\n        <Stack alignItems=\"center\" height=\"100%\" justifyContent=\"center\" width=\"100%\">\n          <Stack alignItems=\"center\" justifyContent=\"center\" minHeight={size} minWidth={size}>\n            {selectedCategory && (\n              <Stack\n                alignItems=\"center\"\n                gap={variant === 'mini' ? 0 : 8}\n                mb={variant === 'mini' ? 0 : 8}\n                mt={variant === 'mini' ? 0 : -16}\n                sx={\n                  variant === 'mini'\n                    ? { gap: 0, mb: 0 }\n                    : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }\n                }\n              >\n                <Box aria-hidden=\"true\" role=\"presentation\">\n                  <CategoryIcon\n                    categoryGuid={isIncome ? CategoryGuids.INCOME : selectedCategory.guid}\n                    size={variant === 'mini' ? 24 : iconSize}\n                    variant={CategoryIconVariants.Transparent}\n                  />\n                </Box>\n                <Text\n                  color=\"text.secondary\"\n                  noWrap={true}\n                  variant={variant === 'mini' ? 'tiny' : 'body1'}\n                >\n                  {selectedCategory ? selectedCategory.name : totalLabel}\n                </Text>\n              </Stack>\n            )}\n\n            {!selectedCategory && variant === 'full' && (\n              <Text bold={true} color=\"text.secondary\" sx={{ mb: { xs: 4, xl: 8 } }}>\n                {totalLabel}\n              </Text>\n            )}\n\n            <P variant={variant === 'mini' ? 'h2' : 'h1'}>\n              {selectedCategory\n                ? formatCurrency(selectedCategory.amount, variant === 'mini' ? '0,0' : '0,0.00')\n                : formatCurrency(data.totalAmount, variant === 'mini' ? '0,0' : '0,0.00')}\n            </P>\n            {!selectedCategory && variant === 'mini' && (\n              <Text color=\"text.secondary\" noWrap={true} variant=\"tiny\">\n                {totalLabel}\n              </Text>\n            )}\n\n            {variant === 'full' && (\n              <Button\n                aria-label={`View ${selectedCategory?.name || ''} Transactions`}\n                disabled={data.categoryData.length === 0}\n                onClick={handleViewTransactions}\n                sx={{ mt: { xl: 4, xs: 0 }, zIndex: 1 }}\n                variant=\"text\"\n              >\n                {spendingCopy.view_transactions}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n      </Donut>\n    </Box>\n  )\n}\n\nexport default observer(SpendingDonut)\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport type { SpendingData } from '../utils/SpendingData'\n\ninterface SpendingLegendProps {\n  data: SpendingData\n  onSelected: (id: string) => void\n  selectedId: string\n}\n\nconst SpendingLegend: React.FC<SpendingLegendProps> = ({ data, onSelected, selectedId }) => {\n  const handleKeyDown = (event: React.KeyboardEvent, guid: string) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onSelected(guid)\n    }\n  }\n\n  return (\n    <Stack gap={8} height=\"100%\" justifyContent=\"center\" my=\"auto\">\n      {data.categoryData.map((item) => (\n        <Stack\n          alignItems=\"center\"\n          aria-label={item.name}\n          aria-pressed={item.guid === selectedId}\n          direction=\"row\"\n          gap={8}\n          key={item.guid}\n          onClick={() => onSelected(item.guid)}\n          onKeyDown={(e) => handleKeyDown(e, item.guid)}\n          role=\"button\"\n          sx={{ cursor: 'pointer', touchAction: 'manipulation' }}\n          tabIndex={0}\n        >\n          <Box borderRadius={4} height={8} sx={{ backgroundColor: item.color }} width={8} />\n          <Text bold={item.guid === selectedId} variant=\"caption\">\n            {item.name}\n          </Text>\n        </Stack>\n      ))}\n    </Stack>\n  )\n}\n\nexport default SpendingLegend\n"],"names":["TOP_CATEGORY_LENGTH","getTotalsByParentCategory","categories","copy","theme","totals","acc","curr","category","c","parentGuid","parentCategory","categoryTotal","getCategoryColor","parentCategoryTotal","ct","getSpendingData","spendingTotals","CategoryGuids","cat1","cat2","totalAmount","total","length","categoryData","donutData","otherCategories","otherTotal","getIncomeData","monthlyTotals","colors","incomeCategories","incomeTotals","total1","total2","index","cat","incomeTotal","SpendingDonut","data","isIncome","onSelected","onViewTransactions","selectedId","size","totalLabel","variant","spendingCopy","useGlobalCopyStore","useTheme","isTablet","useScreenSize","announce","ariaLive","useAriaLive","selectedCategory","React","cd","amount","formatCurrency","handleViewTransactions","iconSize","jsxs","Box","jsx","Donut","Stack","CategoryIcon","CategoryIconVariants","Text","P","Button","SpendingDonut$1","observer","SpendingLegend","handleKeyDown","event","guid","item","e"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAMA,IAAsB,GAsBtBC,IAA4B,CAChCC,GACAC,GACAC,GACAC,MAKOA,EAAO,OAAO,CAACC,GAAKC,MAAS;AAElC,QAAMC,IAAWN,EAAW,KAAK,CAACO,MAAMA,EAAE,SAASF,EAAK,aAAa;AACrE,MAAI,CAACC,EAAU,QAAOF;AAGtB,QAAMI,IAAaF,EAAS,eAAeA,EAAS,MAC9CG,IAAiBT,EAAW,KAAK,CAACO,MAAMA,EAAE,SAASC,CAAU;AAInE,MAHI,CAACC,KAGDJ,EAAK,SAAS,EAAG,QAAOD;AAE5B,QAAMM,IAAgB;AAAA,IACpB,MAAMJ,EAAS;AAAA,IACf,MACEA,EAAS,SAASE,IACd,GAAGP,EAAK,oCAAoC,IAAIK,EAAS,IAAI,KAC7DA,EAAS;AAAA,IACf,OAAOK,EAAiBF,EAAe,MAAMP,CAAK;AAAA,IAClD,QAAQG,EAAK;AAAA,EAAA,GAKTO,IAAsBR,EAAI,KAAK,CAACS,MAAOA,EAAG,SAASL,CAAU;AACnE,SAAII,KACFA,EAAoB,UAAUP,EAAK,OACnCO,EAAoB,gBAAgB,KAAKF,CAAa,KAEtDN,EAAI,KAAK;AAAA,IACP,MAAMI;AAAA,IACN,MAAMC,EAAe;AAAA,IACrB,OAAOE,EAAiBF,EAAe,MAAMP,CAAK;AAAA,IAClD,gBAAgB,CAACQ,CAAa;AAAA,IAC9B,QAAQL,EAAK;AAAA,EAAA,CACd,GAGID;AACT,GAAG,CAAA,CAAqB,GAYbU,KAAkB,CAC7Bd,GACAC,GACAC,GACAC,MACiB;AAKjB,QAAMY,IAJuBhB,EAA0BC,GAAYC,GAAMC,GAAOC,CAAM,EAKnF;AAAA,IACC,CAACU,MACCA,EAAG,SAASG,EAAc,UAC1BH,EAAG,SAASG,EAAc,eAC1BH,EAAG,SAASG,EAAc,YAC1BH,EAAG,SAAS;AAAA,EAAA,EAEf,KAAK,CAACI,GAAMC,MAASA,EAAK,SAASD,EAAK,MAAM,GAG3CE,IAAcJ,EAAe;AAAA,IACjC,CAACX,GAAagB,MAAyBhB,IAAMgB,EAAM;AAAA,IACnD;AAAA,EAAA,GAIIC,IACJN,EAAe,SAASjB,IAAsBA,IAAsBiB,EAAe,QAG/EO,IAAeP,EAAe,MAAM,GAAGM,CAAM,GAG7CE,IAAYD,EAAa,IAAI,CAACZ,OAAmB;AAAA,IACrD,IAAIA,EAAc;AAAA,IAClB,OAAOC,EAAiBD,EAAc,MAAMR,CAAK;AAAA,IACjD,OAAOQ,EAAc;AAAA,IACrB,OAAQA,EAAc,SAASS,IAAe;AAAA,EAAA,EAC9C;AAGF,MAAIJ,EAAe,SAAS,GAAG;AAC7B,UAAMS,IAAkBT,EAAe,MAAMjB,CAAmB,GAC1D2B,IAAaD,EAAgB;AAAA,MACjC,CAACpB,GAAagB,MAAyBhB,IAAMgB,EAAM;AAAA,MACnD;AAAA,IAAA;AAEF,IAAAE,EAAa,KAAK;AAAA,MAChB,MAAM;AAAA,MACN,OAAOpB,EAAM,QAAQ,WAAW,UAAU;AAAA,MAC1C,MAAMD,EAAK;AAAA,MACX,gBAAgBuB;AAAA,MAChB,QAAQC;AAAA,IAAA,CACT,GAEDF,EAAU,KAAK;AAAA,MACb,IAAI;AAAA,MACJ,OAAOrB,EAAM,QAAQ,WAAW,UAAU;AAAA,MAC1C,OAAOD,EAAK;AAAA,MACZ,OAAQwB,IAAaN,IAAe;AAAA,IAAA,CACrC;AAAA,EACH;AAGA,SAAO;AAAA,IACL,cAAAG;AAAA,IACA,WAAAC;AAAA,IACA,aAAAJ;AAAA,EAAA;AAEJ,GAUaO,KAAgB,CAC3B1B,GACA2B,GACAC,MACiB;AAEjB,QAAMC,IAAmB7B,EAAW;AAAA,IAClC,CAACM,MACCA,EAAS,SAASU,EAAc,UAAUV,EAAS,gBAAgBU,EAAc;AAAA,EAAA,GAM/Ec,IAAgCH,EACnC,OAAO,CAACP,MAAUS,EAAiB,KAAK,CAACvB,MAAaA,EAAS,SAASc,EAAM,aAAa,CAAC,EAC5F,KAAK,CAACW,GAAQC,MAAWD,EAAO,QAAQC,EAAO,KAAK,EACpD,IAAI,CAACZ,GAAOa,OACJ;AAAA,IACL,MAAMb,EAAM;AAAA,IACZ,MAAMpB,EAAW,KAAK,CAACkC,MAAQA,EAAI,SAASd,EAAM,aAAa,GAAG;AAAA,IAClE,OAAOQ,EAAOK,IAAQL,EAAO,MAAM;AAAA,IACnC,gBAAgB,CAAA;AAAA,IAChB,QAAQ,KAAK,IAAIR,EAAM,KAAK;AAAA,EAAA,EAE/B,GAGGD,IAAcW,EAAa;AAAA,IAC/B,CAAC1B,GAAagB,MAAyBhB,IAAMgB,EAAM;AAAA,IACnD;AAAA,EAAA,GAIIG,IAAYO,EAAa,IAAI,CAACK,OAAiB;AAAA,IACnD,IAAIA,EAAY;AAAA,IAChB,OAAOA,EAAY;AAAA,IACnB,OAAOA,EAAY;AAAA,IACnB,OAAQA,EAAY,SAAShB,IAAe;AAAA,EAAA,EAC5C;AAGF,SAAO;AAAA,IACL,cAAcW;AAAA,IACd,WAAAP;AAAA,IACA,aAAAJ;AAAA,EAAA;AAEJ,GC5LMiB,IAA8C,CAAC;AAAA,EACnD,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAM,EAAE,UAAUC,EAAA,IAAiBC,EAAA,GAC7B5C,IAAQ6C,EAAA,GACR,EAAE,UAAAC,EAAA,IAAaC,EAAA,GACf,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GAEzBC,IAAmBC,EAAM;AAAA,IAC7B,MAAOb,IAAaJ,EAAK,aAAa,KAAK,CAACkB,MAAOA,EAAG,SAASd,CAAU,IAAI;AAAA,IAC7E,CAACA,CAAU;AAAA,EAAA;AAIba,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAID,GAAkB;AACpB,YAAMG,IAASC,EAAeJ,EAAiB,QAAQT,MAAY,SAAS,QAAQ,QAAQ;AAC5F,MAAAM,EAAS,GAAGG,EAAiB,IAAI,KAAKG,CAAM,EAAE;AAAA,IAChD;AAAA,EACF,GAAG,CAACH,GAAkBH,GAAUN,CAAO,CAAC;AAExC,QAAMrB,IACJc,EAAK,UAAU,SAAS,IACpBA,EAAK,YACL,CAAC,EAAE,IAAI,KAAK,OAAOnC,EAAM,QAAQ,SAAS,OAAO,KAAK,GAEtDwD,IAAyB,MAAM;AACnC,IAAAlB,IAAqBC,CAAU;AAAA,EACjC,GAEMkB,IAAWX,IAAW,KAAK;AACjC,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYhB,EAAa;AAAA,MACzB,QAAQH;AAAA,MACR,UAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAOA;AAAA,MAEN,UAAA;AAAA,QAAAS;AAAA,QACD,gBAAAW,EAACC,GAAA,EAAM,MAAMxC,GAAW,SAASgB,GAAY,YAAAE,GAAwB,MAAAC,GACnE,UAAA,gBAAAoB,EAACE,GAAA,EAAM,YAAW,UAAS,QAAO,QAAO,gBAAe,UAAS,OAAM,QACrE,UAAA,gBAAAJ,EAACI,GAAA,EAAM,YAAW,UAAS,gBAAe,UAAS,WAAWtB,GAAM,UAAUA,GAC3E,UAAA;AAAA,UAAAW,KACC,gBAAAO;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,YAAW;AAAA,cACX,KAAKpB,MAAY,SAAS,IAAI;AAAA,cAC9B,IAAIA,MAAY,SAAS,IAAI;AAAA,cAC7B,IAAIA,MAAY,SAAS,IAAI;AAAA,cAC7B,IACEA,MAAY,SACR,EAAE,KAAK,GAAG,IAAI,MACd,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAA,GAAK,IAAI,EAAE,IAAI,GAAG,IAAI,IAAE;AAAA,cAGlD,UAAA;AAAA,gBAAA,gBAAAkB,EAACD,GAAA,EAAI,eAAY,QAAO,MAAK,gBAC3B,UAAA,gBAAAC;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,cAAc3B,IAAWtB,EAAc,SAASqC,EAAiB;AAAA,oBACjE,MAAMT,MAAY,SAAS,KAAKe;AAAA,oBAChC,SAASO,EAAqB;AAAA,kBAAA;AAAA,gBAAA,GAElC;AAAA,gBACA,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,QAAQ;AAAA,oBACR,SAASvB,MAAY,SAAS,SAAS;AAAA,oBAEtC,UAAAS,IAAmBA,EAAiB,OAAOV;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC9C;AAAA,YAAA;AAAA,UAAA;AAAA,UAIH,CAACU,KAAoBT,MAAY,4BAC/BuB,GAAA,EAAK,MAAM,IAAM,OAAM,kBAAiB,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,IAAE,GAC/D,UAAAxB,GACH;AAAA,UAGF,gBAAAmB,EAACM,KAAE,SAASxB,MAAY,SAAS,OAAO,MACrC,UAAAS,IACGI,EAAeJ,EAAiB,QAAQT,MAAY,SAAS,QAAQ,QAAQ,IAC7Ea,EAAepB,EAAK,aAAaO,MAAY,SAAS,QAAQ,QAAQ,EAAA,CAC5E;AAAA,UACC,CAACS,KAAoBT,MAAY,UAChC,gBAAAkB,EAACK,GAAA,EAAK,OAAM,kBAAiB,QAAQ,IAAM,SAAQ,QAChD,UAAAxB,EAAA,CACH;AAAA,UAGDC,MAAY,UACX,gBAAAkB;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,cAAY,QAAQhB,GAAkB,QAAQ,EAAE;AAAA,cAChD,UAAUhB,EAAK,aAAa,WAAW;AAAA,cACvC,SAASqB;AAAA,cACT,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA,GAAK,QAAQ,EAAA;AAAA,cACpC,SAAQ;AAAA,cAEP,UAAAb,EAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAyB,KAAeC,EAASnC,CAAa,GChI/BoC,KAAgD,CAAC,EAAE,MAAAnC,GAAM,YAAAE,GAAY,YAAAE,QAAiB;AAC1F,QAAMgC,IAAgB,CAACC,GAA4BC,MAAiB;AAClE,KAAID,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAA,GACNnC,EAAWoC,CAAI;AAAA,EAEnB;AAEA,SACE,gBAAAb,EAACE,GAAA,EAAM,KAAK,GAAG,QAAO,QAAO,gBAAe,UAAS,IAAG,QACrD,UAAA3B,EAAK,aAAa,IAAI,CAACuC,MACtB,gBAAAhB;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,cAAYY,EAAK;AAAA,MACjB,gBAAcA,EAAK,SAASnC;AAAA,MAC5B,WAAU;AAAA,MACV,KAAK;AAAA,MAEL,SAAS,MAAMF,EAAWqC,EAAK,IAAI;AAAA,MACnC,WAAW,CAACC,MAAMJ,EAAcI,GAAGD,EAAK,IAAI;AAAA,MAC5C,MAAK;AAAA,MACL,IAAI,EAAE,QAAQ,WAAW,aAAa,eAAA;AAAA,MACtC,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAd,EAACD,GAAA,EAAI,cAAc,GAAG,QAAQ,GAAG,IAAI,EAAE,iBAAiBe,EAAK,MAAA,GAAS,OAAO,EAAA,CAAG;AAAA,QAChF,gBAAAd,EAACK,KAAK,MAAMS,EAAK,SAASnC,GAAY,SAAQ,WAC3C,UAAAmC,EAAK,KAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,IAVKA,EAAK;AAAA,EAAA,CAYb,GACH;AAEJ;"}

package/dist/StatusBar-CPfSXe80.mjs

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+import p from "@mui/material/Stack";
+const s = ({ data: a, height: r = 8 }) => {
+  const o = `${r / 4}px`;
+  return /* @__PURE__ */ c(
+    p,
+    {
+      bgcolor: "divider",
+      borderRadius: o,
+      direction: "row",
+      gap: 2,
+      height: r,
+      width: "100%",
+      children: a.map((t, d) => /* @__PURE__ */ c(
+        i,
+        {
+          bgcolor: t.color,
+          borderRadius: o,
+          height: r,
+          width: t.percentage
+        },
+        d
+      ))
+    }
+  );
+};
+export {
+  s as S
+};
+//# sourceMappingURL=StatusBar-CPfSXe80.mjs.map

package/dist/StatusBar-CPfSXe80.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar-CPfSXe80.mjs","sources":["../src/common/components/charts/StatusBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nexport type StatusBarData = {\n  color: string\n  percentage: string\n}\n\ninterface StatusBarProps {\n  data: StatusBarData[]\n  height?: number\n}\n\nconst StatusBar = ({ data, height = 8 }: StatusBarProps) => {\n  const borderRadius = `${height / 4}px`\n\n  return (\n    <Stack\n      bgcolor=\"divider\"\n      borderRadius={borderRadius}\n      direction=\"row\"\n      gap={2}\n      height={height}\n      width=\"100%\"\n    >\n      {data.map((item, index) => (\n        <Box\n          bgcolor={item.color}\n          borderRadius={borderRadius}\n          height={height}\n          key={index}\n          width={item.percentage}\n        />\n      ))}\n    </Stack>\n  )\n}\n\nexport default StatusBar\n"],"names":["StatusBar","data","height","borderRadius","jsx","Stack","item","index","Box"],"mappings":";;;AAaA,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,QAAAC,IAAS,QAAwB;AAC1D,QAAMC,IAAe,GAAGD,IAAS,CAAC;AAElC,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,cAAAF;AAAA,MACA,WAAU;AAAA,MACV,KAAK;AAAA,MACL,QAAAD;AAAA,MACA,OAAM;AAAA,MAEL,UAAAD,EAAK,IAAI,CAACK,GAAMC,MACf,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAASF,EAAK;AAAA,UACd,cAAAH;AAAA,UACA,QAAAD;AAAA,UAEA,OAAOI,EAAK;AAAA,QAAA;AAAA,QADPC;AAAA,MAAA,CAGR;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/TabContentContainer-B0eYJP5p.mjs

@@ -0,0 +1,49 @@
+import { c as C } from "./Account-DR7Plrqy.mjs";
+import { jsx as _ } from "react/jsx-runtime";
+const o = [
+  C.ANY,
+  C.CASH,
+  C.CHECKING,
+  C.DIGITAL_WALLET,
+  C.PREPAID,
+  C.SAVINGS
+], D = [
+  C.CHECKING_LINE_OF_CREDIT,
+  C.CREDIT_CARD,
+  C.LINE_OF_CREDIT,
+  C.LOAN,
+  C.MORTGAGE
+], r = [
+  C.ANY,
+  C.CASH,
+  C.CHECKING,
+  C.CHECKING_LINE_OF_CREDIT,
+  C.CREDIT_CARD,
+  C.DIGITAL_WALLET,
+  C.LINE_OF_CREDIT,
+  C.PREPAID,
+  C.SAVINGS
+], G = ({
+  children: T,
+  index: E,
+  name: I,
+  value: A,
+  ...N
+}) => /* @__PURE__ */ _(
+  "div",
+  {
+    "aria-labelledby": `${I}-tab-${E}`,
+    hidden: A !== E,
+    id: `${I}-tabpanel-${E}`,
+    role: "tabpanel",
+    ...N,
+    children: A === E && T
+  }
+);
+export {
+  o as I,
+  D as P,
+  r as S,
+  G as T
+};
+//# sourceMappingURL=TabContentContainer-B0eYJP5p.mjs.map

package/dist/TabContentContainer-B0eYJP5p.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContentContainer-B0eYJP5p.mjs","sources":["../src/common/constants/Account.ts","../src/common/components/TabContentContainer.tsx"],"sourcesContent":["import { AccountType } from '../../core'\n\nexport const INCOME_ACCOUNT_TYPES = [\n  AccountType.ANY,\n  AccountType.CASH,\n  AccountType.CHECKING,\n  AccountType.DIGITAL_WALLET,\n  AccountType.PREPAID,\n  AccountType.SAVINGS,\n]\n\nexport const PAYMENT_ACCOUNT_TYPES = [\n  AccountType.CHECKING_LINE_OF_CREDIT,\n  AccountType.CREDIT_CARD,\n  AccountType.LINE_OF_CREDIT,\n  AccountType.LOAN,\n  AccountType.MORTGAGE,\n]\n\nexport const SPENDING_ACCOUNT_TYPES = [\n  AccountType.ANY,\n  AccountType.CASH,\n  AccountType.CHECKING,\n  AccountType.CHECKING_LINE_OF_CREDIT,\n  AccountType.CREDIT_CARD,\n  AccountType.DIGITAL_WALLET,\n  AccountType.LINE_OF_CREDIT,\n  AccountType.PREPAID,\n  AccountType.SAVINGS,\n]\n","interface TabContentProps {\n  children?: React.ReactNode\n  index: number\n  name: string\n  value: number\n}\n\nconst TabContentContainer: React.FC<TabContentProps> = ({\n  children,\n  index,\n  name,\n  value,\n  ...rest\n}) => {\n  return (\n    <div\n      aria-labelledby={`${name}-tab-${index}`}\n      hidden={value !== index}\n      id={`${name}-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...rest}\n    >\n      {value === index && children}\n    </div>\n  )\n}\n\nexport default TabContentContainer\n"],"names":["INCOME_ACCOUNT_TYPES","AccountType","PAYMENT_ACCOUNT_TYPES","SPENDING_ACCOUNT_TYPES","TabContentContainer","children","index","name","value","rest","jsx"],"mappings":";;AAEO,MAAMA,IAAuB;AAAA,EAClCC,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GAEaC,IAAwB;AAAA,EACnCD,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GAEaE,IAAyB;AAAA,EACpCF,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GCtBMG,IAAiD,CAAC;AAAA,EACtD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,mBAAiB,GAAGH,CAAI,QAAQD,CAAK;AAAA,IACrC,QAAQE,MAAUF;AAAA,IAClB,IAAI,GAAGC,CAAI,aAAaD,CAAK;AAAA,IAC7B,MAAK;AAAA,IACJ,GAAGG;AAAA,IAEH,gBAAUH,KAASD;AAAA,EAAA;AAAA;"}