@mx-cartographer/experiences 7.13.20 → 7.13.22-alpha.al0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.13.20] - 04-02-2026
+
+- **ADDED** - DonutChartV2 component for Insights MUI Refresh.
+
 ## [7.13.19] - 04-01-2026
 
 - **ADDED** - Introduced `TransactionCard` component for `Insights`.

package/dist/{AccountDetailsHeader-D9gbTbUt.mjs → AccountDetailsHeader-CG9VtEpj.mjs}

@@ -3,7 +3,7 @@ import { observer as f } from "mobx-react-lite";
 import s from "@mui/material/Stack";
 import { H3 as T, InstitutionLogo as x, Text as l, H2 as D } from "@mxenabled/mxui";
 import p from "react";
-import { G as N, d as _, l as P, f as G, u as O } from "./hooks-BxkfR-Ff.mjs";
+import { G as N, d as _, l as P, g as G, u as O } from "./hooks-DOWEalfb.mjs";
 import { g as R } from "./AccountFields-CxqONzjY.mjs";
 import { A as r } from "./Account-BiB1F8lL.mjs";
 import w from "@mui/material/Card";
@@ -11,7 +11,7 @@ import v from "@mui/material/CardContent";
 import L from "@mui/material/CardHeader";
 import { L as H } from "./Loader-D3rjKx72.mjs";
 import { I as M, P as U, S as Y } from "./Account-DuOz1a27.mjs";
-import { u as j } from "./useAccountDisplayName-DKwT1mWv.mjs";
+import { u as j } from "./useAccountDisplayName-DQc7zGqk.mjs";
 import { f as z } from "./NumberFormatting-QCaNwbjv.mjs";
 const C = () => {
   if (!p.useContext(N))

package/dist/{AccountListItem-D9WJDbZ1.mjs → AccountListItem-BDFCEhSI.mjs}

@@ -11,8 +11,8 @@ import { InstitutionLogo as A, Text as o } from "@mxenabled/mxui";
 import { Error as B } from "@mxenabled/mx-icons";
 import { I as j } from "./IconBacking-B9oC6uL2.mjs";
 import { g as T } from "./AccountFields-CxqONzjY.mjs";
-import { u as $ } from "./useAccountDisplayName-DKwT1mWv.mjs";
-import { u as k } from "./hooks-BxkfR-Ff.mjs";
+import { u as $ } from "./useAccountDisplayName-DQc7zGqk.mjs";
+import { u as k } from "./hooks-DOWEalfb.mjs";
 import { C as c } from "./Account-BiB1F8lL.mjs";
 import { f as w } from "./NumberFormatting-QCaNwbjv.mjs";
 const E = {

package/dist/{AccountStore-DpYvNnql.mjs → AccountStore-Bn1eH2EU.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil-CLhRnCoX.mjs";
+import { i as g } from "./BudgetUtil-BCSxP3M3.mjs";
 import { A as d } from "./AccountApi-ChQr5PAZ.mjs";
 import { d as p } from "./Accounts-o7ohkngR.mjs";
 import { A as s, d as u } from "./Account-BiB1F8lL.mjs";

package/dist/{BudgetUtil-CLhRnCoX.mjs → BudgetUtil-BCSxP3M3.mjs}

@@ -28,7 +28,7 @@ import gt from "@mui/material/InputAdornment";
 import E from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
 import { u as pt } from "./useScreenSize-B6JyS_Lj.mjs";
-import { m as ht } from "./hooks-BxkfR-Ff.mjs";
+import { m as ht } from "./hooks-DOWEalfb.mjs";
 import { b as T } from "./Category-CevNQ03n.mjs";
 import { b as j } from "./Localization-CPkpIwIx.mjs";
 import { f as O } from "./NumberFormatting-QCaNwbjv.mjs";

package/dist/{CategorySelectorDrawer-Dc9Widy9.mjs → CategorySelectorDrawer-tvJUjmwZ.mjs}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import { observer as E } from "mobx-react-lite";
 import p from "react";
 import $ from "@mui/material/Stack";
-import { G as K, l as f, u as S, g as A, b as B } from "./hooks-BxkfR-Ff.mjs";
+import { G as K, l as f, u as S, f as A, b as B } from "./hooks-DOWEalfb.mjs";
 import U from "@mui/material/List";
 import V from "@mui/material/Paper";
 import Y from "@mui/material/Divider";

package/dist/{Connect-eYIWqCEr.mjs → Connect-CmjOgy5v.mjs}

@@ -5,7 +5,7 @@ import s from "@mui/material/CircularProgress";
 import m from "@mui/material/Stack";
 import { Text as a } from "@mxenabled/mxui";
 import { M as t } from "./Accounts-CseLC3lL.mjs";
-import { u as p } from "./hooks-BxkfR-Ff.mjs";
+import { u as p } from "./hooks-DOWEalfb.mjs";
 const l = ({ status: r = t.Loading }) => {
   const { connect: n } = p();
   return /* @__PURE__ */ o(

package/dist/{ConnectDrawer-C0wjwcJt.mjs → ConnectDrawer-Be0RkL7I.mjs}

@@ -3,9 +3,9 @@ import s from "react";
 import { observer as _ } from "mobx-react-lite";
 import g from "@mui/material/styles/useTheme";
 import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
-import { b as a, a as c } from "./Connect-eYIWqCEr.mjs";
+import { b as a, a as c } from "./Connect-CmjOgy5v.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-BxkfR-Ff.mjs";
+import { d as D, e as L, u as w } from "./hooks-DOWEalfb.mjs";
 import { D as y } from "./Drawer-Bbe4AMB1.mjs";
 const I = ({
   loadWidgetProps: l,

package/dist/{ConnectionsDrawer-IA7vnv1J.mjs → ConnectionsDrawer-yeD_PsY1.mjs}

@@ -3,9 +3,9 @@ import s from "react";
 import { observer as E } from "mobx-react-lite";
 import { useTheme as _ } from "@mui/material/styles";
 import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
-import { C as a, a as c } from "./Connect-eYIWqCEr.mjs";
+import { C as a, a as c } from "./Connect-CmjOgy5v.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-BxkfR-Ff.mjs";
+import { d as D, e as L, u as w } from "./hooks-DOWEalfb.mjs";
 import { D as x } from "./Drawer-Bbe4AMB1.mjs";
 const I = ({
   onClose: l,

package/dist/{CurrencyInput-DuMktPu3.mjs → CurrencyInput-xu9UcYZR.mjs}

@@ -4,7 +4,7 @@ import { css as k } from "@mxenabled/cssinjs";
 import { v4 as q } from "uuid";
 import { TextField as B, P as _ } from "@mxenabled/mxui";
 import { g as L, C as O, f as y, M as C } from "./NumberFormatting-QCaNwbjv.mjs";
-import { u as W } from "./hooks-BxkfR-Ff.mjs";
+import { u as W } from "./hooks-DOWEalfb.mjs";
 import { b, g } from "./Localization-CPkpIwIx.mjs";
 const j = ({
   allowDecimals: o = !0,

package/dist/DateRangeSelector-DE4UR77m.mjs

@@ -0,0 +1,275 @@
+import { jsxs as u, Fragment as U, jsx as a } from "react/jsx-runtime";
+import l from "react";
+import { addMonths as F } from "date-fns/addMonths";
+import { addDays as V } from "date-fns/addDays";
+import { addYears as H } from "date-fns/addYears";
+import { differenceInCalendarDays as X } from "date-fns/differenceInCalendarDays";
+import { endOfDay as Z } from "date-fns/endOfDay";
+import { endOfMonth as k } from "date-fns/endOfMonth";
+import { endOfToday as I } from "date-fns/endOfToday";
+import { endOfYear as ee } from "date-fns/endOfYear";
+import { startOfMonth as te } from "date-fns/startOfMonth";
+import { startOfToday as ae } from "date-fns/startOfToday";
+import { startOfYear as oe } from "date-fns/startOfYear";
+import { subMonths as v } from "date-fns/subMonths";
+import { subDays as re } from "date-fns/subDays";
+import { subYears as z } from "date-fns/subYears";
+import ne from "@mui/material/Box";
+import Y from "@mui/material/Button";
+import ie from "@mui/material/ButtonGroup";
+import se from "@mui/material/Stack";
+import le from "@mui/material/Tab";
+import de from "@mui/material/Tabs";
+import me from "@mui/material/ToggleButton";
+import ue from "@mui/material/ToggleButtonGroup";
+import he from "@mui/material/styles/useTheme";
+import { Icon as R, Text as _, DateRangePicker as j } from "@mxenabled/mxui";
+import { u as fe } from "./useAriaLive-MkYebyUR.mjs";
+import { D as pe } from "./Dialog-Ck34yr-d.mjs";
+import { D as ce } from "./Drawer-Bbe4AMB1.mjs";
+import { u as ge } from "./useScreenSize-B6JyS_Lj.mjs";
+import { f as h, D as f } from "./DateFormats-BMpMrZpW.mjs";
+const be = ({
+  calendarActions: o,
+  color: x = "primary",
+  copy: t,
+  range: D = [te(ae()), k(I())],
+  shouldShrinkToIcon: G = !0,
+  variant: n = "outlined"
+}) => {
+  const O = he(), { isMobile: C } = ge(), { announce: $, ariaLive: S } = fe(), [c, P] = l.useState(D), [i, W] = l.useState(t.dateRangePickerCopy.dateRangeThisMonth), [p, E] = l.useState(c), [y, M] = l.useState(!1), [q, J] = l.useState(!0), [T, K] = l.useState(6), L = {
+    buttons: [
+      { ariaLabel: "3 Months", label: "3M", value: 3 },
+      { ariaLabel: "6 Months", label: "6M", value: 6 },
+      { ariaLabel: "9 Months", label: "9M", value: 9 },
+      { ariaLabel: "1 Year", label: "1Y", value: 12 }
+    ],
+    tabs: [
+      { label: "3 Months", value: 3 },
+      { label: "6 Months", value: 6 },
+      { label: "9 Months", value: 9 },
+      { label: "1 Year", value: 12 }
+    ]
+  };
+  l.useEffect(() => {
+    P(D), E(D);
+  }, [D]), l.useEffect(() => {
+    (n === "timeframebuttons" || n === "timeframetabs") && o.onRangeChanged(Q());
+  }, [T]);
+  const Q = () => {
+    const e = k(I());
+    return [k(v(e, T)), e];
+  }, N = (e) => {
+    const [r, s] = c, d = e === "previous";
+    let m;
+    if (i === t.dateRangePickerCopy.dateRangeThisMonth || i === t.dateRangePickerCopy.dateRangeLastMonth)
+      m = [
+        d ? v(r, 1) : F(r, 1),
+        k(d ? v(s, 1) : F(s, 1))
+      ];
+    else if (i === t.dateRangePickerCopy.dateRangeYTD || i === t.dateRangePickerCopy.dateRangeLastYear) {
+      const g = oe(r), b = ee(r);
+      m = [
+        d ? z(g, 1) : H(g, 1),
+        d ? z(b, 1) : H(b, 1)
+      ];
+    } else {
+      const g = X(s, r), b = d ? re : V;
+      m = [b(r, g), b(s, g)];
+    }
+    P(m), o.onRangeChanged(m);
+  }, A = () => {
+    P(p), J(
+      i === t.dateRangePickerCopy.dateRangeThisMonth || i === t.dateRangePickerCopy.dateRangeLastMonth
+    ), o.onRangeChanged(p);
+  }, B = (e, r) => {
+    e[1] = e[1] ?? e[0];
+    const s = [e[0], e[1] ? Z(e[1]) : e[1]], d = h(s[0], f.MONTH_DAY_YEAR), m = h(s[1], f.MONTH_DAY_YEAR);
+    E(s), W(r), $(`${t.dateRangePickerCopy}: ${d} - ${m}`);
+  }, w = (e) => {
+    K(e);
+  };
+  return /* @__PURE__ */ u(U, { children: [
+    /* @__PURE__ */ u(
+      ne,
+      {
+        sx: {
+          [O.breakpoints.down("sm")]: {
+            display: G ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [O.breakpoints.up("sm")]: { display: "inline-flex" },
+          justifyContent: "center",
+          width: "100%"
+        },
+        children: [
+          n === "readonly" && /* @__PURE__ */ u(se, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ a(R, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ a(_, { bold: !0, children: h(p[0], f.MONTH_DAY) }),
+            /* @__PURE__ */ a(R, { name: "remove" }),
+            /* @__PURE__ */ a(_, { bold: !0, children: h(p[1], f.MONTH_DAY_YEAR) })
+          ] }),
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ u(
+            ie,
+            {
+              color: x,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: C ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24,
+                  whiteSpace: "nowrap"
+                },
+                height: 44
+              },
+              variant: n,
+              children: [
+                /* @__PURE__ */ a(
+                  Y,
+                  {
+                    "aria-disabled": o.shouldDisablePrevious,
+                    "aria-label": t.dateRangePreviousAria,
+                    color: o.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => o.shouldDisablePrevious ? null : N("previous"),
+                    children: /* @__PURE__ */ a(R, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  Y,
+                  {
+                    "aria-disabled": o.shouldDisablePicker,
+                    color: x,
+                    onClick: () => o.shouldDisablePicker ? null : M(!0),
+                    startIcon: /* @__PURE__ */ a(R, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: C ? 0 : 8
+                    },
+                    children: q ? h(c[0], f.MONTH_YEAR) : /* @__PURE__ */ u("span", { children: [
+                      h(c[0], f.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      h(c[1], f.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  Y,
+                  {
+                    "aria-disabled": o.shouldDisableNext,
+                    "aria-label": t.dateRangeNextAria,
+                    color: o.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => o.shouldDisableNext ? null : N("next"),
+                    children: /* @__PURE__ */ a(R, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          n === "timeframebuttons" && /* @__PURE__ */ a(
+            ue,
+            {
+              "aria-label": t.dateRangeEditTitle,
+              color: x,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: T,
+              children: L.buttons.map((e) => /* @__PURE__ */ a(
+                me,
+                {
+                  "aria-label": e.ariaLabel,
+                  onClick: () => w(e.value),
+                  sx: { width: 56 },
+                  value: e.value,
+                  children: e.label
+                },
+                e.label
+              ))
+            }
+          ),
+          n === "timeframetabs" && /* @__PURE__ */ a(
+            de,
+            {
+              indicatorColor: "primary",
+              onChange: (e, r) => w(r),
+              textColor: "primary",
+              value: T,
+              variant: "fullWidth",
+              children: L.tabs.map((e) => /* @__PURE__ */ a(
+                le,
+                {
+                  label: /* @__PURE__ */ a(_, { bold: !0, variant: "body1", children: e.label }),
+                  sx: { minWidth: 80 },
+                  value: e.value
+                },
+                e.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    y && C && /* @__PURE__ */ u(
+      ce,
+      {
+        ariaLabelClose: t.dateRangeCloseAria,
+        isOpen: y,
+        onClose: () => M(!1),
+        onPrimaryAction: () => {
+          A(), M(!1);
+        },
+        primaryText: t.dateRangeEditApply,
+        title: t.dateRangeEditTitle,
+        children: [
+          S,
+          /* @__PURE__ */ a(
+            j,
+            {
+              copy: t.dateRangePickerCopy,
+              dateRange: p,
+              onRangeChanged: B,
+              selectedShortcut: i,
+              sx: { p: 0 }
+            }
+          )
+        ]
+      }
+    ),
+    y && !C && /* @__PURE__ */ u(
+      pe,
+      {
+        copy: { title: t.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => M(!1),
+        onPrimaryAction: () => A(),
+        primaryText: t.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: [
+          S,
+          /* @__PURE__ */ a(
+            j,
+            {
+              copy: t.dateRangePickerCopy,
+              dateRange: p,
+              onRangeChanged: B,
+              selectedShortcut: i,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Qe = be;
+export {
+  Qe as D
+};

package/dist/{ExportCsvAction-izkIdXj5.mjs → ExportCsvAction-CLUDN8jI.mjs}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { e as p } from "./exportTransactionsToCSV-CdTF_RqL.mjs";
-import { O as m } from "./Transaction-CqjlF6SO.mjs";
+import { e as p } from "./exportTransactionsToCSV-CamFllci.mjs";
+import { O as m } from "./Transaction-Bd0myZzA.mjs";
 import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
-import { g as _, h as C, u as l } from "./hooks-BxkfR-Ff.mjs";
+import { f as _, h as C, u as l } from "./hooks-DOWEalfb.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);