@mx-cartographer/experiences 7.10.26 → 7.10.28

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [7.10.28] - 02-20-2026
+
+- **UPDATED** - Debts Widget empty state
+
+## [7.10.27] - 02-20-2026
+
+- **REMOVED** - Use of `use_tokens` and token constants
+- **REMOVED** - Unused component `BarChart` in common
+
 ## [7.10.26] - 02-20-2026
 
 - **UPDATED** - Small Tweaks in the bill amount not standard mui in margin and the contentProps sx

package/dist/{AccountDetailsHeader-uMrg1mVL.mjs → AccountDetailsHeader-B3EIxwA1.mjs}

@@ -9,7 +9,7 @@ import { A as r } from "./Account-BiB1F8lL.mjs";
 import w from "@mui/material/Card";
 import v from "@mui/material/CardContent";
 import L from "@mui/material/CardHeader";
-import { L as H } from "./Loader-BQHnDI_D.mjs";
+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-Ces0fqkF.mjs";
 import { f as z } from "./NumberFormatting-DjTD0t3W.mjs";

package/dist/{AccountStore-Bv74StpR.mjs → AccountStore-DdGz1ig2.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./User-Bs3hX0dH.mjs";
+import { i as g } from "./User-C8w4H0cj.mjs";
 import { A as d } from "./AccountApi-DgZ8ILj1.mjs";
 import { d as m } from "./Accounts-M-LTzStv.mjs";
 import { A as s, d as u } from "./Account-BiB1F8lL.mjs";

package/dist/{CategorySelectorDrawer-etCidqcL.mjs → CategorySelectorDrawer-CW0bCdqR.mjs}

@@ -21,8 +21,8 @@ import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
 import v from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
-import { S as re } from "./SearchBox-B2_zLv8-.mjs";
-import { L as P } from "./Loader-BQHnDI_D.mjs";
+import { S as re } from "./SearchBox-B7km148n.mjs";
+import { L as P } from "./Loader-D3rjKx72.mjs";
 import { D as ne } from "./Drawer-DV4NTsFg.mjs";
 const y = () => {
   if (!_.useContext(V))

package/dist/CurrencyInput-6U2Ln1bK.mjs

@@ -0,0 +1,85 @@
+import { jsx as m } from "react/jsx-runtime";
+import u from "react";
+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-DjTD0t3W.mjs";
+import { u as W } from "./hooks-DWJQ4phS.mjs";
+import { b, g } from "./Localization-2MODESHW.mjs";
+const j = ({
+  allowDecimals: o = !0,
+  ariaLabel: h,
+  amount: c,
+  amountIsRequired: $ = !0,
+  copy: i,
+  customValidate: M = () => !0,
+  errorText: S = "",
+  label: a,
+  minAmount: f = 1,
+  setAmount: x,
+  setHasValidInput: e,
+  ...N
+}) => {
+  const [d, t] = u.useState(""), { common: P } = W(), n = i || P.currency_input, R = F(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  let s;
+  const p = u.useRef(q());
+  if (o)
+    switch (L()) {
+      case O.CAD:
+        s = E;
+        break;
+      default:
+        s = T;
+        break;
+    }
+  else
+    s = A;
+  u.useEffect(() => {
+    l(c);
+  }, [c]);
+  const l = (r) => {
+    !$ && (r === "" || r === "." || r === ",") ? (t(""), e?.(!1)) : Number(r) < f ? (t(
+      b(
+        n.error_amount_must_be_equal_to,
+        y(f, "0")
+      )
+    ), e?.(!1)) : Number(r) > C ? (t(
+      b(
+        n.error_amount_must_be_less_than_or_equal_to,
+        y(C, o ? "0,0.00" : "0,0", Math.floor)
+      )
+    ), e?.(!1)) : r.toString().match(s) ? M() ? (t(""), e?.(!0)) : (t(S), e?.(!1)) : (t(n.error_amount_is_invalid), e?.(!1)), x(r.toString());
+  };
+  return /* @__PURE__ */ m(
+    B,
+    {
+      InputProps: {
+        endAdornment: g().includes("fr-ca") ? /* @__PURE__ */ m(_, { children: "$" }) : void 0,
+        startAdornment: g().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(_, { children: "$" })
+      },
+      className: `mx-cmn-currency-input ${R}`,
+      error: !!d,
+      helperText: d,
+      hiddenLabel: !a,
+      id: `currency-input-${p.current}`,
+      inputMode: o ? "decimal" : "numeric",
+      inputProps: {
+        "aria-label": h || n.enter_amount,
+        noValidate: !0,
+        pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
+      },
+      label: a,
+      name: `currency-input-${p.current}`,
+      onChange: (r) => l(r.target.value),
+      value: c,
+      ...N
+    }
+  );
+}, F = () => k({
+  "& .MuiInputBase-adornedStart > .p": {
+    marginRight: 4
+  }
+}), J = j;
+export {
+  J as C
+};

package/dist/{DebtsStore-BIbOVCPe.mjs → DebtsStore-BZqNLaqd.mjs}

@@ -56,8 +56,8 @@ class A {
   }
 }
 export {
-  c as D,
+  A as D,
   T as I,
   E as M,
-  A as a
+  c as a
 };

package/dist/{Donut-DKY8mL3P.mjs → Donut-DSGXraiS.mjs}

@@ -3,7 +3,7 @@ import b from "react";
 import { selectAll as m, interpolateString as x, arc as I } from "d3";
 import d from "@mui/material/Box";
 import { useTheme as S } from "@mui/material/styles";
-const k = 100, E = 140, _ = 10, j = ({
+const k = 100, E = 140, _ = 10, v = ({
   data: u,
   hoveredId: h,
   onClick: a,
@@ -19,7 +19,7 @@ const k = 100, E = 140, _ = 10, j = ({
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
   }, y = (o) => {
     s?.(o);
-  }, w = (o) => {
+  }, D = (o) => {
     l?.(o);
   };
   return b.useEffect(() => {
@@ -45,11 +45,11 @@ const k = 100, E = 140, _ = 10, j = ({
           /* @__PURE__ */ e("g", { children: u.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const D = r, R = I().cornerRadius(4)({
+            const w = r, R = I().cornerRadius(4)({
               innerRadius: k,
               outerRadius: E + (o.id === i || o.id === h ? _ : 0),
               startAngle: n,
-              endAngle: D,
+              endAngle: w,
               padAngle: 0.025
             });
             return /* @__PURE__ */ e(
@@ -60,7 +60,7 @@ const k = 100, E = 140, _ = 10, j = ({
                 className: "arc-outer",
                 d: R,
                 fill: o.color,
-                onBlur: () => w(o.id),
+                onBlur: () => D(o.id),
                 onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
                 onKeyDown: (A) => g(A, o.id),
@@ -80,7 +80,7 @@ const k = 100, E = 140, _ = 10, j = ({
       }
     )
   ] });
-};
+}, j = v;
 export {
   j as D
 };

package/dist/{Help-CbA-RChg.mjs → Help-CFklNYUZ.mjs}

@@ -22,7 +22,7 @@ import at from "@mui/material/Alert";
 import ct from "@mui/material/Snackbar";
 import lt from "@mui/material/TextField";
 import { D as U } from "./Drawer-DV4NTsFg.mjs";
-import { L as dt } from "./Loader-BQHnDI_D.mjs";
+import { L as dt } from "./Loader-D3rjKx72.mjs";
 import Ot from "@mui/material/ListItemAvatar";
 import Nt from "@mui/material/ListItem";
 import Dt from "@mui/material/ListItemIcon";

package/dist/Loader-D3rjKx72.mjs

@@ -0,0 +1,21 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import s from "@mui/material/CircularProgress";
+import c from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+const i = ({ height: t = 250, label: r = "", size: e = 32 }) => /* @__PURE__ */ n(
+  c,
+  {
+    alignItems: "center",
+    gap: 32,
+    height: t,
+    justifyContent: "center",
+    sx: { backgroundColor: "background.default" },
+    children: [
+      /* @__PURE__ */ o(s, { size: e }),
+      r && /* @__PURE__ */ o(a, { children: r })
+    ]
+  }
+), g = i;
+export {
+  g as L
+};

package/dist/{ManageIncome-DsvxAM0J.mjs → ManageIncome-BtOMmeKb.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-Eb9eNcCL.mjs";
-import { T as be } from "./TransactionDetails-DxPDWDXx.mjs";
+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 { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -33,7 +33,7 @@ import { f as Ee, D as Te } from "./DateFormats-Cs-NbEZ7.mjs";
 import { D as Le } from "./Dialog-BqUCsQvo.mjs";
 import { formatISO as Oe } from "date-fns/formatISO";
 import { fromUnixTime as ke } from "date-fns/fromUnixTime";
-import { S as Ne } from "./SearchBox-B2_zLv8-.mjs";
+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";

package/dist/{NotificationSettings-D09Gj22I.mjs → NotificationSettings-LGpq5WOf.mjs}

@@ -19,7 +19,7 @@ import { u as S, r as T, o as A, d as J, g as re, a as X, b as de } from "./hook
 import { b as me } from "./Localization-2MODESHW.mjs";
 import { b as _e, f as he } from "./NumberFormatting-DjTD0t3W.mjs";
 import { D as N } from "./Dialog-BqUCsQvo.mjs";
-import { C as ue } from "./CurrencyInput-niY2izw5.mjs";
+import { C as ue } from "./CurrencyInput-6U2Ln1bK.mjs";
 import { u as fe } from "./useScreenSize-B6JyS_Lj.mjs";
 import { D as q } from "./Drawer-DV4NTsFg.mjs";
 import pe from "@mui/material/Collapse";
@@ -32,7 +32,7 @@ import { u as be } from "./useDimensions-CeDR9V8N.mjs";
 import K from "@mui/material/styles/useTheme";
 import { u as xe } from "./useInsightsEnabled-B4AlxgOP.mjs";
 import { u as Ce } from "./useWidgetLoadTimer-BbV8q0k6.mjs";
-import { L as ve } from "./Loader-BQHnDI_D.mjs";
+import { L as ve } from "./Loader-D3rjKx72.mjs";
 const Te = C(() => {
   const { common: n, settings: t } = S(), { sendEmailVerification: s } = T(), { user: l } = A(), i = K(), [r, a] = f.useState(!1), o = () => {
     a(!1);

package/dist/{OriginalBalanceAction-BaJhCWa3.mjs → OriginalBalanceAction-DPz07HNS.mjs}

@@ -5,7 +5,7 @@ import v from "@mui/material/TextField";
 import { L as y } from "./ListItemAction-DrDDQgt7.mjs";
 import { u as h, l as b } from "./hooks-DWJQ4phS.mjs";
 import { a as T, f as S } from "./NumberFormatting-DjTD0t3W.mjs";
-import { C as f } from "./CurrencyInput-niY2izw5.mjs";
+import { C as f } from "./CurrencyInput-6U2Ln1bK.mjs";
 const F = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const n = { ...e, interest_rate: t };

package/dist/{RecurringSettings-VBALarDy.mjs → RecurringSettings-DOgdSycO.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-DsvxAM0J.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-BtOMmeKb.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/SearchBox-B7km148n.mjs

@@ -0,0 +1,39 @@
+import { jsx as r } from "react/jsx-runtime";
+import { observer as i } from "mobx-react-lite";
+import s from "@mui/material/Box";
+import p from "@mui/material/IconButton";
+import n from "@mui/material/InputAdornment";
+import { TextField as d, Icon as a } from "@mxenabled/mxui";
+const h = ({
+  ariaLabel: c = "Search",
+  cancelAriaLabel: t = "Cancel Search",
+  onChange: o,
+  placeholder: l = "Search",
+  searchValue: e
+}) => /* @__PURE__ */ r(s, { className: "mx-cmn-search-box", px: 24, py: 16, children: /* @__PURE__ */ r(
+  d,
+  {
+    InputProps: {
+      startAdornment: /* @__PURE__ */ r(n, { position: "start", children: /* @__PURE__ */ r(a, { color: "disabled", name: "search", size: 26 }) }),
+      endAdornment: /* @__PURE__ */ r(n, { position: "end", sx: { p: 0 }, children: e ? /* @__PURE__ */ r(
+        p,
+        {
+          "aria-label": t,
+          className: "mx-cat-cancel-search-button",
+          color: "primary",
+          onClick: () => o(""),
+          children: /* @__PURE__ */ r(a, { name: "cancel", size: 24 })
+        }
+      ) : null })
+    },
+    "aria-label": c,
+    name: "search",
+    onChange: (m) => o(m.target.value),
+    placeholder: l,
+    sx: { bgcolor: "background.paper", width: "100%" },
+    value: e
+  }
+) }), g = i(h);
+export {
+  g as S
+};

package/dist/{SpendingLegend-CQ2rxhRM.mjs → SpendingLegend-Ck4J3XvH.mjs}

@@ -7,7 +7,7 @@ import k from "@mui/material/Button";
 import h from "@mui/material/Stack";
 import { useTheme as M } from "@mui/material/styles";
 import { CategoryIcon as A, CategoryIconVariants as G, Text as y, P as O } from "@mxenabled/mxui";
-import { D as $ } from "./Donut-DKY8mL3P.mjs";
+import { D as $ } from "./Donut-DSGXraiS.mjs";
 import { u as j } from "./useAriaLive-MkYebyUR.mjs";
 import { u as R } from "./hooks-DWJQ4phS.mjs";
 import { u as v } from "./useScreenSize-B6JyS_Lj.mjs";