@mx-cartographer/experiences 7.3.0 → 7.3.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.3.1] - 12-09-2025
+
+- **UPDATED** `SpendingWidget` to have an export csv button on transactions list
+
 ## [7.3.0] - 12-09-2025
 
 - **UPDATED** - Improved `X-Charts` chunk loading for better performance.

package/dist/{ExportCsvAction-DZ10CbWd.mjs → ExportCsvAction-DNSgmdyv.mjs}

@@ -1,7 +1,7 @@
 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-B8qpk5MU.mjs";
+import { e as p } from "./exportTransactionsToCSV-C4PkIYP6.mjs";
 import { O as m } from "./User-Bj34_i8g.mjs";
 import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
 import { g as _, h as C, u as l } from "./hooks-Cy8JnjCg.mjs";

package/dist/{TransactionStore-C1oyQCZK.mjs → TransactionStore-CtGTg0XS.mjs}

@@ -16,7 +16,7 @@ import { subDays as F } from "date-fns/subDays";
 import { O as n, a as G, T as w } from "./User-Bj34_i8g.mjs";
 import { T as p } from "./TransactionApi-CjBoLleL.mjs";
 import { b as W } from "./Category-CevNQ03n.mjs";
-import { f as z } from "./exportTransactionsToCSV-B8qpk5MU.mjs";
+import { f as z } from "./exportTransactionsToCSV-C4PkIYP6.mjs";
 import { format as k } from "date-fns/format";
 import { f as g, D as O, O as $ } from "./Dialog-CWW597AF.mjs";
 import { endOfMonth as X } from "date-fns/endOfMonth";

package/dist/budgets/index.es.js

@@ -37,7 +37,7 @@ import et from "@mui/material/Alert";
 import tt from "@mui/material/Snackbar";
 import Ce from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
-import { e as ot } from "../exportTransactionsToCSV-B8qpk5MU.mjs";
+import { e as ot } from "../exportTransactionsToCSV-C4PkIYP6.mjs";
 import { T as De, a as at } from "../TransactionDetails-BUoNbsu-.mjs";
 import fe from "@mui/material/Card";
 import be from "@mui/material/CardContent";

package/dist/common/index.es.js

@@ -18,8 +18,8 @@ import { C as Qs } from "../CurrencyInput-lSC7oPDg.mjs";
 import { L as Xs } from "../Loader-DUaFpDGv.mjs";
 import { R as Ks } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as Zs } from "../SearchBox-B2_zLv8-.mjs";
-import { T as at } from "../TransactionStore-C1oyQCZK.mjs";
-import { S as tr } from "../TransactionStore-C1oyQCZK.mjs";
+import { T as at } from "../TransactionStore-CtGTg0XS.mjs";
+import { S as tr } from "../TransactionStore-CtGTg0XS.mjs";
 import { T as sr } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as or } from "../IconBacking-B9oC6uL2.mjs";
 import { D as nr, F as ir, a as cr, c as dr, R as lr, S as ur } from "../RecurringTransactions-ej39mgA6.mjs";

package/dist/exportTransactionsToCSV-C4PkIYP6.mjs

@@ -0,0 +1,48 @@
+import { fromUnixTime as d } from "date-fns/fromUnixTime";
+import { c as u } from "./Category-CevNQ03n.mjs";
+import { f as p, D as g } from "./Dialog-CWW597AF.mjs";
+import { T as m } from "./User-Bj34_i8g.mjs";
+function f(t) {
+  return new Set(
+    t.filter((n) => n.parent_guid !== void 0).map((n) => n.parent_guid)
+  );
+}
+function T(t) {
+  return t.reduce((n, e) => (e.parent_guid && (n[e.parent_guid] || (n[e.parent_guid] = []), n[e.parent_guid].push(e)), n), {});
+}
+function j(t, n) {
+  const e = f(n), o = T(n), r = /* @__PURE__ */ new Set(), a = [];
+  for (const i of t)
+    e.has(i.guid) ? (o[i.guid] ?? []).slice().sort((s, c) => Math.abs(c.amount) - Math.abs(s.amount)).forEach((s) => {
+      r.has(s.guid) || (a.push(s), r.add(s.guid));
+    }) : r.has(i.guid) || (a.push(i), r.add(i.guid));
+  return a;
+}
+const A = (t, n) => {
+  const e = _(l(t, n)), o = new Blob([e], { type: "text/csv;charset=utf-8;" }), r = document.createElement("a");
+  r.href = URL.createObjectURL(o), r.setAttribute("download", "transactions.csv"), document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(r.href);
+}, l = (t, n) => t.map((e) => ({
+  Date: p(d(e.date), g.YEAR_MONTH_DAY),
+  Description: y(e),
+  "Original Description": e.feed_description,
+  Amount: `${e.amount}`,
+  Type: e.transaction_type === m.CREDIT ? "Credit" : "Debit",
+  "Parent Category": u[e.top_level_category_guid || ""],
+  Category: e.category,
+  Account: e.account,
+  Tags: C(e, n),
+  Memo: e.memo,
+  Pending: e.isPending ? "TRUE" : "FALSE"
+})), h = (t) => t ? /[,"\n\r]/.test(t) ? `"${t.replace(/"/g, '""')}"` : t : "", _ = (t) => {
+  const n = Object.keys(t[0]).join(",").concat(`\r
+`), e = t.map((o) => Object.values(o).map(h).join(",")).join(`\r
+`);
+  return n + e;
+}, y = (t) => {
+  let n = t.parent_guid ? "Split: " : "";
+  return n += t.is_hidden ? "(Excluded) " : "", n += t.description, n;
+}, C = (t, n) => t.tags.map((e) => n.filter((r) => r.guid === e)[0]?.name ?? "").join(" ");
+export {
+  A as e,
+  j as f
+};

package/dist/spending/index.es.js

@@ -1,80 +1,81 @@
-import { jsxs as h, jsx as t, Fragment as ht } from "react/jsx-runtime";
+import { jsxs as h, jsx as t, Fragment as St } from "react/jsx-runtime";
 import p from "react";
-import { observer as I } from "mobx-react-lite";
-import { startOfMonth as ot } from "date-fns/startOfMonth";
-import { endOfMonth as at } from "date-fns/endOfMonth";
-import w from "@mui/material/Box";
-import C from "@mui/material/Stack";
-import L from "@mui/material/Tab";
-import it from "@mui/material/Tabs";
-import ft from "@mui/material/styles/useTheme";
-import { b as V } from "../CategoryUtil-BR3H5i6n.mjs";
+import { observer as v } from "mobx-react-lite";
+import { startOfMonth as st } from "date-fns/startOfMonth";
+import { endOfMonth as ct } from "date-fns/endOfMonth";
+import D from "@mui/material/Box";
+import f from "@mui/material/Stack";
+import N from "@mui/material/Tab";
+import lt from "@mui/material/Tabs";
+import Tt from "@mui/material/styles/useTheme";
+import { b as F } from "../CategoryUtil-BR3H5i6n.mjs";
 import { b as _ } from "../Category-CevNQ03n.mjs";
-import { Text as y, CategoryIcon as yt, CategoryIconVariants as bt } from "@mxenabled/mxui";
-import { f as v } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { c as Ct, T as _t, a as St } from "../TransactionDetails-BUoNbsu-.mjs";
-import Tt from "@mui/material/Button";
-import { useTheme as rt } from "@mui/material";
-import { u as E, b as O, m as z, d as st, n as Mt, a as lt, h as Dt, g as xt } from "../hooks-Cy8JnjCg.mjs";
-import { u as ct } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as wt } from "../Donut-oaQFlbit.mjs";
-import { L as F } from "../Loader-DUaFpDGv.mjs";
-import { M as vt } from "../MiniWidgetContainer-BdgBvpga.mjs";
-import { startOfToday as q } from "date-fns/startOfToday";
-import It from "@mui/material/Collapse";
-import B from "@mui/material/Divider";
-import J from "@mui/material/List";
-import Q from "@mui/material/ListItem";
-import Et from "@mui/material/ListItemButton";
-import { D as Z } from "../Drawer-kEE73B87.mjs";
-import { A as tt, W as At } from "../WidgetContainer-BnTgAfQn.mjs";
-const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
-  if (n.total > 0) {
-    const a = o.find((s) => s.guid === n.category_guid);
+import { Text as C, CategoryIcon as Mt, CategoryIconVariants as xt, Icon as Dt } from "@mxenabled/mxui";
+import { f as w } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { c as wt, T as vt, a as It } from "../TransactionDetails-BUoNbsu-.mjs";
+import dt from "@mui/material/Button";
+import { useTheme as gt } from "@mui/material";
+import { u as I, b as k, m as P, d as ut, n as Et, a as H, h as At, g as Lt } from "../hooks-Cy8JnjCg.mjs";
+import { u as pt } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Nt } from "../Donut-oaQFlbit.mjs";
+import { L as K } from "../Loader-DUaFpDGv.mjs";
+import { M as Wt } from "../MiniWidgetContainer-BdgBvpga.mjs";
+import { startOfToday as tt } from "date-fns/startOfToday";
+import { e as Ot } from "../exportTransactionsToCSV-C4PkIYP6.mjs";
+import kt from "@mui/material/Collapse";
+import V from "@mui/material/Divider";
+import et from "@mui/material/List";
+import nt from "@mui/material/ListItem";
+import Rt from "@mui/material/ListItemButton";
+import { D as ot } from "../Drawer-kEE73B87.mjs";
+import { A as at, W as $t } from "../WidgetContainer-BnTgAfQn.mjs";
+const z = 5, Gt = (n, d, s) => s.reduce((l, e) => {
+  if (e.total > 0) {
+    const a = n.find((r) => r.guid === e.category_guid);
     if (!a) return l;
-    const i = a.parent_guid ?? a.guid, e = o.find((s) => s.guid === i);
-    if (!e) return l;
+    const i = a.parent_guid ?? a.guid, o = n.find((r) => r.guid === i);
+    if (!o) return l;
     const c = {
       guid: a.guid,
       name: a.guid === i ? `General ${a.name}` : a.name,
-      color: V(e.guid, d),
-      amount: n.total
-    }, u = l.find((s) => s.guid === i);
-    u ? (u.amount += n.total, u.categoryTotals?.push(c)) : l.push({
+      color: F(o.guid, d),
+      amount: e.total
+    }, u = l.find((r) => r.guid === i);
+    u ? (u.amount += e.total, u.categoryTotals?.push(c)) : l.push({
       guid: i,
-      name: e.name,
-      color: V(e.guid, d),
+      name: o.name,
+      color: F(o.guid, d),
       categoryTotals: [c],
-      amount: n.total
+      amount: e.total
     });
   }
   return l;
-}, []), dt = (o, d, r, l) => {
-  const n = Lt(o, r, l), a = n.filter(
-    (s) => s.guid !== _.INCOME && s.guid !== _.INVESTMENTS && s.guid !== _.TRANSFER
-  ).sort((s, m) => m.amount - s.amount), i = a.reduce(
-    (s, m) => s + m.amount,
+}, []), mt = (n, d, s, l) => {
+  const e = Gt(n, s, l), a = e.filter(
+    (r) => r.guid !== _.INCOME && r.guid !== _.INVESTMENTS && r.guid !== _.TRANSFER
+  ).sort((r, m) => m.amount - r.amount), i = a.reduce(
+    (r, m) => r + m.amount,
     0
-  ), e = a.length > j ? j : a.length, c = a.slice(0, e), u = c.map((s) => ({
-    id: s.guid,
-    color: V(s.guid, r),
-    label: s.name,
-    value: s.amount / i * 100
+  ), o = a.length > z ? z : a.length, c = a.slice(0, o), u = c.map((r) => ({
+    id: r.guid,
+    color: F(r.guid, s),
+    label: r.name,
+    value: r.amount / i * 100
   }));
   if (a.length > 5) {
-    const s = a.slice(j, n.length), m = s.reduce(
-      (S, g) => S + g.amount,
+    const r = a.slice(z, e.length), m = r.reduce(
+      (M, g) => M + g.amount,
       0
     );
     c.push({
       guid: "other",
-      color: r.palette.categories.others || "",
+      color: s.palette.categories.others || "",
       name: d.saving_goal_other,
-      categoryTotals: s,
+      categoryTotals: r,
       amount: m
     }), u.push({
       id: "other",
-      color: r.palette.categories.others || "",
+      color: s.palette.categories.others || "",
       label: d.saving_goal_other,
       value: m / i * 100
     });
@@ -84,96 +85,96 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
     donutData: u,
     totalAmount: i
   };
-}, gt = (o, d, r) => {
-  const l = o.filter(
-    (e) => e.guid === _.INCOME || e.parent_guid === _.INCOME
-  ), n = d.filter((e) => l.some((c) => c.guid === e.category_guid)).sort((e, c) => e.total - c.total).map((e, c) => ({
-    guid: e.category_guid,
-    name: o.find((u) => u.guid === e.category_guid)?.name,
-    color: r[c],
+}, ht = (n, d, s) => {
+  const l = n.filter(
+    (o) => o.guid === _.INCOME || o.parent_guid === _.INCOME
+  ), e = d.filter((o) => l.some((c) => c.guid === o.category_guid)).sort((o, c) => o.total - c.total).map((o, c) => ({
+    guid: o.category_guid,
+    name: n.find((u) => u.guid === o.category_guid)?.name,
+    color: s[c],
     categoryTotals: [],
-    amount: Math.abs(e.total)
-  })), a = n.reduce(
-    (e, c) => e + c.amount,
+    amount: Math.abs(o.total)
+  })), a = e.reduce(
+    (o, c) => o + c.amount,
     0
-  ), i = n.map((e) => ({
-    id: e.guid,
-    color: e.color,
-    label: e.name,
-    value: e.amount / a * 100
+  ), i = e.map((o) => ({
+    id: o.guid,
+    color: o.color,
+    label: o.name,
+    value: o.amount / a * 100
   }));
   return {
-    categoryData: n,
+    categoryData: e,
     donutData: i,
     totalAmount: a
   };
-}, N = ({ amount: o, label: d }) => /* @__PURE__ */ h(C, { direction: "column", children: [
-  /* @__PURE__ */ t(y, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
-  /* @__PURE__ */ t(y, { variant: "XSmall", children: v(o, "0,0") })
-] }), Nt = ({
-  data: o,
+}, W = ({ amount: n, label: d }) => /* @__PURE__ */ h(f, { direction: "column", children: [
+  /* @__PURE__ */ t(C, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
+  /* @__PURE__ */ t(C, { variant: "XSmall", children: w(n, "0,0") })
+] }), jt = ({
+  data: n,
   isIncome: d = !1,
-  onSelected: r,
+  onSelected: s,
   onViewTransactions: l,
-  selectedId: n,
+  selectedId: e,
   size: a = 150,
   totalLabel: i,
-  variant: e = "mini"
+  variant: o = "mini"
 }) => {
-  const { spending: c } = E(), u = rt(), { isTablet: s } = ct(), { announce: m, ariaLive: S } = Ct(), g = p.useMemo(
-    () => n ? o.categoryData.find((b) => b.guid === n) : void 0,
-    [n]
+  const { spending: c } = I(), u = gt(), { isTablet: r } = pt(), { announce: m, ariaLive: M } = wt(), g = p.useMemo(
+    () => e ? n.categoryData.find((S) => S.guid === e) : void 0,
+    [e]
   );
   p.useEffect(() => {
     if (g) {
-      const b = v(g.amount, "0,0");
-      m(`${g.name}: ${b}`);
+      const S = w(g.amount, "0,0");
+      m(`${g.name}: ${S}`);
     }
   }, [g, m]);
-  const T = p.useMemo(() => o.donutData.length > 0 ? o.donutData : [{ id: "0", color: u.palette.divider, value: 100 }], [o, u]), x = () => {
-    l?.(n);
-  }, D = s ? 32 : 48;
-  return /* @__PURE__ */ h(ht, { children: [
-    S,
-    /* @__PURE__ */ t(wt, { data: T, onClick: r, selectedId: n, size: a, children: /* @__PURE__ */ t(C, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ h(C, { alignItems: "center", justifyContent: "center", minHeight: a, minWidth: a, children: [
+  const b = p.useMemo(() => n.donutData.length > 0 ? n.donutData : [{ id: "0", color: u.palette.divider, value: 100 }], [n, u]), E = () => {
+    l?.(e);
+  }, x = r ? 32 : 48;
+  return /* @__PURE__ */ h(St, { children: [
+    M,
+    /* @__PURE__ */ t(Nt, { data: b, onClick: s, selectedId: e, size: a, children: /* @__PURE__ */ t(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ h(f, { alignItems: "center", justifyContent: "center", minHeight: a, minWidth: a, children: [
       g && /* @__PURE__ */ h(
-        C,
+        f,
         {
           alignItems: "center",
-          gap: e === "mini" ? 0 : 8,
-          mb: e === "mini" ? 0 : 8,
-          mt: e === "mini" ? 0 : -16,
-          sx: e === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
+          gap: o === "mini" ? 0 : 8,
+          mb: o === "mini" ? 0 : 8,
+          mt: o === "mini" ? 0 : -16,
+          sx: o === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
             /* @__PURE__ */ t(
-              yt,
+              Mt,
               {
                 categoryGuid: d ? _.INCOME : g.guid,
-                size: e === "mini" ? 24 : D,
-                variant: bt.Transparent
+                size: o === "mini" ? 24 : x,
+                variant: xt.Transparent
               }
             ),
             /* @__PURE__ */ t(
-              y,
+              C,
               {
                 color: "secondary",
                 noWrap: !0,
-                variant: e === "mini" ? "Tiny" : "Body",
+                variant: o === "mini" ? "Tiny" : "Body",
                 children: g ? g.name : i
               }
             )
           ]
         }
       ),
-      !g && e === "full" && /* @__PURE__ */ t(y, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: i }),
-      /* @__PURE__ */ t(y, { variant: e === "mini" ? "H2" : "H1", children: g ? v(g.amount, "0,0") : v(o.totalAmount, "0,0") }),
-      !g && e === "mini" && /* @__PURE__ */ t(y, { color: "secondary", noWrap: !0, variant: "Tiny", children: i }),
-      e === "full" && /* @__PURE__ */ t(
-        Tt,
+      !g && o === "full" && /* @__PURE__ */ t(C, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: i }),
+      /* @__PURE__ */ t(C, { variant: o === "mini" ? "H2" : "H1", children: g ? w(g.amount, "0,0") : w(n.totalAmount, "0,0") }),
+      !g && o === "mini" && /* @__PURE__ */ t(C, { color: "secondary", noWrap: !0, variant: "Tiny", children: i }),
+      o === "full" && /* @__PURE__ */ t(
+        dt,
         {
           "aria-label": `View ${g?.name || ""} Transactions`,
-          disabled: o.categoryData.length === 0,
-          onClick: x,
+          disabled: n.categoryData.length === 0,
+          onClick: E,
           sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
           variant: "text",
           children: c.view_transactions
@@ -181,99 +182,99 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
       )
     ] }) }) })
   ] });
-}, W = I(Nt), et = ({ data: o, onSelected: d, selectedId: r }) => {
-  const l = (n, a) => {
-    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), d(a));
+}, O = v(jt), it = ({ data: n, onSelected: d, selectedId: s }) => {
+  const l = (e, a) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(a));
   };
-  return /* @__PURE__ */ t(C, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: o.categoryData.map((n) => /* @__PURE__ */ h(
-    C,
+  return /* @__PURE__ */ t(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: n.categoryData.map((e) => /* @__PURE__ */ h(
+    f,
     {
       alignItems: "center",
-      "aria-label": n.name,
-      "aria-pressed": n.guid === r,
+      "aria-label": e.name,
+      "aria-pressed": e.guid === s,
       direction: "row",
       gap: 8,
-      onClick: () => d(n.guid),
-      onKeyDown: (a) => l(a, n.guid),
+      onClick: () => d(e.guid),
+      onKeyDown: (a) => l(a, e.guid),
       role: "button",
       sx: { cursor: "pointer" },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ t(w, { borderRadius: 4, height: 8, sx: { backgroundColor: n.color }, width: 8 }),
-        /* @__PURE__ */ t(y, { bold: n.guid === r, variant: "XSmall", children: n.name })
+        /* @__PURE__ */ t(D, { borderRadius: 4, height: 8, sx: { backgroundColor: e.color }, width: 8 }),
+        /* @__PURE__ */ t(C, { bold: e.guid === s, variant: "XSmall", children: e.name })
       ]
     },
-    n.guid
+    e.guid
   )) });
-}, Wt = () => {
-  const o = ft(), { goals: d, spending: r } = E(), { selectedAccounts: l } = O(), {
-    categories: n,
+}, Bt = () => {
+  const n = Tt(), { goals: d, spending: s } = I(), { selectedAccounts: l } = k(), {
+    categories: e,
     dateRangeCategoryTotals: a,
     dataRangeTotalsLoaded: i,
-    loadDateRangeCategoryTotals: e
-  } = z(), c = p.useMemo(
+    loadDateRangeCategoryTotals: o
+  } = P(), c = p.useMemo(
     () => [
-      o.palette.chartMono.chartMono5,
-      o.palette.chartMono.chartMono4,
-      o.palette.chartMono.chartMono3,
-      o.palette.chartMono.chartMono2,
-      o.palette.chartMono.chartMono1,
-      o.palette.chartMono.chartMono6
+      n.palette.chartMono.chartMono5,
+      n.palette.chartMono.chartMono4,
+      n.palette.chartMono.chartMono3,
+      n.palette.chartMono.chartMono2,
+      n.palette.chartMono.chartMono1,
+      n.palette.chartMono.chartMono6
     ],
-    [o]
+    [n]
   );
   p.useEffect(() => {
-    e(
+    o(
       l,
-      ot(/* @__PURE__ */ new Date()),
-      at(/* @__PURE__ */ new Date())
+      st(/* @__PURE__ */ new Date()),
+      ct(/* @__PURE__ */ new Date())
     ).finally();
   }, [l]);
-  const [u, s] = p.useState(""), [m, S] = p.useState(0), g = p.useMemo(
-    () => dt(n, d, o, a),
-    [n, a]
-  ), T = p.useMemo(
-    () => gt(n, a, c),
-    [n, a, c]
-  ), x = (b, R) => {
-    S(R), s("");
-  }, D = (b) => {
-    s(u === b ? "" : b);
+  const [u, r] = p.useState(""), [m, M] = p.useState(0), g = p.useMemo(
+    () => mt(e, d, n, a),
+    [e, a]
+  ), b = p.useMemo(
+    () => ht(e, a, c),
+    [e, a, c]
+  ), E = (S, R) => {
+    M(R), r("");
+  }, x = (S) => {
+    r(u === S ? "" : S);
   };
-  return i ? /* @__PURE__ */ h(w, { width: "100%", children: [
+  return i ? /* @__PURE__ */ h(D, { width: "100%", children: [
     /* @__PURE__ */ h(
-      it,
+      lt,
       {
-        "aria-label": r.mini_title,
-        onChange: x,
+        "aria-label": s.mini_title,
+        onChange: E,
         value: m,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ t(
-            L,
+            N,
             {
               "aria-controls": "spending-tabpanel",
               id: "spending-tab",
               label: /* @__PURE__ */ t(
-                N,
+                W,
                 {
                   amount: g.totalAmount,
-                  label: r.spend_tab_title
+                  label: s.spend_tab_title
                 }
               ),
               tabIndex: m === 0 ? 0 : -1
             }
           ),
           /* @__PURE__ */ t(
-            L,
+            N,
             {
               "aria-controls": "income-tabpanel",
               id: "income-tab",
               label: /* @__PURE__ */ t(
-                N,
+                W,
                 {
-                  amount: T.totalAmount,
-                  label: r.income_tab_title
+                  amount: b.totalAmount,
+                  label: s.income_tab_title
                 }
               ),
               tabIndex: m === 1 ? 0 : -1
@@ -283,77 +284,77 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      w,
+      D,
       {
         "aria-labelledby": "spending-tab",
         hidden: m !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ h(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+        children: /* @__PURE__ */ h(f, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            W,
+            O,
             {
               data: g,
-              onSelected: D,
+              onSelected: x,
               selectedId: u,
-              totalLabel: r.total_spending
+              totalLabel: s.total_spending
             }
           ),
-          /* @__PURE__ */ t(et, { data: g, onSelected: D, selectedId: u })
+          /* @__PURE__ */ t(it, { data: g, onSelected: x, selectedId: u })
         ] })
       }
     ),
     /* @__PURE__ */ t(
-      w,
+      D,
       {
         "aria-labelledby": "income-tab",
         hidden: m !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ h(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+        children: /* @__PURE__ */ h(f, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            W,
+            O,
             {
-              data: T,
+              data: b,
               isIncome: !0,
-              onSelected: D,
+              onSelected: x,
               selectedId: u,
-              totalLabel: r.total_income
+              totalLabel: s.total_income
             }
           ),
-          /* @__PURE__ */ t(et, { data: T, onSelected: D, selectedId: u })
+          /* @__PURE__ */ t(it, { data: b, onSelected: x, selectedId: u })
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ t(F, { height: 250 });
-}, Ot = I(Wt), Rt = ({ onPrimaryCtaClick: o, sx: d = {} }) => {
-  const { visibleAccounts: r } = st(), { spending: l } = E(), { isCopyLoaded: n, isInitialized: a, setSelectedAccounts: i } = O();
+  ] }) : /* @__PURE__ */ t(K, { height: 250 });
+}, Vt = v(Bt), zt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
+  const { visibleAccounts: s } = ut(), { spending: l } = I(), { isCopyLoaded: e, isInitialized: a, setSelectedAccounts: i } = k();
   return p.useEffect(() => {
-    i(r);
-  }, [r]), !n || !a ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
-    vt,
+    i(s);
+  }, [s]), !e || !a ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(
+    Wt,
     {
       className: "mx-exp-spending-miniwidget",
-      onPrimaryCtaClick: o,
+      onPrimaryCtaClick: n,
       primaryCtaLabel: l.primary_cta,
       sx: d,
       title: l.mini_title,
-      children: /* @__PURE__ */ t(Ot, {})
+      children: /* @__PURE__ */ t(Vt, {})
     }
   );
-}, Ce = I(Rt), kt = ({
-  data: o,
+}, ve = v(zt), Ft = ({
+  data: n,
   onSelected: d,
-  selectedId: r = "",
+  selectedId: s = "",
   title: l
 }) => {
-  const { spending: n } = E(), a = o.categoryData.find((i) => i.guid === r);
-  return /* @__PURE__ */ h(C, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
-    /* @__PURE__ */ t(y, { bold: !0, sx: { py: 12 }, children: `${l} ${n.by_category}` }),
-    /* @__PURE__ */ t(B, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(J, { children: o.categoryData.map((i) => /* @__PURE__ */ h(p.Fragment, { children: [
+  const { spending: e } = I(), a = n.categoryData.find((i) => i.guid === s);
+  return /* @__PURE__ */ h(f, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+    /* @__PURE__ */ t(C, { bold: !0, sx: { py: 12 }, children: `${l} ${e.by_category}` }),
+    /* @__PURE__ */ t(V, { "aria-hidden": "true" }),
+    /* @__PURE__ */ t(et, { children: n.categoryData.map((i) => /* @__PURE__ */ h(p.Fragment, { children: [
       /* @__PURE__ */ t(
-        Q,
+        nt,
         {
           disableGutters: !0,
           disablePadding: !0,
@@ -361,14 +362,14 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
             minHeight: 44
           },
           children: /* @__PURE__ */ h(
-            Et,
+            Rt,
             {
               "aria-expanded": a?.guid === i.guid,
               onClick: () => d(i.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
-                  w,
+                  D,
                   {
                     borderRadius: 4,
                     flexShrink: 0,
@@ -378,15 +379,15 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
                   }
                 ),
                 /* @__PURE__ */ h(
-                  C,
+                  f,
                   {
                     alignItems: "center",
                     direction: "row",
                     justifyContent: "space-between",
                     width: "100%",
                     children: [
-                      /* @__PURE__ */ t(y, { bold: r === i.guid, children: i.name }),
-                      /* @__PURE__ */ t(y, { bold: r === i.guid, variant: "Body", children: v(i.amount, "0,0") })
+                      /* @__PURE__ */ t(C, { bold: s === i.guid, children: i.name }),
+                      /* @__PURE__ */ t(C, { bold: s === i.guid, variant: "Body", children: w(i.amount, "0,0") })
                     ]
                   }
                 )
@@ -395,41 +396,41 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
           )
         }
       ),
-      /* @__PURE__ */ t(B, {}),
-      i.categoryTotals && i.categoryTotals.length > 0 && /* @__PURE__ */ t(It, { in: a?.guid === i.guid, unmountOnExit: !0, children: /* @__PURE__ */ h(J, { children: [
-        a?.categoryTotals?.map((e) => /* @__PURE__ */ t(
-          Q,
+      /* @__PURE__ */ t(V, {}),
+      i.categoryTotals && i.categoryTotals.length > 0 && /* @__PURE__ */ t(kt, { in: a?.guid === i.guid, unmountOnExit: !0, children: /* @__PURE__ */ h(et, { children: [
+        a?.categoryTotals?.map((o) => /* @__PURE__ */ t(
+          nt,
           {
             sx: {
               pl: 24,
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ h(C, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ h(y, { children: [
-                e.name,
+            children: /* @__PURE__ */ h(f, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ h(C, { children: [
+                o.name,
                 " "
               ] }),
-              /* @__PURE__ */ t(y, { children: v(e.amount, "0,0") })
+              /* @__PURE__ */ t(C, { children: w(o.amount, "0,0") })
             ] })
           },
-          e.guid
+          o.guid
         )),
-        /* @__PURE__ */ t(B, {})
+        /* @__PURE__ */ t(V, {})
       ] }) })
     ] }, i.guid)) }),
-    /* @__PURE__ */ t(y, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${n.total}: ${v(o.totalAmount, "0,0")}` })
+    /* @__PURE__ */ t(C, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${e.total}: ${w(n.totalAmount, "0,0")}` })
   ] });
-}, $t = I(kt), Gt = ({
-  data: o,
+}, Ht = v(Ft), Pt = ({
+  data: n,
   onSelected: d,
-  onViewTransactions: r,
+  onViewTransactions: s,
   selectedId: l,
-  title: n
+  title: e
 }) => {
-  const { isDesktop: a, isMobile: i } = ct(), { isLoadingCategoryTotals: e } = z(), { spending: c } = E();
+  const { isDesktop: a, isMobile: i } = pt(), { isLoadingCategoryTotals: o } = P(), { spending: c } = I();
   return /* @__PURE__ */ h(
-    C,
+    f,
     {
       alignItems: i ? "center" : "flex-start",
       direction: i ? "column" : "row",
@@ -438,8 +439,8 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
       pt: 50,
       px: 8,
       children: [
-        e && /* @__PURE__ */ t(
-          W,
+        o && /* @__PURE__ */ t(
+          O,
           {
             data: {
               categoryData: [],
@@ -454,170 +455,192 @@ const j = 5, Lt = (o, d, r) => r.reduce((l, n) => {
             variant: "full"
           }
         ),
-        !e && /* @__PURE__ */ t(
-          W,
+        !o && /* @__PURE__ */ t(
+          O,
           {
-            data: o,
+            data: n,
             onSelected: d,
-            onViewTransactions: r,
+            onViewTransactions: s,
             selectedId: l,
             size: a ? 400 : 300,
             totalLabel: c.total_amount,
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t($t, { data: o, onSelected: d, selectedId: l, title: n })
+        /* @__PURE__ */ t(Ht, { data: n, onSelected: d, selectedId: l, title: e })
       ]
     }
   );
-}, nt = I(Gt), Bt = (o) => [
-  o.palette.chartMono.chartMono5,
-  o.palette.chartMono.chartMono4,
-  o.palette.chartMono.chartMono3,
-  o.palette.chartMono.chartMono2,
-  o.palette.chartMono.chartMono1,
-  o.palette.chartMono.chartMono6
-], jt = () => {
-  const o = rt(), { onLoad: d } = Mt(), { clientConfig: r } = lt(), { categories: l, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: a } = z(), { goals: i, spending: e } = E(), { displayedDateRange: c, selectedAccounts: u, selectedAccountGuids: s } = O(), { setFilter: m, sortedTransactions: S } = Dt(), g = r?.master?.deep_link_params?.account_guids, T = r?.master?.deep_link_params?.view, [x, D] = p.useState(""), [b, R] = p.useState(T === "income" ? 1 : 0), [H, P] = p.useState(""), [ut, K] = p.useState(!1);
+}, rt = v(Pt), Kt = (n) => [
+  n.palette.chartMono.chartMono5,
+  n.palette.chartMono.chartMono4,
+  n.palette.chartMono.chartMono3,
+  n.palette.chartMono.chartMono2,
+  n.palette.chartMono.chartMono1,
+  n.palette.chartMono.chartMono6
+], Xt = () => {
+  const n = gt(), { onLoad: d } = Et(), { is_mobile_webview: s } = H(), { clientConfig: l } = H(), { categories: e, dateRangeCategoryTotals: a, loadDateRangeCategoryTotals: i } = P(), {
+    goals: o,
+    spending: c,
+    transactions: u
+  } = I(), { displayedDateRange: r, selectedAccounts: m, selectedAccountGuids: M } = k(), {
+    setFilter: g,
+    sortedTransactions: b,
+    sortedTransactionsWithSplits: E,
+    tags: x
+  } = At(), S = l?.master?.deep_link_params?.account_guids, R = l?.master?.deep_link_params?.view, [$, X] = p.useState(""), [L, ft] = p.useState(R === "income" ? 1 : 0), [Y, U] = p.useState(""), [yt, q] = p.useState(!1);
   p.useEffect(() => {
-    a(
-      u,
-      c.start,
-      c.end
+    i(
+      m,
+      r.start,
+      r.end
     ).finally(() => {
       d?.("SpendingWidget");
     });
-  }, [u, c]);
-  const k = p.useMemo(
-    () => dt(l, i, o, n),
-    [l, n]
-  ), X = p.useMemo(
-    () => gt(l, n, Bt(o)),
-    [l, n]
-  ), $ = p.useMemo(
-    () => S.find((f) => f.guid === H),
-    [H, S]
-  ), pt = (f, A) => {
-    R(A), D("");
-  }, Y = (f) => {
-    D(x === f || f === "0" ? "" : f);
-  }, U = (f) => {
+  }, [m, r]);
+  const G = p.useMemo(
+    () => mt(e, o, n, a),
+    [e, a]
+  ), J = p.useMemo(
+    () => ht(e, a, Kt(n)),
+    [e, a]
+  ), j = p.useMemo(
+    () => b.find((y) => y.guid === Y),
+    [Y, b]
+  ), Ct = (y, A) => {
+    ft(A), X("");
+  }, Q = (y) => {
+    X($ === y || y === "0" ? "" : y);
+  }, Z = (y) => {
     const A = {
-      accounts: g || s,
-      dateRange: c
+      accounts: S || M,
+      dateRange: r
     };
-    if (b === 0)
-      if (f === "other") {
-        const M = k.categoryData.find((G) => G.guid === "other");
-        m({
+    if (L === 0)
+      if (y === "other") {
+        const T = G.categoryData.find((B) => B.guid === "other");
+        g({
           ...A,
-          custom: (G) => !!M?.categoryTotals?.find((mt) => mt.guid === G.top_level_category_guid)
+          custom: (B) => !!T?.categoryTotals?.find((_t) => _t.guid === B.top_level_category_guid)
         });
       } else
-        m({
+        g({
           ...A,
-          custom: (M) => f ? M.top_level_category_guid === f : M.top_level_category_guid !== _.INCOME && M.top_level_category_guid !== _.INVESTMENTS && M.top_level_category_guid !== _.TRANSFER,
-          showSplits: !!f
+          custom: (T) => y ? T.top_level_category_guid === y : T.top_level_category_guid !== _.INCOME && T.top_level_category_guid !== _.INVESTMENTS && T.top_level_category_guid !== _.TRANSFER,
+          showSplits: !!y
         });
     else
-      m({
+      g({
         ...A,
-        custom: (M) => f ? M.category_guid === f : M.category_guid === _.INCOME || M.top_level_category_guid === _.INCOME
+        custom: (T) => y ? T.category_guid === y : T.category_guid === _.INCOME || T.top_level_category_guid === _.INCOME
       });
-    K(!0);
+    q(!0);
+  }, bt = () => {
+    Ot(E, x);
   };
-  return /* @__PURE__ */ h(w, { children: [
-    /* @__PURE__ */ h(it, { onChange: pt, value: b, variant: "fullWidth", children: [
+  return /* @__PURE__ */ h(D, { children: [
+    /* @__PURE__ */ h(lt, { onChange: Ct, value: L, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
-        L,
+        N,
         {
           label: /* @__PURE__ */ t(
-            N,
+            W,
             {
-              amount: k.totalAmount,
-              label: e.spend_tab_title
+              amount: G.totalAmount,
+              label: c.spend_tab_title
             }
           )
         }
       ),
       /* @__PURE__ */ t(
-        L,
+        N,
         {
           label: /* @__PURE__ */ t(
-            N,
+            W,
             {
-              amount: X.totalAmount,
-              label: e.income_tab_title
+              amount: J.totalAmount,
+              label: c.income_tab_title
             }
           )
         }
       )
     ] }),
-    b === 0 && /* @__PURE__ */ t(
-      nt,
+    L === 0 && /* @__PURE__ */ t(
+      rt,
       {
-        data: k,
-        onSelected: Y,
-        onViewTransactions: U,
-        selectedId: x,
-        title: e.spend_tab_title
+        data: G,
+        onSelected: Q,
+        onViewTransactions: Z,
+        selectedId: $,
+        title: c.spend_tab_title
       }
     ),
-    b === 1 && /* @__PURE__ */ t(
-      nt,
+    L === 1 && /* @__PURE__ */ t(
+      rt,
       {
-        data: X,
-        onSelected: Y,
-        onViewTransactions: U,
-        selectedId: x,
-        title: e.income_tab_title
+        data: J,
+        onSelected: Q,
+        onViewTransactions: Z,
+        selectedId: $,
+        title: c.income_tab_title
       }
     ),
     /* @__PURE__ */ t(
-      Z,
+      ot,
       {
-        ariaLabelClose: e.close_drawer_aria,
-        isOpen: ut,
-        onClose: () => K(!1),
-        title: e.transactions_drawer_title,
-        children: /* @__PURE__ */ t(_t, { onClick: P })
+        ariaLabelClose: c.close_drawer_aria,
+        isOpen: yt,
+        onClose: () => q(!1),
+        title: c.transactions_drawer_title,
+        children: /* @__PURE__ */ h(f, { children: [
+          !s && b.length > 0 && /* @__PURE__ */ t(f, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
+            dt,
+            {
+              onClick: bt,
+              startIcon: /* @__PURE__ */ t(Dt, { name: "ios_share" }),
+              variant: "text",
+              children: u.export_csv_btn
+            }
+          ) }),
+          /* @__PURE__ */ t(vt, { onClick: U })
+        ] })
       }
     ),
     /* @__PURE__ */ t(
-      Z,
+      ot,
       {
-        ariaLabelClose: e.close_drawer_aria,
-        isOpen: !!$,
-        onClose: () => P(""),
-        title: e.transaction_details_drawer_title,
-        children: $ && /* @__PURE__ */ t(St, { transaction: $ })
+        ariaLabelClose: c.close_drawer_aria,
+        isOpen: !!j,
+        onClose: () => U(""),
+        title: c.transaction_details_drawer_title,
+        children: j && /* @__PURE__ */ t(It, { transaction: j })
       }
     )
   ] });
-}, Vt = I(jt), zt = ({ onBackClick: o, sx: d = {} }) => {
-  const { visibleAccounts: r } = st(), { spending: l } = E(), { isCopyLoaded: n, isInitialized: a, setDisplayedDate: i, setSelectedAccounts: e } = O(), { onEvent: c } = xt(), { clientConfig: u } = lt(), s = u?.master?.deep_link_params?.date_range, [m, S] = p.useState(!1);
+}, Yt = v(Xt), Ut = ({ onBackClick: n, sx: d = {} }) => {
+  const { visibleAccounts: s } = ut(), { spending: l } = I(), { isCopyLoaded: e, isInitialized: a, setDisplayedDate: i, setSelectedAccounts: o } = k(), { onEvent: c } = Lt(), { clientConfig: u } = H(), r = u?.master?.deep_link_params?.date_range, [m, M] = p.useState(!1);
   p.useEffect(() => {
-    e(r);
-  }, [r]), p.useEffect(() => {
-    s && Array.isArray(s) && s.length === 2 ? i(s[0], s[1]) : i(ot(q()), at(q())), S(!0), c(tt.SPENDING_VIEW);
+    o(s);
+  }, [s]), p.useEffect(() => {
+    r && Array.isArray(r) && r.length === 2 ? i(r[0], r[1]) : i(st(tt()), ct(tt())), M(!0), c(at.SPENDING_VIEW);
   }, []);
-  const g = (T) => {
-    i(T[0], T[1]);
+  const g = (b) => {
+    i(b[0], b[1]);
   };
-  return !n || !a || !m ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
-    At,
+  return !e || !a || !m ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(
+    $t,
     {
-      accountOptions: r,
+      accountOptions: s,
       calendarActions: { onRangeChanged: g },
-      onAccountsFilterClick: () => c(tt.SPENDING_CLICK_FILTER),
-      onBackClick: o,
+      onAccountsFilterClick: () => c(at.SPENDING_CLICK_FILTER),
+      onBackClick: n,
       sx: d,
       title: l.title,
-      children: /* @__PURE__ */ t(w, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Vt, {}) })
+      children: /* @__PURE__ */ t(D, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Yt, {}) })
     }
   );
-}, _e = I(zt);
+}, Ie = v(Ut);
 export {
-  Ce as SpendingMiniWidget,
-  _e as SpendingWidget
+  ve as SpendingMiniWidget,
+  Ie as SpendingWidget
 };

package/dist/transactions/index.es.js

@@ -3,10 +3,10 @@ import { u as P, C as Pe, D as $e, M as Ve, d as We, c as Ge, T as Ue, a as Fe }
 import { B as Sa, e as xa, b as wa } from "../TransactionDetails-BUoNbsu-.mjs";
 import { T as M } from "../User-Bj34_i8g.mjs";
 import { O as va } from "../User-Bj34_i8g.mjs";
-import { S as ae, D as ze } from "../TransactionStore-C1oyQCZK.mjs";
-import { T as Na } from "../TransactionStore-C1oyQCZK.mjs";
-import { e as Ke } from "../exportTransactionsToCSV-B8qpk5MU.mjs";
-import { E as Oa } from "../ExportCsvAction-DZ10CbWd.mjs";
+import { S as ae, D as ze } from "../TransactionStore-CtGTg0XS.mjs";
+import { T as Na } from "../TransactionStore-CtGTg0XS.mjs";
+import { e as Ke } from "../exportTransactionsToCSV-C4PkIYP6.mjs";
+import { E as Oa } from "../ExportCsvAction-DNSgmdyv.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as x } from "mobx-react-lite";

package/dist/trends/index.es.js

@@ -48,7 +48,7 @@ import Ut from "@mui/material/ListItemText";
 import qe from "@mui/material/styles/useTheme";
 import Xt from "@mui/material/Paper";
 import { b as Zt } from "../CategoryUtil-BR3H5i6n.mjs";
-import { E as qt } from "../ExportCsvAction-DZ10CbWd.mjs";
+import { E as qt } from "../ExportCsvAction-DNSgmdyv.mjs";
 import { u as Qt } from "../useInsightsEnabled-BxytCjq5.mjs";
 import { E as Jt } from "../EmptyState-DA_lfRBv.mjs";
 import { l as eo } from "../ConnectDrawer-CbxHKlRv.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.3.0",
+  "version": "7.3.1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -186,7 +186,7 @@
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
     "@mxenabled/mx-icons": "^1.5.1",
-    "@mxenabled/mxui": "^1.5.6",
+    "@mxenabled/mxui": "^1.5.8",
     "@mxenabled/web-widget-sdk": "^0.0.13",
     "@tanstack/react-virtual": "^3.13.2",
     "bowser": "^2.11.0",

package/dist/exportTransactionsToCSV-B8qpk5MU.mjs

@@ -1,48 +0,0 @@
-import { fromUnixTime as d } from "date-fns/fromUnixTime";
-import { c as u } from "./Category-CevNQ03n.mjs";
-import { f as p, D as g } from "./Dialog-CWW597AF.mjs";
-import { T as m } from "./User-Bj34_i8g.mjs";
-function f(e) {
-  return new Set(
-    e.filter((n) => n.parent_guid !== void 0).map((n) => n.parent_guid)
-  );
-}
-function T(e) {
-  return e.reduce((n, t) => (t.parent_guid && (n[t.parent_guid] || (n[t.parent_guid] = []), n[t.parent_guid].push(t)), n), {});
-}
-function A(e, n) {
-  const t = f(n), r = T(n), o = /* @__PURE__ */ new Set(), a = [];
-  for (const i of e)
-    t.has(i.guid) ? (r[i.guid] ?? []).slice().sort((s, c) => Math.abs(c.amount) - Math.abs(s.amount)).forEach((s) => {
-      o.has(s.guid) || (a.push(s), o.add(s.guid));
-    }) : o.has(i.guid) || (a.push(i), o.add(i.guid));
-  return a;
-}
-const j = (e, n) => {
-  const t = _(h(e, n)), r = encodeURIComponent(t), o = document.createElement("a");
-  o.href = `data:attachment/csv;charset=utf-8,${r}`, o.download = "transactions.csv", document.body.appendChild(o), o.click(), document.body.removeChild(o);
-}, h = (e, n) => e.map((t) => ({
-  Date: p(d(t.date), g.YEAR_MONTH_DAY),
-  Description: C(t),
-  "Original Description": t.feed_description,
-  Amount: `${t.amount}`,
-  Type: t.transaction_type === m.CREDIT ? "Credit" : "Debit",
-  "Parent Category": u[t.top_level_category_guid || ""],
-  Category: t.category,
-  Account: t.account,
-  Tags: y(t, n),
-  Memo: t.memo,
-  Pending: t.isPending ? "TRUE" : "FALSE"
-})), l = (e) => e ? /[,"\n\r]/.test(e) ? `"${e.replace(/"/g, '""')}"` : e : "", _ = (e) => {
-  const n = Object.keys(e[0]).join(",").concat(`\r
-`), t = e.map((r) => Object.values(r).map(l).join(",")).join(`\r
-`);
-  return n + t;
-}, C = (e) => {
-  let n = e.parent_guid ? "Split: " : "";
-  return n += e.is_hidden ? "(Excluded) " : "", n += e.description, n;
-}, y = (e, n) => e.tags.map((t) => n.filter((o) => o.guid === t)[0]?.name ?? "").join(" ");
-export {
-  j as e,
-  A as f
-};