@mx-cartographer/experiences 7.10.30 → 7.10.32

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.10.32] - 02-24-2026
+
+- **UPDATED** - Added Merchant Budget List Item in the transcation Details and a small tweak in the color to use 'text.primary' as per FIGMA
+
+## [7.10.31] - 02-24-2026
+
+- **UPDATED** - `Insights` drilldown layout
+
 ## [7.10.30] - 02-23-2026
 
 - **UPDATED** - Use `recentNotifications` instead of `newNotifications` in `NotificationList`

package/dist/{BudgetUtil-DKNyjCWc.mjs → BudgetUtil-CHDuDNhl.mjs}

@@ -1,54 +1,54 @@
 import { jsx as c, jsxs as f } from "react/jsx-runtime";
 import { Icon as w } from "@mxenabled/mx-icons";
 import { H3 as M, P as S } from "@mxenabled/mxui";
-import C from "@mui/material/Button";
+import y from "@mui/material/Button";
 import j from "@mui/material/Dialog";
-import F from "@mui/material/DialogActions";
+import N from "@mui/material/DialogActions";
 import P from "@mui/material/DialogContent";
 import A from "@mui/material/IconButton";
-import G from "@mui/material/InputAdornment";
-import _ from "@mui/material/Stack";
-import $ from "@mui/material/TextField";
-import { k as E } from "./hooks-DWJQ4phS.mjs";
-import { b as B } from "./Category-CevNQ03n.mjs";
-import { b as x } from "./Localization-2MODESHW.mjs";
-import { f as h } from "./NumberFormatting-DjTD0t3W.mjs";
-const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.guid === e), O = (o, e) => {
-  const t = o.find((r) => r.subCategories.find((a) => a.guid === e));
+import F from "@mui/material/InputAdornment";
+import C from "@mui/material/Stack";
+import G from "@mui/material/TextField";
+import { k as $ } from "./hooks-DWJQ4phS.mjs";
+import { b as _ } from "./Category-CevNQ03n.mjs";
+import { b as B } from "./Localization-2MODESHW.mjs";
+import { f as x } from "./NumberFormatting-DjTD0t3W.mjs";
+const h = (o, e) => o.find((t) => t.guid === e), E = (o, e) => o.find((t) => t.guid === e), H = (o, e) => {
+  const t = o.find((r) => r.subCategories.find((i) => i.guid === e));
   if (t)
     return t.subCategories.find((r) => r.guid === e);
-}, rt = (o, e) => {
+}, ot = (o, e) => {
   const t = [];
   for (const r of e) {
-    const a = D(o, r.category_guid);
-    if (!a) continue;
-    const n = a.parent_guid ?? a.guid, i = D(o, n);
+    const i = h(o, r.category_guid);
     if (!i) continue;
+    const n = i.parent_guid ?? i.guid, a = h(o, n);
+    if (!a) continue;
     const s = {
       amount: r.total,
-      category: a,
-      guid: a.guid,
+      category: i,
+      guid: i.guid,
       subCategoryTotals: []
     }, u = t.find((d) => d.guid === n);
     u ? (u.amount += r.total, u.subCategoryTotals.push(s)) : t.push({
       amount: r.total,
-      category: i,
+      category: a,
       guid: n,
       subCategoryTotals: [s]
     });
   }
   return t;
-}, nt = (o, e) => {
+}, rt = (o, e) => {
   const t = o.find((r) => r.guid === e);
-  return t ? t.guid === B.INCOME || t.parent_guid === B.INCOME : !1;
-}, R = ({
+  return t ? t.guid === _.INCOME || t.parent_guid === _.INCOME : !1;
+}, O = ({
   closeAriaLabel: o,
   content: e,
   inputLabel: t,
   inputValue: r,
-  isOpen: a,
+  isOpen: i,
   handleInputChange: n,
-  handleModalClose: i,
+  handleModalClose: a,
   handlePrimaryAction: s,
   handleSecondaryAction: u,
   primaryColor: d = "primary",
@@ -57,15 +57,15 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
   secondaryText: m,
   title: b
 }) => {
-  const N = parseFloat(r ?? "0"), T = r !== "" && !isNaN(N);
+  const I = parseFloat(r ?? "0"), T = r !== "" && r !== "0" && !isNaN(I);
   return /* @__PURE__ */ c(
     j,
     {
       "aria-label": b,
       "aria-labelledby": "modal-title",
       maxWidth: "xs",
-      onClose: i,
-      open: a,
+      onClose: a,
+      open: i,
       role: "dialog",
       sx: { "& .MuiDialogContent-root": { p: 0 } },
       children: /* @__PURE__ */ c(P, { children: /* @__PURE__ */ f(
@@ -76,7 +76,7 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
           },
           children: [
             /* @__PURE__ */ f(
-              _,
+              C,
               {
                 sx: {
                   alignItems: "center",
@@ -94,7 +94,7 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
                     A,
                     {
                       "aria-label": o,
-                      onClick: i,
+                      onClick: a,
                       sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
                       children: /* @__PURE__ */ c(w, { name: "close", sx: { color: "action.active" } })
                     }
@@ -102,13 +102,13 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
                 ]
               }
             ),
-            /* @__PURE__ */ f(_, { sx: { gap: 24, px: 24 }, children: [
+            /* @__PURE__ */ f(C, { sx: { gap: 24, px: 24 }, children: [
               /* @__PURE__ */ c(S, { variant: "subtitle1", children: e }),
               t && /* @__PURE__ */ c(
-                $,
+                G,
                 {
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ c(G, { position: "start", children: "$" })
+                    startAdornment: /* @__PURE__ */ c(F, { position: "start", children: "$" })
                   },
                   autoFocus: !0,
                   inputMode: "decimal",
@@ -119,17 +119,15 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
                   },
                   label: t,
                   onChange: ({ target: { value: g } }) => {
-                    if (!/^\d*\.?\d*$/.test(g)) return;
-                    const y = parseFloat(g);
-                    isNaN(y) || n?.(y);
+                    /^\d*\.?\d*$/.test(g) && n?.(g);
                   },
-                  type: "number",
+                  type: "text",
                   value: r
                 }
               )
             ] }),
             /* @__PURE__ */ f(
-              F,
+              N,
               {
                 sx: {
                   justifyContent: "flex-end",
@@ -139,7 +137,7 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
                 },
                 children: [
                   m && /* @__PURE__ */ c(
-                    C,
+                    y,
                     {
                       "aria-label": m,
                       color: p,
@@ -148,7 +146,7 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
                     }
                   ),
                   /* @__PURE__ */ c(
-                    C,
+                    y,
                     {
                       "aria-label": l,
                       color: d,
@@ -166,7 +164,7 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
       ) })
     }
   );
-}, at = R, v = (o, e) => !o && !e ? 0 : !o && e ? 101 : e / o * 100, k = (o, e) => {
+}, nt = O, D = (o, e) => !o && !e ? 0 : !o && e ? 101 : e / o * 100, v = (o, e) => {
   const t = {
     background: e.palette.success.main,
     description: o <= 100 ? e.palette.text.secondary : e.palette.error.main,
@@ -175,24 +173,24 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
   };
   return o > 100 ? (t.background = e.palette.error.main, t.mercury = e.palette.error.lighter) : o > 80 && (t.background = e.palette.warning.main, t.text = e.palette.grey[900], t.mercury = e.palette.warning.lighter), t;
 }, it = () => {
-  const { detailedBudgets: o } = E();
+  const { detailedBudgets: o } = $();
   return o.map((t) => {
     const r = t.transaction_total;
     return t.amount - r;
   }).reduce((t, r) => t + r, 0);
-}, st = (o, e, t, r) => {
-  const a = [];
+}, at = (o, e, t, r) => {
+  const i = [];
   for (const n of o) {
-    const i = H(e, n.category_guid);
-    if (!i) continue;
-    const s = i.totalAmount, u = v(n.amount, s), d = n.amount - s;
-    a.push({
+    const a = E(e, n.category_guid);
+    if (!a) continue;
+    const s = a.totalAmount, u = D(n.amount, s), d = n.amount - s;
+    i.push({
       ...n,
-      budgetColors: k(u, r),
-      category: i,
-      description: x(
+      budgetColors: v(u, r),
+      category: a,
+      description: B(
         d < 0 ? t.budget_remaining_over : t.budget_remaining_left,
-        h(Math.abs(d), "0,0")
+        x(Math.abs(d), "0,0")
       ),
       percentage: u,
       subBudgets: [],
@@ -200,39 +198,39 @@ const D = (o, e) => o.find((t) => t.guid === e), H = (o, e) => o.find((t) => t.g
     });
   }
   for (const n of o) {
-    const i = O(e, n.category_guid);
-    if (!i) continue;
-    const s = i.currentAmount, u = a.find((p) => p.category_guid === i.parent_guid);
+    const a = H(e, n.category_guid);
+    if (!a) continue;
+    const s = a.currentAmount, u = i.find((p) => p.category_guid === a.parent_guid);
     if (!u) continue;
-    const d = n.amount - s, l = v(n.amount, s);
+    const d = n.amount - s, l = D(n.amount, s);
     u && u.subBudgets.push({
       ...n,
-      budgetColors: k(l, r),
-      category: i,
-      description: x(
+      budgetColors: v(l, r),
+      category: a,
+      description: B(
         d < 0 ? t.budget_remaining_over : t.budget_remaining_left,
-        h(Math.abs(d), "0,0")
+        x(Math.abs(d), "0,0")
       ),
       percentage: l,
       subBudgets: [],
       transaction_total: s
     });
   }
-  return a;
-}, I = (o, e) => o.find((t) => t.guid === e), ut = (o, e, t) => {
-  const r = I(o, t);
+  return i;
+}, k = (o, e) => o.find((t) => t.guid === e), st = (o, e, t) => {
+  const r = k(o, t);
   if (r)
-    return I(r.subBudgets, e);
+    return k(r.subBudgets, e);
 };
 export {
-  at as C,
-  ut as a,
-  st as b,
-  H as c,
-  O as d,
-  rt as e,
-  I as f,
-  D as g,
-  nt as i,
+  nt as C,
+  st as a,
+  at as b,
+  E as c,
+  H as d,
+  ot as e,
+  k as f,
+  h as g,
+  rt as i,
   it as u
 };

package/dist/{ExportCsvAction-8uWKc_e2.mjs → ExportCsvAction-BqNTIBjm.mjs}

@@ -1,8 +1,8 @@
 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-RUWymyA3.mjs";
-import { O as m } from "./Transaction-RmKYEKSk.mjs";
+import { e as p } from "./exportTransactionsToCSV-YO3xewit.mjs";
+import { O as m } from "./Transaction-BiOMLCAA.mjs";
 import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
 import { g as _, h as C, u as l } from "./hooks-DWJQ4phS.mjs";
 const v = ({ filter: t }) => {

package/dist/{ManageIncome-BtOMmeKb.mjs → ManageIncome-CWQoWlbs.mjs}

@@ -17,8 +17,8 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import Z from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as J, u as fe, S as ge, a as Ce } from "./TransactionList-Dxi733-M.mjs";
-import { T as be } from "./TransactionDetails-BYKl7pix.mjs";
+import { T as J, u as fe, S as ge, a as Ce } from "./TransactionList-CmZSDhKW.mjs";
+import { T as be } from "./TransactionDetails-c7ncR7HI.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -36,7 +36,7 @@ import { fromUnixTime as ke } from "date-fns/fromUnixTime";
 import { S as Ne } from "./SearchBox-B7km148n.mjs";
 import { h as Me } from "./DateUtil-CVXVMbjf.mjs";
 import { b as B } from "./Category-CevNQ03n.mjs";
-import { T as te } from "./Transaction-RmKYEKSk.mjs";
+import { T as te } from "./Transaction-BiOMLCAA.mjs";
 const ne = ({
   frequency: n,
   firstDay: t,

package/dist/{RecurringSettings-DOgdSycO.mjs → RecurringSettings-BapZfEnY.mjs}

@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-BtOMmeKb.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-CWQoWlbs.mjs";
 import { u as _, i as A, g as f } from "./hooks-DWJQ4phS.mjs";
 import { R as y, F as N } from "./RecurringTransactions-B_I4_FGO.mjs";
 import { A as m } from "./Analytics-i5h6BxR1.mjs";

package/dist/StatusIndicator-0iX3Gnnu.mjs

@@ -0,0 +1,55 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { P as f, H2 as g, Text as c } from "@mxenabled/mxui";
+import o from "@mui/material/Box";
+import r from "@mui/material/Stack";
+const m = ({
+  amount: t,
+  borderRadius: n = "2px",
+  completeColor: s = "success.main",
+  icon: d,
+  label: l,
+  leftLabel: a,
+  percentComplete: h = 0,
+  rightLabel: x,
+  sx: p
+}) => /* @__PURE__ */ i(r, { sx: { p: 24, width: "100%", ...p }, children: /* @__PURE__ */ e(r, { className: "details-container", sx: { gap: 16 }, children: [
+  /* @__PURE__ */ e(r, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ i(o, { children: d }),
+    /* @__PURE__ */ e(r, { children: [
+      /* @__PURE__ */ i(f, { variant: "body2", children: l }),
+      typeof t == "string" ? /* @__PURE__ */ i(g, { children: t }) : t
+    ] })
+  ] }),
+  /* @__PURE__ */ e(r, { sx: { gap: 4 }, children: [
+    /* @__PURE__ */ i(
+      r,
+      {
+        sx: {
+          bgcolor: "divider",
+          borderRadius: n,
+          flexDirection: "row",
+          height: 16,
+          width: "100%"
+        },
+        children: /* @__PURE__ */ i(
+          o,
+          {
+            sx: {
+              bgcolor: s,
+              borderRadius: n,
+              height: 16,
+              width: `${h}%`
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(r, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ i(c, { variant: "body2", children: a }),
+      /* @__PURE__ */ i(c, { variant: "body2", children: x })
+    ] })
+  ] })
+] }) }), S = m;
+export {
+  S
+};

package/dist/{Transaction-RmKYEKSk.mjs → Transaction-BiOMLCAA.mjs}

@@ -9,7 +9,7 @@ const S = ({
   sx: n = {}
 }) => {
   const { onEvent: a } = O();
-  return N ? /* @__PURE__ */ C(A, { sx: { bgcolor: "background.paper", ...n }, children: /* @__PURE__ */ C(
+  return N ? /* @__PURE__ */ C(A, { className: "list-wrapper", sx: { bgcolor: "background.paper", ...n }, children: /* @__PURE__ */ C(
     o,
     {
       onClick: () => {
@@ -20,13 +20,14 @@ const S = ({
   ) }) : /* @__PURE__ */ C(
     A,
     {
+      className: "list-wrapper",
       disableGutters: !1,
       disablePadding: !1,
       sx: { bgcolor: "background.paper", ...n },
       children: T
     }
   );
-}, D = {
+}, s = {
   ON_TRANSACTION_CATEGORY_CLICK: "onTransactionCategoryClick",
   ON_TRANSACTION_CATEGORY_CHANGED: "onTransactionCategoryChanged",
   ON_TRANSACTION_MANUAL_ADD_CLICK: "onTransactionManualAddClick",
@@ -74,7 +75,7 @@ const S = ({
 var I = /* @__PURE__ */ ((T) => (T[T.CREDIT = 1] = "CREDIT", T[T.DEBIT = 2] = "DEBIT", T))(I || {}), i = /* @__PURE__ */ ((T) => (T[T.POSTED = 1] = "POSTED", T[T.PENDING = 2] = "PENDING", T))(i || {});
 export {
   S as L,
-  D as O,
+  s as O,
   I as T,
   i as a
 };