@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms2

package/dist/{RecurringTransactions-CxcSL1dY.mjs → RecurringTransactions-Bhx56aA3.mjs}

@@ -1,62 +1,62 @@
-import { jsx as d, jsxs as M, Fragment as B } from "react/jsx-runtime";
+import { jsxs as M, Fragment as B, jsx as d } from "react/jsx-runtime";
 import P from "@mui/material/Avatar";
 import w from "@mui/material/ListItem";
 import L from "@mui/material/ListItemAvatar";
 import U from "@mui/material/ListItemButton";
 import G from "@mui/material/ListItemText";
-import { Icon as I } from "@mxenabled/mxui";
-import S from "@mui/material/ListItemIcon";
-import C from "@mui/material/MenuItem";
-import $ from "@mui/material/TextField";
-import { ExpandMore as j } from "@mxenabled/mx-icons";
+import { Icon as I, IconWeight as S } from "@mxenabled/mxui";
+import C from "@mui/material/ListItemIcon";
+import $ from "@mui/material/MenuItem";
+import j from "@mui/material/TextField";
+import { ExpandMore as z } from "@mxenabled/mx-icons";
 import { addDays as Q } from "date-fns/addDays";
 import { addMonths as f } from "date-fns/addMonths";
 import { addQuarters as A } from "date-fns/addQuarters";
-import { addYears as z } from "date-fns/addYears";
-import { formatISO as K } from "date-fns/formatISO";
-import { fromUnixTime as H } from "date-fns/fromUnixTime";
+import { addYears as K } from "date-fns/addYears";
+import { formatISO as H } from "date-fns/formatISO";
+import { fromUnixTime as V } from "date-fns/fromUnixTime";
 import { getUnixTime as y } from "date-fns/getUnixTime";
 import { isAfter as h } from "date-fns/isAfter";
 import { isBefore as u } from "date-fns/isBefore";
-import { isSameDay as V } from "date-fns/isSameDay";
+import { isSameDay as X } from "date-fns/isSameDay";
 import { nextDay as E } from "date-fns/nextDay";
 import { parseISO as J } from "date-fns/parseISO";
 import { setDate as g } from "date-fns/setDate";
 import { startOfToday as b } from "date-fns/startOfToday";
-import { subDays as _ } from "date-fns/subDays";
-import { subMonths as X } from "date-fns/subMonths";
+import { subDays as D } from "date-fns/subDays";
+import { subMonths as Z } from "date-fns/subMonths";
 import { subQuarters as N } from "date-fns/subQuarters";
-import { subYears as Z } from "date-fns/subYears";
-import { lastDayOfMonth as T } from "date-fns/lastDayOfMonth";
-import { setDayOfYear as q } from "date-fns/setDayOfYear";
-import { g as F, a as R, b as ee, c as te, d as re, e as oe, f as ae } from "./DateUtil-CDPZw_-m.mjs";
+import { subYears as T } from "date-fns/subYears";
+import { lastDayOfMonth as q } from "date-fns/lastDayOfMonth";
+import { setDayOfYear as F } from "date-fns/setDayOfYear";
+import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-CDPZw_-m.mjs";
 import { b as W } from "./NumberFormatting-DjTD0t3W.mjs";
 import { f as v, a as k } from "./Dialog-CDV0kKxj.mjs";
 import { b as l } from "./Localization-2MODESHW.mjs";
 var s = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e[e.TwiceAMonth = 8] = "TwiceAMonth", e))(s || {}), p = /* @__PURE__ */ ((e) => (e[e.Paid = 0] = "Paid", e[e.Missed = 1] = "Missed", e[e.Upcoming = 2] = "Upcoming", e))(p || {}), O = /* @__PURE__ */ ((e) => (e[e.Expense = 0] = "Expense", e[e.Income = 1] = "Income", e))(O || {}), Y = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Subscription = 1] = "Subscription", e[e.Bill = 2] = "Bill", e[e.Income = 3] = "Income", e[e.Transfer = 4] = "Transfer", e))(Y || {});
-const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
+const qe = ({ iconName: e, label: a, onClick: t, value: n }) => {
   const o = /* @__PURE__ */ M(B, { children: [
-    /* @__PURE__ */ d(L, { children: /* @__PURE__ */ d(P, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: /* @__PURE__ */ d(I, { name: e, sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ d(L, { children: /* @__PURE__ */ d(P, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ d(I, { name: e, sx: { color: "text.primary" }, weight: S.Dark }) }) }),
     /* @__PURE__ */ d(
       G,
       {
         primary: a,
-        primaryTypographyProps: { variant: "caption" },
+        primaryTypographyProps: { variant: "XSmall" },
         secondary: n,
-        secondaryTypographyProps: { color: "text.default", variant: "body1", fontWeight: 600 }
+        secondaryTypographyProps: { color: "text.default", variant: "Body", fontWeight: 600 }
       }
     )
   ] });
   return t ? /* @__PURE__ */ d(w, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ M(U, { onClick: t, children: [
     o,
-    /* @__PURE__ */ d(S, { children: /* @__PURE__ */ d(I, { name: "chevron_right", size: 24 }) })
+    /* @__PURE__ */ d(C, { children: /* @__PURE__ */ d(I, { name: "chevron_right", size: 24 }) })
   ] }) }) : /* @__PURE__ */ d(w, { disableGutters: !1, disablePadding: !1, children: o });
-}, qe = ({ label: e, onChange: a, options: t, value: n, ...o }) => /* @__PURE__ */ d(
-  $,
+}, Fe = ({ label: e, onChange: a, options: t, value: n, ...o }) => /* @__PURE__ */ d(
+  j,
   {
     InputLabelProps: { shrink: !0 },
     SelectProps: {
-      IconComponent: (c) => /* @__PURE__ */ d(j, { size: 20, sx: { mr: 4 }, ...c })
+      IconComponent: (c) => /* @__PURE__ */ d(z, { size: 20, sx: { mr: 4 }, ...c })
     },
     defaultValue: 0,
     label: e,
@@ -67,13 +67,13 @@ const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
     value: n,
     variant: "outlined",
     ...o,
-    children: t.map((c) => /* @__PURE__ */ d(C, { value: c.id, children: c.label }, c.id))
+    children: t.map((c) => /* @__PURE__ */ d($, { value: c.id, children: c.label }, c.id))
   }
-), ne = (e) => {
+), se = (e) => {
   if (!e) return "";
   let a = e.user_name || e.feed_name || "";
   return e.account_number && (a = `${a} *${e.account_number}`), a;
-}, se = (e, a) => {
+}, ce = (e, a) => {
   const t = [], n = e.transactions.find(
     (m) => m.repeating_transaction_guid === e.guid
   );
@@ -85,7 +85,7 @@ const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
     expectedDate: o,
     frequency: e.recurrence_type,
     institutionGuid: e.account?.institution_guid || "",
-    institutionName: ne(e.account),
+    institutionName: se(e.account),
     merchantGuid: e.merchant_guid,
     name: e.description,
     recurrenceDay: e.recurrence_day,
@@ -97,102 +97,102 @@ const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
   }, c = a.start, i = a.end;
   switch (e.recurrence_type) {
     case s.EveryWeek:
-      t.push(...ce(r, c, i));
+      t.push(...ie(r, c, i));
       break;
     case s.EveryOtherWeek:
-      t.push(...ie(r, c, i));
+      t.push(...ue(r, c, i));
       break;
     case s.TwiceAMonth:
-      t.push(...ue(r, c, i));
+      t.push(...de(r, c, i));
       break;
     case s.EveryMonth:
-      t.push(...de(r, c, i));
+      t.push(...me(r, c, i));
       break;
     case s.EveryOtherMonth:
-      t.push(...me(r, c, i));
+      t.push(...le(r, c, i));
       break;
     case s.EveryQuarter:
-      t.push(...le(r, c, i));
+      t.push(...he(r, c, i));
       break;
     case s.EveryOtherQuarter:
-      t.push(...he(r, c, i));
+      t.push(...fe(r, c, i));
       break;
     case s.EveryYear:
-      t.push(...fe(r, c, i));
+      t.push(...pe(r, c, i));
       break;
   }
   for (const m of t) {
-    const D = e.transactions.find(
-      (x) => x.repeating_transaction_guid === e.guid && x.date > y(_(m.expectedDate, 5)) && x.date < y(Q(m.expectedDate, 5))
+    const _ = e.transactions.find(
+      (x) => x.repeating_transaction_guid === e.guid && x.date > y(D(m.expectedDate, 5)) && x.date < y(Q(m.expectedDate, 5))
     );
-    D ? (m.transaction = D, m.status = p.Paid, m.occurredOnDate = H(D.date)) : u(m.expectedDate, _(b(), 3)) && (m.status = p.Missed);
+    _ ? (m.transaction = _, m.status = p.Paid, m.occurredOnDate = V(_.date)) : u(m.expectedDate, D(b(), 3)) && (m.status = p.Missed);
   }
   return t;
-}, ce = (e, a, t) => {
+}, ie = (e, a, t) => {
   const n = [];
   let o = E(a, e.recurrenceDay);
   for (; u(o, t); )
     n.push({ ...e, expectedDate: o }), o = E(o, e.recurrenceDay);
   return n;
-}, ie = (e, a, t) => {
+}, ue = (e, a, t) => {
   const n = [], o = e.expectedDate;
   if (u(o, t)) {
-    let r = _(o, 14);
-    for (; h(r, a) || V(r, a); )
-      n.push({ ...e, expectedDate: r }), r = _(r, 14);
+    let r = D(o, 14);
+    for (; h(r, a) || X(r, a); )
+      n.push({ ...e, expectedDate: r }), r = D(r, 14);
     for (r = o; h(r, a) && u(r, t); )
       n.push({ ...e, expectedDate: r }), r = Q(r, 14);
   }
   return n;
-}, ue = (e, a, t) => {
+}, de = (e, a, t) => {
   const n = [];
   let o = g(a, e.recurrenceDay);
   for (; u(o, t); )
     n.push({ ...e, expectedDate: o }), o = f(o, 1);
-  let r = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? g(a, e.secondRecurrenceDay) : T(a);
+  let r = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? g(a, e.secondRecurrenceDay) : q(a);
   for (; u(r, t); )
     n.push({ ...e, expectedDate: r }), r = f(r, 1);
   return n;
-}, de = (e, a, t) => {
+}, me = (e, a, t) => {
   const n = [];
   let o = g(a, e.recurrenceDay);
   for (n.push({ ...e, expectedDate: o }), o = f(o, 1); u(o, t); )
     n.push({ ...e, expectedDate: o }), o = f(o, 1);
   return n;
-}, me = (e, a, t) => {
+}, le = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  let r = u(o, t) ? o : X(o, 2);
+  let r = u(o, t) ? o : Z(o, 2);
   for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = f(r, 2);
   return n;
-}, le = (e, a, t) => {
+}, he = (e, a, t) => {
   const n = [], o = e.expectedDate;
   let r = u(o, t) ? o : N(o, 1);
   for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = A(r, 1);
   return n;
-}, he = (e, a, t) => {
+}, fe = (e, a, t) => {
   const n = [], o = e.expectedDate;
   let r = u(o, t) ? o : N(o, 2);
   for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = A(r, 2);
   return n;
-}, fe = (e, a, t) => {
+}, pe = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  let r = u(o, t) ? o : Z(o, 1);
+  let r = u(o, t) ? o : T(o, 1);
   for (; u(r, t); )
-    h(r, a) && n.push({ ...e, expectedDate: r }), r = z(r, 1);
+    h(r, a) && n.push({ ...e, expectedDate: r }), r = K(r, 1);
   return n;
-}, Fe = (e, a) => {
+}, Re = (e, a) => {
   const t = [];
   for (const n of e) {
-    const o = se(n, a);
+    const o = ce(n, a);
     t.push(...o);
   }
   return t.sort(
     (n, o) => y(n.occurredOnDate || n.expectedDate) - y(o.occurredOnDate || o.expectedDate)
   );
-}, Re = (e, a, t) => {
+}, et = (e, a, t) => {
   const n = [];
   for (const o of a) {
     const r = t.filter(
@@ -205,8 +205,8 @@ const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
     });
   }
   return n;
-}, et = (e) => e.reduce((a, t) => {
-  const n = K(t.expectedDate, { representation: "date" }), o = a.find(
+}, tt = (e) => e.reduce((a, t) => {
+  const n = H(t.expectedDate, { representation: "date" }), o = a.find(
     (r) => r.date.toString() === t.expectedDate.toString()
   );
   return o ? o.recurrences.push(t) : a.push({
@@ -214,8 +214,8 @@ const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
     id: `date-${n}`,
     recurrences: [t]
   }), a;
-}, []), tt = (e, a, t) => {
-  const n = E(b(), a.recurrence_day), o = q(b(), a.recurrence_day), r = W(a.recurrence_day), c = a.second_recurrence_day ? W(a.second_recurrence_day) : "";
+}, []), rt = (e, a, t) => {
+  const n = E(b(), a.recurrence_day), o = F(b(), a.recurrence_day), r = W(a.recurrence_day), c = a.second_recurrence_day ? W(a.second_recurrence_day) : "";
   let i = t ? l(e.monthly_ordinal, r) : e.monthly;
   switch (a.recurrence_type) {
     case s.EveryQuarter:
@@ -250,43 +250,43 @@ const Te = ({ iconName: e, label: a, onClick: t, value: n }) => {
       break;
   }
   return i;
-}, rt = (e, a) => {
+}, ot = (e, a) => {
   let t = a;
   switch (e) {
     case s.EveryWeek:
-      t = ae(a);
+      t = ne(a);
       break;
     case s.EveryOtherWeek:
-      t = oe(a);
+      t = ae(a);
       break;
     case s.EveryMonth:
-      t = re(a);
+      t = oe(a);
       break;
     case s.EveryOtherMonth:
-      t = te(a);
+      t = re(a);
       break;
     case s.EveryQuarter:
-      t = ee(a);
+      t = te(a);
       break;
     case s.EveryOtherQuarter:
-      t = R(a);
+      t = ee(a);
       break;
     case s.EveryYear:
-      t = F(a);
+      t = R(a);
       break;
   }
   return t;
 };
 export {
-  Te as D,
+  qe as D,
   s as F,
   Y as R,
-  qe as S,
-  Re as a,
-  Fe as b,
+  Fe as S,
+  et as a,
+  Re as b,
   p as c,
   O as d,
-  rt as e,
-  et as f,
-  tt as g
+  ot as e,
+  tt as f,
+  rt as g
 };

package/dist/{RecurringTransactionsStore-CNFxyGB6.mjs → RecurringTransactionsStore-D3EOKZ2B.mjs}

@@ -8,7 +8,7 @@ import { startOfMonth as y } from "date-fns/startOfMonth";
 import { startOfToday as i } from "date-fns/startOfToday";
 import { subDays as I } from "date-fns/subDays";
 import { F as x, A as o } from "./Fetch-DecPFeGU.mjs";
-import { a as u, b as A, c as r, d } from "./RecurringTransactions-CxcSL1dY.mjs";
+import { a as u, b as A, c as r, d } from "./RecurringTransactions-Bhx56aA3.mjs";
 var E = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(E || {});
 const G = 44;
 class h {

package/dist/{ResponsiveButton-Cn6-R7ue.mjs → ResponsiveButton-C6KH8JH4.mjs}

@@ -3,7 +3,7 @@ import p from "react";
 import d from "@mui/material/Button";
 import a from "@mui/material/IconButton";
 import c from "@mui/material/Tooltip";
-import { useTheme as f } from "@mui/material/styles";
+import f from "@mui/material/styles/useTheme";
 const B = ({
   icon: e,
   label: i,

package/dist/SearchBox-B2_zLv8-.mjs

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

package/dist/{SingleSegmentDonut-7Uy6VEld.mjs → SingleSegmentDonut-PsRQPkmV.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "@mui/material/Box";
-import { useTheme as D } from "@mui/material/styles";
+import D from "@mui/material/styles/useTheme";
 const p = 48, d = 4, y = ({
   color: m = "",
   percent: r = 0,

package/dist/{SpendingLegend-6FqtMcBV.mjs → SpendingLegend-CZzDb-7d.mjs}

@@ -8,12 +8,12 @@ import f from "@mui/material/Stack";
 import { useTheme as k } from "@mui/material/styles";
 import { CategoryIcon as M, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
 import { D as G } from "./Donut-Dmy3JTWd.mjs";
-import { u as O } from "./TransactionDetails-Bn0qY5Hw.mjs";
+import { u as O } from "./TransactionDetails-Duv1X9ec.mjs";
 import { u as $ } from "./hooks-C41HAxM5.mjs";
-import { u as j } from "./useScreenSize-B5afALev.mjs";
+import { u as j } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as x } from "./NumberFormatting-DjTD0t3W.mjs";
 import R from "@mui/material/Box";
-const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
+const D = 5, B = (i, l, g, d) => d.reduce((o, n) => {
   const r = i.find((s) => s.guid === n.category_guid);
   if (!r) return o;
   const t = r.parent_guid ?? r.guid, a = i.find((s) => s.guid === t);
@@ -32,7 +32,7 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
     amount: n.total
   }), o;
 }, []), ot = (i, l, g, d) => {
-  const o = V(i, l, g, d), n = o.filter(
+  const o = B(i, l, g, d), n = o.filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER
   ).sort((e, s) => s.amount - e.amount), r = n.reduce(
     (e, s) => e + s.amount,
@@ -89,7 +89,7 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
     donutData: r,
     totalAmount: n
   };
-}, B = ({
+}, H = ({
   data: i,
   isIncome: l = !1,
   onSelected: g,
@@ -137,7 +137,7 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
               {
                 color: "secondary",
                 noWrap: !0,
-                variant: t === "mini" ? "tiny" : "body1",
+                variant: t === "mini" ? "Tiny" : "Body",
                 children: u ? u.name : r
               }
             )
@@ -145,8 +145,8 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
         }
       ),
       !u && t === "full" && /* @__PURE__ */ c(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: r }),
-      /* @__PURE__ */ c(h, { variant: t === "mini" ? "h2" : "h1", children: u ? x(u.amount, "0,0") : x(i.totalAmount, "0,0") }),
-      !u && t === "mini" && /* @__PURE__ */ c(h, { color: "secondary", noWrap: !0, variant: "tiny", children: r }),
+      /* @__PURE__ */ c(h, { variant: t === "mini" ? "H2" : "H1", children: u ? x(u.amount, "0,0") : x(i.totalAmount, "0,0") }),
+      !u && t === "mini" && /* @__PURE__ */ c(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: r }),
       t === "full" && /* @__PURE__ */ c(
         N,
         {
@@ -160,7 +160,7 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
       )
     ] }) }) })
   ] });
-}, et = w(B), at = ({ data: i, onSelected: l, selectedId: g }) => {
+}, et = w(H), at = ({ data: i, onSelected: l, selectedId: g }) => {
   const d = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l(n));
   };
@@ -179,7 +179,7 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
       tabIndex: 0,
       children: [
         /* @__PURE__ */ c(R, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),
-        /* @__PURE__ */ c(h, { bold: o.guid === g, variant: "caption", children: o.name })
+        /* @__PURE__ */ c(h, { bold: o.guid === g, variant: "XSmall", children: o.name })
       ]
     },
     o.guid