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

package/dist/AccountDetailsHeader-CAm6ADMq.mjs

@@ -0,0 +1,119 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import d from "@mui/material/Stack";
+import { H3 as w, InstitutionLogo as I, Text as m, H2 as L } from "@mxenabled/mxui";
+import { g as N } from "./AccountFields-Bb4pds0q.mjs";
+import h from "react";
+import { G as v, c as S, k as y, u as _, l as E } from "./hooks-ClhFlg78.mjs";
+import G from "@mui/material/Card";
+import O from "@mui/material/CardContent";
+import P from "@mui/material/CardHeader";
+import { useTheme as M } from "@mui/material/styles";
+import { g as B, a as H, b as U } from "./SpendingData-ByFCw95X.mjs";
+import { L as j } from "./LineChart-CQWu5KoO.mjs";
+import { I as f, P as g, S as C } from "./Account-DM32_5k9.mjs";
+import { A } from "./ConnectDrawer-DPnfeIfn.mjs";
+import { L as z } from "./Loader-Dp1P2gNw.mjs";
+import { f as Y, D as k } from "./Dialog-CWW597AF.mjs";
+import { f as R } from "./NumberFormatting-CtWHhyBX.mjs";
+const b = () => {
+  if (!h.useContext(v))
+    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
+  return S().uiStore;
+}, $ = (o, n) => {
+  const t = f.includes(n) ? B(o) : [], a = g.includes(n) ? H(o) : [], r = C.includes(n) ? U(o) : [];
+  return [t, a, r].filter((s) => s.length > 0);
+}, F = (o, n, t) => {
+  const [a, r] = o, s = a, c = r ?? a, i = [];
+  if (s && c && f.includes(n)) {
+    const l = s[s.length - 1].y;
+    i.push({ label: t.income_label, amount: l });
+  } else if (g.includes(n)) {
+    const l = s[s.length - 1].y;
+    i.push({ label: t.payments_label, amount: l });
+  }
+  if (c && C.includes(n)) {
+    const l = c[c.length - 1].y;
+    i.push({ label: t.spending_label, amount: l });
+  }
+  return i;
+}, V = () => {
+  const o = M(), { selectedAccount: n } = b(), { monthlyCategoryTotals: t } = y(), { trends: a } = _(), r = [o.palette.chart?.chart1, o.palette.chart?.chart2], s = $(t, n.account_type), c = F(s, n.account_type, a), i = [A.LOAN, A.MORTGAGE].includes(n.account_type);
+  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
+    j,
+    {
+      colors: r,
+      datasets: s,
+      height: 185,
+      labels: c,
+      showAverage: i,
+      showBars: i,
+      showLegend: !0,
+      valueFormatterString: "0,0"
+    }
+  ) });
+}, W = p(V), q = ({ sx: o }) => {
+  const { loadMonthlyCategoryTotals: n } = y(), { isInitialized: t } = E(), { selectedAccount: a } = b(), [r, s] = h.useState(!1);
+  return h.useEffect(() => {
+    t && n([a]).finally(() => {
+      s(!0);
+    });
+  }, [t, a]), !t || !r ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ u(
+    G,
+    {
+      sx: {
+        "& .MuiCardContent-root:last-child": {
+          pb: 0
+        },
+        ...o
+      },
+      children: [
+        /* @__PURE__ */ e(
+          P,
+          {
+            sx: { pb: 0 },
+            title: /* @__PURE__ */ e(w, { sx: { pb: 4 }, children: Y(/* @__PURE__ */ new Date(), k.MONTH_LONG) })
+          }
+        ),
+        /* @__PURE__ */ e(O, { sx: { p: 0 }, children: /* @__PURE__ */ e(W, {}) })
+      ]
+    }
+  );
+}, J = p(q), K = ({ customDetailsChart: o }) => {
+  const { institutions: n } = S(), { selectedAccount: t } = b(), { accounts: a } = _(), { firstSubtitle: r, firstValue: s, hasAvailableBalance: c, secondSubtitle: i, secondValue: l } = N(t, a), T = n.find(
+    (x) => x.guid === t?.institution_guid
+  ), D = [
+    ...f,
+    ...g,
+    ...C
+  ].includes(t.account_type);
+  return /* @__PURE__ */ u(d, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ u(d, { gap: 12, children: [
+      /* @__PURE__ */ e(
+        I,
+        {
+          alt: a.institution_logo_alt,
+          institutionGuid: t.institution_guid || "",
+          size: 64
+        }
+      ),
+      /* @__PURE__ */ e(m, { variant: "Small", children: T?.name })
+    ] }),
+    /* @__PURE__ */ u(d, { gap: 8, mb: 24, mt: 4, children: [
+      /* @__PURE__ */ e(L, { children: t.name || t.feed_name }),
+      /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(m, { bold: c, variant: "Body", children: r }),
+        /* @__PURE__ */ e(m, { bold: !0, variant: "Body", children: R(s, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(m, { variant: "Small", children: i }),
+        /* @__PURE__ */ e(m, { variant: "Small", children: l })
+      ] })
+    ] }),
+    D && /* @__PURE__ */ e(d, { children: o || /* @__PURE__ */ e(J, {}) })
+  ] });
+}, ft = p(K);
+export {
+  ft as A,
+  b as u
+};

package/dist/{accounts/utils/AccountFields/index.es.js → AccountFields-Bb4pds0q.mjs}

@@ -1,12 +1,11 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as c } from "@mxenabled/mxui";
-import { AccountType as d, AccountIcon as v, PropertyType as h, PropertyIcon as F } from "../../../common/types/Account/index.es.js";
-import { isManual as T, usesInterestRateField as D, isAccountLiability as A, usesCreditLimitField as O, usesOriginalBalanceField as g } from "../Accounts/index.es.js";
-import { FieldType as m } from "../../constants/Accounts/index.es.js";
-import { formatCurrency as _, isValidNumber as b, formatPercentage as N, formatOrdinal as S } from "../../../common/utils/NumberFormatting/index.es.js";
-import { buildDynamicCopy as i } from "../../../common/utils/Localization/index.es.js";
-import { formatDate as o, DATE_FORMATS_INTL as f } from "../../../common/constants/DateFormats/index.es.js";
-const x = (l, e) => {
+import { F as m, A as b, a as v, P as h, b as F } from "./ConnectDrawer-DPnfeIfn.mjs";
+import { i as D, u as T, a as A, b as O, c as g } from "./Accounts-BfAQRG8R.mjs";
+import { f as _, i as d, a as N, b as S } from "./NumberFormatting-CtWHhyBX.mjs";
+import { b as i } from "./Localization-2MODESHW.mjs";
+import { f, D as o } from "./Dialog-CWW597AF.mjs";
+const w = (l, e) => {
   const r = [
     {
       event: "account_details_click_account_name",
@@ -18,7 +17,7 @@ const x = (l, e) => {
       valueFormatter: (a) => a
     }
   ];
-  if (T(l)) {
+  if (D(l)) {
     r.unshift({
       label: e.account_balance,
       name: "balance",
@@ -26,7 +25,7 @@ const x = (l, e) => {
       type: m.Currency,
       valueFormatter: (t) => _(t, "0,0.00")
     });
-    const a = Object.keys(d).filter((t) => Number(t)).map((t) => ({
+    const a = Object.keys(b).filter((t) => Number(t)).map((t) => ({
       label: e.account_types[t],
       value: Number(t),
       icon: /* @__PURE__ */ u(p, { name: v[t] })
@@ -40,7 +39,7 @@ const x = (l, e) => {
       valueFormatter: (t) => a.find((n) => n.value === t)?.label
     });
   }
-  if (l.account_type === d.PROPERTY) {
+  if (l.account_type === b.PROPERTY) {
     const a = Object.keys(h).filter((t) => Number(t)).map((t) => ({
       label: e.property_types[t],
       value: Number(t),
@@ -55,7 +54,7 @@ const x = (l, e) => {
       valueFormatter: (t) => a.find((n) => n.value === t)?.label
     });
   }
-  if (D(l)) {
+  if (T(l)) {
     let a = e.interest_rate, t = "interest_rate";
     l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), r.push({
       event: "account_details_click_interest_rate",
@@ -63,8 +62,8 @@ const x = (l, e) => {
       name: t,
       placeholder: i(e.enter_value, a),
       type: m.Input,
-      validation: (n) => b(n) ? "" : e.error_amount_is_invalid,
-      valueFormatter: (n) => b(n) ? N(n / 100) : n
+      validation: (n) => d(n) ? "" : e.error_amount_is_invalid,
+      valueFormatter: (n) => d(n) ? N(n / 100) : n
     });
   }
   return A(l) && (r.push({
@@ -79,7 +78,7 @@ const x = (l, e) => {
     type: m.Date,
     valueFormatter: (a) => {
       const t = typeof a == "number" ? new Date(a * 1e3) : a;
-      return o(t, f.MED_MONTH_SHORT_DAY_FULL_YEAR);
+      return f(t, o.MED_MONTH_SHORT_DAY_FULL_YEAR);
     }
   }) : r.push({
     label: e.day_payment_due,
@@ -104,7 +103,7 @@ const x = (l, e) => {
     type: m.Currency,
     valueFormatter: (a) => _(a, "0,0.00")
   }), r;
-}, E = (l, e) => {
+}, x = (l, e) => {
   let r = "", a = null, t = null, n = null, s = !1;
   switch (l.account_type) {
     case 1:
@@ -118,7 +117,7 @@ const x = (l, e) => {
         t = /* @__PURE__ */ u(c, { component: "strong", variant: "XSmall", children: i(
           e.payment_due_on,
           _(l.minimum_payment, "0,0.00"),
-          o(y, f.FULL_MONTH_DAY)
+          f(y, o.FULL_MONTH_DAY)
         ) });
       } else l.credit_limit && (t = e.available_credit, n = _(l.credit_limit, "0,0.00"));
   }
@@ -131,6 +130,6 @@ const x = (l, e) => {
   };
 };
 export {
-  E as getAccountBalanceDetails,
-  x as getAccountDetailFields
+  w as a,
+  x as g
 };

package/dist/AccountListItem-G7iAesaO.mjs

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as r, Fragment as a } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import y from "@mui/material/Badge";
+import l from "@mui/material/Box";
+import I from "@mui/material/ListItem";
+import S from "@mui/material/ListItemAvatar";
+import _ from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemText";
+import C from "@mui/material/styles/useTheme";
+import { InstitutionLogo as B, Text as o } from "@mxenabled/mxui";
+import "@mui/icons-material/CheckCircle";
+import L from "@mui/icons-material/Error";
+import { I as A } from "./IconBacking-B9oC6uL2.mjs";
+import { g as j } from "./AccountFields-Bb4pds0q.mjs";
+import { d } from "./ConnectDrawer-DPnfeIfn.mjs";
+import { u as T } from "./hooks-ClhFlg78.mjs";
+import { f as X } from "./NumberFormatting-CtWHhyBX.mjs";
+const $ = {
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, k = ({ size: t = 20 }) => /* @__PURE__ */ e(A, { size: t, children: /* @__PURE__ */ e(L, { color: "error", sx: { fontSize: t, ...$ } }) }), w = ({
+  account: t,
+  onRowClick: n,
+  listItemProps: c,
+  shouldShowConnectionStatus: p = !1
+}) => {
+  const f = C(), { accounts: i } = T(), { firstSubtitle: u, firstValue: h, secondSubtitle: g, secondValue: x } = j(
+    t,
+    i
+  );
+  let s;
+  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (s = /* @__PURE__ */ e(k, { size: 16 }));
+  const m = /* @__PURE__ */ r(a, { children: [
+    /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+      y,
+      {
+        badgeContent: p ? s : void 0,
+        sx: {
+          "& .MuiBadge-badge": {
+            right: -1
+          }
+        },
+        children: /* @__PURE__ */ e(B, { alt: "MX", institutionGuid: t.institution_guid || "" })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      v,
+      {
+        disableTypography: !0,
+        primary: /* @__PURE__ */ r(
+          o,
+          {
+            bold: !0,
+            color: t.is_hidden ? f.palette.text.secondary : void 0,
+            sx: { whiteSpace: "normal" },
+            variant: "Body",
+            children: [
+              `${t.name || t.feed_name} ${t.account_number ? `*${t.account_number}` : ""}`,
+              " ",
+              t.is_hidden && !t.is_closed && i.is_hidden,
+              t.is_closed && i.is_closed
+            ]
+          }
+        ),
+        secondary: /* @__PURE__ */ r(a, { children: [
+          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { variant: "XSmall", children: u }),
+            /* @__PURE__ */ e(o, { bold: !0, variant: "Small", children: X(h, "0,0.00") })
+          ] }),
+          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { variant: "XSmall", children: g }),
+            /* @__PURE__ */ e(o, { ml: "auto", variant: "XSmall", children: x })
+          ] })
+        ] })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(
+    I,
+    {
+      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
+      ...c,
+      children: n ? /* @__PURE__ */ e(_, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: m }) : m
+    }
+  );
+}, W = b(w);
+export {
+  W as A
+};

package/dist/{accounts/stores/AccountStore/index.es.js → AccountStore-RSanus_m.mjs}

@@ -1,16 +1,41 @@
-import { makeAutoObservable as d, runInAction as i } from "mobx";
-import { AccountApi as h } from "../../api/AccountApi/index.es.js";
-import { UiStore as l } from "../UiStore/index.es.js";
-import { AccountType as n, ConnectionStatus as a, ErrorStatuses as _, ProcessingStatuses as m, MfaStatuses as A } from "../../../common/types/Account/index.es.js";
-class I {
+import { makeAutoObservable as m, runInAction as a } from "mobx";
+import { F as A, A as o } from "./Fetch-CkFKy79O.mjs";
+import { A as n, d as u, E as _, g, h as f } from "./ConnectDrawer-DPnfeIfn.mjs";
+class l {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new A(t, e);
+  }
+  createAccount = async (t) => this.fetchInstance.post(o.ACCOUNTS, t).then((e) => e.account).catch((e) => e);
+  deleteAccount = async (t) => this.fetchInstance.delete(`${o.ACCOUNTS}/${t}`).catch((e) => e);
+  getAccounts = async () => this.fetchInstance.get(o.ACCOUNTS).then((t) => t.accounts).catch((t) => t);
+  getInstitutions = async () => this.fetchInstance.get(o.INSTITUTIONS).then((t) => t).catch((t) => t);
+  getMembers = async () => this.fetchInstance.get(o.MEMBERS).then((t) => t.members).catch((t) => t);
+  getMonthlyAccountBalances = async (t) => this.fetchInstance.get(`${o.ACCOUNTS}/${t}/monthly_account_balances`).then((e) => e.monthly_account_balances).catch((e) => e);
+  mergeAccounts = async (t) => this.fetchInstance.put(`${o.ACCOUNTS}/merge`, { accounts: t }).then((e) => e).catch((e) => e);
+  refreshAllMembers = async () => this.fetchInstance.get(`${o.MEMBERS}/refresh_all`).then((t) => t).catch((t) => t);
+  updateAccount = async (t) => this.fetchInstance.put(`${o.ACCOUNTS}/${t.guid}`, t).then((e) => e.account).catch((e) => e);
+}
+class p {
+  isLoading = !1;
+  selectedAccount = {};
+  selectedMember = {};
+  constructor() {
+    m(this);
+  }
+  setIsLoading = (t) => this.isLoading = t;
+  setSelectedAccount = (t) => this.selectedAccount = t;
+  setSelectedMember = (t) => this.selectedMember = t;
+}
+class C {
   globalStore;
-  api = new h("/", "");
+  api = new l("/", "");
   accounts = [];
   institutions = [];
   members = [];
   uiStore;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new l(), this.api = new h(t.endpoint, t.sessionToken), d(this);
+    this.globalStore = t, this.uiStore = new p(), this.api = new l(t.endpoint, t.sessionToken), m(this);
   }
   loadAccountData = async ({
     accounts: t,
@@ -80,7 +105,7 @@ class I {
   addAccount = async (t) => {
     try {
       const e = await this.api.createAccount(t);
-      i(() => {
+      a(() => {
         this.accounts = [...this.accounts, e];
       });
     } catch (e) {
@@ -94,14 +119,14 @@ class I {
         (r) => r.guid === c.member_guid
       );
       if (s > -1) {
-        let r = a.Connected;
-        const o = this.members[s];
-        _.includes(o.connection_status) ? r = a.Error : m.includes(o.connection_status) ? r = a.Processing : A.includes(o.connection_status) && (r = a.RequiresMfa);
-        let u = c.user_name || c.feed_name || "";
-        c.account_number && (u = `${u} *${c.account_number}`), e.push({
+        let r = u.Connected;
+        const i = this.members[s];
+        _.includes(i.connection_status) ? r = u.Error : g.includes(i.connection_status) ? r = u.Processing : f.includes(i.connection_status) && (r = u.RequiresMfa);
+        let h = c.user_name || c.feed_name || "";
+        c.account_number && (h = `${h} *${c.account_number}`), e.push({
           ...c,
-          institutionName: u,
-          memberName: o.name,
+          institutionName: h,
+          memberName: i.name,
           connectionStatus: r
         }), this.members[s].connectionStatus = r;
       }
@@ -111,7 +136,7 @@ class I {
     await this.loadMembers();
     try {
       const e = t || await this.api.getAccounts();
-      i(() => {
+      a(() => {
         this.accounts = this.sortAccounts(this.augmentAccounts(e));
       });
     } catch (e) {
@@ -121,7 +146,7 @@ class I {
   loadInstitutions = async (t) => {
     try {
       const e = t || await this.api.getInstitutions();
-      i(() => {
+      a(() => {
         this.institutions = e;
       });
     } catch (e) {
@@ -131,7 +156,7 @@ class I {
   loadMembers = async () => {
     try {
       const t = await this.api.getMembers();
-      i(() => {
+      a(() => {
         this.members = t;
       });
     } catch (t) {
@@ -141,10 +166,10 @@ class I {
   mergeAccounts = async (t) => {
     try {
       const e = await this.api.mergeAccounts(t), c = e[Object.keys(e)[0]];
-      i(() => {
-        const s = this.accounts.findIndex((o) => o.guid === t[1]);
+      a(() => {
+        const s = this.accounts.findIndex((i) => i.guid === t[1]);
         this.accounts.splice(s, 1);
-        const r = this.accounts.findIndex((o) => o.guid === t[0]);
+        const r = this.accounts.findIndex((i) => i.guid === t[0]);
         this.accounts.splice(r, 1, c);
       });
     } catch (e) {
@@ -164,7 +189,7 @@ class I {
   };
   removeAccount = async (t) => {
     try {
-      await this.api.deleteAccount(t), i(() => {
+      await this.api.deleteAccount(t), a(() => {
         const e = this.accounts.findIndex((c) => c.guid === t);
         this.accounts.splice(e, 1);
       });
@@ -175,7 +200,7 @@ class I {
   updateAccount = async (t) => {
     try {
       const e = await this.api.updateAccount(t);
-      i(() => {
+      a(() => {
         const c = this.accounts.findIndex(
           (s) => s.guid === e.guid
         );
@@ -200,5 +225,6 @@ class I {
   };
 }
 export {
-  I as AccountStore
+  l as A,
+  C as a
 };

package/dist/Accounts-BfAQRG8R.mjs

@@ -0,0 +1,9 @@
+import { A as _ } from "./ConnectDrawer-DPnfeIfn.mjs";
+const s = (t) => t && (t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CHECKING_LINE_OF_CREDIT), p = (t) => t.is_manual || !t.guid, E = (t) => t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.CHECKING_LINE_OF_CREDIT, a = (t) => t.account_type === _.SAVINGS || t.account_type === _.CHECKING || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE, y = (t) => t.account_type === _.LOAN || t.account_type === _.MORTGAGE;
+export {
+  s as a,
+  E as b,
+  y as c,
+  p as i,
+  a as u
+};

package/dist/BeatApi-DLu87ijw.mjs

@@ -0,0 +1,21 @@
+import { F as c, A as s } from "./Fetch-CkFKy79O.mjs";
+class i {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new c(t, e);
+  }
+  getBeats = async (t, e) => {
+    const n = `page=${t || 1}&per_page=${e || 5}`;
+    return this.fetchInstance.get(`${s.BEATS}?${n}`).then((a) => a.beats);
+  };
+  getBeatsWithAssociatedTransaction = async (t) => {
+    let e = "has_associated_transaction_guid=true";
+    return e += t ? `&from_date=${t}` : "", this.fetchInstance.get(`${s.BEATS}?${e}`).then((n) => n.beats);
+  };
+  getOffers = async () => this.fetchInstance.get(`${s.OFFERS}/${s.PULSE_COMMUNICATIONS}`).then((t) => t.pulse_communications);
+  updateBeat = async (t) => this.fetchInstance.put(`${s.BEATS}/${t.guid}`, t).then((e) => e.beat);
+  updateOffer = async (t) => this.fetchInstance.put(`${s.OFFERS}/${t.guid}`, t).then((e) => e.beat);
+}
+export {
+  i as B
+};

package/dist/{microinsights/utils/beatUtils/index.es.js → BeatStore-By4aGoRM.mjs}

@@ -1,8 +1,10 @@
-function n(t, s, _, l = "asc") {
-  const a = l === "desc" ? -1 : 1;
-  return [...t, ...s].sort((i, e) => i[_] < e[_] ? -1 * a : i[_] > e[_] ? 1 * a : 0);
+import { makeAutoObservable as c, runInAction as r } from "mobx";
+import { B as n } from "./BeatApi-DLu87ijw.mjs";
+function d(t, a, s, i = "asc") {
+  const e = i === "desc" ? -1 : 1;
+  return [...t, ...a].sort((_, l) => _[s] < l[s] ? -1 * e : _[s] > l[s] ? 1 * e : 0);
 }
-const c = (t) => ({
+const m = (t) => ({
   ...t,
   //fields that are offer specific, adding here for visibility
   image_url: t.image_url,
@@ -45,7 +47,35 @@ const c = (t) => ({
   user_guid: "",
   user_verification: 0
 });
+class u {
+  globalStore;
+  api = new n("/", "");
+  beats = [];
+  isLoading = !1;
+  constructor(a) {
+    this.globalStore = a, this.api = new n(a.endpoint, a.sessionToken), c(this);
+  }
+  loadBeats = async () => {
+    this.isLoading = !0;
+    const a = await this.api.getBeats(), i = (await this.api.getOffers()).map((e) => m(e));
+    r(() => {
+      this.beats = d(a, i, "active_at", "desc"), this.isLoading = !1;
+    });
+  };
+  getFilteredBeats(a) {
+    const { categoryGuids: s, templates: i } = a;
+    let e = this.beats;
+    return s && (e = this.filterBeatsByCategory(e, s)), i && (e = this.filterBeatsByTemplate(e, i)), e;
+  }
+  // Return beats with any beat.category_guids that are in categoryGuids
+  filterBeatsByCategory(a, s) {
+    return a.filter((i) => i.category_guids?.some((e) => s.includes(e)));
+  }
+  // Return beats with a beat.template that is in templates
+  filterBeatsByTemplate(a, s) {
+    return a.filter((i) => s.some((e) => i.template === e));
+  }
+}
 export {
-  n as orderArray,
-  c as transformOfferIntoBeatLikeObject
+  u as B
 };

package/dist/BudgetUtil-DcqclhiQ.mjs

@@ -0,0 +1,101 @@
+import { e as _ } from "./hooks-ClhFlg78.mjs";
+import { c as d } from "./Category-5S6uwuXz.mjs";
+import { b as f } from "./Localization-2MODESHW.mjs";
+import { f as l } from "./NumberFormatting-CtWHhyBX.mjs";
+const p = (n, e) => n.find((t) => t.guid === e), B = (n, e) => n.find((t) => t.guid === e), T = (n, e) => {
+  const t = n.find((r) => r.subCategories.find((a) => a.guid === e));
+  if (t)
+    return t.subCategories.find((r) => r.guid === e);
+}, k = (n, e) => {
+  const t = [];
+  for (const r of e) {
+    const a = p(n, r.category_guid);
+    if (!a) continue;
+    const o = a.parent_guid ?? a.guid, s = p(n, o);
+    if (!s) continue;
+    const u = {
+      amount: r.total,
+      category: a,
+      guid: a.guid,
+      subCategoryTotals: []
+    }, i = t.find((g) => g.guid === o);
+    i ? (i.amount += r.total, i.subCategoryTotals.push(u)) : t.push({
+      amount: r.total,
+      category: s,
+      guid: o,
+      subCategoryTotals: [u]
+    });
+  }
+  return t;
+}, w = (n, e) => {
+  const t = n.find((r) => r.guid === e);
+  return t ? t.guid === d.INCOME || t.parent_guid === d.INCOME : !1;
+}, y = (n, e) => !n && !e ? 0 : !n && e ? 101 : e / n * 100, b = (n, e) => {
+  const t = {
+    background: e.palette.success.main,
+    description: n <= 100 ? e.palette.text.secondary : e.palette.error.main,
+    text: e.palette.common.white,
+    mercury: e.palette.success.lighter
+  };
+  return n > 100 ? (t.background = e.palette.error.main, t.mercury = e.palette.error.lighter) : n > 80 && (t.background = e.palette.warning.main, t.text = e.palette.grey[900], t.mercury = e.palette.warning.lighter), t;
+}, G = () => {
+  const { detailedBudgets: n } = _();
+  return n.map((t) => {
+    const r = t.transaction_total;
+    return t.amount - r;
+  }).reduce((t, r) => t + r, 0);
+}, I = (n, e, t, r) => {
+  const a = [];
+  for (const o of n) {
+    const s = B(e, o.category_guid);
+    if (!s) continue;
+    const u = s.totalAmount, i = y(o.amount, u), g = o.amount - u;
+    a.push({
+      ...o,
+      budgetColors: b(i, r),
+      category: s,
+      description: f(
+        g < 0 ? t.budget_remaining_over : t.budget_remaining_left,
+        l(Math.abs(g), "0,0")
+      ),
+      percentage: i,
+      subBudgets: [],
+      transaction_total: u
+    });
+  }
+  for (const o of n) {
+    const s = T(e, o.category_guid);
+    if (!s) continue;
+    const u = s.currentAmount, i = a.find((C) => C.category_guid === s.parent_guid);
+    if (!i) continue;
+    const g = o.amount - u, c = y(o.amount, u);
+    i && i.subBudgets.push({
+      ...o,
+      budgetColors: b(c, r),
+      category: s,
+      description: f(
+        g < 0 ? t.budget_remaining_over : t.budget_remaining_left,
+        l(Math.abs(g), "0,0")
+      ),
+      percentage: c,
+      subBudgets: [],
+      transaction_total: u
+    });
+  }
+  return a;
+}, m = (n, e) => n.find((t) => t.guid === e), S = (n, e, t) => {
+  const r = m(n, t);
+  if (r)
+    return m(r.subBudgets, e);
+};
+export {
+  S as a,
+  I as b,
+  B as c,
+  T as d,
+  k as e,
+  m as f,
+  p as g,
+  w as i,
+  G as u
+};