@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.mega4

package/dist/{common/components/donuts/SingleSegmentDonut/index.es.js → SingleSegmentDonut-BgbLgwHi.mjs}

@@ -1,18 +1,17 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import c from "@mui/material/Box";
-import p from "@mui/material/styles/useTheme";
-import { DEFAULT_DONUT_SIZE as u, DEFAULT_STROKE_WIDTH as D } from "../../../constants/Donut/index.es.js";
-const d = ({
-  color: i = "",
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import l from "@mui/material/Box";
+import D from "@mui/material/styles/useTheme";
+const p = 48, u = 4, S = ({
+  color: m = "",
   percent: r = 0,
-  size: t = u,
-  strokeWidth: o = D,
-  children: a,
-  backgroundStrokeColor: l
+  size: t = p,
+  strokeWidth: s = u,
+  children: i,
+  backgroundStrokeColor: c
 }) => {
-  const f = p(), n = (t - o) / 2, h = -90, g = r > 100 ? 100 : r, x = 2 * Math.PI * n * (1 - g / 100), e = t / 2;
-  return /* @__PURE__ */ m(
-    c,
+  const h = D(), n = (t - s) / 2, f = -90, g = r > 100 ? 100 : r, x = 2 * Math.PI * n * (1 - g / 100), e = t / 2;
+  return /* @__PURE__ */ a(
+    l,
     {
       className: "mx-cmn-single-segment-donut",
       height: t,
@@ -20,35 +19,35 @@ const d = ({
       position: "relative",
       width: t,
       children: [
-        /* @__PURE__ */ m("svg", { height: t, width: t, children: [
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ a("svg", { height: t, width: t, children: [
+          /* @__PURE__ */ o(
             "circle",
             {
               cx: e,
               cy: e,
               fill: "none",
               r: n,
-              stroke: l || f.palette.grey[300],
-              strokeWidth: o
+              stroke: c || h.palette.grey[300],
+              strokeWidth: s
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "circle",
             {
               cx: e,
               cy: e,
               fill: "none",
               r: n,
-              stroke: i,
+              stroke: m,
               strokeDasharray: 2 * Math.PI * n,
               strokeDashoffset: x,
-              strokeWidth: o,
-              transform: `rotate(${h}, ${e}, ${e})`
+              strokeWidth: s,
+              transform: `rotate(${f}, ${e}, ${e})`
             }
           )
         ] }),
-        /* @__PURE__ */ s(
-          c,
+        /* @__PURE__ */ o(
+          l,
           {
             className: "mx-cmn-single-segment-donut-children",
             left: "50%",
@@ -56,13 +55,15 @@ const d = ({
             sx: { transform: "translate(-50%, -50%)" },
             textAlign: "center",
             top: "50%",
-            children: a
+            children: i
           }
         )
       ]
     }
   );
-}, I = d;
+}, E = S;
 export {
-  I as default
+  p as D,
+  E as S,
+  u as a
 };

package/dist/SpendingData-ByFCw95X.mjs

@@ -0,0 +1,53 @@
+import { addMonths as u } from "date-fns/addMonths";
+import { isBefore as d } from "date-fns/isBefore";
+import { startOfMonth as _ } from "date-fns/startOfMonth";
+import { subMonths as m } from "date-fns/subMonths";
+import { endOfMonth as h } from "date-fns/endOfMonth";
+import { c as n, P as g } from "./Category-5S6uwuXz.mjs";
+import { f as y, D as f } from "./Dialog-CWW597AF.mjs";
+const i = (t) => t.top_level_category_guid === n.INCOME || t.category_guid === n.INCOME, v = (t) => !i(t) && !T(t), p = (t) => g.includes(t.top_level_category_guid) || g.includes(t.category_guid), T = (t) => t.top_level_category_guid === n.TRANSFER || t.category_guid === n.TRANSFER, M = (t) => !i(t) && !p(t) && !T(t), w = (t) => t.filter((o) => o.category_guid === o.top_level_category_guid), F = (t, o) => {
+  if (o === 0) return 0;
+  const a = (t - o) / o;
+  return isNaN(a) ? 0 : a;
+}, l = (t, o) => {
+  const a = [];
+  let e = _(o?.start ?? m(/* @__PURE__ */ new Date(), 5));
+  const s = o?.end ?? /* @__PURE__ */ new Date();
+  for (; d(e, s); )
+    a.push({
+      x: y(e, f.MONTH_SHORT),
+      y: t.filter((r) => r.year === e.getFullYear() && r.month === e.getMonth() + 1).reduce((r, c) => r + c.total, 0)
+    }), e = u(e, 1);
+  return a;
+}, I = (t, o) => {
+  const a = t.filter(i);
+  return l(a, o).map((e) => ({ ...e, y: Math.abs(e.y) }));
+}, A = (t, o) => {
+  const a = t.filter(p);
+  return l(a, o).map((e) => ({ ...e, y: Math.abs(e.y) }));
+}, b = (t, o) => {
+  const a = t.filter(M);
+  return l(a, o);
+}, x = (t) => {
+  const o = [], a = t.filter(
+    (r) => r.top_level_category_guid !== n.INCOME && r.top_level_category_guid !== n.TRANSFER && r.total > 0
+  );
+  let e = _(m(/* @__PURE__ */ new Date(), 5));
+  const s = h(/* @__PURE__ */ new Date());
+  for (; d(e, s); )
+    o.push({
+      x: y(e, f.MONTH_SHORT),
+      y: a.filter((r) => r.year === e.getFullYear() && r.month === e.getMonth() + 1).reduce((r, c) => r + c.total, 0)
+    }), e = u(e, 1);
+  return o;
+};
+export {
+  A as a,
+  b,
+  w as c,
+  i as d,
+  x as e,
+  F as f,
+  I as g,
+  v as i
+};

package/dist/{common/components/charts/StatusBar/index.es.js → StatusBar-BK_uYHAB.mjs}

@@ -26,5 +26,5 @@ const s = ({ data: c, height: r = 8 }) => {
   );
 }, l = s;
 export {
-  l as default
+  l as S
 };

package/dist/{common/components/TabContentContainer/index.es.js → TabContentContainer-j01JYR_7.mjs}

@@ -17,5 +17,5 @@ const b = ({
   }
 ), i = b;
 export {
-  i as default
+  i as T
 };

package/dist/Transaction-C-5-Iuab.mjs

@@ -0,0 +1,312 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import A from "react";
+import { css as p } from "@mxenabled/cssinjs";
+import { addDays as b } from "date-fns/addDays";
+import { addMonths as B } from "date-fns/addMonths";
+import { eachDayOfInterval as P } from "date-fns/eachDayOfInterval";
+import { eachWeekOfInterval as $ } from "date-fns/eachWeekOfInterval";
+import { endOfMonth as U } from "date-fns/endOfMonth";
+import { format as y } from "date-fns/format";
+import { isBefore as j } from "date-fns/isBefore";
+import { isSameMonth as W } from "date-fns/isSameMonth";
+import { startOfMonth as V } from "date-fns/startOfMonth";
+import { startOfToday as f } from "date-fns/startOfToday";
+import { subMonths as Y } from "date-fns/subMonths";
+import E from "@mui/material/Button";
+import z from "@mui/material/Paper";
+import { useTokens as v, H2 as F, Text as G } from "@mxenabled/mxui";
+import { ChevronLeft as X, ChevronRight as Z } from "@mxenabled/mx-icons";
+import { f as q, D as J } from "./Dialog-CWW597AF.mjs";
+import { isSameDay as T } from "date-fns/isSameDay";
+import { isWithinInterval as Q } from "date-fns/isWithinInterval";
+import nn from "@mui/material/styles/useTheme";
+import k from "@mui/material/ListItem";
+import an from "@mui/material/ListItemButton";
+import { g as tn } from "./hooks-ClhFlg78.mjs";
+const on = ({ copy: n, date: t, onNextClick: e, onPreviousClick: r }) => {
+  const c = v(), l = en(c);
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-calendar-header ${l}`, children: [
+    /* @__PURE__ */ o(F, { className: "mx-cmn-calendar-header-title", variant: "H3", children: q(t, J.MONTH_YEAR) }),
+    /* @__PURE__ */ h("div", { className: "mx-cmn-calendar-header-button-container", children: [
+      /* @__PURE__ */ o(E, { "aria-label": n.prevAria, onClick: r, children: /* @__PURE__ */ o(X, { size: 24 }) }),
+      /* @__PURE__ */ o(E, { "aria-label": n.nextAria, onClick: e, children: /* @__PURE__ */ o(Z, { size: 24 }) })
+    ] })
+  ] });
+}, en = (n) => p({
+  alignItems: "center",
+  display: "flex",
+  marginBottom: n.Spacing.Medium,
+  marginRight: -n.Spacing.Medium,
+  paddingLeft: n.Spacing.XSmall,
+  "& .mx-cmn-calendar-header-title": {
+    flexGrow: 1
+  },
+  "& .mx-cmn-calendar-header-button-container": {
+    display: "flex",
+    gap: 4
+  }
+}), rn = ({ beginDate: n, date: t, endDate: e, isInMonth: r, onClick: c }) => {
+  const l = nn(), S = cn(l), g = n && e && Q(t, { start: n, end: e }) && !T(t, n) && !T(t, e), s = n && e && T(n, t) && !T(n, e), N = e && n && T(e, t) && !T(n, e), i = n && T(n, t) || e && T(e, t), C = T(t, f());
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `
+        mx-cmn-calendar-day
+        ${S}
+        ${r ? "" : "mx-cmn-out-of-month"}
+        ${g ? "mx-cmn-date-interval" : ""}
+      `,
+      children: /* @__PURE__ */ o(
+        E,
+        {
+          className: `
+          mx-cmn-calendar-day-button
+          ${s ? "mx-cmn-range-start" : ""}
+          ${N ? "mx-cmn-range-end" : ""}
+        `,
+          color: i ? "primary" : "secondary",
+          onClick: () => c(t),
+          variant: i ? "contained" : "text",
+          children: /* @__PURE__ */ o(
+            G,
+            {
+              className: `
+            mx-cmn-calendar-day-text
+            ${i ? "mx-cmn-day-selected" : ""}
+            ${C ? "mx-cmn-today" : ""}`,
+              variant: "Small",
+              children: y(t, "d")
+            }
+          )
+        }
+      )
+    }
+  );
+}, cn = (n) => p({
+  height: I,
+  width: I,
+  display: "flex",
+  justifyContent: "center",
+  "&.mx-cmn-out-of-month": {
+    backgroundColor: n.palette.background.default
+  },
+  "&.mx-cmn-date-interval": {
+    backgroundColor: n.palette.secondary.light
+  },
+  "& .MuiButton-root": {
+    maxWidth: 44,
+    minWidth: 44,
+    height: 44,
+    padding: 0,
+    width: 44,
+    "&.mx-cmn-range-start": {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      "&:focus": {
+        boxShadow: "none"
+      }
+    },
+    "&.mx-cmn-range-end": {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      "&:focus": {
+        boxShadow: "none"
+      }
+    }
+  },
+  "& .mx-cmn-calendar-day-text": {
+    "&.mx-cmn-day-selected": {
+      color: n.palette.primary,
+      "&.mx-cmn-day-selected": {
+        borderColor: n.palette.common.white
+      }
+    },
+    "&.mx-cmn-today": {
+      borderBottom: `solid 2px ${n.palette.primary.main}`,
+      marginBottom: -6,
+      paddingBottom: 5
+    }
+  }
+}), sn = 340, I = 44;
+var Tn = /* @__PURE__ */ ((n) => (n.None = "None", n.Single = "Single", n.Range = "Range", n))(Tn || {});
+const ln = ({
+  copy: n,
+  beginDate: t = void 0,
+  endDate: e = void 0,
+  onDateSelected: r,
+  onRangeSelected: c,
+  selectionType: l = "Single"
+  /* Single */
+}) => {
+  const S = v(), g = Cn(S), [s, N] = A.useState(f), [i, C] = A.useState(t), [R, d] = A.useState(e);
+  A.useEffect(() => {
+    C(t), d(e), t && N(t);
+  }, [t, e]);
+  const D = A.useMemo(() => {
+    const a = $({ start: V(s), end: U(s) }), m = [];
+    for (let _ = 0; _ < a.length; _++) {
+      const O = a[_], x = P({ start: O, end: b(O, 6) }), u = [];
+      for (let L = 0; L < x.length; L++)
+        u.push(x[L]);
+      m.push(u);
+    }
+    return m;
+  }, [s]), K = (a) => {
+    if (l !== "None") {
+      if (l === "Single") {
+        C(a), r?.(a);
+        return;
+      }
+      !i || R ? (C(a), d(void 0)) : j(a, i) ? (d(i), C(a), c?.(a, i)) : (d(a), c?.(i, a));
+    }
+  }, M = () => {
+    const a = f();
+    N(a), l !== "None" && (C(a), l === "Single" ? r?.(a) : (d(a), c?.(a, a)));
+  }, w = () => {
+    N(B(s, 1));
+  }, H = () => {
+    N(Y(s, 1));
+  };
+  return /* @__PURE__ */ o("div", { className: `mx-cmn-calendar ${g}`, children: /* @__PURE__ */ h(z, { sx: { boxShadow: "none" }, children: [
+    /* @__PURE__ */ o(
+      on,
+      {
+        copy: n,
+        date: s,
+        onNextClick: w,
+        onPreviousClick: H
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-row", children: D[0].map((a, m) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ o(G, { bold: !0, variant: "Small", children: y(a, "EEEEE") }) }, m)) }),
+    D.map((a, m) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-week", children: a.map((_, O) => /* @__PURE__ */ o(
+      rn,
+      {
+        beginDate: i,
+        date: _,
+        endDate: R,
+        isInMonth: W(_, s),
+        onClick: K
+      },
+      O
+    )) }, `w-${m}`)),
+    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ o(E, { onClick: M, size: "small", variant: "text", children: n.today }) })
+  ] }) });
+}, Cn = (n) => p({
+  width: sn,
+  "& .MuiPaper-root": {
+    paddingLeft: 24,
+    paddingRight: 24,
+    paddingTop: 4,
+    paddingBottom: 4
+  },
+  "& .mx-cmn-calendar-header-row": {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center",
+    "& .mx-cmn-calendar-header-cell": {
+      height: I,
+      width: I,
+      minWidth: I,
+      "& .kmui-text": {
+        alignItems: "center",
+        display: "flex",
+        height: "100%",
+        justifyContent: "center",
+        width: "100%"
+      }
+    }
+  },
+  "& .mx-cmn-calendar-week": {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center"
+  },
+  "& .mx-cmn-calendar-today-container": {
+    display: "block",
+    marginTop: n.Spacing.Medium,
+    textAlign: "center",
+    width: "100%",
+    "& > .MuiButton-root": {
+      display: "inline-block",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }
+}), Bn = ln, Pn = ({
+  children: n,
+  clickEventName: t,
+  onClick: e,
+  sx: r = {}
+}) => {
+  const { onEvent: c } = tn();
+  return e ? /* @__PURE__ */ o(k, { sx: { bgcolor: "background.paper", ...r }, children: /* @__PURE__ */ o(
+    an,
+    {
+      onClick: () => {
+        t && c(t), e();
+      },
+      children: n
+    }
+  ) }) : /* @__PURE__ */ o(
+    k,
+    {
+      disableGutters: !1,
+      disablePadding: !1,
+      sx: { bgcolor: "background.paper", ...r },
+      children: n
+    }
+  );
+}, $n = {
+  ON_TRANSACTION_CATEGORY_CLICK: "onTransactionCategoryClick",
+  ON_TRANSACTION_CATEGORY_CHANGED: "onTransactionCategoryChanged",
+  ON_TRANSACTION_MANUAL_ADD_CLICK: "onTransactionManualAddClick",
+  ON_TRANSACTION_MANUAL_ADD_ADDED: "onTransactionManualAddAdded",
+  ON_TRANSACTION_DATE_CHANGED: "onTransactionDateChanged",
+  ON_TRANSACTION_DATE_CLICK: "onTransactionDateClick",
+  ON_TRANSACTION_DELETE_CANCEL: "onTransactionDeleteCancel",
+  ON_TRANSACTION_DELETE_CLICK: "onTransactionDeleteClick",
+  ON_TRANSACTION_DELETE_DELETED: "onTransactionDeleted",
+  ON_TRANSACTION_DELETE_LOGO_CANCEL: "onTransactionDeleteLogoCancel",
+  ON_TRANSACTION_DELETE_LOGO_CLICK: "onTransactionDeleteLogoClick",
+  ON_TRANSACTION_DELETE_LOGO_DELETED: "onTransactionDeletedLogo",
+  ON_TRANSACTION_DESCRIPTION_EDIT_CLICK: "onTransactionDescriptionEditClick",
+  ON_TRANSACTION_DESCRIPTION_SAVE_CLICK: "onTransactionDescriptionSaveClick",
+  ON_TRANSACTION_EXPORT_CSV_CLICK: "onTransactionExportCsvClick",
+  ON_TRANSACTION_HIDDEN: "onTransactionHidden",
+  ON_TRANSACTION_HIDE_CLICK: "onTransactionHideClick",
+  ON_TRANSACTION_HIDE_CANCEL_CLICK: "onTransactionHideCancelClick",
+  ON_TRANSACTION_LIST_ITEM_CLICK: "onTransactionListItemClick",
+  ON_TRANSACTION_MEMO_CHANGED: "onTransactionMemoChanged",
+  ON_TRANSACTION_MEMO_CLICK: "onTransactionMemoClick",
+  ON_TRANSACTION_SPLIT_ADD_CLICK: "onTransactionSplitAddClick",
+  ON_TRANSACTION_SPLIT_CANCEL_CLICK: "onTransactionSplitCancelClick",
+  ON_TRANSACTION_SPLIT_CATEGORY_CLICK: "onTransactionSplitCategoryClick",
+  ON_TRANSACTION_SPLIT_CLICK: "onTransactionSplitClick",
+  ON_TRANSACTION_SPLIT_DELETE_CLICK: "onTransactionSplitDeleteClick",
+  ON_TRANSACTION_SPLIT_SAVE_CLICK: "onTransactionSplitSaveClick",
+  ON_TRANSACTION_TAGS_CHANGED: "onTransactionTagsChanged",
+  ON_TRANSACTION_TAGS_CLICK: "onTransactionTagsClick",
+  ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK: "onTransactionTagsTagAddCancelClick",
+  ON_TRANSACTION_TAGS_TAG_ADD_CLICK: "onTransactionTagsTagAddClick",
+  ON_TRANSACTION_TAGS_TAG_ADDED: "onTransactionTagsTagAdded",
+  ON_TRANSACTION_TAGS_TAG_DELETE_CLICK: "onTransactionTagsTagDeleteClick",
+  ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK: "onTransactionTagsTagDeleteCancelClick",
+  ON_TRANSACTION_TAGS_TAG_DELETED: "onTransactionTagsTagDeleted",
+  ON_TRANSACTION_TAGS_TAG_EDIT_CLICK: "onTransactionTagsTagEditClick",
+  ON_TRANSACTION_TAGS_TAG_EDIT_SAVED: "onTransactionTagsTagEditSavedClick",
+  ON_TRANSACTION_TOGGLE_FLAG_CLICK: "onTransactionToggleFlagClick",
+  ON_TRANSACTION_UNHIDDEN: "onTransactionUnHidden",
+  ON_TRANSACTION_UNHIDE_CLICK: "onTransactionUnHideClick",
+  ON_TRANSACTION_UNHIDE_CANCEL_CLICK: "onTransactionUnHideCancelClick",
+  ON_TRANSACTION_UNSPLIT: "onTransactionUnsplit",
+  ON_TRANSACTION_UNSPLIT_CANCEL: "onTransactionUnsplitCancel"
+};
+var Nn = /* @__PURE__ */ ((n) => (n[n.CREDIT = 1] = "CREDIT", n[n.DEBIT = 2] = "DEBIT", n))(Nn || {}), mn = /* @__PURE__ */ ((n) => (n[n.POSTED = 1] = "POSTED", n[n.PENDING = 2] = "PENDING", n))(mn || {});
+export {
+  Bn as C,
+  Pn as L,
+  $n as O,
+  Nn as T,
+  mn as a,
+  Tn as b
+};

package/dist/{transactions/api/TransactionApi/index.es.js → TransactionApi-DbbcjI2L.mjs}

@@ -1,9 +1,8 @@
-import { Fetch as h } from "../../../common/utils/Fetch/index.es.js";
-import { ApiEndpoints as e } from "../../../common/constants/ApiEndpoints/index.es.js";
-class y {
+import { F as T, A as e } from "./Fetch-CkFKy79O.mjs";
+class u {
   fetchInstance;
   constructor(t, n) {
-    this.fetchInstance = new h(t, n);
+    this.fetchInstance = new T(t, n);
   }
   addTag = async (t) => this.fetchInstance.post(e.TAGS, t).then((n) => n.tag);
   addTagging = async (t) => this.fetchInstance.post(e.TAGGINGS, t).then((n) => n.tagging);
@@ -83,5 +82,5 @@ class y {
   updateTransaction = async (t) => this.fetchInstance.put(`${e.TRANSACTIONS}/${t.guid}`, t).then((n) => n.transaction);
 }
 export {
-  y as TransactionApi
+  u as T
 };