@mx-cartographer/experiences 7.2.30 → 7.3.0

package/dist/TrendsStore-5PvDT_o6.mjs

@@ -0,0 +1,182 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import x from "react";
+import S from "@mui/material/ListItem";
+import R from "@mui/material/ListItemButton";
+import f from "@mui/material/ListItemIcon";
+import A from "@mui/material/ListItemText";
+import h from "@mui/material/Stack";
+import { Text as y } from "@mxenabled/mxui";
+import { makeAutoObservable as N } from "mobx";
+import { addSeconds as v } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as w } from "date-fns/differenceInCalendarMonths";
+import { endOfMonth as D } from "date-fns/endOfMonth";
+import { subMonths as I } from "date-fns/subMonths";
+import { b as E, C as _, c as O } from "./Category-CevNQ03n.mjs";
+import { f as L, D as T } from "./Dialog-CWW597AF.mjs";
+const at = ({
+  onClick: e,
+  leftIcon: t,
+  rightIcon: o,
+  title: r,
+  subtitle: a,
+  rightContent: n,
+  titleBold: s = !0,
+  rightContentBold: m = !0
+}) => {
+  const c = /* @__PURE__ */ d(x.Fragment, { children: [
+    t && /* @__PURE__ */ l(f, { sx: { ml: 0 }, children: t }),
+    /* @__PURE__ */ l(A, { children: /* @__PURE__ */ d(
+      h,
+      {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          marginLeft: 12
+        },
+        children: [
+          /* @__PURE__ */ d(h, { sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ l(y, { bold: s, variant: "body1", children: r }),
+            a && /* @__PURE__ */ l(y, { variant: "caption", children: a })
+          ] }),
+          /* @__PURE__ */ d(h, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
+            n && /* @__PURE__ */ l(y, { bold: m, display: "flex", variant: "body1", children: n }),
+            o && /* @__PURE__ */ l(f, { children: o })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ l(S, { sx: { bgcolor: "background.paper" }, children: e ? /* @__PURE__ */ l(
+    R,
+    {
+      onClick: e,
+      sx: {
+        py: 14
+      },
+      children: c
+    }
+  ) : /* @__PURE__ */ l(
+    h,
+    {
+      sx: {
+        py: 14,
+        px: 24,
+        width: "100%",
+        flexDirection: "row",
+        alignItems: "center"
+      },
+      children: c
+    }
+  ) });
+}, W = (e) => _[e] ?? _.default, F = (e) => O[e];
+function G(e, t) {
+  const o = [], r = new Date(e);
+  for (; r <= t; ) {
+    const a = r.getFullYear(), n = String(r.getMonth() + 1).padStart(2, "0");
+    o.push(+`${a}${n}`), r.setMonth(r.getMonth() + 1);
+  }
+  return o;
+}
+const $ = (e) => e.reduce((o, r) => {
+  const a = {
+    top_level_category_guid: r.top_level_category_guid,
+    category_guid: r.category_guid,
+    amount: r.total,
+    year_month: r.year_month
+  }, { top_level_category_guid: n, category_guid: s } = a;
+  return o[s] || (o[s] = []), o[s].push(a), n !== s && (o[n] || (o[n] = []), o[n].push(a)), o;
+}, {}), nt = (e, t, o) => {
+  const r = $(e), a = G(t, o);
+  return Object.entries(r).map(([s, m]) => {
+    const c = m[0].top_level_category_guid, b = a.map((i) => {
+      const g = m.filter((p) => p.year_month === i).reduce((p, M) => p + Math.abs(M.amount), 0), u = Number(String(i).slice(0, 4)), C = Number(String(i).slice(4));
+      return { x: new Date(u, C - 1), y: g };
+    }).sort((i, g) => i.x.getTime() - g.x.getTime());
+    return {
+      top_level_category_guid: c,
+      category_guid: s,
+      category_name: F(s),
+      category_color: W(c),
+      dataset: b
+    };
+  });
+}, st = (e, t) => {
+  const o = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, r = typeof t == "string" ? parseFloat(t.replace(/[^0-9.-]+/g, "")) : t;
+  return (o || 0) - (r || 0);
+}, j = (e, t) => {
+  const o = e.subCategories.filter((n) => n.currentAmount !== 0), r = e.totalMonthlyAmounts.slice(-t), a = (n) => n.substring(0, 3) + " " + n.slice(-4);
+  return r.map((n) => {
+    const s = a(n.label), m = o.map((i) => {
+      const g = i.monthlyAmounts.slice(-t).find((u) => a(u.label) === s);
+      return {
+        label: i.name,
+        amount: Math.abs(g?.amount || 0),
+        header: s
+      };
+    }), c = e.monthlyAmounts.slice(-t).find((i) => a(i.label) === s);
+    return [{
+      label: e.name,
+      amount: Math.abs(c?.amount || 0),
+      header: s
+    }, ...m].sort((i, g) => g.amount - i.amount);
+  });
+}, k = (e, t) => {
+  const o = e ? e.totalMonthlyAmounts.slice(-t).map((a) => ({
+    x: a.label.substring(0, 3),
+    y: Math.abs(a.amount)
+  })) : [], r = e ? j(e, t) : [];
+  return { monthlyAmounts: o, tooltipLabels: r };
+}, H = (e) => e.slice().filter(
+  (t) => t.totalAmount !== 0 && t.isTransfer === !1 && t.guid !== E.INVESTMENTS
+).sort((t, o) => Math.abs(o.totalAmount) - Math.abs(t.totalAmount));
+class it {
+  globalStore;
+  selectedCategoryData = null;
+  selectedDateRange;
+  visibleListLength = 5;
+  constructor(t) {
+    this.globalStore = t, this.selectedDateRange = {
+      start: v(D(I(/* @__PURE__ */ new Date(), 6)), 1),
+      end: D(/* @__PURE__ */ new Date())
+    }, N(this);
+  }
+  setSelectedCategoryData = (t) => {
+    this.selectedCategoryData = t;
+  };
+  setSelectedDateRange = (t) => {
+    this.selectedDateRange = t;
+  };
+  setVisibleListLength = (t) => {
+    this.visibleListLength = t;
+  };
+  get sortedDetailedCategoriesWithTransactions() {
+    return H(
+      this.globalStore.categoryStore.detailedCategoriesWithTransactions
+    );
+  }
+  get selectedDateRangeMonthCount() {
+    return w(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
+  }
+  get selectedDateRangeMonthRange() {
+    const t = L(this.selectedDateRange.start, T.MONTH_LONG), o = L(this.selectedDateRange.end, T.MONTH_LONG);
+    return `${t} - ${o}`;
+  }
+  get visibleCategories() {
+    return this.sortedDetailedCategoriesWithTransactions.slice(0, this.visibleListLength);
+  }
+  get collapsedCategories() {
+    return this.sortedDetailedCategoriesWithTransactions.slice(this.visibleListLength);
+  }
+  get categoryDetailsChartData() {
+    return k(
+      this.selectedCategoryData,
+      this.selectedDateRangeMonthCount
+    );
+  }
+}
+export {
+  at as L,
+  it as T,
+  st as a,
+  nt as g
+};

package/dist/{User-BQUxBeZV.mjs → User-Bj34_i8g.mjs}

@@ -22,7 +22,7 @@ import { isWithinInterval as Q } from "date-fns/isWithinInterval";
 import nn from "@mui/material/styles/useTheme";
 import k from "@mui/material/ListItem";
 import an from "@mui/material/ListItemButton";
-import { g as tn } from "./hooks-D6XlXHf4.mjs";
+import { g as tn } from "./hooks-Cy8JnjCg.mjs";
 var on = /* @__PURE__ */ ((n) => (n[n.CREDIT = 1] = "CREDIT", n[n.DEBIT = 2] = "DEBIT", n))(on || {}), en = /* @__PURE__ */ ((n) => (n[n.POSTED = 1] = "POSTED", n[n.PENDING = 2] = "PENDING", n))(en || {});
 const rn = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
   const c = v(), l = cn(c);

package/dist/{WidgetContainer-EbrN1oIo.mjs → WidgetContainer-BnTgAfQn.mjs}

@@ -13,7 +13,7 @@ import { ChevronLeft as le } from "@mxenabled/mx-icons";
 import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-D6XlXHf4.mjs";
+import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-Cy8JnjCg.mjs";
 import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
 import { addDays as ue } from "date-fns/addDays";
@@ -37,7 +37,7 @@ import Ke from "@mui/material/ToggleButtonGroup";
 import Ge from "@mui/material/styles/useTheme";
 import { f as K, D as G, a as Me } from "./Dialog-CWW597AF.mjs";
 import { D as We } from "./Drawer-kEE73B87.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-Bw5s6Dw1.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-CbxHKlRv.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.d.ts

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
 import { MiniWidgetProps } from '../../../../common';
-declare const _default: React.FunctionComponent<MiniWidgetProps>;
+interface AccountDetailsChartProps extends MiniWidgetProps {
+    ChartComponent?: React.ComponentType;
+}
+declare const _default: React.FunctionComponent<AccountDetailsChartProps>;
 export default _default;

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.d.ts

@@ -1,7 +1,8 @@
 interface AccountDetailsHeaderProps {
+    ChartComponent?: React.ComponentType;
     customDetailsChart?: React.ReactElement;
 }
-declare const _default: (({ customDetailsChart }: AccountDetailsHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const _default: (({ customDetailsChart, ChartComponent, }: AccountDetailsHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default _default;