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

package/dist/budgets/components/budgetdetails/AddSubBudget/index.es.js

@@ -0,0 +1,73 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import t from "react";
+import { observer as I } from "mobx-react-lite";
+import v from "@mui/material/Box";
+import O from "@mui/material/Divider";
+import w from "@mui/material/List";
+import L from "@mui/material/ListItem";
+import N from "@mui/material/ListItemButton";
+import j from "@mui/material/ListItemText";
+import p from "@mui/material/Stack";
+import { Icon as g, Text as k } from "@mxenabled/mxui";
+import D from "../../../../categories/components/CategoryRow/index.es.js";
+import { useCategoryUiStore as G } from "../../../../categories/context/hooks/index.es.js";
+import { BudgetAmount as P } from "../../shared/BudgetAmount/index.es.js";
+import { useGlobalCopyStore as T, useBudgetsStore as z } from "../../../../common/context/hooks/index.es.js";
+import E from "../../../../common/components/drawer/Drawer/index.es.js";
+import R from "../../../../common/components/dialog/Dialog/index.es.js";
+const re = I(({ category: o, parentBudget: f }) => {
+  const { budgets: r, common: u } = T(), { setExpandedGuid: b, setOnSelect: h } = G(), { addBudget: y } = z(), [C, n] = t.useState(!1), [_, a] = t.useState(!1), [i, l] = t.useState(""), [d, c] = t.useState(void 0);
+  t.useEffect(() => {
+    h((B) => {
+      const s = o.subCategories.find((A) => A.guid === B);
+      s && (c(s), l(`${s.currentAmount === 0 ? "" : s.currentAmount}`), a(!0));
+    });
+  }, []);
+  const x = () => {
+    b(o.guid), n(!0);
+  }, S = async () => {
+    d && Number(i) > 0 && (await y(d, Number(i), f.guid), a(!1), n(!1), c(void 0));
+  };
+  return /* @__PURE__ */ m(v, { children: [
+    /* @__PURE__ */ e(L, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(N, { onClick: x, children: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ m(p, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ m(p, { alignItems: "center", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(g, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+        /* @__PURE__ */ e(k, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: r.add_sub_budget_button })
+      ] }),
+      /* @__PURE__ */ e(g, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(O, {}),
+    /* @__PURE__ */ e(
+      E,
+      {
+        ariaLabelClose: u.close_aria,
+        isOpen: C,
+        onClose: () => n(!1),
+        title: r.add_sub_budget_title,
+        children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { category: o, subCategories: o.subCategories }) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      R,
+      {
+        copy: { close_aria: u.close_aria, title: r.add_title },
+        disablePrimaryButton: Number(i) <= 0,
+        isOpen: _,
+        onClose: () => a(!1),
+        onPrimaryAction: S,
+        primaryText: r.add_save_button,
+        children: /* @__PURE__ */ e(
+          P,
+          {
+            amount: i,
+            categoryName: d?.name || "",
+            onAmountChanged: l
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  re as AddSubBudget
+};

package/dist/budgets/components/budgetdetails/BudgetDetails/index.es.js

@@ -0,0 +1,75 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { observer as y } from "mobx-react-lite";
+import B from "@mui/material/Button";
+import e from "@mui/material/Stack";
+import p from "@mui/material/Tab";
+import k from "@mui/material/Tabs";
+import { Icon as D } from "@mxenabled/mxui";
+import { exportTransactionsToCSV as j } from "../../../../transactions/utils/exportTransactionsToCSV/index.es.js";
+import G from "../../../../transactions/components/shared/TransactionList/index.es.js";
+import I from "../../../../transactions/components/shared/TransactionDetails/index.es.js";
+import { Header as L } from "../Header/index.es.js";
+import { SubBudgetList as z } from "../SubBudgetList/index.es.js";
+import { useAppConfig as A, useBudgetsStore as E, useGlobalCopyStore as W, useTransactionStore as H } from "../../../../common/context/hooks/index.es.js";
+import { useScreenSize as M } from "../../../../common/hooks/useScreenSize/index.es.js";
+import O from "../../../../common/components/drawer/Drawer/index.es.js";
+const rt = y(({ budget: c }) => {
+  const { is_mobile_webview: u } = A(), { setAlert: h } = E(), { budgets: o, common: f, transactions: b } = W(), { isDesktop: _ } = M(), {
+    sortedTransactions: s,
+    sortedTransactionsWithSplits: C,
+    tags: T
+  } = H(), [n, g] = i.useState(0), [m, l] = i.useState(""), a = i.useMemo(
+    () => s.find((d) => d.guid === m),
+    [m, s]
+  ), S = (d, w) => {
+    g(w);
+  }, x = () => {
+    j(C, T), h(o.alert_csv_downloaded);
+  }, v = s.length > 0 && !u && _;
+  return /* @__PURE__ */ r(e, { gap: 24, children: [
+    /* @__PURE__ */ t(L, { budget: c }),
+    /* @__PURE__ */ r(e, { children: [
+      /* @__PURE__ */ r(
+        k,
+        {
+          onChange: S,
+          sx: { width: "100%" },
+          textColor: "primary",
+          value: n,
+          variant: "fullWidth",
+          children: [
+            /* @__PURE__ */ t(p, { label: o.details_transactions_tab }),
+            /* @__PURE__ */ t(p, { label: o.details_subbudgets_tab })
+          ]
+        }
+      ),
+      n === 0 && /* @__PURE__ */ r(e, { children: [
+        v && /* @__PURE__ */ t(e, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
+          B,
+          {
+            onClick: x,
+            startIcon: /* @__PURE__ */ t(D, { name: "ios_share" }),
+            variant: "text",
+            children: b.export_csv_btn
+          }
+        ) }),
+        /* @__PURE__ */ t(G, { height: "100%", onClick: l })
+      ] }),
+      n === 1 && /* @__PURE__ */ t(z, { budget: c }),
+      /* @__PURE__ */ t(
+        O,
+        {
+          ariaLabelClose: f.close_aria,
+          isOpen: !!a,
+          onClose: () => l(""),
+          title: o.details_transaction_drawer,
+          children: a && /* @__PURE__ */ t(I, { transaction: a })
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  rt as BudgetDetails
+};

package/dist/budgets/components/budgetdetails/Header/index.es.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import g from "@mui/material/Card";
+import l from "@mui/material/CardContent";
+import p from "@mui/material/Stack";
+import { CategoryIcon as u, H1 as f, Text as h } from "@mxenabled/mxui";
+import { formatCurrency as t } from "../../../../common/utils/NumberFormatting/index.es.js";
+import x from "../../../../common/components/charts/StatusBar/index.es.js";
+const H = ({ budget: o }) => {
+  const {
+    amount: e,
+    budgetColors: { background: a },
+    category: { name: n },
+    category_guid: m,
+    percentage: c,
+    transaction_total: i
+  } = o, d = [
+    {
+      color: a,
+      percentage: `${c}%`
+    }
+  ];
+  return /* @__PURE__ */ r(g, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ s(p, { alignItems: "center", gap: 16, children: [
+    /* @__PURE__ */ r(u, { categoryGuid: m, size: 56 }),
+    /* @__PURE__ */ r(f, { children: `${t(i, "0,0")} / ${t(e, "0,0")}` }),
+    /* @__PURE__ */ r(h, { bold: !0, variant: "XSmall", children: n }),
+    /* @__PURE__ */ r(x, { data: d, height: 10 })
+  ] }) }) });
+};
+export {
+  H as Header
+};

package/dist/budgets/components/budgetdetails/SubBudgetList/index.es.js

@@ -0,0 +1,102 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { observer as D } from "mobx-react-lite";
+import O from "@mui/material/Divider";
+import T from "@mui/material/List";
+import v from "@mui/material/Stack";
+import { Text as P } from "@mxenabled/mxui";
+import w from "../../../../transactions/components/shared/TransactionList/index.es.js";
+import { SubBudgetZeroState as F } from "../../budgetlist/SubBudgetZeroState/index.es.js";
+import { SubBudgetRow as L } from "../../budgetlist/SubBudgetRow/index.es.js";
+import { BudgetAmount as E } from "../../shared/BudgetAmount/index.es.js";
+import { AddSubBudget as N } from "../AddSubBudget/index.es.js";
+import { Header as j } from "../Header/index.es.js";
+import { useGlobalCopyStore as k, useBudgetsStore as I, useTransactionStore as R } from "../../../../common/context/hooks/index.es.js";
+import G from "../../../../common/components/drawer/Drawer/index.es.js";
+import f from "../../../../common/components/dialog/Dialog/index.es.js";
+import { buildDynamicCopy as H } from "../../../../common/utils/Localization/index.es.js";
+const ie = D(({ budget: n }) => {
+  const { category: _, subBudgets: c } = n, { budgets: o, common: s } = k(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = I(), { filter: l, setFilter: u } = R(), [B, p] = i.useState(!1), [C, d] = i.useState(!1), [m, g] = i.useState("");
+  i.useEffect(() => {
+    e && (g(`${e.amount}`), u({
+      ...l,
+      custom: (r) => r.category_guid === e.category_guid
+    }));
+  }, [e]);
+  const x = async () => {
+    e && await S({
+      ...e,
+      amount: Number(m)
+    });
+  }, A = async () => {
+    e && await b(e.guid), d(!1), y();
+  }, y = () => {
+    u({
+      ...l,
+      custom: (r) => r.category_guid === n.category_guid || r.top_level_category_guid === n.category_guid
+    }), h(void 0);
+  };
+  return /* @__PURE__ */ a(i.Fragment, { children: [
+    /* @__PURE__ */ a(T, { sx: { bgcolor: "background.paper" }, children: [
+      c.length === 0 ? /* @__PURE__ */ t(F, {}) : c.map((r) => /* @__PURE__ */ a(i.Fragment, { children: [
+        /* @__PURE__ */ t(L, { budget: r }),
+        /* @__PURE__ */ t(O, {})
+      ] }, r.guid)),
+      /* @__PURE__ */ t(N, { category: _, parentBudget: n })
+    ] }),
+    /* @__PURE__ */ t(
+      G,
+      {
+        ariaLabelClose: s.close_aria,
+        isOpen: !!e,
+        onClose: y,
+        onPrimaryAction: () => p(!0),
+        onSecondaryAction: () => d(!0),
+        primaryText: o.details_edit_button,
+        secondaryText: o.details_delete_button,
+        title: o.details_title,
+        children: e && /* @__PURE__ */ a(v, { gap: 24, children: [
+          /* @__PURE__ */ t(j, { budget: e }),
+          /* @__PURE__ */ t(w, { height: "100%" })
+        ] })
+      }
+    ),
+    e && /* @__PURE__ */ a(i.Fragment, { children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          copy: { close_aria: s.close_aria, title: o.details_edit_title },
+          disablePrimaryButton: Number(m) <= 0,
+          isOpen: B,
+          onClose: () => p(!1),
+          onPrimaryAction: x,
+          primaryText: o.edit_save_button,
+          children: /* @__PURE__ */ t(
+            E,
+            {
+              amount: m,
+              categoryName: e.category.name,
+              onAmountChanged: g
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          copy: { close_aria: s.close_aria, title: o.delete_title },
+          isOpen: C,
+          onClose: () => d(!1),
+          onPrimaryAction: A,
+          primaryColor: "error",
+          primaryText: "Delete",
+          secondaryColor: "secondary",
+          children: /* @__PURE__ */ t(P, { variant: "Paragraph", children: H(o.delete_description, e.category.name) })
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  ie as SubBudgetList
+};

package/dist/budgets/components/shared/BudgetAmount/index.es.js

@@ -0,0 +1,37 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import e from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import { useGlobalCopyStore as a, useBudgetsStore as l, useRecurringTransactionsStore as y } from "../../../../common/context/hooks/index.es.js";
+import { buildDynamicCopy as m } from "../../../../common/utils/Localization/index.es.js";
+import { formatCurrency as f } from "../../../../common/utils/NumberFormatting/index.es.js";
+import g from "../../../../common/components/CurrencyInput/index.es.js";
+const T = ({
+  amount: i,
+  categoryName: u,
+  onAmountChanged: c
+}) => {
+  const { budgets: o } = a(), { totalBudgeted: d } = l(), { incomeTotal: s } = y(), p = s - d;
+  return /* @__PURE__ */ r(e, { gap: 16, children: [
+    /* @__PURE__ */ r(e, { children: [
+      /* @__PURE__ */ t(n, { children: m(
+        o.add_description_top,
+        f(p, "0,0")
+      ) }),
+      /* @__PURE__ */ t(n, { children: m(o.add_description_bottom, u) })
+    ] }),
+    /* @__PURE__ */ t(
+      g,
+      {
+        amount: i,
+        autoFocus: !0,
+        label: o.add_label,
+        minAmount: 0,
+        setAmount: c,
+        sx: { ".MuiTypography-Body": { p: 0 } }
+      }
+    )
+  ] });
+};
+export {
+  T as BudgetAmount
+};

package/dist/budgets/index.es.js

@@ -0,0 +1,6 @@
+import { default as d } from "./BubbleBudgetsMiniWidget/index.es.js";
+import { BubbleBudgetsWidget as b } from "./BubbleBudgetsWidget/index.es.js";
+export {
+  d as BubbleBudgetsMiniWidget,
+  b as BubbleBudgetsWidget
+};

package/dist/budgets/store/BudgetsStore/index.es.js

@@ -0,0 +1,139 @@
+import { makeAutoObservable as n, reaction as c, runInAction as s } from "mobx";
+import { endOfMonth as l } from "date-fns/endOfMonth";
+import { startOfMonth as h } from "date-fns/startOfMonth";
+import { startOfToday as o } from "date-fns/startOfToday";
+import { BudgetsApi as u } from "../../api/BudgetsApi/index.es.js";
+import { findBudget as p, findSubBudget as B, augmentBudgets as a } from "../../utils/BudgetUtil/index.es.js";
+import { CategoryGuids as i } from "../../../common/constants/Category/index.es.js";
+class E {
+  api = new u("/", "");
+  globalStore;
+  alert = "";
+  dateRange = { start: h(o()), end: l(o()) };
+  budgets = [];
+  selectedBudget;
+  selectedSubBudget;
+  isDataLoaded = !1;
+  theme = {};
+  constructor(e) {
+    this.globalStore = e, this.api = new u(e.endpoint, e.sessionToken), n(this);
+  }
+  loadBudgetData = async () => {
+    await this.loadBudgets(), c(
+      () => this.detailedBudgets,
+      (e) => {
+        if (e) {
+          const d = this.selectedBudget;
+          d && (this.selectedBudget = p(e, d.guid));
+          const t = this.selectedSubBudget;
+          t && t.parent_guid && (this.selectedSubBudget = B(
+            e,
+            t.guid,
+            t.parent_guid
+          ));
+        }
+      }
+    );
+  };
+  get detailedBudgets() {
+    return a(
+      this.budgets.filter(
+        (e) => e.category_guid !== i.INCOME && e.category_guid !== i.TRANSFER && e.category_guid !== i.INVESTMENTS
+      ),
+      this.globalStore.categoryStore.detailedCategories,
+      this.globalStore.copyStore.copy.budgets,
+      this.theme
+    ).sort((e, d) => e.percentage > d.percentage ? -1 : e.percentage < d.percentage ? 1 : 0);
+  }
+  get incomeBudget() {
+    return a(
+      this.budgets.filter((t) => !t.parent_guid),
+      this.globalStore.categoryStore.detailedCategories,
+      this.globalStore.copyStore.copy.budgets,
+      this.theme
+    ).reduce(
+      (t, r) => r.category_guid !== i.INCOME ? t : !t || r.percentage > t.percentage ? r : t,
+      void 0
+    )?.amount;
+  }
+  get unbudgetedCategories() {
+    return this.globalStore.categoryStore.spendCategories.filter(
+      (e) => !this.detailedBudgets.find((d) => d.category_guid === e.guid)
+    );
+  }
+  get totalBudgeted() {
+    return this.detailedBudgets.reduce((e, d) => e + d.amount, 0);
+  }
+  addBudget = async (e, d, t = null) => {
+    try {
+      const r = await this.api.addBudget(e, d, t);
+      s(() => {
+        this.budgets.push(r);
+      });
+    } catch (r) {
+      console.error(`Error adding budget: ${r}`);
+    }
+  };
+  deleteBudget = async (e) => {
+    try {
+      await this.api.deleteBudget(e), s(() => {
+        const d = this.budgets.findIndex((t) => t.guid === e);
+        d >= 0 && this.budgets.splice(d, 1);
+      });
+    } catch (d) {
+      console.error(`Error deleting budget: ${d}`);
+    }
+  };
+  loadBudgets = async () => {
+    try {
+      const e = await this.api.getBudgets();
+      s(() => {
+        this.budgets = e, this.isDataLoaded = !0;
+      });
+    } catch (e) {
+      throw console.error(`Error occurred while loading budgets: ${e}`), e;
+    }
+  };
+  setAlert = (e) => this.alert = e;
+  setDateRange = (e) => this.dateRange = e;
+  setSelectedBudget = (e) => this.selectedBudget = e;
+  setSelectedSubBudget = (e) => this.selectedSubBudget = e;
+  setTheme = (e) => this.theme = e;
+  /**
+   * Recalculate budget by using the average amount from top-level categories
+   * @param categories Detailed categories
+   */
+  recalculateBudgets = async (e) => {
+    try {
+      for (const t of e) {
+        const r = this.budgets.find((g) => g.category_guid === t.guid);
+        r ? await this.api.updateBudget({
+          ...r,
+          amount: t.totalAverageAmount
+        }) : await this.api.addBudget(t, t.totalAverageAmount);
+      }
+      const d = this.budgets.filter(
+        (t) => !e.find((r) => r.guid === t.category_guid)
+      );
+      for (const t of d)
+        await this.api.deleteBudget(t.guid);
+      return await this.loadBudgets(), { data: this.budgets, isSuccess: !0 };
+    } catch (d) {
+      return console.error("error recalculating budgets", d), { data: [], isSuccess: !1 };
+    }
+  };
+  updateBudget = async (e) => {
+    try {
+      const d = await this.api.updateBudget(e);
+      s(() => {
+        const t = this.budgets.findIndex((r) => r.guid === e.guid);
+        t >= 0 && (this.budgets[t] = d);
+      });
+    } catch (d) {
+      console.error(`Error updating budget: ${d}`);
+    }
+  };
+}
+export {
+  E as BudgetsStore
+};

package/dist/budgets/utils/BubblesSVG/index.es.js

@@ -0,0 +1,51 @@
+import * as o from "d3";
+const i = 5, u = 100, d = 25, f = (a) => {
+  const n = (t) => {
+    t.active || a.alphaTarget(0.3).restart(), t.subject.fx = t.subject.x, t.subject.fy = t.subject.y;
+  }, e = (t) => {
+    t.subject.fx = t.x, t.subject.fy = t.y;
+  }, c = (t) => {
+    t.active || a.alphaTarget(0), t.subject.fx = null, t.subject.fy = null;
+  };
+  return o.drag().on("start", n).on("drag", e).on("end", c);
+}, x = (a) => {
+  let n = a.transaction_total / a.amount;
+  n < 0 ? n = 0 : n > 1 && (n = 1);
+  const e = n * 2 * Math.PI, c = o.interpolate(0, e), t = o.arc().cornerRadius(5).innerRadius(a.radius - i * 2).outerRadius(a.radius - i).startAngle(0).endAngle(0);
+  return (r) => (t.endAngle(c(r)), t(a) || "");
+}, g = (a) => {
+  o.selectAll(".bubble").call(f(a));
+}, h = (a, n, e) => {
+  a.alpha(1).restart().force(
+    "x",
+    o.forceX().x(e / 2).strength(0.01)
+  ).force(
+    "y",
+    o.forceY().y(n / 2).strength(0.01)
+  );
+}, m = (a, n) => o.scaleLinear().domain([a, n]).range([d, u]), y = (a) => {
+  const n = a.reduce((r, s) => {
+    const l = Math.max(s.transaction_total, s.amount);
+    return l > r ? l : r;
+  }, 0), e = a.reduce((r, s) => {
+    const l = Math.max(s.transaction_total, s.amount);
+    return l < r ? l : r;
+  }, n), c = m(e, n), t = a.map((r) => {
+    const s = c(Math.max(r.transaction_total, r.amount)) || 25;
+    return {
+      ...r,
+      radius: s
+    };
+  });
+  return o.forceSimulation(t).velocityDecay(0.05).force("collide", o.forceCollide((r) => r.radius + 2).strength(0.5)).on("tick", () => {
+    o.selectAll(".bubble").data(t).attr("transform", (r) => `translate(${r.x},${r.y})`);
+  });
+};
+export {
+  x as arcTween,
+  f as drag,
+  g as enableDrag,
+  m as getScale,
+  h as resize,
+  y as simulate
+};

package/dist/budgets/utils/BudgetUtil/index.es.js

@@ -0,0 +1,70 @@
+import { useBudgetsStore as _ } from "../../../common/context/hooks/index.es.js";
+import { getDetailedCategory as B, getDetailedSubCategory as y } from "../../../common/utils/Categories/index.es.js";
+import { buildDynamicCopy as d } from "../../../common/utils/Localization/index.es.js";
+import { formatCurrency as f } from "../../../common/utils/NumberFormatting/index.es.js";
+const l = (n, t) => !n && !t ? 0 : !n && t ? 101 : t / n * 100, p = (n, t) => {
+  const e = {
+    background: t.palette.success.main,
+    description: n <= 100 ? t.palette.text.secondary : t.palette.error.main,
+    text: t.palette.common.white,
+    mercury: t.palette.success.lighter
+  };
+  return n > 100 ? (e.background = t.palette.error.main, e.mercury = t.palette.error.lighter) : n > 80 && (e.background = t.palette.warning.main, e.text = t.palette.grey[900], e.mercury = t.palette.warning.lighter), e;
+}, v = () => {
+  const { detailedBudgets: n } = _();
+  return n.map((e) => {
+    const r = e.transaction_total;
+    return e.amount - r;
+  }).reduce((e, r) => e + r, 0);
+}, w = (n, t, e, r) => {
+  const c = [];
+  for (const o of n) {
+    const u = B(t, o.category_guid);
+    if (!u) continue;
+    const i = u.totalAmount, s = l(o.amount, i), a = o.amount - i;
+    c.push({
+      ...o,
+      budgetColors: p(s, r),
+      category: u,
+      description: d(
+        a < 0 ? e.budget_remaining_over : e.budget_remaining_left,
+        f(Math.abs(a), "0,0")
+      ),
+      percentage: s,
+      subBudgets: [],
+      transaction_total: i
+    });
+  }
+  for (const o of n) {
+    const u = y(t, o.category_guid);
+    if (!u) continue;
+    const i = u.currentAmount, s = c.find((b) => b.category_guid === u.parent_guid);
+    if (!s) continue;
+    const a = o.amount - i, g = l(o.amount, i);
+    s && s.subBudgets.push({
+      ...o,
+      budgetColors: p(g, r),
+      category: u,
+      description: d(
+        a < 0 ? e.budget_remaining_over : e.budget_remaining_left,
+        f(Math.abs(a), "0,0")
+      ),
+      percentage: g,
+      subBudgets: [],
+      transaction_total: i
+    });
+  }
+  return c;
+}, m = (n, t) => n.find((e) => e.guid === t), S = (n, t, e) => {
+  const r = m(n, e);
+  if (r)
+    return m(r.subBudgets, t);
+};
+export {
+  w as augmentBudgets,
+  m as findBudget,
+  S as findSubBudget,
+  p as getBudgetColors,
+  l as getBudgetPercentage,
+  v as useGetBudgetDifference
+};

package/dist/cashflow/CashflowMiniWidget/index.es.js

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import n from "react";
+import { observer as l } from "mobx-react-lite";
+import m from "../components/CashflowWidgetContent/index.es.js";
+import f from "../../common/components/MiniWidgetContainer/index.es.js";
+import { useGlobalCopyStore as c, useGlobalUiStore as p, useRecurringTransactionsStore as d } from "../../common/context/hooks/index.es.js";
+import u from "../../common/components/Loader/index.es.js";
+const C = ({ onPrimaryCtaClick: i, sx: r = {} }) => {
+  const { cashflow: o } = c(), { isCopyLoaded: s, isInitialized: e } = p(), { loadRepeatingTransactions: a } = d();
+  return n.useEffect(() => {
+    e && a().finally();
+  }, [e]), s ? /* @__PURE__ */ t(
+    f,
+    {
+      className: "mx-exp-cashflow-miniwidget",
+      onPrimaryCtaClick: i,
+      primaryCtaLabel: o.primary_cta,
+      subTitle: o.sub_title,
+      sx: r,
+      title: o.title,
+      children: /* @__PURE__ */ t(m, { onAddIncomeClick: i })
+    }
+  ) : /* @__PURE__ */ t(u, {});
+}, L = l(C);
+export {
+  L as default
+};