@mx-cartographer/experiences 8.1.0 → 8.1.2

package/dist/{StatusBar-BK_uYHAB.mjs → StatusBar-CPfSXe80.mjs}

@@ -1,9 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import i from "@mui/material/Box";
 import p from "@mui/material/Stack";
-const s = ({ data: c, height: r = 8 }) => {
+const s = ({ data: a, height: r = 8 }) => {
   const o = `${r / 4}px`;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ c(
     p,
     {
       bgcolor: "divider",
@@ -12,7 +12,7 @@ const s = ({ data: c, height: r = 8 }) => {
       gap: 2,
       height: r,
       width: "100%",
-      children: c.map((t, d) => /* @__PURE__ */ a(
+      children: a.map((t, d) => /* @__PURE__ */ c(
         i,
         {
           bgcolor: t.color,
@@ -24,7 +24,7 @@ const s = ({ data: c, height: r = 8 }) => {
       ))
     }
   );
-}, l = s;
+};
 export {
-  l as S
+  s as S
 };

package/dist/{TabContentContainer-j01JYR_7.mjs → TabContentContainer-CnMXkVqr.mjs}

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-const b = ({
+const n = ({
   children: o,
   index: t,
   name: a,
-  value: n,
-  ...r
+  value: r,
+  ...b
 }) => /* @__PURE__ */ e(
   "div",
   {
     "aria-labelledby": `${a}-tab-${t}`,
-    hidden: n !== t,
+    hidden: r !== t,
     id: `${a}-tabpanel-${t}`,
     role: "tabpanel",
-    ...r,
-    children: n === t && o
+    ...b,
+    children: r === t && o
   }
-), i = b;
+);
 export {
-  i as T
+  n as T
 };

package/dist/{TransactionDetails-CN-yZkin.mjs → TransactionDetails-Db8dwHoM.mjs}

@@ -12,14 +12,14 @@ import { endOfMonth as Pe } from "date-fns/endOfMonth";
 import { getUnixTime as Ae } from "date-fns/getUnixTime";
 import { isBefore as ze } from "date-fns/isBefore";
 import { startOfMonth as Ne } from "date-fns/startOfMonth";
-import { l as Ve, C as We, c as Ye, d as je, i as qe } from "./BudgetUtil-CLh4xtj4.mjs";
+import { l as Ve, d as We, C as Ye, c as je, i as qe } from "./BudgetUtil-DalEN9--.mjs";
 import ue from "@mui/material/Button";
 import Qe from "@mui/material/FormGroup";
 import de from "@mui/material/IconButton";
 import Ge from "@mui/material/TextField";
 import { u as fe } from "./useAriaLive-MkYebyUR.mjs";
-import { O as C } from "./exportTransactionsToCSV-Dnd5lVq7.mjs";
-import { u as v, h as M, m as Xe, d as Ze, l as Oe, g as k, b as Je, o as et } from "./hooks-BxkfR-Ff.mjs";
+import { O as C } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
+import { u as v, h as M, m as Xe, d as Ze, l as Oe, g as k, b as Je, o as et } from "./hooks-HwStH7q_.mjs";
 import { A as j } from "./Analytics-0Xm_BjHU.mjs";
 import tt from "@mui/material/ToggleButton";
 import { ChevronRight as Be, Icon as R, Delete as be, Cancel as Ce, Search as at, Edit as rt, Flag as nt } from "@mxenabled/mx-icons";
@@ -30,22 +30,22 @@ import Q from "@mui/material/ListItemAvatar";
 import z from "@mui/material/ListItemText";
 import { f as Le, D as we } from "./DateFormats-CaOj_4eI.mjs";
 import { BarChart as ot } from "@mui/x-charts";
-import { b as it, T as st, u as oe, c as lt, d as ct, E as dt, C as ut } from "./EmbeddedCard-j7IGx3s1.mjs";
+import { b as it, T as st, u as oe, c as lt, d as ct, E as dt, C as ut } from "./EmbeddedCard-BCcn_fK2.mjs";
+import { L as mt } from "./Loader-CxeBwuPG.mjs";
+import { f as W } from "./NumberFormatting-CyrvFgfd.mjs";
+import { b as D } from "./Localization-CkQ49EKr.mjs";
 import X from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemIcon";
-import { a as $e } from "./CategorySelectorDrawer-BG04ByUx.mjs";
-import { D as ne } from "./Dialog-Ck34yr-d.mjs";
-import { b as D } from "./Localization-CkQ49EKr.mjs";
-import { D as me } from "./Drawer-Bbe4AMB1.mjs";
-import { f as W } from "./NumberFormatting-CyrvFgfd.mjs";
-import mt from "@mui/material/styles/useTheme";
+import { b as $e } from "./CategorySelectorDrawer-DjeHNx71.mjs";
+import { D as ne } from "./Dialog-iLlBR8TG.mjs";
+import { D as me } from "./Drawer-XPaLYjiO.mjs";
+import _t from "@mui/material/styles/useTheme";
 import Re from "@mui/material/InputAdornment";
-import _t from "@mui/material/Checkbox";
-import { i as pt } from "./DateUtil-C57sqxn4.mjs";
+import pt from "@mui/material/Checkbox";
+import { j as gt } from "./DateUtil-D0TO0DaZ.mjs";
 import xe from "@mui/material/Grid";
-import { C as gt } from "./CurrencyInput-BkNVHxSV.mjs";
-import ht from "@mui/material/Switch";
-import { L as yt } from "./Loader-D3rjKx72.mjs";
+import { C as ht } from "./CurrencyInput-CSJ3zMgE.mjs";
+import yt from "@mui/material/Switch";
 var ce = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(ce || {}), se = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(se || {});
 const Tt = [
   0,
@@ -91,7 +91,7 @@ const Tt = [
               px: 24
             },
             children: [
-              /* @__PURE__ */ e(ae, { bold: !0, variant: "subtitle1", children: pt(t) }),
+              /* @__PURE__ */ e(ae, { bold: !0, variant: "subtitle1", children: gt(t) }),
               r && /* @__PURE__ */ e(ue, { endIcon: /* @__PURE__ */ e(Be, {}), onClick: r, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: c.spending_history }) })
             ]
           }
@@ -601,7 +601,7 @@ const xt = O(({ transaction: t }) => {
             }
           ),
           /* @__PURE__ */ e(Z, { "aria-hidden": "true", children: /* @__PURE__ */ e(
-            ht,
+            yt,
             {
               checked: i,
               inputProps: { tabIndex: -1 },
@@ -751,7 +751,7 @@ const xt = O(({ transaction: t }) => {
       /* @__PURE__ */ e(xe, { item: !0, xs: 5, children: p ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: W(o.amount, "0,0.00") }) }) : /* @__PURE__ */ u(E, { alignItems: "start", children: [
         /* @__PURE__ */ u(E, { alignItems: "start", direction: "row", gap: 8, children: [
           /* @__PURE__ */ e(
-            gt,
+            ht,
             {
               amount: m,
               ariaLabel: l.split_transaction_edit_split_amount,
@@ -987,7 +987,7 @@ const xt = O(({ transaction: t }) => {
     )
   ] }) });
 }, $t = O(Bt), Kt = () => {
-  const t = mt(), { onEvent: r } = k(), { addTag: s } = M(), { transactions: a } = v(), [o, n] = d.useState(!1), [l, m] = d.useState(""), [c, i] = d.useState(""), _ = d.useRef(null);
+  const t = _t(), { onEvent: r } = k(), { addTag: s } = M(), { transactions: a } = v(), [o, n] = d.useState(!1), [l, m] = d.useState(""), [c, i] = d.useState(""), _ = d.useRef(null);
   d.useEffect(() => {
     o && _?.current?.focus();
   }, [o]);
@@ -1122,7 +1122,7 @@ const xt = O(({ transaction: t }) => {
             role: "checkbox",
             children: [
               /* @__PURE__ */ e(Z, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
-                _t,
+                pt,
                 {
                   "aria-hidden": !0,
                   checked: r.includes(s.guid),
@@ -1549,7 +1549,7 @@ const xt = O(({ transaction: t }) => {
     return y.filter((V) => V.date >= Ae(B) && V.date <= Ae(F) && V.guid === g);
   }, [K, S, y, w]);
   if (!n)
-    return /* @__PURE__ */ e(yt, {});
+    return /* @__PURE__ */ e(mt, {});
   const re = qe(l, "MX_TXN_DETAILS_VIEW_ONLY"), N = J.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ u(Y, { className: "mx-txn-transaction-details", width: "100%", children: [
     a && /* @__PURE__ */ u(E, { children: [

package/dist/{TransactionStore-6ovFO8P1.mjs → TransactionStore-BUsP-unK.mjs}

@@ -1,28 +1,28 @@
 import { jsx as I } from "react/jsx-runtime";
-import M from "@mui/material/Box";
-import H from "@mui/material/FormControlLabel";
-import P from "@mui/material/Radio";
+import x from "@mui/material/Box";
+import P from "@mui/material/FormControlLabel";
+import H from "@mui/material/Radio";
 import B from "@mui/material/styles/useTheme";
-import U from "@mui/material/Tooltip";
+import K from "@mui/material/Tooltip";
 import { makeAutoObservable as f } from "mobx";
 import { endOfToday as h } from "date-fns/endOfToday";
-import { formatISO as K } from "date-fns/formatISO";
+import { formatISO as U } from "date-fns/formatISO";
 import { getUnixTime as E } from "date-fns/getUnixTime";
 import { isBefore as V } from "date-fns/isBefore";
-import { startOfMonth as u } from "date-fns/startOfMonth";
+import { startOfMonth as L } from "date-fns/startOfMonth";
 import { startOfToday as m } from "date-fns/startOfToday";
 import { subDays as v } from "date-fns/subDays";
 import { B as D } from "./BeatApi-C6pBa0Rb.mjs";
-import { O as n, f as Y } from "./exportTransactionsToCSV-Dnd5lVq7.mjs";
+import { O as n, f as Y } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
 import { T as R } from "./TransactionApi-CLG2eSNe.mjs";
-import { b as F } from "./Category-CevNQ03n.mjs";
 import { a as y, T as b } from "./Transaction-Cn5_iFm0.mjs";
+import { b as F } from "./Category-Ccoew_sA.mjs";
 import { format as W } from "date-fns/format";
 import { fromUnixTime as $ } from "date-fns/fromUnixTime";
 import { f as C, D as O, O as k } from "./DateFormats-CaOj_4eI.mjs";
 import { f as z } from "./NumberFormatting-CyrvFgfd.mjs";
 import { endOfMonth as X } from "date-fns/endOfMonth";
-const j = ({
+const ft = ({
   checked: l = !1,
   label: t,
   sx: a = {},
@@ -31,7 +31,7 @@ const j = ({
 }) => {
   const d = B(), e = d.palette.mode === "light" ? d.palette.grey[400] : d.palette.grey[700], c = l ? d.palette.action.active : e;
   return /* @__PURE__ */ I(
-    M,
+    x,
     {
       bgcolor: "background.paper",
       border: `${l ? 3 : 1}px solid`,
@@ -42,11 +42,11 @@ const j = ({
       pr: 8,
       py: 4,
       sx: { "&:hover": { borderColor: d.palette.action.active }, ...a },
-      children: /* @__PURE__ */ I(U, { title: s, children: /* @__PURE__ */ I(
-        H,
+      children: /* @__PURE__ */ I(K, { title: s, children: /* @__PURE__ */ I(
+        P,
         {
           control: /* @__PURE__ */ I(
-            P,
+            H,
             {
               disableRipple: !0,
               sx: { "&.Mui-checked": { color: d.palette.action.active } }
@@ -60,31 +60,19 @@ const j = ({
       ) })
     }
   );
-}, mt = j, G = {
+}, G = {
   ASC: "ASC",
-  DESC: "DESC",
-  DIRECTION: {
-    ASC: "ascending",
-    DESC: "descending"
-  },
-  ALIGN: {
-    center: "center",
-    left: "flex-start",
-    right: "flex-end"
-  }
+  DESC: "DESC"
 }, o = {
   ADD: "Add",
   ADD_CATEGORY: "Add Category",
   CHANGE_CATEGORY: "Change Category",
-  CHANGE_DATE: "Change Date",
   CLOSE: "Close",
   DELETE: "Delete",
   EDIT: "Edit",
-  HIDE: "Hide",
   SAVE: "Save",
   SPLIT: "Split",
   SELECT: "Select",
-  UNHIDE: "Unhide",
   UNSPLIT: "Unsplit"
 }, T = {
   TRANSACTION_DETAILS: "Transaction Details",
@@ -107,7 +95,6 @@ const j = ({
   TAG_DELETE: "Delete Tag",
   TAG_EDIT: "Edit Tag",
   TRANSACTION: "Transaction",
-  TRANSACTIONS_LIST: "Transactions List",
   UNHIDE_TRANSACTION: "Unhide Transaction"
 }, p = {
   // splits
@@ -323,14 +310,10 @@ const j = ({
     category: T.TRANSACTIONS_WIDGET,
     label: r.DELETE_TRANSACTION
   }
-}, Z = async (l, t) => !t || !p[l] ? null : t.sendAnalyticEvent(p[l]), L = {
-  FLAG: "flag",
+}, j = async (l, t) => !t || !p[l] ? null : t.sendAnalyticEvent(p[l]), u = {
   DATE: "date",
-  PAYEE: "payee",
-  CATEGORY: "category",
-  ACCOUNT: "account",
   AMOUNT: "amount"
-}, q = (l, t, a, s = []) => {
+}, Z = (l, t, a, s = []) => {
   const A = t.reduce((c, i) => ({ ...c, [i.guid]: i }), {}), d = a.reduce((c, i) => ({ ...c, [i.guid]: i }), {}), e = s.reduce((c, i) => {
     const { transaction_guid: S, tag_guid: N } = i;
     if (!c[S])
@@ -359,38 +342,38 @@ const j = ({
       tags: N
     };
   });
-}, J = "uncategorized", Q = (l, t, a, s, A, d) => {
-  const e = tt(l, A, d), c = at(e, a, s);
+}, q = "uncategorized", J = (l, t, a, s, A, d) => {
+  const e = Q(l, A, d), c = tt(e, a, s);
   return t.forEach((i) => {
     const S = c.findIndex((g) => g.guid === i), N = d.filter((g) => g.parent_guid === i);
     c.splice(S + 1, 0, ...N);
   }), c;
-}, tt = (l, t, a) => {
+}, Q = (l, t, a) => {
   const {
     accounts: s = [],
-    dateRange: A = { start: u(m()), end: h() },
+    dateRange: A = { start: L(m()), end: h() },
     custom: d = () => !0,
     searchTerm: e = "",
     showSplits: c = !1
   } = l;
   return a.filter((i) => c ? !i.has_been_split : !i.parent_guid).filter((i) => !!s.find((S) => S === i.account_guid)).filter((i) => i.date >= E(A.start) && i.date <= E(A.end)).filter(d).filter((i) => {
-    if (e === J && i.has_been_split)
+    if (e === q && i.has_been_split)
       return !1;
     if (/^spl/i.test(e) && (i.has_been_split || i.parent_guid))
       return !0;
     const N = i.tags.some(
-      (w) => _(e, t.find((x) => x.guid === w)?.name)
+      (w) => _(e, t.find((M) => M.guid === w)?.name)
     ), g = $(i.date);
     return _(e, i.payee) || _(e, i.feed_description) || _(e, i.category) || _(e, C(g, O.MONTH)) || _(e, C(g, O.DAY)) || _(e, C(g, O.FULL_MONTH_DAY)) || _(e, C(g, O.MONTH_DAY_YEAR)) || _(e, W(g, k)) || _(e, i.account) || _(e, z(i.amount, "0,0.00")) || _(e, i.memo) || N;
   });
-}, at = (l, t, a) => [...l].sort((s, A) => {
+}, tt = (l, t, a) => [...l].sort((s, A) => {
   const d = t, e = (s[d] || "") > (A[d] || "");
   let c = e ? -1 : 1, i = e ? 1 : -1;
-  return (t === L.DATE || t === L.AMOUNT) && (c = e ? 1 : -1, i = e ? -1 : 1), a === G.ASC ? c : i;
+  return (t === u.DATE || t === u.AMOUNT) && (c = e ? 1 : -1, i = e ? -1 : 1), a === G.ASC ? c : i;
 }), _ = (l, t) => {
   const a = l.toLowerCase().split(" "), s = t?.toString().toLowerCase() ?? "";
   return a.every((A) => s.indexOf(A) > -1);
-}, et = {
+}, at = {
   account_guid: "",
   amount: 0,
   currency_code: "",
@@ -419,8 +402,8 @@ const j = ({
   memo: void 0,
   tags: []
 };
-class st {
-  beginDate = u(/* @__PURE__ */ new Date());
+class et {
+  beginDate = L(/* @__PURE__ */ new Date());
   endDate = X(/* @__PURE__ */ new Date());
   expandedSplits = [];
   height = 550;
@@ -428,7 +411,7 @@ class st {
   shouldDisableDrawerScroll = !1;
   searchValue = "";
   selectedAccountGuids = [];
-  manualTransaction = et;
+  manualTransaction = at;
   isAmountValid = !1;
   showInsights = !1;
   constructor() {
@@ -458,7 +441,7 @@ class st {
     this.manualTransaction = t;
   };
 }
-class yt {
+class mt {
   globalStore;
   uiStore;
   api = new R("/", "");
@@ -481,11 +464,11 @@ class yt {
   cachedStartDate = v(m(), 90);
   filter = {};
   isLoading = !0;
-  sortColumn = L.DATE;
+  sortColumn = u.DATE;
   sortDirection = G.DESC;
-  onAnalyticEvent = Z;
+  onAnalyticEvent = j;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new st(), this.api = new R(
+    this.globalStore = t, this.uiStore = new et(), this.api = new R(
       t.endpoint,
       t.sessionToken,
       t.onError
@@ -493,7 +476,7 @@ class yt {
   }
   loadTransactionData = async () => {
     this.globalStore.accountStore.isAccountDataLoaded || await this.globalStore.accountStore.loadAccountData(), this.globalStore.categoryStore.categoriesLoaded || await this.globalStore.categoryStore.loadCategories(), await Promise.all([
-      this.loadAssociatedBeats(u(/* @__PURE__ */ new Date())),
+      this.loadAssociatedBeats(L(/* @__PURE__ */ new Date())),
       this.loadTags(),
       this.loadTaggings(),
       this.loadTransactionRules(),
@@ -505,7 +488,7 @@ class yt {
     return this.associatedBeatsLoaded && this.tagsLoaded && this.taggingsLoaded && this.transactionRulesLoaded && this.transactionsLoaded;
   }
   get detailedTransactions() {
-    return this.isTransactionDataLoaded ? q(
+    return this.isTransactionDataLoaded ? Z(
       this.transactions,
       this.globalStore.accountStore.visibleAccounts,
       this.globalStore.categoryStore.categories,
@@ -513,7 +496,7 @@ class yt {
     ) : [];
   }
   get sortedTransactions() {
-    return Q(
+    return J(
       this.filter,
       this.uiStore.expandedSplits,
       this.sortColumn,
@@ -574,7 +557,7 @@ class yt {
   loadAssociatedBeats = async (t) => {
     if (this.associatedBeatsLoading) return;
     this.associatedBeatsLoading = !0;
-    const a = t ? K(t, { representation: "date" }) : void 0;
+    const a = t ? U(t, { representation: "date" }) : void 0;
     try {
       const s = await this.beatApi.getBeatsWithAssociatedTransaction(a);
       this.setAssociatedBeats(s);
@@ -717,7 +700,7 @@ class yt {
   };
 }
 export {
-  et as D,
-  mt as S,
-  yt as T
+  at as D,
+  ft as S,
+  mt as T
 };

package/dist/{TrendsStore-DZa6cyQC.mjs → TrendsStore-bYjIGqyR.mjs}

@@ -11,7 +11,7 @@ import { addSeconds as N } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as v } from "date-fns/differenceInCalendarMonths";
 import { endOfMonth as D } from "date-fns/endOfMonth";
 import { subMonths as w } from "date-fns/subMonths";
-import { b as I, C as _, c as O } from "./Category-CevNQ03n.mjs";
+import { b as I, a as _, c as O } from "./Category-Ccoew_sA.mjs";
 import { f as C, D as L } from "./DateFormats-CaOj_4eI.mjs";
 const rt = ({
   onClick: e,