@mx-cartographer/experiences 8.1.12 → 8.2.0

package/dist/BudgetUtil-H9igoNVm.mjs

@@ -1,479 +0,0 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import k from "react";
-import { css as R } from "@mxenabled/cssinjs";
-import { addDays as G } from "date-fns/addDays";
-import { addMonths as P } from "date-fns/addMonths";
-import { eachDayOfInterval as Y } from "date-fns/eachDayOfInterval";
-import { eachWeekOfInterval as Z } from "date-fns/eachWeekOfInterval";
-import { endOfMonth as q } from "date-fns/endOfMonth";
-import { format as z } from "date-fns/format";
-import { isBefore as J } from "date-fns/isBefore";
-import { isSameMonth as K } from "date-fns/isSameMonth";
-import { startOfMonth as Q } from "date-fns/startOfMonth";
-import { startOfToday as I } from "date-fns/startOfToday";
-import { subMonths as U } from "date-fns/subMonths";
-import C from "@mui/material/Button";
-import V from "@mui/material/Paper";
-import { H2 as X, Text as D, H3 as tt, P as et } from "@mxenabled/mxui";
-import { ChevronLeft as nt, ChevronRight as ot, Icon as rt } from "@mxenabled/mx-icons";
-import { f as at, D as it } from "./DateFormats-CaOj_4eI.mjs";
-import { isSameDay as f } from "date-fns/isSameDay";
-import { isWithinInterval as st } from "date-fns/isWithinInterval";
-import ct from "@mui/material/styles/useTheme";
-import lt from "@mui/material/Dialog";
-import dt from "@mui/material/DialogActions";
-import mt from "@mui/material/DialogContent";
-import ut from "@mui/material/IconButton";
-import gt from "@mui/material/InputAdornment";
-import T from "@mui/material/Stack";
-import ft from "@mui/material/TextField";
-import { u as pt } from "./useScreenSize-CeFhWTt_.mjs";
-import { m as ht } from "./hooks-RzCoiTd0.mjs";
-import { b as $ } from "./Category-Ccoew_sA.mjs";
-import { b as j } from "./Localization-CkQ49EKr.mjs";
-import { f as O } from "./NumberFormatting-CyrvFgfd.mjs";
-const xt = ({ copy: t, date: n, onNextClick: e, onPreviousClick: o }) => {
-  const a = yt();
-  return /* @__PURE__ */ h("div", { className: `mx-cmn-calendar-header ${a}`, children: [
-    /* @__PURE__ */ r(X, { className: "mx-cmn-calendar-header-title", variant: "h3", children: at(n, it.MONTH_YEAR) }),
-    /* @__PURE__ */ h("div", { className: "mx-cmn-calendar-header-button-container", children: [
-      /* @__PURE__ */ r(C, { "aria-label": t.prevAria, onClick: o, children: /* @__PURE__ */ r(nt, { size: 24 }) }),
-      /* @__PURE__ */ r(C, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ r(ot, { size: 24 }) })
-    ] })
-  ] });
-}, yt = () => R({
-  alignItems: "center",
-  display: "flex",
-  marginBottom: 16,
-  marginRight: -16,
-  paddingLeft: 8,
-  "& .mx-cmn-calendar-header-title": {
-    flexGrow: 1
-  },
-  "& .mx-cmn-calendar-header-button-container": {
-    display: "flex",
-    gap: 4
-  }
-}), bt = ({ beginDate: t, date: n, endDate: e, isInMonth: o, onClick: a }) => {
-  const s = ct(), d = Ct(s), i = t && e && st(n, { start: t, end: e }) && !f(n, t) && !f(n, e), l = t && e && f(t, n) && !f(t, e), m = e && t && f(e, n) && !f(t, e), u = t && f(t, n) || e && f(e, n), p = f(n, I());
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: `
-        mx-cmn-calendar-day
-        ${d}
-        ${o ? "" : "mx-cmn-out-of-month"}
-        ${i ? "mx-cmn-date-interval" : ""}
-      `,
-      children: /* @__PURE__ */ r(
-        C,
-        {
-          className: `
-          mx-cmn-calendar-day-button
-          ${l ? "mx-cmn-range-start" : ""}
-          ${m ? "mx-cmn-range-end" : ""}
-        `,
-          color: u ? "primary" : "secondary",
-          onClick: () => a(n),
-          variant: u ? "contained" : "text",
-          children: /* @__PURE__ */ r(
-            D,
-            {
-              className: `
-            mx-cmn-calendar-day-text
-            ${u ? "mx-cmn-day-selected" : ""}
-            ${p ? "mx-cmn-today" : ""}`,
-              variant: "body2",
-              children: z(n, "d")
-            }
-          )
-        }
-      )
-    }
-  );
-}, Ct = (t) => R({
-  height: B,
-  width: B,
-  display: "flex",
-  justifyContent: "center",
-  "&.mx-cmn-out-of-month": {
-    backgroundColor: t.palette.background.default
-  },
-  "&.mx-cmn-date-interval": {
-    backgroundColor: t.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: t.palette.primary,
-      "&.mx-cmn-day-selected": {
-        borderColor: t.palette.common.white
-      }
-    },
-    "&.mx-cmn-today": {
-      borderBottom: `solid 2px ${t.palette.primary.main}`,
-      marginBottom: -6,
-      paddingBottom: 5
-    }
-  }
-}), vt = 340, B = 44;
-var kt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(kt || {});
-const ie = ({
-  copy: t,
-  beginDate: n = void 0,
-  endDate: e = void 0,
-  onDateSelected: o,
-  onRangeSelected: a,
-  selectionType: s = "Single"
-  /* Single */
-}) => {
-  const d = Bt(), [i, l] = k.useState(I), [m, u] = k.useState(n), [p, g] = k.useState(e);
-  k.useEffect(() => {
-    u(n), g(e), n && l(n);
-  }, [n, e]);
-  const v = k.useMemo(() => {
-    const c = Z({ start: Q(i), end: q(i) }), y = [];
-    for (let b = 0; b < c.length; b++) {
-      const w = c[b], A = Y({ start: w, end: G(w, 6) }), E = [];
-      for (let M = 0; M < A.length; M++)
-        E.push(A[M]);
-      y.push(E);
-    }
-    return y;
-  }, [i]), _ = (c) => {
-    if (s !== "None") {
-      if (s === "Single") {
-        u(c), o?.(c);
-        return;
-      }
-      !m || p ? (u(c), g(void 0)) : J(c, m) ? (g(m), u(c), a?.(c, m)) : (g(c), a?.(m, c));
-    }
-  }, S = () => {
-    const c = I();
-    l(c), s !== "None" && (u(c), s === "Single" ? o?.(c) : (g(c), a?.(c, c)));
-  }, N = () => {
-    l(P(i, 1));
-  }, x = () => {
-    l(U(i, 1));
-  };
-  return /* @__PURE__ */ r("div", { className: `mx-cmn-calendar ${d}`, children: /* @__PURE__ */ h(V, { sx: { boxShadow: "none" }, children: [
-    /* @__PURE__ */ r(
-      xt,
-      {
-        copy: t,
-        date: i,
-        onNextClick: N,
-        onPreviousClick: x
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-header-row", children: v[0].map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ r(D, { bold: !0, variant: "body2", children: z(c, "EEEEE") }) }, y)) }),
-    v.map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-week", children: c.map((b, w) => /* @__PURE__ */ r(
-      bt,
-      {
-        beginDate: m,
-        date: b,
-        endDate: p,
-        isInMonth: K(b, i),
-        onClick: _
-      },
-      w
-    )) }, `w-${y}`)),
-    /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ r(C, { onClick: S, size: "small", variant: "text", children: t.today }) })
-  ] }) });
-}, Bt = () => R({
-  width: vt,
-  "& .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: B,
-      width: B,
-      minWidth: B,
-      "& .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: 16,
-    textAlign: "center",
-    width: "100%",
-    "& > .MuiButton-root": {
-      display: "inline-block",
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  }
-}), se = ({
-  closeAriaLabel: t,
-  content: n,
-  inputLabel: e,
-  inputValue: o,
-  isOpen: a,
-  handleInputChange: s,
-  handleModalClose: d,
-  handlePrimaryAction: i,
-  handleSecondaryAction: l,
-  primaryColor: m = "primary",
-  primaryText: u,
-  secondaryColor: p = "primary",
-  secondaryText: g,
-  title: v
-}) => {
-  const _ = parseFloat(o ?? "0"), S = o !== "" && o !== "0" && !isNaN(_), { isSmallMobile: N } = pt();
-  return /* @__PURE__ */ r(
-    lt,
-    {
-      "aria-label": v,
-      "aria-labelledby": "modal-title",
-      maxWidth: "xs",
-      onClose: d,
-      open: a,
-      role: "dialog",
-      sx: {
-        "& .MuiDialogContent-root": { p: 0 },
-        ...N && { "& .MuiDialog-paper": { minWidth: "100%" } }
-      },
-      children: /* @__PURE__ */ r(mt, { children: /* @__PURE__ */ h(
-        "form",
-        {
-          onSubmit: (x) => {
-            x.preventDefault(), i();
-          },
-          children: [
-            /* @__PURE__ */ h(
-              T,
-              {
-                sx: {
-                  alignItems: "center",
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  pb: 12,
-                  pl: 24,
-                  position: "relative",
-                  pr: 16,
-                  pt: 24
-                },
-                children: [
-                  /* @__PURE__ */ r(tt, { id: "modal-title", children: v }),
-                  /* @__PURE__ */ r(
-                    ut,
-                    {
-                      "aria-label": t,
-                      onClick: d,
-                      sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
-                      children: /* @__PURE__ */ r(rt, { name: "close", sx: { color: "action.active" } })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ h(T, { sx: { gap: 24, px: 24 }, children: [
-              /* @__PURE__ */ r(et, { variant: "subtitle1", children: n }),
-              e && /* @__PURE__ */ r(
-                ft,
-                {
-                  InputProps: {
-                    startAdornment: /* @__PURE__ */ r(gt, { position: "start", children: "$" })
-                  },
-                  autoFocus: !0,
-                  inputMode: "decimal",
-                  inputProps: {
-                    "aria-label": e,
-                    noValidate: !0,
-                    pattern: "[0-9]*\\.?[0-9]*"
-                  },
-                  label: e,
-                  onChange: ({ target: { value: x } }) => {
-                    /^\d*\.?\d*$/.test(x) && s?.(x);
-                  },
-                  type: "text",
-                  value: o
-                }
-              )
-            ] }),
-            /* @__PURE__ */ h(
-              dt,
-              {
-                sx: {
-                  justifyContent: "flex-end",
-                  gap: 16,
-                  p: 24,
-                  ">:not(style)~:not(style)": { ml: 0 }
-                },
-                children: [
-                  g && /* @__PURE__ */ r(
-                    C,
-                    {
-                      "aria-label": g,
-                      color: p,
-                      onClick: l,
-                      children: g
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    C,
-                    {
-                      "aria-label": u,
-                      color: m,
-                      disabled: e ? !S : !1,
-                      onClick: i,
-                      variant: "contained",
-                      children: u
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-}, W = (t, n) => t.find((e) => e.guid === n), wt = (t, n) => t.find((e) => e.guid === n), _t = (t, n) => {
-  const e = t.find((o) => o.subCategories.find((a) => a.guid === n));
-  if (e)
-    return e.subCategories.find((o) => o.guid === n);
-}, ce = (t, n) => {
-  const e = [];
-  for (const o of n) {
-    const a = W(t, o.category_guid);
-    if (!a) continue;
-    const s = a.parent_guid ?? a.guid, d = W(t, s);
-    if (!d) continue;
-    const i = {
-      amount: o.total,
-      category: a,
-      guid: a.guid,
-      subCategoryTotals: []
-    }, l = e.find((m) => m.guid === s);
-    l ? (l.amount += o.total, l.subCategoryTotals.push(i)) : e.push({
-      amount: o.total,
-      category: d,
-      guid: s,
-      subCategoryTotals: [i]
-    });
-  }
-  return e;
-}, le = (t, n) => {
-  const e = t.find((o) => o.guid === n);
-  return e ? e.guid === $.INCOME || e.parent_guid === $.INCOME : !1;
-}, de = (t, n) => !!t.find((e) => e.feature_name === n)?.is_enabled, H = (t, n) => !t && !n ? 0 : !t && n ? 101 : n / t * 100, F = (t, n) => {
-  const e = {
-    background: n.palette.success.main,
-    description: t <= 100 ? n.palette.text.secondary : n.palette.error.main,
-    text: n.palette.common.white,
-    mercury: n.palette.success.lighter
-  };
-  return t > 100 ? (e.background = n.palette.error.main, e.mercury = n.palette.error.lighter) : t > 80 && (e.background = n.palette.warning.main, e.text = n.palette.grey[900], e.mercury = n.palette.warning.lighter), e;
-}, me = () => {
-  const { detailedBudgets: t } = ht();
-  return t.map((e) => {
-    const o = e.transaction_total;
-    return e.amount - o;
-  }).reduce((e, o) => e + o, 0);
-}, ue = (t, n, e, o) => {
-  const a = [];
-  for (const s of t) {
-    const d = wt(n, s.category_guid);
-    if (!d) continue;
-    const i = d.totalAmount, l = H(s.amount, i), m = s.amount - i;
-    a.push({
-      ...s,
-      budgetColors: F(l, o),
-      category: d,
-      description: j(
-        m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
-        O(Math.abs(m), "0,0")
-      ),
-      percentage: l,
-      subBudgets: [],
-      transaction_total: i
-    });
-  }
-  for (const s of t) {
-    const d = _t(n, s.category_guid);
-    if (!d) continue;
-    const i = d.currentAmount, l = a.find((p) => p.category_guid === d.parent_guid);
-    if (!l) continue;
-    const m = s.amount - i, u = H(s.amount, i);
-    l && l.subBudgets.push({
-      ...s,
-      budgetColors: F(u, o),
-      category: d,
-      description: j(
-        m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
-        O(Math.abs(m), "0,0")
-      ),
-      percentage: u,
-      subBudgets: [],
-      transaction_total: i
-    });
-  }
-  return a;
-}, L = (t, n) => t.find((e) => e.guid === n), ge = (t, n, e) => {
-  const o = L(t, e);
-  if (o)
-    return L(o.subBudgets, n);
-}, fe = (t, n) => {
-  const e = Math.max(0, n - t), o = n > 0 ? Math.min(100, t / n * 100) : 0;
-  let a = "success";
-  return o >= 100 ? a = "error" : o >= 50 && (a = "warning"), {
-    remainingAmount: e,
-    spentPercentage: o,
-    iconColor: a
-  };
-};
-export {
-  ie as C,
-  ge as a,
-  ue as b,
-  kt as c,
-  se as d,
-  ce as e,
-  L as f,
-  W as g,
-  wt as h,
-  de as i,
-  _t as j,
-  le as k,
-  fe as l,
-  me as u
-};

package/dist/CashflowStore-BEi92kJg.mjs

@@ -1,91 +0,0 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { useState as l } from "react";
-import p from "@mui/material/IconButton";
-import d from "@mui/material/Stack";
-import f from "@mui/material/Tooltip";
-import { Icon as h, Text as a } from "@mxenabled/mxui";
-import { makeAutoObservable as c } from "mobx";
-import { addDays as u } from "date-fns/addDays";
-import { differenceInDays as x } from "date-fns/differenceInDays";
-import { endOfMonth as g } from "date-fns/endOfMonth";
-import { isBefore as S } from "date-fns/isBefore";
-import { startOfToday as s } from "date-fns/startOfToday";
-const _ = ({
-  body: o,
-  iconName: e = "info",
-  title: n
-}) => {
-  const [i, r] = l(!1);
-  return /* @__PURE__ */ t(
-    f,
-    {
-      open: i,
-      title: /* @__PURE__ */ m(d, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
-        /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: n }),
-        /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "body2", children: o })
-      ] }),
-      children: /* @__PURE__ */ t(
-        p,
-        {
-          "aria-label": n,
-          onClick: () => r(!i),
-          onMouseEnter: () => r(!0),
-          onMouseLeave: () => r(!1),
-          sx: {
-            minHeight: 0,
-            minWidth: 0,
-            p: 0
-          },
-          children: /* @__PURE__ */ t(h, { name: e, sx: { color: "primary.main", fontSize: 16 } })
-        }
-      )
-    }
-  );
-};
-class b {
-  // Cashflow is hard-coded to display 30 days starting from today
-  dateRange = { start: s(), end: u(s(), 30) };
-  isDirty = !1;
-  nextIncome = void 0;
-  upcomingExpenses = [];
-  selectedCashAccounts = [];
-  constructor() {
-    c(this);
-  }
-  // Returns the number of days until the next income activity or 0 if there is no income activity
-  get daysUntilNextIncome() {
-    return this.nextIncome ? Math.abs(x(s(), this.nextIncome.expectedDate)) : 0;
-  }
-  // Returns the expenses (Activities) until the  next income activity or the end of the month
-  // if there is no income activity
-  get expensesTilNextIncome() {
-    return this.upcomingExpenses.filter(
-      (e) => S(e.expectedDate, this.nextIncome?.expectedDate || g(/* @__PURE__ */ new Date()))
-    );
-  }
-  setNextIncome = (e) => {
-    this.nextIncome = e;
-  };
-  setUpcomingExpenses = (e) => {
-    this.upcomingExpenses = e;
-  };
-  setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
-}
-class k {
-  globalStore;
-  uiStore;
-  constructor(e) {
-    this.globalStore = e, this.uiStore = new b(), c(this);
-  }
-  completeOnboarding = async () => {
-    const e = {
-      ...this.globalStore.userStore.userProfile,
-      has_completed_cash_flow_onboarding: !0
-    };
-    await this.globalStore.userStore.updateUserProfile(e);
-  };
-}
-export {
-  k as C,
-  _ as I
-};

package/dist/CategoryApi-CogDFScz.mjs

@@ -1,29 +0,0 @@
-import { F as c, A as s } from "./ApiEndpoints-C5IA97i7.mjs";
-class y {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new c(t, e, void 0, r);
-  }
-  addCategory = async (t) => this.fetchInstance.post(s.CATEGORIES, t).then((e) => e.category);
-  getCategories = async () => this.fetchInstance.get(s.CATEGORIES).then((t) => t.categories);
-  getDateRangeCategoryTotals = async (t, e, r) => r.length === 0 ? [] : this.fetchInstance.post(`${s.DATE_RANGE_CATEGORY_TOTALS}/from/${t}/to/${e}`, {
-    account_guid: r.map((n) => n.guid)
-  }).then((n) => n.date_range_category_totals);
-  getMonthlyCategoryTotals = async (t, e, r) => {
-    try {
-      const n = `${s.MONTHLY_CATEGORY_TOTALS}/from/${t}/to/${e}`;
-      if (r) {
-        const o = r.length === 0 ? [""] : r.map((a) => a.guid);
-        return (await this.fetchInstance.post(n, { account_guid: o })).monthly_category_totals;
-      } else
-        return (await this.fetchInstance.get(n)).monthly_category_totals;
-    } catch (n) {
-      throw console.error("Error fetching monthly category totals:", n), n;
-    }
-  };
-  removeCategory = async (t) => this.fetchInstance.delete(`${s.CATEGORIES}/${t}`);
-  updateCategory = async (t) => this.fetchInstance.put(`${s.CATEGORIES}/${t.guid}`, t).then((e) => e.category);
-}
-export {
-  y as C
-};