@mx-cartographer/experiences 4.0.14-alpha.JB1 → 4.0.14-alpha.JB2

package/dist/index.es15.js

@@ -0,0 +1,891 @@
+import { G as P } from "./useCombineEvents-CZUDHE96.mjs";
+import { A as Ma, b as Oa, u as Pa, a as Ua } from "./useCombineEvents-CZUDHE96.mjs";
+import { B as U } from "./BeatApi-BxXgbSJY.mjs";
+import { a as G, C as V } from "./CategoryStore-CSNSMNA6.mjs";
+import { F as v, A as g } from "./Fetch-DpUi1_Dx.mjs";
+import { N as J } from "./NotificationStore-CqTYHfJC.mjs";
+import { a as za } from "./NotificationStore-CqTYHfJC.mjs";
+import { R as Q } from "./RecurringActivityStore-B_COvGWG.mjs";
+import { S as Wa } from "./RecurringActivityStore-B_COvGWG.mjs";
+import "date-fns/intlFormat";
+import "date-fns/getUnixTime";
+import "bowser";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import j from "react";
+import k from "@mui/material/Button";
+import { useTokens as C, Text as T } from "@kyper/mui";
+import tt from "@mui/material/Tooltip";
+import "@mui/material/Box";
+import et from "@mui/material/IconButton";
+import { V as _ } from "./ConnectMiniWidget-Ep65CtHH.mjs";
+import { at as Xa, ac as Ya, be as Ha, bf as ja, bg as Ka, W as qa, bh as Za, _ as Va, $ as Ja, aO as Qa, aP as ka, aj as tr, am as er, al as ar, aF as rr, a1 as ir, bi as or, aX as sr, aG as nr, ah as cr, ag as lr, aL as dr, aR as ur, aE as mr, av as gr, a2 as hr, ba as pr, bb as Sr, aT as br, aK as fr, aM as yr, aC as Cr, aN as wr, az as xr, a4 as Ar, aD as Br, bj as Dr, ap as Nr, aS as Tr, aU as vr, aW as Er, a3 as Rr, bk as Ir, bl as _r, aZ as $r, aY as Mr, aV as Or, aH as Pr, aI as Ur, a_ as Gr, aQ as zr, bm as Lr, a$ as Wr, aJ as Fr, X as Xr, an as Yr, Y as Hr, aA as jr, bc as Kr, bd as qr, a6 as Zr, bn as Vr, a7 as Jr, af as Qr, bo as kr, bp as ti, bs as ei, bq as ai, a0 as ri, br as ii, a8 as oi, a5 as si, b0 as ni, ai as ci, b1 as li, ar as di, ab as ui, ad as mi, a9 as gi, b2 as hi, b3 as pi, b4 as Si, b5 as bi, b6 as fi, b7 as yi, aa as Ci, au as wi, b8 as xi, b9 as Ai } from "./ConnectMiniWidget-Ep65CtHH.mjs";
+import at from "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import { css as w, keyframes as rt } from "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import { addMonths as it } from "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import { endOfMonth as K } from "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import { startOfMonth as q } from "date-fns/startOfMonth";
+import { startOfToday as z } from "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mui/icons-material/KeyboardArrowLeftRounded";
+import "@mui/icons-material/KeyboardArrowRightRounded";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/Stack";
+import "@mui/material";
+import "date-fns/addYears";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "@mui/icons-material/ArrowBackOutlined";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import { makeAutoObservable as b, runInAction as p, reaction as ot } from "mobx";
+import "date-fns/differenceInDays";
+import "date-fns/fromUnixTime";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import { getMonth as N } from "date-fns/getMonth";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subWeeks";
+import "date-fns/getDay";
+import "date-fns/formatISO";
+import { D as Di } from "./Donut-DgMeKScZ.mjs";
+import { S as Ti } from "./StackedLineChart-CCqGRwvs.mjs";
+import { D as st, a as nt, f as ct, b as lt, c as dt } from "./BudgetUtil-BSn9Zr71.mjs";
+import { S as Ei } from "./BudgetUtil-BSn9Zr71.mjs";
+import { u as Ii } from "./usePrevious-BLb3umpI.mjs";
+import "@honeybadger-io/react";
+import { C as ut } from "./CashflowStore-gPEEBiXo.mjs";
+import { D as mt } from "./DebtsStore-Duf3n1vZ.mjs";
+import { G as gt } from "./GoalStore-BYoRLx99.mjs";
+import { M as ht } from "./MerchantStore-RhLvDvX-.mjs";
+import { N as pt } from "./NetWorthStore-syD1VnxE.mjs";
+import { a as St } from "./TransactionStore-BUrjBWkk.mjs";
+import { a as bt } from "./AccountStore-B23-oV1B.mjs";
+import { b as $i, c as Mi, g as Oi, a as Pi, i as Ui } from "./Categories-XVFviD23.mjs";
+const Na = {
+  ERROR: "ERROR",
+  LOADING: "LOADING",
+  SUCCESS: "SUCCESS"
+};
+var ft = /* @__PURE__ */ ((a) => (a[a.SpendingPlan = 0] = "SpendingPlan", a[a.Budgets = 1] = "Budgets", a))(ft || {}), yt = /* @__PURE__ */ ((a) => (a[a.RecurringExpense = 0] = "RecurringExpense", a[a.PlannedExpense = 1] = "PlannedExpense", a[a.Other = 2] = "Other", a[a.Income = 3] = "Income", a))(yt || {});
+class Ta {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new v(t, e);
+  }
+  getLocalizedCopy = async (t) => this.fetchInstance.post(g.LOCALIZED_COPY, t).then((e) => e);
+  getLocalizedContent = async (t) => this.fetchInstance.post(`${g.LOCALIZED_CONTENT}/${t}`).then((e) => e);
+}
+class L {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new v(t, e);
+  }
+  getUserProfile = async () => this.fetchInstance.get(g.APP_DATA).then((t) => t.user_profile);
+  updateUserProfile = async (t) => this.fetchInstance.put(`${g.USER_PROFILES}/${t.guid}`, t).then((e) => e.user_profile);
+}
+class W {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new v(t, e);
+  }
+  requestWidgetUrl = async (t) => this.fetchInstance.post(g.WIDGET_URLS, t).then((e) => e.widget_url);
+}
+const Ct = ({ color: a, labelAverage: t, labelMain: e }) => {
+  const r = C(), i = wt(r, a);
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-bar-chart-legend ${i}`, children: [
+    /* @__PURE__ */ o("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
+    /* @__PURE__ */ o(T, { variant: "XSmall", children: e }),
+    /* @__PURE__ */ h("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
+      /* @__PURE__ */ o("div", { className: "mx-cmn-dot" }),
+      /* @__PURE__ */ o("div", { className: "mx-cmn-dot" }),
+      /* @__PURE__ */ o("div", { className: "mx-cmn-dot" })
+    ] }),
+    /* @__PURE__ */ o(T, { variant: "XSmall", children: t })
+  ] });
+}, wt = (a, t) => w({
+  alignItems: "center",
+  display: "flex",
+  gap: a.Spacing.XSmall,
+  justifyContent: "flex-end",
+  marginRight: a.Spacing.XLarge,
+  paddingBottom: a.Spacing.XSmall,
+  width: "100%",
+  "& .mx-cmn-color-square": {
+    backgroundColor: t,
+    height: 6,
+    width: 6
+  },
+  "& .mx-cmn-triple-dot": {
+    display: "flex",
+    gap: 1
+  },
+  "& .mx-cmn-dot": {
+    backgroundColor: a.Color.Neutral500,
+    height: 3,
+    width: 3,
+    borderRadius: 1.5
+  },
+  "& > .kyper-text": {
+    marginRight: a.Spacing.XSmall
+  }
+}), F = ({
+  ariaLabel: a,
+  color: t,
+  height: e,
+  index: r,
+  label: i,
+  onClick: s,
+  selectedIndex: l,
+  value: n
+}) => {
+  const c = C(), d = xt(c, t, e), u = (f) => {
+    s && (f.key === " " || f.key === "Enter") && s(r);
+  }, S = l === void 0 || l === r ? "primary" : "secondary", m = () => /* @__PURE__ */ o(
+    T,
+    {
+      "aria-hidden": !0,
+      bold: l === r,
+      className: "mx-cmn-bar-text",
+      color: S,
+      component: "div",
+      variant: "Small",
+      children: i
+    }
+  );
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-bar-container ${d} ${n < 0 ? "mx-cmn-negative" : ""}`, children: [
+    n >= 0 && /* @__PURE__ */ o(m, {}),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-label": a,
+        className: `mx-cmn-bar ${s ? "mx-cmn-clickable" : ""} ${n < 0 ? "mx-cmn-bar-negative" : ""}`,
+        onClick: s ? () => s?.(r) : void 0,
+        onKeyDown: u,
+        role: a ? "button" : void 0,
+        tabIndex: a ? 0 : void 0
+      }
+    ),
+    n < 0 && /* @__PURE__ */ o(m, {})
+  ] });
+}, xt = (a, t, e) => {
+  const r = `expandBar-${Math.round(e)}`, i = rt(r, { from: { height: 0 }, to: { height: e } });
+  return w({
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "flex-end",
+    height: "100%",
+    "&.mx-cmn-negative": {
+      justifyContent: "flex-start"
+    },
+    "& .mx-cmn-bar": {
+      animationDelay: ".5s",
+      animationDuration: "1s",
+      animationFillMode: "forwards",
+      animationName: i,
+      animationTimingFunction: a.Easing.Default,
+      backgroundColor: t,
+      borderRadius: `${a.BorderRadius.Medium}px ${a.BorderRadius.Medium}px 0 0`,
+      maxHeight: e
+    },
+    "& .mx-cmn-bar-negative": {
+      borderRadius: `0 0 ${a.BorderRadius.Medium}px ${a.BorderRadius.Medium}px`,
+      marginTop: -a.Spacing.XTiny
+    },
+    "& .mx-cmn-bar-text": {
+      display: "flex",
+      justifyContent: "center",
+      marginBottom: a.Spacing.Tiny,
+      marginTop: a.Spacing.Tiny,
+      whiteSpace: "nowrap",
+      width: "100%"
+    }
+  });
+}, X = ({
+  ariaLabel: a,
+  averageLineHeight: t,
+  bottomHeight: e,
+  color: r,
+  index: i = -1,
+  onClick: s,
+  range: l,
+  selectedIndex: n,
+  topHeight: c,
+  value: d,
+  valueLabel: u = "",
+  width: S,
+  xAxisLabel: m = ""
+}) => {
+  const f = C(), x = At(f, S), A = d / l * c, B = Math.abs(d) / l * e, D = n === void 0 || n === i ? "primary" : "secondary";
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-barchart-bar-column ${x}`, children: [
+    /* @__PURE__ */ o("div", { style: { height: c }, children: d >= 0 && /* @__PURE__ */ o(
+      F,
+      {
+        ariaLabel: a,
+        color: r,
+        height: A,
+        index: i,
+        label: u,
+        onClick: s,
+        selectedIndex: n,
+        value: d
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "mx-cmn-zero-line" }),
+    t !== 0 && /* @__PURE__ */ o("div", { className: "mx-cmn-chart-average", style: { bottom: t } }),
+    /* @__PURE__ */ o("div", { style: { height: e }, children: d < 0 && /* @__PURE__ */ o(
+      F,
+      {
+        ariaLabel: a,
+        color: r,
+        height: B,
+        index: i,
+        label: u,
+        onClick: s,
+        value: d
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `mx-cmn-bar-label ${s ? "mx-cmn-clickable" : ""}`,
+        onClick: s ? () => s(i) : void 0,
+        children: /* @__PURE__ */ o(T, { bold: n === i, color: D, variant: "Small", children: m })
+      }
+    )
+  ] });
+}, At = (a, t) => w({
+  display: "flex",
+  flexDirection: "column",
+  flexGrow: t === void 0 ? 1 : 0,
+  width: t,
+  "& .mx-cmn-chart-average": {
+    borderTop: `${a.Spacing.XTiny}px dotted ${a.Color.Neutral500}`,
+    position: "relative",
+    marginRight: a.Spacing.XTiny
+  },
+  "& .mx-cmn-zero-line": {
+    borderBottom: "1px solid text.primary",
+    width: "100%"
+  },
+  "& .mx-cmn-bar-label": {
+    minHeight: a.Spacing.Medium,
+    maxHeight: a.Spacing.Medium,
+    marginBottom: a.Spacing.XSmall,
+    marginTop: a.Spacing.XSmall,
+    textAlign: "center",
+    width: "100%"
+  },
+  "& .mx-cmn-clickable": {
+    cursor: "pointer"
+  }
+}), Bt = (a, t) => a + t, Dt = (a, t) => Math.abs(t) > a ? Math.abs(t) : a, Nt = (a, t) => [...a, t.value], Y = (a, t, e) => {
+  const r = a && t ? e / 2 : e;
+  return a ? r : 0;
+}, Tt = (a, t, e, r) => a / (t < 0 ? -e : t) * r || 0, va = ({
+  average: a,
+  barWidth: t = "8%",
+  color: e,
+  data: r,
+  height: i,
+  legendLabelAverage: s,
+  legendLabelMain: l,
+  onBarClick: n,
+  selectedIndex: c,
+  valueFormatter: d = (u) => `${u}`
+}) => {
+  const u = C(), S = vt(u), m = r.reduce(Nt, []), f = a !== void 0 ? a : m.reduce(Bt, 0) / m.length, x = Math.max(...m), A = Math.min(...m), B = m.reduce(Dt, 0), D = x >= 0, $ = A < 0, E = Y(D, $, i), R = Y($, D, i), M = Tt(f, x, A, E || R), Z = (y) => c === void 0 || y === c ? e : `${e}80`, O = () => /* @__PURE__ */ o(
+    X,
+    {
+      averageLineHeight: M,
+      bottomHeight: R,
+      color: "",
+      range: B,
+      topHeight: E,
+      value: 0,
+      width: void 0
+    }
+  );
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-bar-chart ${S}`, children: [
+    /* @__PURE__ */ h("div", { className: "mx-cmn-chart-container", children: [
+      /* @__PURE__ */ o(O, {}),
+      r.map((y, I) => /* @__PURE__ */ h(j.Fragment, { children: [
+        /* @__PURE__ */ o(
+          X,
+          {
+            ariaLabel: y.ariaLabel,
+            averageLineHeight: M,
+            bottomHeight: R,
+            color: Z(I),
+            index: I,
+            onClick: n,
+            range: B,
+            selectedIndex: c,
+            topHeight: E,
+            value: y.value,
+            valueLabel: d(y.value),
+            width: t,
+            xAxisLabel: y.label
+          }
+        ),
+        /* @__PURE__ */ o(O, {})
+      ] }, `column-${I}`))
+    ] }),
+    /* @__PURE__ */ o(Ct, { color: e, labelAverage: s, labelMain: l })
+  ] });
+}, vt = (a) => w({
+  "& .mx-cmn-chart-container": {
+    alignItems: "flex-end",
+    display: "flex",
+    justifyContent: "space-evenly",
+    marginTop: a.Spacing.Large,
+    marginBottom: a.Spacing.Medium
+  }
+}), Ea = ({
+  hasGap: a = !1,
+  segments: t,
+  size: e = st,
+  strokeWidth: r = nt,
+  children: i
+}) => {
+  const s = C(), l = Et(s, e), n = (e - r) / 2, c = e / 2;
+  let d = -90 - (a ? 1 : 0), u = 0;
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-multi-segment-donut ${l}`, children: [
+    /* @__PURE__ */ h("svg", { height: e, width: e, children: [
+      /* @__PURE__ */ o(
+        "circle",
+        {
+          cx: c,
+          cy: c,
+          fill: "none",
+          r: n,
+          stroke: s.Color.Neutral300,
+          strokeWidth: r
+        }
+      ),
+      t.map((S, m) => (d += 360 * u + (a ? 1 : 0), u = (S.percent - (a ? 0.3 : 0)) / 100, /* @__PURE__ */ o(
+        "circle",
+        {
+          cx: c,
+          cy: c,
+          fill: "none",
+          r: n,
+          stroke: S.color,
+          strokeDasharray: 2 * Math.PI * n,
+          strokeDashoffset: 2 * Math.PI * n * (1 - u),
+          strokeWidth: r,
+          transform: `rotate(${d}, ${c}, ${c})`
+        },
+        m
+      )))
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mx-cmn-multi-segment-donut-children", children: i })
+  ] });
+}, Et = (a, t) => w({
+  height: t,
+  marginTop: `-${a.Spacing.XSmall}px`,
+  position: "relative",
+  width: t,
+  "& .mx-cmn-multi-segment-donut-children": {
+    left: "50%",
+    position: "absolute",
+    textAlign: "center",
+    top: "50%",
+    transform: "translate(-50%, -50%)"
+  }
+}), Ra = ({
+  icon: a,
+  label: t,
+  onClick: e,
+  placement: r = "bottom",
+  tooltipText: i,
+  variant: s = "text"
+}) => {
+  const l = at();
+  return /* @__PURE__ */ h(j.Fragment, { children: [
+    /* @__PURE__ */ o(
+      k,
+      {
+        onClick: e,
+        startIcon: a,
+        sx: {
+          [l.breakpoints.down("lg")]: { display: "none" },
+          [l.breakpoints.up("lg")]: { display: "inline-flex" }
+        },
+        title: i,
+        variant: s,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ o(
+      tt,
+      {
+        describeChild: !0,
+        placement: r,
+        sx: { display: { xs: "inline-flex", lg: "none" } },
+        title: i,
+        children: /* @__PURE__ */ o(et, { onClick: e, children: a })
+      }
+    )
+  ] });
+};
+class Rt {
+  copy = {};
+  featureNamespace = "experiences";
+  api = new P("/", "");
+  isInitialized = !1;
+  constructor() {
+    b(this);
+  }
+  initialize = async (t, e) => {
+    this.api = new P(t, e), await this.getCopy(this.featureNamespace), p(() => {
+      this.isInitialized = !0;
+    });
+  };
+  getCopy = async (t, e = "") => {
+    try {
+      const r = await this.api.getGlobalCopy(t, e);
+      p(() => {
+        this.copy = r[t];
+      });
+    } catch (r) {
+      console.error(`Error occurred while fetching ${this.featureNamespace} copy: ${r}`);
+    }
+  };
+}
+class It {
+  beats = [];
+  api = new U("/", "");
+  constructor() {
+    b(this);
+  }
+  initialize = async (t, e) => {
+    this.api = new U(t, e), await this.loadBeats();
+  };
+  loadBeats = async () => {
+    const t = await this.api.getBeats();
+    p(() => {
+      this.beats = t;
+    });
+  };
+}
+class H {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new v(t, e);
+  }
+  addBudget = async (t, e, r = null) => this.fetchInstance.post(g.BUDGETS, {
+    amount: e,
+    category_guid: t.guid,
+    category_name: t.name,
+    parent_guid: r
+  }).then((i) => i.budget).catch((i) => i);
+  deleteBudget = async (t) => this.fetchInstance.delete(`${g.BUDGETS}/${t}`).then((e) => e);
+  generateBudgets = async () => this.fetchInstance.post(`${g.BUDGETS}/generate`).then((t) => t);
+  getBudgets = async () => this.fetchInstance.get(g.BUDGETS).then((t) => t.budgets).catch((t) => t);
+  updateBudget = async (t) => this.fetchInstance.put(`${g.BUDGETS}/${t.guid}`, t).then((e) => e.budget).catch((e) => e);
+}
+class _t {
+  api = new H("/", "");
+  categoryApi = new G("/", "");
+  globalStore;
+  alert = "";
+  dateRange = { start: q(z()), end: K(z()) };
+  budgets = [];
+  selectedBudget;
+  selectedSubBudget;
+  theme = {};
+  constructor(t) {
+    this.globalStore = t, b(this);
+  }
+  initialize = async (t, e) => {
+    this.api = new H(t, e), this.categoryApi = new G(t, e), ot(
+      () => this.detailedBudgets,
+      (r) => {
+        if (r) {
+          const i = this.selectedBudget;
+          i && (this.selectedBudget = ct(r, i.guid));
+          const s = this.selectedSubBudget;
+          s && s.parent_guid && (this.selectedSubBudget = lt(
+            r,
+            s.guid,
+            s.parent_guid
+          ));
+        }
+      }
+    );
+  };
+  get detailedBudgets() {
+    return dt(
+      this.budgets.filter(
+        (t) => t.category_guid !== _.INCOME && t.category_guid !== _.TRANSFER && t.category_guid !== _.INVESTMENTS
+      ),
+      this.globalStore.categoryStore.detailedCategories,
+      this.globalStore.copyStore.copy.budgets,
+      this.theme
+    ).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
+  }
+  get unbudgetedCategories() {
+    return this.globalStore.categoryStore.spendCategories.filter(
+      (t) => !this.detailedBudgets.find((e) => e.category_guid === t.guid)
+    );
+  }
+  get totalBudgeted() {
+    return this.detailedBudgets.reduce((t, e) => t + e.amount, 0);
+  }
+  addBudget = async (t, e, r = null) => {
+    try {
+      const i = await this.api.addBudget(t, e, r);
+      p(() => {
+        this.budgets.push(i);
+      });
+    } catch (i) {
+      console.error(`Error adding budget: ${i}`);
+    }
+  };
+  deleteBudget = async (t) => {
+    try {
+      await this.api.deleteBudget(t), p(() => {
+        const e = this.budgets.findIndex((r) => r.guid === t);
+        e >= 0 && this.budgets.splice(e, 1);
+      });
+    } catch (e) {
+      console.error(`Error deleting budget: ${e}`);
+    }
+  };
+  loadBudgets = async () => {
+    try {
+      const t = await this.api.getBudgets();
+      p(() => {
+        this.budgets = t;
+      });
+    } catch (t) {
+      console.error(`Error occurred while loading budgets: ${t}`);
+    }
+  };
+  setAlert = (t) => this.alert = t;
+  setDateRange = (t) => this.dateRange = t;
+  setSelectedBudget = (t) => this.selectedBudget = t;
+  setSelectedSubBudget = (t) => this.selectedSubBudget = t;
+  setTheme = (t) => this.theme = t;
+  /**
+   * Recalculate budget by using the average amount from top-level categories
+   * @param categories Detailed categories
+   */
+  recalculateBudgets = async (t) => {
+    for (const r of t) {
+      const i = this.budgets.find((s) => s.category_guid === r.guid);
+      i ? await this.api.updateBudget({ ...i, amount: r.totalAverageAmount }) : await this.api.addBudget(r, r.totalAverageAmount);
+    }
+    const e = this.budgets.filter(
+      (r) => !t.find((i) => i.guid === r.category_guid)
+    );
+    for (const r of e)
+      await this.api.deleteBudget(r.guid);
+    await this.loadBudgets();
+  };
+  updateBudget = async (t) => {
+    try {
+      const e = await this.api.updateBudget(t);
+      p(() => {
+        const r = this.budgets.findIndex((i) => i.guid === t.guid);
+        r >= 0 && (this.budgets[r] = e);
+      });
+    } catch (e) {
+      console.error(`Error updating budget: ${e}`);
+    }
+  };
+}
+var $t = /* @__PURE__ */ ((a) => (a[a.UNKNOWN = 0] = "UNKNOWN", a[a.CORRECT = 1] = "CORRECT", a[a.INCORRECT = 2] = "INCORRECT", a))($t || {}), Mt = /* @__PURE__ */ ((a) => (a.Missed = "Missed", a.Paid = "Paid", a.Upcoming = "Upcoming expense", a.Income = "Income", a))(Mt || {}), Ot = /* @__PURE__ */ ((a) => (a[a.Unknown = 0] = "Unknown", a[a.Subscription = 1] = "Subscription", a[a.Bill = 2] = "Bill", a))(Ot || {}), Pt = /* @__PURE__ */ ((a) => (a.Desktop = "Desktop", a.Mobile = "Mobile", a))(Pt || {});
+class Ut {
+  widgetApi = new W("/", "");
+  globalStore;
+  constructor(t) {
+    this.globalStore = t, b(this);
+  }
+  initialize = async (t, e) => {
+    this.widgetApi = new W(t, e);
+  };
+  loadWidget = async ({ widget: t = "connect_widget", mode: e = "light", ...r }) => await this.widgetApi.requestWidgetUrl({
+    widget_url: { widget_type: t, color_scheme: e, ...r }
+  });
+}
+class Gt {
+  globalStore;
+  isInitialized = !1;
+  selectedAccounts = [];
+  selectedAccountGuids = this.selectedAccounts.map((t) => t.guid);
+  displayedDate = /* @__PURE__ */ new Date();
+  displayedDateRange = {
+    start: q(this.displayedDate),
+    end: K(this.displayedDate)
+  };
+  constructor(t) {
+    b(this), this.globalStore = t;
+  }
+  setInitialized = (t) => {
+    this.isInitialized = t;
+  };
+  setSelectedAccounts = (t) => {
+    this.selectedAccounts = t, this.selectedAccountGuids = this.selectedAccounts.map((e) => e.guid);
+  };
+  // Sets an array of selected account guids for the AccountFilter component
+  setSelectedAccountGuids = (t) => {
+    this.selectedAccounts = this.globalStore.accountStore.accounts.filter(
+      (e) => t.includes(e.guid)
+    ), this.selectedAccountGuids = t;
+  };
+  setDisplayedDate = (t, e) => {
+    this.displayedDate = e, this.displayedDateRange = {
+      start: t,
+      end: e
+    };
+  };
+  get shouldDisableNextDate() {
+    const t = N(this.displayedDate), e = N(it(/* @__PURE__ */ new Date(), 1));
+    return t === e;
+  }
+  get shouldDisablePrevDate() {
+    const t = N(this.displayedDate), e = N(/* @__PURE__ */ new Date());
+    return t === e;
+  }
+}
+class zt {
+  api = new L("/", "");
+  userProfile = null;
+  constructor() {
+    b(this);
+  }
+  initialize = async (t, e) => {
+    this.api = new L(t, e), await this.loadUserProfile();
+  };
+  loadUserProfile = async () => {
+    try {
+      const t = await this.api.getUserProfile();
+      p(() => {
+        this.userProfile = t;
+      });
+    } catch (t) {
+      console.error(`Error occurred while loading user profile: ${t}`);
+    }
+  };
+  updateUserProfile = async (t) => {
+    try {
+      const e = await this.api.updateUserProfile(t);
+      p(() => {
+        this.userProfile = e;
+      });
+    } catch (e) {
+      console.error(`Error occurred while updating user profile: ${e}`);
+    }
+  };
+}
+class Ia {
+  accountStore;
+  beatStore;
+  budgetsStore;
+  cashflowStore;
+  categoryStore;
+  connectStore;
+  copyStore;
+  goalStore;
+  debtsStore;
+  merchantStore;
+  netWorthStore;
+  notificationStore;
+  recurringActivityStore;
+  transactionStore;
+  userStore;
+  globalUiStore;
+  isInitialized = !1;
+  constructor() {
+    this.accountStore = new bt(this), this.beatStore = new It(), this.budgetsStore = new _t(this), this.cashflowStore = new ut(this), this.categoryStore = new V(this), this.connectStore = new Ut(this), this.goalStore = new gt(this), this.debtsStore = new mt(this), this.copyStore = new Rt(), this.merchantStore = new ht(), this.netWorthStore = new pt(this), this.notificationStore = new J(), this.recurringActivityStore = new Q(this), this.transactionStore = new St(this), this.userStore = new zt(), this.globalUiStore = new Gt(this), b(this);
+  }
+  initialize = async (t, e) => {
+    await this.copyStore.initialize(t, e), Promise.all([
+      this.accountStore.initialize(t, e),
+      this.beatStore.initialize(t, e),
+      this.goalStore.initialize(t, e),
+      this.merchantStore.initialize(t, e),
+      this.userStore.initialize(t, e),
+      this.categoryStore.initialize(t, e),
+      this.transactionStore.initialize(t, e),
+      this.recurringActivityStore.initialize(t, e),
+      this.budgetsStore.initialize(t, e),
+      this.notificationStore.initialize(t, e),
+      this.connectStore.initialize(t, e)
+    ]).then(() => {
+      this.isInitialized = !0, this.globalUiStore.setInitialized(!0);
+    });
+  };
+}
+export {
+  Xa as ANALYTICS_EVENTS,
+  Ya as AccountFilter,
+  Ha as AccountIcon,
+  ja as AccountIconVariants,
+  Ka as AccountSubType,
+  qa as AccountType,
+  Za as AccountTypeName,
+  Va as ActivityStatus,
+  Ja as ActivityType,
+  Ma as AnalyticsApi,
+  g as ApiEndpoints,
+  va as BarChart,
+  U as BeatApi,
+  Qa as Calendar,
+  ka as CalendarSelectionTypes,
+  G as CategoryApi,
+  tr as CategoryColors,
+  er as CategoryGuidToName,
+  _ as CategoryGuids,
+  ar as CategoryIcon,
+  rr as ConnectDrawer,
+  ir as ConnectionStatus,
+  or as ConnectionStatusEnums,
+  sr as CurrencyCodes,
+  nr as CurrencyInput,
+  cr as CurrencyText,
+  lr as DATE_FORMATS_INTL,
+  st as DEFAULT_DONUT_SIZE,
+  nt as DEFAULT_STROKE_WIDTH,
+  dr as DataRow,
+  ur as DateRangeSelector,
+  mr as Dialog,
+  Di as Donut,
+  gr as Drawer,
+  hr as ErrorStatuses,
+  Mt as ExpenseStatus,
+  v as Fetch,
+  P as GlobalCopyApi,
+  Rt as GlobalCopyStore,
+  pr as GlobalDataContext,
+  Sr as GlobalDataProvider,
+  Ia as GlobalStore,
+  br as INCOME_ACCOUNT_TYPES,
+  fr as IconBacking,
+  yr as InformationTooltip,
+  yt as IterationItemTypes,
+  Na as LOADING_STATUS,
+  Cr as LineChart,
+  wr as ListItemWrapper,
+  xr as Loader,
+  Ta as LocalizedCopyApi,
+  Ar as MfaStatuses,
+  Br as MiniWidgetContainer,
+  Ea as MultiSegmentDonut,
+  Dr as NonConnectedStatuses,
+  za as NotificationApi,
+  Nr as ORDINAL_DATE_FORMAT,
+  Tr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  vr as PAYMENT_ACCOUNT_TYPES,
+  Er as PaymentCategories,
+  ft as PlanTypes,
+  Rr as ProcessingStatuses,
+  Ir as PropertyType,
+  _r as PropertyTypeName,
+  $r as RECURRENCE_COPY,
+  Mr as RecurrenceTypes,
+  Ra as ResponsiveButton,
+  Or as SPENDING_ACCOUNT_TYPES,
+  Ot as ScheduledPaymentTypes,
+  Wa as ScheduledPaymentsApi,
+  Pt as ScreenSize,
+  Pr as SearchBox,
+  Ur as SelectionBox,
+  Ei as SingleSegmentDonut,
+  Gr as Sizes,
+  Ti as StackedLineChart,
+  zr as StatusBar,
+  Lr as StatusName,
+  Wr as TOUCH_TARGET,
+  Fr as TabContentContainer,
+  Xr as TrackType,
+  Yr as TransactionStatus,
+  Hr as TransactionType,
+  L as UserApi,
+  zt as UserStore,
+  $t as UserVerification,
+  W as WidgetApi,
+  jr as WidgetContainer,
+  Kr as WidgetContainerContext,
+  qr as WidgetContainerProvider,
+  Oa as analyticsSession,
+  Zr as buildDynamicCopy,
+  Vr as buildPluralCopy,
+  Jr as formatCurrency,
+  Qr as formatDate,
+  kr as formatOrdinal,
+  ti as formatPercentage,
+  ei as fromTimestampToMonthYear,
+  $i as getCategory,
+  Mi as getCategoryTotalsByParent,
+  ai as getCurrencyCodes,
+  Oi as getDetailedCategory,
+  Pi as getDetailedSubCategory,
+  ri as getLocale,
+  Ui as isIncome,
+  ii as isValidNumber,
+  oi as useAccountStore,
+  si as useBudgetsStore,
+  ni as useCashflowStore,
+  ci as useCategoryStore,
+  Pa as useCombineEvents,
+  Ua as useCombinePageviews,
+  li as useDebtStore,
+  di as useEvent,
+  ui as useGlobalCopyStore,
+  mi as useGlobalStore,
+  gi as useGlobalUiStore,
+  hi as useGoalStore,
+  pi as useMerchantStore,
+  Si as useNetWorthStore,
+  bi as useNotificationStore,
+  fi as usePageView,
+  Ii as usePrevious,
+  yi as useRecurringActivityStore,
+  Ci as useScreenSize,
+  wi as useTransactionStore,
+  xi as useUserStore,
+  Ai as useWidgetContainerProvider
+};
+//# sourceMappingURL=index.es15.js.map