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

package/dist/budgets/components/BubbleChart/Mercury/index.es.js

@@ -0,0 +1,27 @@
+import { jsx as a } from "react/jsx-runtime";
+import u from "react";
+import * as s from "d3";
+import d from "@mui/material/styles/useTheme";
+import { arcTween as p } from "../../../utils/BubblesSVG/index.es.js";
+const o = 5, f = 2e3;
+function I({ bubble: t }) {
+  const c = d(), {
+    guid: i,
+    budgetColors: { mercury: l },
+    radius: n
+  } = t, e = `mercury-${i}`;
+  u.useEffect(() => {
+    s.select(`.${e}`).selectAll(".status").remove(), s.select(`.${e}`).append("path").transition().duration(f).delay(0).attr("class", "status").attr("style", `fill: ${l}; fill-opacity: 1;`).attrTween("d", () => p(t));
+  }, [t]);
+  const m = s.arc().innerRadius((r) => r - 2 * o).outerRadius((r) => r - o).startAngle(0).endAngle(2 * Math.PI);
+  return /* @__PURE__ */ a("g", { className: e, children: /* @__PURE__ */ a(
+    "path",
+    {
+      d: m(n) || "",
+      style: { fill: c.palette.common.white, fillOpacity: 0.35 }
+    }
+  ) });
+}
+export {
+  I as Mercury
+};

package/dist/budgets/components/BubbleChart/index.es.js

@@ -0,0 +1,22 @@
+import { jsx as u } from "react/jsx-runtime";
+import a from "react";
+import { observer as i } from "mobx-react-lite";
+import { simulate as l, resize as d, enableDrag as n } from "../../utils/BubblesSVG/index.es.js";
+import { Bubble as p } from "../bubblechart/Bubble/index.es.js";
+import { useBudgetsStore as b } from "../../../common/context/hooks/index.es.js";
+let e;
+const c = ({
+  height: o,
+  width: r,
+  isDraggable: t = !1,
+  onClick: f = () => {
+  }
+}) => {
+  const { detailedBudgets: s } = b();
+  return e = a.useMemo(() => l(s), [s]), a.useEffect(() => {
+    d(e, o, r), t && n(e);
+  }, [e, o, r]), /* @__PURE__ */ u("svg", { height: o, style: { overflow: "visible" }, width: Math.abs(r), children: e.nodes().map((m) => /* @__PURE__ */ u(p, { bubble: m, isDraggable: t, onClick: f }, m.guid)) });
+}, j = i(c);
+export {
+  j as default
+};

package/dist/budgets/components/BudgetDetailsDrawer/index.es.js

@@ -0,0 +1,95 @@
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
+import r from "react";
+import { observer as v } from "mobx-react-lite";
+import { Text as w } from "@mxenabled/mxui";
+import { BudgetDetails as P } from "../budgetdetails/BudgetDetails/index.es.js";
+import { BudgetAmount as N } from "../shared/BudgetAmount/index.es.js";
+import { useGlobalUiStore as E, useGlobalCopyStore as G, useBudgetsStore as I, useTransactionStore as j } from "../../../common/context/hooks/index.es.js";
+import F from "../../../common/components/drawer/Drawer/index.es.js";
+import g from "../../../common/components/dialog/Dialog/index.es.js";
+import { buildDynamicCopy as n } from "../../../common/utils/Localization/index.es.js";
+const M = v(() => {
+  const { selectedAccountGuids: y } = E(), { budgets: t, common: s } = G(), {
+    dateRange: _,
+    deleteBudget: f,
+    selectedBudget: e,
+    selectedSubBudget: b,
+    setAlert: l,
+    setSelectedBudget: B,
+    updateBudget: C
+  } = I(), { setFilter: S } = j(), [h, d] = r.useState(!1), [A, c] = r.useState(!1), [D, i] = r.useState(!1), [a, u] = r.useState("");
+  r.useEffect(() => {
+    e && !b && (u(`${e.amount}`), d(!0), S({
+      accounts: y,
+      dateRange: _,
+      custom: (p) => p.category_guid === e.category_guid || p.top_level_category_guid === e.category_guid,
+      showSplits: !0
+    }));
+  }, [e]);
+  const x = async () => {
+    e && (await C({
+      ...e,
+      amount: Number(a),
+      percentage: e.category.totalAmount / Number(a) * 100
+    }), l(n(t.alert_budget_updated, e.category.name)));
+  }, O = async () => {
+    e && (await f(e.guid), l(n(t.alert_budget_deleted, e.category.name))), i(!1), m();
+  }, m = () => {
+    d(!1), setTimeout(() => {
+      B(void 0);
+    }, 250);
+  };
+  if (e)
+    return /* @__PURE__ */ T(r.Fragment, { children: [
+      /* @__PURE__ */ o(
+        F,
+        {
+          ariaLabelClose: s.close_aria,
+          isOpen: h,
+          onClose: m,
+          onPrimaryAction: () => c(!0),
+          onSecondaryAction: () => i(!0),
+          primaryText: t.details_edit_button,
+          secondaryColor: "error",
+          secondaryText: t.details_delete_button,
+          title: t.details_title,
+          children: /* @__PURE__ */ o(P, { budget: e })
+        }
+      ),
+      /* @__PURE__ */ o(
+        g,
+        {
+          copy: { close_aria: s.close_aria, title: t.details_edit_title },
+          disablePrimaryButton: Number(a) <= 0,
+          isOpen: A,
+          onClose: () => c(!1),
+          onPrimaryAction: x,
+          primaryText: t.edit_save_button,
+          children: /* @__PURE__ */ o(
+            N,
+            {
+              amount: a,
+              categoryName: e.category.name,
+              onAmountChanged: u
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        g,
+        {
+          copy: { close_aria: s.close_aria, title: t.delete_title },
+          isOpen: D,
+          onClose: () => i(!1),
+          onPrimaryAction: O,
+          primaryColor: "error",
+          primaryText: t.details_delete_button,
+          secondaryColor: "secondary",
+          children: /* @__PURE__ */ o(w, { variant: "Paragraph", children: n(t.delete_description, e.category.name) })
+        }
+      )
+    ] });
+});
+export {
+  M as BudgetDetailsDrawer
+};

package/dist/budgets/components/BudgetList/BudgetRow/index.es.js

@@ -0,0 +1,42 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import g from "@mui/material/ListItem";
+import h from "@mui/material/ListItemAvatar";
+import y from "@mui/material/ListItemButton";
+import b from "@mui/material/ListItemText";
+import i from "@mui/material/Stack";
+import { CategoryIcon as C, Text as r } from "@mxenabled/mxui";
+import v from "../../../../common/components/donuts/SingleSegmentDonut/index.es.js";
+import { formatCurrency as c } from "../../../../common/utils/NumberFormatting/index.es.js";
+const T = ({ budget: o, onClick: a }) => {
+  const {
+    amount: m,
+    budgetColors: { background: s, description: d },
+    category_guid: l,
+    description: p,
+    percentage: n,
+    subBudgets: u,
+    transaction_total: f
+  } = o;
+  return /* @__PURE__ */ t(g, { children: /* @__PURE__ */ e(y, { onClick: () => a?.(o), children: [
+    /* @__PURE__ */ t(h, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(v, { color: s, percent: n, size: 40, children: /* @__PURE__ */ t(C, { categoryGuid: l, variant: "basic" }) }) }),
+    /* @__PURE__ */ t(
+      b,
+      {
+        primary: /* @__PURE__ */ e(i, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ t(r, { bold: !0, variant: "Body", children: o.category.name }),
+          /* @__PURE__ */ t(r, { fontWeight: 400, variant: "Body", children: `
+                  ${c(f, "0,0")} / 
+                  ${c(m, "0,0")}
+                ` })
+        ] }),
+        secondary: /* @__PURE__ */ e(i, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ t(r, { variant: "XSmall", children: `${u.length} Sub-budgets` }),
+          /* @__PURE__ */ t(r, { bold: n > 100, color: d, variant: "XSmall", children: p })
+        ] })
+      }
+    )
+  ] }) });
+};
+export {
+  T as BudgetRow
+};

package/dist/budgets/components/BudgetList/SubBudgetRow/index.es.js

@@ -0,0 +1,36 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { observer as u } from "mobx-react-lite";
+import f from "@mui/material/ListItem";
+import l from "@mui/material/ListItemAvatar";
+import g from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemText";
+import o from "@mui/material/Stack";
+import { CategoryIcon as h, Text as e } from "@mxenabled/mxui";
+import { useBudgetsStore as b } from "../../../../common/context/hooks/index.es.js";
+import S from "../../../../common/components/donuts/SingleSegmentDonut/index.es.js";
+import { formatCurrency as n } from "../../../../common/utils/NumberFormatting/index.es.js";
+const $ = u(({ budget: r }) => {
+  const {
+    amount: i,
+    budgetColors: { background: m },
+    category: c,
+    percentage: a,
+    transaction_total: s
+  } = r, { setSelectedSubBudget: p } = b();
+  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ d(g, { onClick: () => p(r), children: [
+    /* @__PURE__ */ t(l, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(S, { color: m, percent: a, size: 40, children: /* @__PURE__ */ t(h, { categoryGuid: c.parent_guid, variant: "basic" }) }) }),
+    /* @__PURE__ */ t(
+      y,
+      {
+        primary: /* @__PURE__ */ t(o, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ t(e, { bold: !0, variant: "Body", children: r.category.name }) }),
+        secondary: /* @__PURE__ */ t(o, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ t(e, { fontWeight: 400, variant: "Body", children: `
+                  ${n(s, "0,0")} / 
+                  ${n(i, "0,0")}
+                ` }) })
+      }
+    )
+  ] }) });
+});
+export {
+  $ as SubBudgetRow
+};

package/dist/budgets/components/BudgetList/SubBudgetZeroState/index.es.js

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import s from "@mui/material/Stack";
+import { observer as a } from "mobx-react-lite";
+import { Icon as n, Text as r } from "@mxenabled/mxui";
+import { useGlobalCopyStore as c } from "../../../../common/context/hooks/index.es.js";
+const u = a(() => {
+  const { budgets: t } = c();
+  return /* @__PURE__ */ e(s, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+    /* @__PURE__ */ o(n, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ o(r, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
+    /* @__PURE__ */ o(r, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
+  ] });
+});
+export {
+  u as SubBudgetZeroState
+};

package/dist/budgets/components/BudgetList/index.es.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import c from "react";
+import { observer as n } from "mobx-react-lite";
+import p from "@mui/material/Card";
+import l from "@mui/material/CardContent";
+import a from "@mui/material/CardHeader";
+import g from "@mui/material/Divider";
+import u from "@mui/material/List";
+import { H3 as f } from "@mxenabled/mxui";
+import { BudgetRow as C } from "../budgetlist/BudgetRow/index.es.js";
+import { useEvent as B, useGlobalCopyStore as _, useBudgetsStore as h } from "../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as E } from "../../../common/constants/Analytics/index.es.js";
+const j = n(() => {
+  const { onEvent: o } = B(), { budgets: i } = _(), { detailedBudgets: m, setSelectedBudget: d } = h(), s = (e) => {
+    d(e), o(E.BUDGETS_CLICK_BUDGET_CATEGORY, {
+      budget_category: e.category.name,
+      click_type: "list"
+    });
+  };
+  return /* @__PURE__ */ r(p, { elevation: 2, children: [
+    /* @__PURE__ */ t(a, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(f, { children: i.budget_categories_title }) }),
+    /* @__PURE__ */ t(l, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(u, { children: m.map((e) => /* @__PURE__ */ r(c.Fragment, { children: [
+      /* @__PURE__ */ t(C, { budget: e, onClick: s }),
+      /* @__PURE__ */ t(g, {})
+    ] }, e.guid)) }) })
+  ] });
+});
+export {
+  j as BudgetList
+};

package/dist/budgets/components/BudgetsEmptyState/index.es.js

@@ -0,0 +1,85 @@
+import { jsx as o, Fragment as f } from "react/jsx-runtime";
+import s from "react";
+import { useBudgetsStore as B, useCategoryStore as S, useGlobalCopyStore as w } from "../../../common/context/hooks/index.es.js";
+import x from "../../../common/components/Loader/index.es.js";
+import { EmptyState as u } from "../../../common/components/EmptyState/index.es.js";
+const G = ({
+  isMiniWidget: r = !1,
+  onConnectAccountsClick: c,
+  createBudgetOnClick: a
+}) => {
+  const { recalculateBudgets: g } = B(), { spendCategories: n } = S(), { budgets: e } = w(), [l, b] = s.useState(!1), [h, d] = s.useState(!1), [i, _] = s.useState(!1), p = s.useMemo(() => [...n.filter((t) => t.totalAverageAmount > 0)], [n]), m = async () => {
+    _(!0);
+    const { data: t, isSuccess: y } = await g(p);
+    _(!1), y ? (t.length === 0 && b(!0), d(!1)) : d(!0);
+  };
+  return i ? /* @__PURE__ */ o(x, {}) : h ? /* @__PURE__ */ o(
+    u,
+    {
+      header: e.autogenerate_budgets_error_header,
+      icon: "error",
+      iconColor: "#4D4D4D",
+      onClick: (t) => {
+        t === "primary" ? m() : a();
+      },
+      primaryButton: e.autogenerate_budgets_error_primary_button,
+      secondaryButton: e.zero_state_generate_budgets_secondary_button,
+      subText: e.autogenerate_budgets_error_subheader,
+      sx: {
+        width: { sm: 468 },
+        ".buttons-footer": {
+          width: 208
+        }
+      }
+    }
+  ) : /* @__PURE__ */ o(f, { children: l ? /* @__PURE__ */ o(
+    u,
+    {
+      header: e.zero_state_generate_budgets_header,
+      icon: "error",
+      iconColor: "#4D4D4D",
+      onClick: (t) => {
+        t === "primary" ? c() : a();
+      },
+      primaryButton: e.zero_state_generate_budgets_primary_button,
+      secondaryButton: e.zero_state_generate_budgets_secondary_button,
+      subText: e.zero_state_generate_budgets_subheader,
+      sx: {
+        width: r ? "100%" : { sm: 500 },
+        height: r ? "100%" : { sm: 468 },
+        mt: 50,
+        ".buttons-footer": {
+          width: 208,
+          height: 100
+        },
+        padding: r ? 5 : 0
+      }
+    }
+  ) : /* @__PURE__ */ o(
+    u,
+    {
+      header: e.create_budgets_title,
+      icon: "bubble_chart",
+      iconColor: "#1A1A1A",
+      onClick: (t) => {
+        t === "primary" ? m() : a();
+      },
+      primaryButton: e.empty_state_primary_button,
+      secondaryButton: r ? void 0 : e.empty_state_secondary_button,
+      subText: e.empty_state_subheader,
+      sx: {
+        width: r ? "100%" : { sm: 432 },
+        height: r ? "100%" : { sm: 468 },
+        mt: 50,
+        ".buttons-footer": {
+          width: 208,
+          height: 100
+        },
+        padding: r ? 4 : 0
+      }
+    }
+  ) });
+};
+export {
+  G as BudgetsEmptyState
+};

package/dist/budgets/components/Overview/index.es.js

@@ -0,0 +1,105 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { observer as P } from "mobx-react-lite";
+import { subDays as L } from "date-fns/subDays";
+import N from "@mui/material/Card";
+import R from "@mui/material/CardContent";
+import j from "@mui/material/CardHeader";
+import k from "@mui/material/IconButton";
+import a from "@mui/material/Stack";
+import G from "@mui/material/styles/useTheme";
+import { H3 as H, Text as c, Icon as $ } from "@mxenabled/mxui";
+import { ManageIncome as F } from "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome/index.es.js";
+import { useEvent as K, useAccountStore as U, useGlobalCopyStore as V, useCategoryStore as Y, useBudgetsStore as q, useRecurringTransactionsStore as z, useTransactionStore as J } from "../../../common/context/hooks/index.es.js";
+import b from "../../../common/components/charts/StatusBar/index.es.js";
+import { buildDynamicCopy as v } from "../../../common/utils/Localization/index.es.js";
+import { formatCurrency as m } from "../../../common/utils/NumberFormatting/index.es.js";
+import Q from "../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as W } from "../../../common/constants/Analytics/index.es.js";
+const he = P(() => {
+  const s = G(), { onEvent: y } = K(), { visibleAccounts: _ } = U(), { budgets: r, common: x, recurring: g } = V(), { incomeCategories: f, spendCategories: h } = Y(), { detailedBudgets: I, totalBudgeted: C } = q(), { incomeTotal: l } = z(), { setFilter: T } = J(), [w, S] = u.useState(!1), [B, D] = u.useMemo(() => {
+    const o = h.reduce((d, M) => d + M.totalAmount, 0);
+    let t = o / C;
+    t > 1 && (t = 1);
+    let i = s.palette.success.main;
+    t > 0.8 && t < 1 ? i = s.palette.warning.main : t >= 1 && (i = s.palette.error.main);
+    const p = [
+      {
+        color: i,
+        percentage: `${t}`
+      }
+    ];
+    return [o, p];
+  }, [I, h]), [E, A] = u.useMemo(() => {
+    const o = Math.abs(
+      f.reduce((p, d) => p + d.totalAmount, 0)
+    );
+    let t = o / l;
+    t > 1 && (t = 1);
+    const i = [
+      {
+        color: s.palette.secondary.main,
+        percentage: `${t}`
+      }
+    ];
+    return [o, i];
+  }, [f, l]), O = () => {
+    T({
+      accounts: _.map((o) => o.guid),
+      dateRange: {
+        start: L(/* @__PURE__ */ new Date(), 90),
+        end: /* @__PURE__ */ new Date()
+      }
+    }), S(!0), y(W.BUDGETS_CLICK_EDIT_INCOME);
+  };
+  return /* @__PURE__ */ n(N, { elevation: 2, sx: { overflow: "visible" }, children: [
+    /* @__PURE__ */ e(j, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(H, { children: r.overview_title }) }),
+    /* @__PURE__ */ e(R, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ n(a, { gap: 24, children: [
+      /* @__PURE__ */ n(a, { gap: 8, children: [
+        /* @__PURE__ */ e(c, { bold: !0, sx: { mb: 8 }, variant: "Body", children: r.spending_title }),
+        /* @__PURE__ */ e(b, { data: D, height: 16 }),
+        /* @__PURE__ */ e(c, { variant: "Small", children: v(
+          r.spending_description,
+          m(B, "0,0"),
+          m(C, "0,0")
+        ) })
+      ] }),
+      /* @__PURE__ */ n(a, { gap: 8, children: [
+        /* @__PURE__ */ n(a, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+          /* @__PURE__ */ e(c, { bold: !0, variant: "Body", children: r.income_title }),
+          /* @__PURE__ */ e(
+            k,
+            {
+              "aria-label": g.manage_income,
+              onClick: O,
+              sx: { p: 0 },
+              children: /* @__PURE__ */ e($, { color: "primary", name: "edit" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(b, { data: A, height: 16 }),
+        /* @__PURE__ */ e(c, { variant: "Small", children: v(
+          r.income_description,
+          m(E, "0,0"),
+          m(l, "0,0")
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        ariaLabelClose: x.close_aria,
+        isOpen: w,
+        onClose: () => S(!1),
+        title: g.manage_income,
+        children: /* @__PURE__ */ n(a, { gap: 4, children: [
+          /* @__PURE__ */ e(c, { bold: !0, sx: { mt: 12, mx: 24 }, variant: "Small", children: r.income_title }),
+          /* @__PURE__ */ e(F, {})
+        ] })
+      }
+    )
+  ] });
+});
+export {
+  he as Overview
+};

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

@@ -0,0 +1,28 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { observer as l } from "mobx-react-lite";
+import n from "@mui/material/Stack";
+import { Text as e } from "@mxenabled/mxui";
+import { useGlobalCopyStore as s, useBudgetsStore as m, useRecurringTransactionsStore as u } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as i } from "../../../../common/utils/NumberFormatting/index.es.js";
+const v = l(() => {
+  const { budgets: o } = s(), { totalBudgeted: c } = m(), { incomeTotal: a } = u(), d = a - c;
+  return /* @__PURE__ */ t(n, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ t(n, { alignItems: "center", children: [
+      /* @__PURE__ */ r(e, { bold: !0, variant: "Body", children: i(a, "0,0") }),
+      /* @__PURE__ */ r(e, { color: "secondary", variant: "Small", children: o.projected_income })
+    ] }),
+    /* @__PURE__ */ r(e, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
+    /* @__PURE__ */ t(n, { alignItems: "center", children: [
+      /* @__PURE__ */ r(e, { bold: !0, variant: "Body", children: i(c, "0,0") }),
+      /* @__PURE__ */ r(e, { color: "secondary", variant: "Small", children: o.budgeted })
+    ] }),
+    /* @__PURE__ */ r(e, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
+    /* @__PURE__ */ t(n, { alignItems: "center", children: [
+      /* @__PURE__ */ r(e, { bold: !0, variant: "Body", children: i(d, "0,0") }),
+      /* @__PURE__ */ r(e, { color: "secondary", variant: "Small", children: o.remaining })
+    ] })
+  ] });
+});
+export {
+  v as Header
+};

package/dist/budgets/components/addbudget/RecalculateBudgetRow/index.es.js

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import n from "react";
+import { observer as p } from "mobx-react-lite";
+import l from "@mui/material/Divider";
+import f from "@mui/material/ListItem";
+import g from "@mui/material/ListItemAvatar";
+import b from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemText";
+import { CategoryIcon as v } from "@mxenabled/mxui";
+import { useGlobalCopyStore as x, useBudgetsStore as I } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as u } from "../../../../common/utils/NumberFormatting/index.es.js";
+import { buildDynamicCopy as _ } from "../../../../common/utils/Localization/index.es.js";
+const $ = p(
+  ({ category: t }) => {
+    const { budgets: o } = x(), { budgets: e } = I(), s = n.useMemo(() => {
+      const m = e.find((d) => d.category_guid === t.guid), a = u(t.totalAverageAmount, "0,0"), c = m ? _(o.recalculate_previous_budget, u(m.amount, "0,0")) : o.recalculate_new_budget;
+      return `${a} - ${c}`;
+    }, [o, e]);
+    return /* @__PURE__ */ i(n.Fragment, { children: [
+      /* @__PURE__ */ r(f, { children: /* @__PURE__ */ i(b, { children: [
+        /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(v, { categoryGuid: t.guid, variant: "filled" }) }),
+        /* @__PURE__ */ r(y, { primary: t.name, secondary: s })
+      ] }) }),
+      /* @__PURE__ */ r(l, {})
+    ] }, t.guid);
+  }
+);
+export {
+  $ as RecalculateBudgetRow
+};

package/dist/budgets/components/addbudget/RecalculateBudgets/index.es.js

@@ -0,0 +1,39 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import i from "react";
+import f from "@mui/material/Button";
+import x from "@mui/material/List";
+import _ from "@mui/material/Box";
+import n from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+import { RecalculateBudgetRow as b } from "../RecalculateBudgetRow/index.es.js";
+import { useGlobalCopyStore as y, useCategoryStore as C, useBudgetsStore as B } from "../../../../common/context/hooks/index.es.js";
+import S from "../../../../common/components/drawer/Drawer/index.es.js";
+const F = ({ onRecalculateBudgets: s }) => {
+  const { budgets: t, common: m } = y(), { spendCategories: p } = C(), { recalculateBudgets: u, setAlert: d } = B(), [g, o] = i.useState(!1), c = p.filter((r) => r.totalAverageAmount > 0), h = async () => {
+    await u(c), o(!1), d(t.alert_recalculated_budgets), s?.();
+  };
+  return /* @__PURE__ */ a(i.Fragment, { children: [
+    /* @__PURE__ */ e(f, { onClick: () => o(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: t.recalculate_button }),
+    /* @__PURE__ */ e(l, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: t.recalculate_help }),
+    /* @__PURE__ */ e(
+      S,
+      {
+        ariaLabelClose: m.close_aria,
+        isOpen: g,
+        onClose: () => o(!1),
+        onPrimaryAction: h,
+        title: t.recalculate_title,
+        children: /* @__PURE__ */ a(n, { children: [
+          /* @__PURE__ */ a(n, { mx: 24, my: 16, children: [
+            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: t.recalculate_description_top }),
+            /* @__PURE__ */ e(l, { variant: "ParagraphSmall", children: t.recalculate_description_bottom })
+          ] }),
+          /* @__PURE__ */ e(_, { bgcolor: "background.paper", children: /* @__PURE__ */ e(x, { children: c.map((r) => /* @__PURE__ */ e(b, { category: r }, r.guid)) }) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  F as RecalculateBudgets
+};

package/dist/budgets/components/addbudget/UnbudgetedRow/index.es.js

@@ -0,0 +1,46 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import r from "react";
+import { observer as p } from "mobx-react-lite";
+import l from "@mui/material/ListItem";
+import c from "@mui/material/ListItemAvatar";
+import f from "@mui/material/ListItemButton";
+import A from "@mui/material/ListItemSecondaryAction";
+import b from "@mui/material/ListItemText";
+import { CategoryIcon as I, Icon as h } from "@mxenabled/mxui";
+import { BudgetAmount as y } from "../../shared/BudgetAmount/index.es.js";
+import { useGlobalCopyStore as C } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as g } from "../../../../common/utils/NumberFormatting/index.es.js";
+import x from "../../../../common/components/dialog/Dialog/index.es.js";
+const w = p(({ category: t, onAddBudget: a }) => {
+  const { budgets: e, common: s } = C(), [d, i] = r.useState(!1), [m, u] = r.useState(
+    `${t.totalAmount === 0 ? "" : t.totalAmount}`
+  );
+  return /* @__PURE__ */ n(r.Fragment, { children: [
+    /* @__PURE__ */ o(l, { children: /* @__PURE__ */ n(f, { onClick: () => i(!0), children: [
+      /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(I, { categoryGuid: t.guid }) }),
+      /* @__PURE__ */ o(
+        b,
+        {
+          primary: t.name,
+          secondary: g(t.totalAmount, "0,0")
+        }
+      ),
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(h, { name: "add", size: 20 }) })
+    ] }) }, t.guid),
+    /* @__PURE__ */ o(
+      x,
+      {
+        copy: { close_aria: s.close_aria, title: e.add_title },
+        disablePrimaryButton: Number(m) <= 0,
+        isOpen: d,
+        onClose: () => i(!1),
+        onPrimaryAction: () => a(t, Number(m)),
+        primaryText: e.add_save_button,
+        children: /* @__PURE__ */ o(y, { amount: m, categoryName: t.name, onAmountChanged: u })
+      }
+    )
+  ] });
+});
+export {
+  w as UnbudgetedRow
+};