@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/trends/components/TrendsMicroSpendingIncomeBox.es.js

@@ -0,0 +1,82 @@
+import { useWidgetContainerProvider as W } from "../../common/context/hooks.es.js";
+import { formatCurrency as a, formatPercentage as P } from "../../core/utils/NumberFormatting.es.js";
+import u from "react";
+import r from "@mui/material/Stack";
+import { H3 as R, P as d } from "@mxenabled/mxui";
+import { TrendingDown as I, TrendingUp as j } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import D from "@mui/material/Box";
+var S = 70, k = ({ title: v, totalAmount: o, transactionType: i, percentage: t, secondaryLabel: w, shouldDisplayPercentage: m }) => {
+  const { availableWidth: f } = W(), p = u.useRef(null), x = u.useRef(null), b = P(Number(Math.abs(t)), {
+    style: "percent",
+    minimumIntegerDigits: 1
+  }), y = f === 288 && a(o, "0,0.00").length > 10 ? a(o, "0,0") : a(o, "0,0.00"), s = i === "spending" ? t > 0 : t >= 0, c = i === "spending" ? "error.main" : "success.main", l = i === "spending" ? "success.main" : "text.secondary", g = p?.current, h = x?.current, C = g && h ? g.scrollWidth > h.clientWidth - S : !1;
+  return /* @__PURE__ */ n(r, {
+    sx: {
+      border: 1,
+      borderColor: "divider",
+      borderRadius: "4px",
+      flex: 1,
+      minWidth: 0,
+      px: 12,
+      py: 8
+    },
+    children: [/* @__PURE__ */ n(r, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        justifyContent: "space-between"
+      },
+      children: [/* @__PURE__ */ e(d, {
+        color: "text.secondary",
+        variant: "caption",
+        children: v
+      }), m && /* @__PURE__ */ n(r, {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          gap: 4
+        },
+        children: [s ? /* @__PURE__ */ e(j, {
+          size: 20,
+          sx: { color: c }
+        }) : /* @__PURE__ */ e(I, {
+          size: 20,
+          sx: { color: l }
+        }), /* @__PURE__ */ e(d, {
+          sx: {
+            color: s ? c : l,
+            fontWeight: 600
+          },
+          variant: "body2",
+          children: b
+        })]
+      })]
+    }), /* @__PURE__ */ n(r, {
+      ref: x,
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        justifyContent: "space-between"
+      },
+      children: [/* @__PURE__ */ e(D, {
+        ref: p,
+        sx: {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: /* @__PURE__ */ e(R, { children: y })
+      }), m && f >= 450 && !C && /* @__PURE__ */ e(d, {
+        color: s ? c : l,
+        variant: "caption",
+        children: w
+      })]
+    })]
+  });
+};
+export {
+  k as TrendsMicroSpendingIncomeBox
+};
+
+//# sourceMappingURL=TrendsMicroSpendingIncomeBox.es.js.map

package/dist/trends/components/TrendsMicroSpendingIncomeBox.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsMicroSpendingIncomeBox.es.js","names":[],"sources":["../../../src/trends/components/TrendsMicroSpendingIncomeBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { TrendingDown, TrendingUp } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { useWidgetContainerProvider } from '../../common'\nimport { formatCurrency, formatPercentage } from '../../core/utils/NumberFormatting'\nconst secondaryLabelWidth = 70\n\ninterface TrendsMicroSpendingIncomeBoxProps {\n  title: string\n  totalAmount: number\n  transactionType: 'spending' | 'income'\n  percentage: number\n  secondaryLabel: string\n  shouldDisplayPercentage: boolean\n}\nexport const TrendsMicroSpendingIncomeBox = ({\n  title,\n  totalAmount,\n  transactionType,\n  percentage,\n  secondaryLabel,\n  shouldDisplayPercentage,\n}: TrendsMicroSpendingIncomeBoxProps) => {\n  const { availableWidth } = useWidgetContainerProvider()\n\n  const amountRef = React.useRef<HTMLSpanElement | null>(null)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n\n  const displayPercentage = formatPercentage(Number(Math.abs(percentage)), {\n    style: 'percent',\n    minimumIntegerDigits: 1,\n  })\n\n  const displayTotalAmount =\n    availableWidth === 288 && formatCurrency(totalAmount, '0,0.00').length > 10\n      ? formatCurrency(totalAmount, '0,0')\n      : formatCurrency(totalAmount, '0,0.00')\n\n  const isGainPercentage = transactionType === 'spending' ? percentage > 0 : percentage >= 0\n  const isGainPercentageColor = transactionType === 'spending' ? 'error.main' : 'success.main'\n  const isLossPercentageColor = transactionType === 'spending' ? 'success.main' : 'text.secondary'\n\n  const amountElement = amountRef?.current\n  const containerElement = containerRef?.current\n  const isOverflowing =\n    amountElement && containerElement\n      ? amountElement.scrollWidth > containerElement.clientWidth - secondaryLabelWidth\n      : false\n  return (\n    <Stack\n      sx={{\n        border: 1,\n        borderColor: 'divider',\n        borderRadius: '4px',\n        flex: 1,\n        minWidth: 0,\n        px: 12,\n        py: 8,\n      }}\n    >\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <P color=\"text.secondary\" variant=\"caption\">\n          {title}\n        </P>\n        {shouldDisplayPercentage && (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n            {isGainPercentage ? (\n              <TrendingUp size={20} sx={{ color: isGainPercentageColor }} />\n            ) : (\n              <TrendingDown size={20} sx={{ color: isLossPercentageColor }} />\n            )}\n            <P\n              sx={{\n                color: isGainPercentage ? isGainPercentageColor : isLossPercentageColor,\n                fontWeight: 600,\n              }}\n              variant=\"body2\"\n            >\n              {displayPercentage}\n            </P>\n          </Stack>\n        )}\n      </Stack>\n      <Stack\n        ref={containerRef}\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Box\n          ref={amountRef}\n          sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n        >\n          <H3>{displayTotalAmount}</H3>\n        </Box>\n        {shouldDisplayPercentage && availableWidth >= 450 && !isOverflowing && (\n          <P\n            color={isGainPercentage ? isGainPercentageColor : isLossPercentageColor}\n            variant=\"caption\"\n          >\n            {secondaryLabel}\n          </P>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAsB,IAUf,IAAA,CAAgC,EAC3C,OAAA,GACA,aAAA,GACA,iBAAA,GACA,YAAA,GACA,gBAAA,GACA,yBAAA,EAAA,MACuC;AACvC,QAAM,EAAE,gBAAA,EAAA,IAAmB,EAA2B,GAEhD,IAAY,EAAM,OAA+B,IAAI,GACrD,IAAe,EAAM,OAA8B,IAAI,GAEvD,IAAoB,EAAiB,OAAO,KAAK,IAAI,CAAU,CAAC,GAAG;AAAA,IACvE,OAAO;AAAA,IACP,sBAAsB;AAAA,EACxB,CAAC,GAEK,IACJ,MAAmB,OAAO,EAAe,GAAa,QAAQ,EAAE,SAAS,KACrE,EAAe,GAAa,KAAK,IACjC,EAAe,GAAa,QAAQ,GAEpC,IAAmB,MAAoB,aAAa,IAAa,IAAI,KAAc,GACnF,IAAwB,MAAoB,aAAa,eAAe,gBACxE,IAAwB,MAAoB,aAAa,iBAAiB,kBAE1E,IAAgB,GAAW,SAC3B,IAAmB,GAAc,SACjC,IACJ,KAAiB,IACb,EAAc,cAAc,EAAiB,cAAc,IAC3D;AACN,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,cATF,CAWE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,gBALF,CAOE,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAC/B;AAAA,MACA,CAAA,GACF,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,eAAe;AAAA,UAAO,KAAK;AAAA,QAAE;AAAA,kBAAhE,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,UAAY,MAAM;AAAA,UAAI,IAAI,EAAE,OAAO,EAAsB;AAAA,QAAI,CAAA,IAE7D,gBAAA,EAAC,GAAD;AAAA,UAAc,MAAM;AAAA,UAAI,IAAI,EAAE,OAAO,EAAsB;AAAA,QAAI,CAAA,GAEjE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,OAAO,IAAmB,IAAwB;AAAA,YAClD,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,oBAEP;AAAA,QACA,CAAA,CACE;AAAA,QAEJ;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,gBANF,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,IAAI;AAAA,UAAE,UAAU;AAAA,UAAU,cAAc;AAAA,UAAY,YAAY;AAAA,QAAS;AAAA,kBAEzE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAuB,CAAA;AAAA,MACzB,CAAA,GACJ,KAA2B,KAAkB,OAAO,CAAC,KACpD,gBAAA,EAAC,GAAD;AAAA,QACE,OAAO,IAAmB,IAAwB;AAAA,QAClD,SAAQ;AAAA,kBAEP;AAAA,MACA,CAAA,CAEA;AAAA,MACF;AAAA;AAEX"}

package/dist/trends/components/TrendsTableContainer.es.js

@@ -0,0 +1,56 @@
+import { useCategoryStore as _, useGlobalCopyStore as C } from "../../common/context/hooks.es.js";
+import { generateMonthHeaders as x, getTrendsTableColumns as M, getTrendsTableRows as f } from "../utils/TrendsTable.es.js";
+import { TrendsTable as p } from "./trendstable/TrendsTable.es.js";
+import i from "react";
+import R from "@mui/material/Stack";
+import { jsx as g, jsxs as S } from "react/jsx-runtime";
+var G = ({ selectedDateRange: m, selectedCategory: l, onClickRow: c, height: w = "100%", sx: b = {} }) => {
+  const { trends: e } = C(), { trendsCategories: s } = _(), r = i.useMemo(() => x(m.start, m.end), [m]), d = i.useMemo(() => M(r, e), [r, e]), o = i.useMemo(() => {
+    if (l) return s.find((t) => t.guid === l);
+  }, [l, s]), [h, u] = i.useMemo(() => {
+    let t = s;
+    return o && (t = o.subCategories.filter((n) => n.monthlyAmounts.some((a) => a.amount !== 0))), [f(t, e, !0, r, o), f(t, e, !1, r, o)];
+  }, [
+    s,
+    r,
+    o,
+    e
+  ]), y = {
+    id: "total",
+    category: e.table_column_total,
+    category_guid: "total",
+    isParent: !1,
+    top_level_category_guid: "total",
+    total: u.reduce((t, n) => t + n.total, 0),
+    monthlyAmounts: u.reduce((t, n) => (Object.entries(n.monthlyAmounts).forEach(([a, T]) => {
+      t[a] = (t[a] || 0) + T;
+    }), t), {})
+  };
+  return /* @__PURE__ */ S(R, {
+    gap: 24,
+    sx: {
+      height: w,
+      width: "100%",
+      overflowX: "auto",
+      boxShadow: "none",
+      ...b
+    },
+    children: [(!o || o && o.is_income) && /* @__PURE__ */ g(p, {
+      columns: d,
+      onRowClick: c,
+      parentCategory: o,
+      rows: h
+    }), (!o || o && !o.is_income) && /* @__PURE__ */ g(p, {
+      columns: d,
+      onRowClick: c,
+      parentCategory: o,
+      rows: u,
+      totalRow: y
+    })]
+  });
+};
+export {
+  G as default
+};
+
+//# sourceMappingURL=TrendsTableContainer.es.js.map

package/dist/trends/components/TrendsTableContainer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsTableContainer.es.js","names":[],"sources":["../../../src/trends/components/TrendsTableContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useCategoryStore, useGlobalCopyStore } from '../../common'\n\nimport {\n  generateMonthHeaders,\n  getTrendsTableColumns,\n  getTrendsTableRows,\n} from '../utils/TrendsTable'\n\nimport { TrendsTable } from './trendstable/TrendsTable'\n\ninterface TrendsTableProps {\n  sx?: any\n  height?: number | string\n  selectedDateRange: { start: Date; end: Date }\n  selectedCategory?: string\n  onClickRow?: (category: string) => void\n}\n\nconst TrendsTableContainer: React.FC<TrendsTableProps> = ({\n  selectedDateRange,\n  selectedCategory,\n  onClickRow,\n  height = '100%',\n  sx = {},\n}) => {\n  const { trends: copy } = useGlobalCopyStore()\n  const { trendsCategories } = useCategoryStore()\n\n  // Generate all headers for the selected date range\n  const monthHeaders = React.useMemo(() => {\n    return generateMonthHeaders(selectedDateRange.start, selectedDateRange.end)\n  }, [selectedDateRange])\n\n  const columns = React.useMemo(() => {\n    return getTrendsTableColumns(monthHeaders, copy)\n  }, [monthHeaders, copy])\n\n  const parentCategory = React.useMemo(() => {\n    if (selectedCategory) {\n      return trendsCategories.find((category) => category.guid === selectedCategory)\n    }\n    return undefined\n  }, [selectedCategory, trendsCategories])\n\n  const [incomeRows, spendingRows] = React.useMemo(() => {\n    let categories = trendsCategories\n    if (parentCategory) {\n      categories = parentCategory.subCategories.filter((c) =>\n        c.monthlyAmounts.some((ma) => ma.amount !== 0),\n      )\n    }\n\n    return [\n      getTrendsTableRows(categories, copy, true, monthHeaders, parentCategory),\n      getTrendsTableRows(categories, copy, false, monthHeaders, parentCategory),\n    ]\n  }, [trendsCategories, monthHeaders, parentCategory, copy])\n\n  const totalSpendingRow = {\n    id: 'total',\n    category: copy.table_column_total,\n    category_guid: 'total',\n    isParent: false,\n    top_level_category_guid: 'total',\n    total: spendingRows.reduce((sum, row) => sum + row.total, 0),\n    monthlyAmounts: spendingRows.reduce(\n      (amounts, row) => {\n        Object.entries(row.monthlyAmounts).forEach(([month, amount]) => {\n          amounts[month] = (amounts[month] || 0) + amount\n        })\n        return amounts\n      },\n      {} as Record<string, number>,\n    ),\n  }\n\n  return (\n    <Stack\n      gap={24}\n      sx={{ height: height, width: '100%', overflowX: 'auto', boxShadow: 'none', ...sx }}\n    >\n      {(!parentCategory || (parentCategory && parentCategory.is_income)) && (\n        <TrendsTable\n          columns={columns}\n          onRowClick={onClickRow}\n          parentCategory={parentCategory}\n          rows={incomeRows}\n        />\n      )}\n      {(!parentCategory || (parentCategory && !parentCategory.is_income)) && (\n        <TrendsTable\n          columns={columns}\n          onRowClick={onClickRow}\n          parentCategory={parentCategory}\n          rows={spendingRows}\n          totalRow={totalSpendingRow}\n        />\n      )}\n    </Stack>\n  )\n}\n\nexport default TrendsTableContainer\n"],"mappings":";;;;;;AAsBA,IAAM,IAAA,CAAoD,EACxD,mBAAA,GACA,kBAAA,GACA,YAAA,GACA,QAAA,IAAS,QACT,IAAA,IAAK,CAAC,EAAA,MACF;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,kBAAA,EAAA,IAAqB,EAAiB,GAGxC,IAAe,EAAM,QAAA,MAClB,EAAqB,EAAkB,OAAO,EAAkB,GAAG,GACzE,CAAC,CAAiB,CAAC,GAEhB,IAAU,EAAM,QAAA,MACb,EAAsB,GAAc,CAAI,GAC9C,CAAC,GAAc,CAAI,CAAC,GAEjB,IAAiB,EAAM,QAAA,MAAc;AACzC,QAAI,EACF,QAAO,EAAiB,KAAA,CAAM,MAAa,EAAS,SAAS,CAAgB;AAAA,EAGjF,GAAG,CAAC,GAAkB,CAAgB,CAAC,GAEjC,CAAC,GAAY,CAAA,IAAgB,EAAM,QAAA,MAAc;AACrD,QAAI,IAAa;AACjB,WAAI,MACF,IAAa,EAAe,cAAc,OAAA,CAAQ,MAChD,EAAE,eAAe,KAAA,CAAM,MAAO,EAAG,WAAW,CAAC,CAC/C,IAGK,CACL,EAAmB,GAAY,GAAM,IAAM,GAAc,CAAc,GACvE,EAAmB,GAAY,GAAM,IAAO,GAAc,CAAc,CAC1E;AAAA,EACF,GAAG;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAgB;AAAA,EAAI,CAAC,GAEnD,IAAmB;AAAA,IACvB,IAAI;AAAA,IACJ,UAAU,EAAK;AAAA,IACf,eAAe;AAAA,IACf,UAAU;AAAA,IACV,yBAAyB;AAAA,IACzB,OAAO,EAAa,OAAA,CAAQ,GAAK,MAAQ,IAAM,EAAI,OAAO,CAAC;AAAA,IAC3D,gBAAgB,EAAa,OAAA,CAC1B,GAAS,OACR,OAAO,QAAQ,EAAI,cAAc,EAAE,QAAA,CAAS,CAAC,GAAO,CAAA,MAAY;AAC9D,MAAA,EAAQ,CAAA,KAAU,EAAQ,CAAA,KAAU,KAAK;AAAA,IAC3C,CAAC,GACM,IAET,CAAC,CACH;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,KAAK;AAAA,IACL,IAAI;AAAA,MAAU,QAAA;AAAA,MAAQ,OAAO;AAAA,MAAQ,WAAW;AAAA,MAAQ,WAAW;AAAA,MAAQ,GAAG;AAAA,IAAG;AAAA,cAFnF,EAII,CAAC,KAAmB,KAAkB,EAAe,cACrD,gBAAA,EAAC,GAAD;AAAA,MACW,SAAA;AAAA,MACT,YAAY;AAAA,MACI,gBAAA;AAAA,MAChB,MAAM;AAAA,IACP,CAAA,IAED,CAAC,KAAmB,KAAkB,CAAC,EAAe,cACtD,gBAAA,EAAC,GAAD;AAAA,MACW,SAAA;AAAA,MACT,YAAY;AAAA,MACI,gBAAA;AAAA,MAChB,MAAM;AAAA,MACN,UAAU;AAAA,IACX,CAAA,CAEE;AAAA;AAEX"}

package/dist/trends/components/TrendsViewToggle.es.js

@@ -0,0 +1,28 @@
+import { useGlobalCopyStore as i } from "../../common/context/hooks.es.js";
+import { Icon as t } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+import m from "@mui/material/ToggleButton";
+import n from "@mui/material/ToggleButtonGroup";
+var s = ({ selectedTab: a, onTabChange: l }) => {
+  const { common: e } = i();
+  return /* @__PURE__ */ o(n, {
+    "aria-label": e.view_toggle,
+    exclusive: !0,
+    onChange: l,
+    orientation: "horizontal",
+    value: a,
+    children: ["Chart", "Table"].map((r) => /* @__PURE__ */ o(m, {
+      "aria-label": r === "Chart" ? e.view_chart : e.view_table,
+      "aria-pressed": a === r,
+      color: "primary",
+      sx: { width: 56 },
+      value: r,
+      children: r === "Chart" ? /* @__PURE__ */ o(t, { name: "table_chart_view" }) : /* @__PURE__ */ o(t, { name: "format_list_bulleted" })
+    }, r))
+  });
+};
+export {
+  s as default
+};
+
+//# sourceMappingURL=TrendsViewToggle.es.js.map

package/dist/trends/components/TrendsViewToggle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsViewToggle.es.js","names":[],"sources":["../../../src/trends/components/TrendsViewToggle.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mxui'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\n\nimport { useGlobalCopyStore } from '../../common'\n\nexport type TrendsTabValue = 'Chart' | 'Table'\n\ninterface TrendsViewToggleProps {\n  selectedTab: TrendsTabValue\n  onTabChange: (_event: React.SyntheticEvent, newValue: TrendsTabValue) => void\n}\n\nconst TrendsViewToggle: React.FC<TrendsViewToggleProps> = ({ selectedTab, onTabChange }) => {\n  const { common: copy } = useGlobalCopyStore()\n  return (\n    <ToggleButtonGroup\n      aria-label={copy.view_toggle}\n      exclusive={true}\n      onChange={onTabChange}\n      orientation=\"horizontal\"\n      value={selectedTab}\n    >\n      {['Chart', 'Table'].map((tab) => (\n        <ToggleButton\n          aria-label={tab === 'Chart' ? copy.view_chart : copy.view_table}\n          aria-pressed={selectedTab === tab}\n          color=\"primary\"\n          key={tab}\n          sx={{ width: 56 }}\n          value={tab}\n        >\n          {tab === 'Chart' ? (\n            <Icon name=\"table_chart_view\" />\n          ) : (\n            <Icon name=\"format_list_bulleted\" />\n          )}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  )\n}\n\nexport default TrendsViewToggle\n"],"mappings":";;;;;AAaA,IAAM,IAAA,CAAqD,EAAE,aAAA,GAAa,aAAA,EAAA,MAAkB;AAC1F,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB;AAC5C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY,EAAK;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAY;AAAA,IACZ,OAAO;AAAA,cAEN,CAAC,SAAS,OAAO,EAAE,IAAA,CAAK,MACvB,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,MAAQ,UAAU,EAAK,aAAa,EAAK;AAAA,MACrD,gBAAc,MAAgB;AAAA,MAC9B,OAAM;AAAA,MAEN,IAAI,EAAE,OAAO,GAAG;AAAA,MAChB,OAAO;AAAA,gBAEN,MAAQ,UACP,gBAAA,EAAC,GAAD,EAAM,MAAK,mBAAoB,CAAA,IAE/B,gBAAA,EAAC,GAAD,EAAM,MAAK,uBAAwB,CAAA;AAAA,IAEzB,GATP,CASO,CACf;AAAA,EACgB,CAAA;AAEvB"}

package/dist/trends/components/trendstable/AccessibleSortIcon.es.js

@@ -0,0 +1,49 @@
+import b from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { styled as g } from "@mui/material/styles";
+import B from "@mui/material/IconButton";
+import S from "@mui/material/Badge";
+import { useGridApiContext as h, useGridRootProps as y } from "@mui/x-data-grid-pro";
+var C = g("div")({
+  display: "flex",
+  visibility: "hidden",
+  width: 0
+});
+function v({ direction: t, index: s, sortingOrder: m, disabled: f, className: l, field: c }) {
+  const p = h(), e = y();
+  let o = null;
+  const a = {};
+  if (t === "asc" ? o = e.slots.columnSortedAscendingIcon : t === "desc" ? o = e.slots.columnSortedDescendingIcon : (o = e.slots.columnUnsortedIcon ?? null, a.sortingOrder = m), !o) return null;
+  const i = p.current.getColumn(c)?.headerName ?? c;
+  let r = "";
+  t === "asc" ? r = ", sorted ascending" : t === "desc" && (r = ", sorted descending");
+  const d = `Sort by ${i}${["Total", "Category"].includes(i) ? "" : " category totals"}${r}`, I = /* @__PURE__ */ n(o, {
+    className: "MuiDataGrid-sortIcon",
+    fontSize: "small",
+    ...a
+  }), u = /* @__PURE__ */ n(B, {
+    disabled: f,
+    size: "small",
+    tabIndex: -1,
+    ...e.slotProps?.baseIconButton,
+    "aria-label": d,
+    className: `MuiDataGrid-sortButton${l ? ` ${l}` : ""}`,
+    title: d,
+    children: I
+  });
+  return /* @__PURE__ */ n(C, {
+    className: "MuiDataGrid-iconButtonContainer",
+    children: s != null ? /* @__PURE__ */ n(S, {
+      badgeContent: s,
+      color: "default",
+      overlap: "circular",
+      children: u
+    }) : u
+  });
+}
+var P = b.memo(v);
+export {
+  P as AccessibleSortIcon
+};
+
+//# sourceMappingURL=AccessibleSortIcon.es.js.map

package/dist/trends/components/trendstable/AccessibleSortIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibleSortIcon.es.js","names":[],"sources":["../../../../src/trends/components/trendstable/AccessibleSortIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport Badge from '@mui/material/Badge'\nimport IconButton from '@mui/material/IconButton'\nimport { useGridApiContext, useGridRootProps } from '@mui/x-data-grid-pro'\nimport type { GridSortDirection } from '@mui/x-data-grid-pro'\n\nimport { styled } from '@mui/material/styles'\n\nconst IconButtonContainer = styled('div')({\n  display: 'flex',\n  visibility: 'hidden',\n  width: 0,\n})\n\ninterface AccessibleSortIconProps {\n  field: string\n  direction: GridSortDirection\n  index: number | undefined\n  sortingOrder: readonly GridSortDirection[]\n  disabled?: boolean\n  className?: string\n}\n\nfunction AccessibleSortIconRaw({\n  direction,\n  index,\n  sortingOrder,\n  disabled,\n  className,\n  field,\n}: AccessibleSortIconProps) {\n  const apiRef = useGridApiContext()\n  const rootProps = useGridRootProps()\n\n  let Icon: React.JSXElementConstructor<any> | null = null\n  const iconProps: Record<string, unknown> = {}\n\n  if (direction === 'asc') {\n    Icon = rootProps.slots.columnSortedAscendingIcon\n  } else if (direction === 'desc') {\n    Icon = rootProps.slots.columnSortedDescendingIcon\n  } else {\n    Icon = rootProps.slots.columnUnsortedIcon ?? null\n    iconProps.sortingOrder = sortingOrder\n  }\n\n  if (!Icon) return null\n\n  const column = apiRef.current.getColumn(field)\n  const columnName = column?.headerName ?? field\n\n  let sortStateLabel = ''\n  if (direction === 'asc') sortStateLabel = ', sorted ascending'\n  else if (direction === 'desc') sortStateLabel = ', sorted descending'\n\n  const sortTypeLabel = !['Total', 'Category'].includes(columnName) ? ' category totals' : ''\n  const ariaLabel = `Sort by ${columnName}${sortTypeLabel}${sortStateLabel}`\n\n  const iconElement = <Icon className=\"MuiDataGrid-sortIcon\" fontSize=\"small\" {...iconProps} />\n\n  const iconButton = (\n    <IconButton\n      disabled={disabled}\n      size=\"small\"\n      tabIndex={-1}\n      {...(rootProps.slotProps?.baseIconButton as Record<string, unknown>)}\n      aria-label={ariaLabel}\n      className={`MuiDataGrid-sortButton${className ? ` ${className}` : ''}`}\n      title={ariaLabel}\n    >\n      {iconElement}\n    </IconButton>\n  )\n\n  return (\n    <IconButtonContainer className=\"MuiDataGrid-iconButtonContainer\">\n      {index != null ? (\n        <Badge badgeContent={index} color=\"default\" overlap=\"circular\">\n          {iconButton}\n        </Badge>\n      ) : (\n        iconButton\n      )}\n    </IconButtonContainer>\n  )\n}\n\nexport const AccessibleSortIcon = React.memo(AccessibleSortIconRaw)\n"],"mappings":";;;;;;AASA,IAAM,IAAsB,EAAO,KAAK,EAAE;AAAA,EACxC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AACT,CAAC;AAWD,SAAS,EAAsB,EAC7B,WAAA,GACA,OAAA,GACA,cAAA,GACA,UAAA,GACA,WAAA,GACA,OAAA,EAAA,GAC0B;AAC1B,QAAM,IAAS,EAAkB,GAC3B,IAAY,EAAiB;AAEnC,MAAI,IAAgD;AACpD,QAAM,IAAqC,CAAC;AAW5C,MATI,MAAc,QAChB,IAAO,EAAU,MAAM,4BACd,MAAc,SACvB,IAAO,EAAU,MAAM,8BAEvB,IAAO,EAAU,MAAM,sBAAsB,MAC7C,EAAU,eAAe,IAGvB,CAAC,EAAM,QAAO;AAGlB,QAAM,IADS,EAAO,QAAQ,UAAU,CACrB,GAAQ,cAAc;AAEzC,MAAI,IAAiB;AACrB,EAAI,MAAc,QAAO,IAAiB,uBACjC,MAAc,WAAQ,IAAiB;AAGhD,QAAM,IAAY,WAAW,CAAA,GADN,CAAC,SAAS,UAAU,EAAE,SAAS,CAAU,IAAyB,KAArB,kBAAqB,GAC/B,CAAA,IAEpD,IAAc,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAU;AAAA,IAAuB,UAAS;AAAA,IAAQ,GAAI;AAAA,EAAY,CAAA,GAEtF,IACJ,gBAAA,EAAC,GAAD;AAAA,IACY,UAAA;AAAA,IACV,MAAK;AAAA,IACL,UAAU;AAAA,IACV,GAAK,EAAU,WAAW;AAAA,IAC1B,cAAY;AAAA,IACZ,WAAW,yBAAyB,IAAY,IAAI,CAAA,KAAc,EAAA;AAAA,IAClE,OAAO;AAAA,cAEN;AAAA,EACS,CAAA;AAGd,SACE,gBAAA,EAAC,GAAD;AAAA,IAAqB,WAAU;AAAA,cAC5B,KAAS,OACR,gBAAA,EAAC,GAAD;AAAA,MAAO,cAAc;AAAA,MAAO,OAAM;AAAA,MAAU,SAAQ;AAAA,gBACjD;AAAA,IACI,CAAA,IAEP;AAAA,EAEiB,CAAA;AAEzB;AAEA,IAAa,IAAqB,EAAM,KAAK,CAAqB"}

package/dist/trends/components/trendstable/AmountCell.es.js

@@ -0,0 +1,24 @@
+import { CategoryGuids as r } from "../../../core/constants/Category.es.js";
+import { CurrencyText as u } from "../../../common/components/CurrencyText.es.js";
+import y from "@mui/material/Stack";
+import { jsx as l } from "react/jsx-runtime";
+var x = (o) => {
+  const d = o.row.category_guid, c = o.row.top_level_category_guid, t = d === r.INCOME || c === r.INCOME, e = o.id === "total", n = o.field === "total", i = n ? o.row[o.field] : o.row.monthlyAmounts[o.field];
+  return /* @__PURE__ */ l(y, {
+    alignItems: "flex-end",
+    direction: "row",
+    tabIndex: o.tabIndex,
+    children: /* @__PURE__ */ l(u, {
+      amount: t ? Math.abs(i) : i,
+      isIncome: t,
+      sx: { fontWeight: t || n || e ? 600 : 500 },
+      symbol: t ? "+" : void 0,
+      variant: e ? "body1" : "body2"
+    })
+  });
+};
+export {
+  x as AmountCell
+};
+
+//# sourceMappingURL=AmountCell.es.js.map

package/dist/trends/components/trendstable/AmountCell.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountCell.es.js","names":[],"sources":["../../../../src/trends/components/trendstable/AmountCell.tsx"],"sourcesContent":["import { GridCellParams } from '@mui/x-data-grid'\nimport Stack from '@mui/material/Stack'\n\nimport { CurrencyText } from '../../../common'\nimport { CategoryGuids } from '../../../core/constants'\n\nexport const AmountCell = (params: GridCellParams) => {\n  const category = params.row.category_guid\n  const parentCategory = params.row.top_level_category_guid\n  const isIncome = category === CategoryGuids.INCOME || parentCategory === CategoryGuids.INCOME\n  const isTotalRow = params.id === 'total'\n  const isTotalColumn = params.field === 'total'\n  const amount = isTotalColumn ? params.row[params.field] : params.row.monthlyAmounts[params.field]\n\n  return (\n    <Stack alignItems=\"flex-end\" direction=\"row\" tabIndex={params.tabIndex}>\n      <CurrencyText\n        amount={isIncome ? Math.abs(amount) : amount}\n        isIncome={isIncome}\n        sx={{ fontWeight: isIncome || isTotalColumn || isTotalRow ? 600 : 500 }}\n        symbol={isIncome ? '+' : undefined}\n        variant={isTotalRow ? 'body1' : 'body2'}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAMA,IAAa,IAAA,CAAc,MAA2B;AACpD,QAAM,IAAW,EAAO,IAAI,eACtB,IAAiB,EAAO,IAAI,yBAC5B,IAAW,MAAa,EAAc,UAAU,MAAmB,EAAc,QACjF,IAAa,EAAO,OAAO,SAC3B,IAAgB,EAAO,UAAU,SACjC,IAAS,IAAgB,EAAO,IAAI,EAAO,KAAA,IAAS,EAAO,IAAI,eAAe,EAAO,KAAA;AAE3F,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAW,WAAU;AAAA,IAAM,UAAU,EAAO;AAAA,cAC5D,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,IAAW,KAAK,IAAI,CAAM,IAAI;AAAA,MAC5B,UAAA;AAAA,MACV,IAAI,EAAE,YAAY,KAAY,KAAiB,IAAa,MAAM,IAAI;AAAA,MACtE,QAAQ,IAAW,MAAM;AAAA,MACzB,SAAS,IAAa,UAAU;AAAA,IACjC,CAAA;AAAA,EACI,CAAA;AAEX"}

package/dist/trends/components/trendstable/CategoryCell.es.js

@@ -0,0 +1,30 @@
+import e from "@mui/material/Stack";
+import { CategoryIcon as i, Text as d } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+var m = (o) => {
+  const r = o.id === "total";
+  return /* @__PURE__ */ n(e, {
+    alignItems: "center",
+    direction: "row",
+    role: "rowheader",
+    tabIndex: o.tabIndex,
+    children: [!r && /* @__PURE__ */ t(a, {
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ t(i, {
+        categoryGuid: o.row.top_level_category_guid,
+        variant: "twotone"
+      })
+    }), /* @__PURE__ */ t(d, {
+      bold: r,
+      sx: { ml: 12 },
+      variant: r ? "body1" : "body2",
+      children: o.row.category
+    })]
+  });
+};
+export {
+  m as CategoryCell
+};
+
+//# sourceMappingURL=CategoryCell.es.js.map

package/dist/trends/components/trendstable/CategoryCell.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCell.es.js","names":[],"sources":["../../../../src/trends/components/trendstable/CategoryCell.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { GridCellParams } from '@mui/x-data-grid'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nexport const CategoryCell = (params: GridCellParams) => {\n  const isTotal = params.id === 'total'\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" role=\"rowheader\" tabIndex={params.tabIndex}>\n      {!isTotal && (\n        <Box aria-hidden={true}>\n          <CategoryIcon categoryGuid={params.row.top_level_category_guid} variant=\"twotone\" />\n        </Box>\n      )}\n      <Text bold={isTotal} sx={{ ml: 12 }} variant={isTotal ? 'body1' : 'body2'}>\n        {params.row.category}\n      </Text>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,IAAA,CAAgB,MAA2B;AACtD,QAAM,IAAU,EAAO,OAAO;AAE9B,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAM,MAAK;AAAA,IAAY,UAAU,EAAO;AAAA,cAA7E,CACG,CAAC,KACA,gBAAA,EAAC,GAAD;AAAA,MAAK,eAAa;AAAA,gBAChB,gBAAA,EAAC,GAAD;AAAA,QAAc,cAAc,EAAO,IAAI;AAAA,QAAyB,SAAQ;AAAA,MAAW,CAAA;AAAA,IAChF,CAAA,GAEP,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAS,IAAI,EAAE,IAAI,GAAG;AAAA,MAAG,SAAS,IAAU,UAAU;AAAA,gBAC/D,EAAO,IAAI;AAAA,IACR,CAAA,CACD;AAAA;AAEX"}

package/dist/trends/components/trendstable/HeaderCell.es.js

@@ -0,0 +1,12 @@
+import { Text as r } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var i = (e) => /* @__PURE__ */ o(r, {
+  fontWeight: 600,
+  variant: "body2",
+  children: e.colDef.headerName
+});
+export {
+  i as HeaderCell
+};
+
+//# sourceMappingURL=HeaderCell.es.js.map

package/dist/trends/components/trendstable/HeaderCell.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.es.js","names":[],"sources":["../../../../src/trends/components/trendstable/HeaderCell.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\nimport { GridColumnHeaderParams } from '@mui/x-data-grid'\n\nexport const HeaderCell = (params: GridColumnHeaderParams) => (\n  <Text fontWeight={600} variant=\"body2\">\n    {params.colDef.headerName}\n  </Text>\n)\n"],"mappings":";;AAGA,IAAa,IAAA,CAAc,MACzB,gBAAA,EAAC,GAAD;AAAA,EAAM,YAAY;AAAA,EAAK,SAAQ;AAAA,YAC5B,EAAO,OAAO;AACX,CAAA"}

package/dist/trends/components/trendstable/TrendsTable.es.js

@@ -0,0 +1,53 @@
+import { CategoryGuidToName as l } from "../../../core/constants/Category.es.js";
+import { useEvent as m } from "../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as u } from "../../../common/constants/Analytics.es.js";
+import { TRENDS_ANALYTICS_METADATA as c } from "../../constants/TrendsWidget.es.js";
+import { AccessibleSortIcon as b } from "./AccessibleSortIcon.es.js";
+import { jsx as g } from "react/jsx-runtime";
+import { useTheme as T } from "@mui/material/styles";
+import { DataGridPro as p } from "@mui/x-data-grid-pro";
+var y = ({ columns: t, onRowClick: i, parentCategory: s, rows: d, totalRow: o }) => {
+  const n = T(), { onEvent: a } = m(), r = n.palette.mode === "light";
+  return /* @__PURE__ */ g(p, {
+    autoHeight: !0,
+    columns: t,
+    disableColumnFilter: !0,
+    disableColumnMenu: !0,
+    hideFooter: !0,
+    initialState: { sorting: { sortModel: [{
+      field: "category",
+      sort: "asc"
+    }] } },
+    onRowClick: (e) => {
+      s || i?.(e.row.category_guid), a(u.TRENDS_CLICK_LIST_ITEM, {
+        ...c,
+        listItem: l[e.row.category_guid]
+      });
+    },
+    pinnedRows: { bottom: o ? [o] : [] },
+    rowHeight: 64,
+    rows: d,
+    slotProps: { baseIconButton: {
+      color: "secondary",
+      sx: { ml: 8 }
+    } },
+    slots: { columnHeaderSortIcon: b },
+    sortingOrder: ["asc", "desc"],
+    sx: {
+      borderColor: "divider",
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderRadius: 2,
+      "& .MuiDataGrid-columnHeaders": {
+        bgcolor: r ? "neutral.50" : "neutral.800",
+        borderBottom: "none"
+      },
+      "& .trends-table-header": { bgcolor: r ? "neutral.50" : "neutral.800" }
+    }
+  });
+};
+export {
+  y as TrendsTable
+};
+
+//# sourceMappingURL=TrendsTable.es.js.map

package/dist/trends/components/trendstable/TrendsTable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsTable.es.js","names":[],"sources":["../../../../src/trends/components/trendstable/TrendsTable.tsx"],"sourcesContent":["import { ANALYTICS_EVENTS, useEvent } from '../../../common'\nimport { CategoryGuidToName } from '../../../core/constants'\nimport { DetailedCategory } from '../../../core'\nimport { TRENDS_ANALYTICS_METADATA } from '../../constants/TrendsWidget'\nimport { DataGridPro, GridColDef } from '@mui/x-data-grid-pro'\nimport { useTheme } from '@mui/material/styles'\nimport { TrendsTableRow } from '../../utils/TrendsTable'\nimport { AccessibleSortIcon } from './AccessibleSortIcon'\n\ninterface TrendsTableProps {\n  columns: GridColDef[]\n  onRowClick?: (category: string) => void\n  parentCategory?: DetailedCategory\n  rows: TrendsTableRow[]\n  totalRow?: TrendsTableRow\n}\n\nexport const TrendsTable = ({\n  columns,\n  onRowClick,\n  parentCategory,\n  rows,\n  totalRow,\n}: TrendsTableProps) => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const isLightMode = theme.palette.mode === 'light'\n\n  return (\n    <DataGridPro\n      // autoHeight sizes the grid to its content instead of measuring a flex\n      // parent. The parent is an overflow:auto Stack with no fixed height, so the\n      // default virtualized layout makes x-data-grid's useGridDimensions loop on\n      // its own ResizeObserver measurement (a feedback loop that spikes to React's\n      // \"Maximum update depth exceeded\" under a starved CI worker in jsdom). Content\n      // sizing removes the measurement feedback and is correct for this unbounded,\n      // page-scrolling table.\n      autoHeight={true}\n      columns={columns}\n      disableColumnFilter={true}\n      disableColumnMenu={true}\n      hideFooter={true}\n      initialState={{ sorting: { sortModel: [{ field: 'category', sort: 'asc' }] } }}\n      onRowClick={(r) => {\n        if (!parentCategory) {\n          onRowClick?.(r.row.category_guid)\n        }\n        onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_LIST_ITEM, {\n          ...TRENDS_ANALYTICS_METADATA,\n          listItem: CategoryGuidToName[r.row.category_guid],\n        })\n      }}\n      pinnedRows={{\n        bottom: totalRow ? [totalRow] : [],\n      }}\n      rowHeight={64}\n      rows={rows}\n      slotProps={{ baseIconButton: { color: 'secondary', sx: { ml: 8 } } }}\n      slots={{ columnHeaderSortIcon: AccessibleSortIcon }}\n      sortingOrder={['asc', 'desc']}\n      sx={{\n        borderColor: 'divider',\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderRadius: 2,\n        '& .MuiDataGrid-columnHeaders': {\n          bgcolor: isLightMode ? 'neutral.50' : 'neutral.800',\n          borderBottom: 'none',\n        },\n        '& .trends-table-header': {\n          bgcolor: isLightMode ? 'neutral.50' : 'neutral.800',\n        },\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAiBA,IAAa,IAAA,CAAe,EAC1B,SAAA,GACA,YAAA,GACA,gBAAA,GACA,MAAA,GACA,UAAA,EAAA,MACsB;AACtB,QAAM,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,IAAc,EAAM,QAAQ,SAAS;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IAQE,YAAY;AAAA,IACH,SAAA;AAAA,IACT,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,cAAc,EAAE,SAAS,EAAE,WAAW,CAAC;AAAA,MAAE,OAAO;AAAA,MAAY,MAAM;AAAA,IAAM,CAAC,EAAE,EAAE;AAAA,IAC7E,YAAA,CAAa,MAAM;AACjB,MAAK,KACH,IAAa,EAAE,IAAI,aAAa,GAElC,EAAQ,EAAiB,wBAAwB;AAAA,QAC/C,GAAG;AAAA,QACH,UAAU,EAAmB,EAAE,IAAI,aAAA;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,IACA,YAAY,EACV,QAAQ,IAAW,CAAC,CAAQ,IAAI,CAAC,EACnC;AAAA,IACA,WAAW;AAAA,IACL,MAAA;AAAA,IACN,WAAW,EAAE,gBAAgB;AAAA,MAAE,OAAO;AAAA,MAAa,IAAI,EAAE,IAAI,EAAE;AAAA,IAAE,EAAE;AAAA,IACnE,OAAO,EAAE,sBAAsB,EAAmB;AAAA,IAClD,cAAc,CAAC,OAAO,MAAM;AAAA,IAC5B,IAAI;AAAA,MACF,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,gCAAgC;AAAA,QAC9B,SAAS,IAAc,eAAe;AAAA,QACtC,cAAc;AAAA,MAChB;AAAA,MACA,0BAA0B,EACxB,SAAS,IAAc,eAAe,cACxC;AAAA,IACF;AAAA,EACD,CAAA;AAEL"}

package/dist/trends/constants/TrendsInsights.es.js

@@ -0,0 +1,40 @@
+var e = [
+  "BillAmountNotStandard",
+  "CategorySpendingV2",
+  "CostOfLivingToIncome",
+  "DebtPaymentReminderV2",
+  "DiscoveredAccounts",
+  "DuplicatePaymentV2",
+  "FeeDetected",
+  "GreenGasPurchasesSummary",
+  "LargeTransaction",
+  "LowAccountBalance",
+  "MonthlyDebtToIncomeComparisonV2",
+  "MonthlyDepositSummaryV2",
+  "MonthlyNonEssentialCategorySummaryV2",
+  "MonthlySavingsToIncomeComparison",
+  "MonthlySpendToIncomeComparisonV2",
+  "MonthlySubscriptionAggregateV2",
+  "MonthlyTopMerchantSpendingV3",
+  "MonthlyObligationsStatus",
+  "QuarterlySummary",
+  "SaveAnExtra100Dollars",
+  "SaveEnoughToLiveOn",
+  "SavingsOpportunityV2",
+  "SubscriptionDetected",
+  "SubscriptionPriceIncrease",
+  "SetUpDirectDeposit",
+  "SwitchDirectDeposit",
+  "UnexpectedSubscriptionPayment",
+  "UpcomingBill",
+  "UpcomingSubscription",
+  "WeekendSpendingSummaryV2",
+  "WeeklyNewMerchantsV2",
+  "WeeklyNoSpendDays",
+  "WeeklySmallPurchasesSummary"
+];
+export {
+  e as TRENDS_BEAT_TEMPLATES
+};
+
+//# sourceMappingURL=TrendsInsights.es.js.map

package/dist/trends/constants/TrendsInsights.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsInsights.es.js","names":[],"sources":["../../../src/trends/constants/TrendsInsights.ts"],"sourcesContent":["export const TRENDS_BEAT_TEMPLATES = [\n  'BillAmountNotStandard',\n  'CategorySpendingV2',\n  'CostOfLivingToIncome',\n  'DebtPaymentReminderV2',\n  'DiscoveredAccounts',\n  'DuplicatePaymentV2',\n  'FeeDetected',\n  'GreenGasPurchasesSummary',\n  'LargeTransaction',\n  'LowAccountBalance',\n  'MonthlyDebtToIncomeComparisonV2',\n  'MonthlyDepositSummaryV2',\n  'MonthlyNonEssentialCategorySummaryV2',\n  'MonthlySavingsToIncomeComparison',\n  'MonthlySpendToIncomeComparisonV2',\n  'MonthlySubscriptionAggregateV2',\n  'MonthlyTopMerchantSpendingV3',\n  'MonthlyObligationsStatus',\n  'QuarterlySummary',\n  'SaveAnExtra100Dollars',\n  'SaveEnoughToLiveOn',\n  'SavingsOpportunityV2',\n  'SubscriptionDetected',\n  'SubscriptionPriceIncrease',\n  'SetUpDirectDeposit',\n  'SwitchDirectDeposit',\n  'UnexpectedSubscriptionPayment',\n  'UpcomingBill',\n  'UpcomingSubscription',\n  'WeekendSpendingSummaryV2',\n  'WeeklyNewMerchantsV2',\n  'WeeklyNoSpendDays',\n  'WeeklySmallPurchasesSummary',\n]\n"],"mappings":"AAAA,IAAa,IAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF"}

package/dist/trends/constants/TrendsWidget.es.js

@@ -0,0 +1,6 @@
+var e = { featureVersion: "spendVsIncomeTrends" };
+export {
+  e as TRENDS_ANALYTICS_METADATA
+};
+
+//# sourceMappingURL=TrendsWidget.es.js.map

package/dist/trends/constants/TrendsWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsWidget.es.js","names":[],"sources":["../../../src/trends/constants/TrendsWidget.ts"],"sourcesContent":["export const TRENDS_ANALYTICS_METADATA = {\n  featureVersion: 'spendVsIncomeTrends',\n}\n"],"mappings":"AAAA,IAAa,IAA4B,EACvC,gBAAgB,sBAClB"}