@mx-cartographer/experiences 8.0.24 → 8.1.0

package/dist/cashflow/index.es.js

@@ -1,65 +1,64 @@
-import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
-import h, { useState as X } from "react";
-import { observer as E } from "mobx-react-lite";
-import { addMonths as Ve } from "date-fns/addMonths";
-import { startOfToday as W } from "date-fns/startOfToday";
-import D from "@mui/material/Box";
+import { jsxs as n, Fragment as $, jsx as e } from "react/jsx-runtime";
+import h, { useState as V } from "react";
+import { observer as A } from "mobx-react-lite";
+import { addMonths as Ye } from "date-fns/addMonths";
+import { startOfToday as F } from "date-fns/startOfToday";
+import I from "@mui/material/Box";
 import v from "@mui/material/Divider";
 import s from "@mui/material/Stack";
-import re from "@mui/material/styles/useTheme";
-import { Text as m, P as k, Icon as M, InstitutionLogo as ye, H2 as me, H3 as Ye } from "@mxenabled/mxui";
-import { G as Qe, t as ue, u as L, p as se, d as Ne, b as q, i as U, g as ke, a as Ke, h as Oe, o as Xe } from "../hooks-BxkfR-Ff.mjs";
-import { C as R } from "../CurrencyText-CA-E5N_y.mjs";
+import ie from "@mui/material/styles/useTheme";
+import { Text as m, P as N, Icon as z, InstitutionLogo as xe, H2 as de, H3 as qe } from "@mxenabled/mxui";
+import { G as Ke, t as me, u as k, p as ae, d as ke, b as P, i as j, g as Le, a as Ve, h as Ne, o as Xe } from "../hooks-BxkfR-Ff.mjs";
+import { C as E } from "../CurrencyText-oqd6cX3M.mjs";
 import { I as pe } from "../CashflowStore-CeAzChyD.mjs";
-import { C as Vn } from "../CashflowStore-CeAzChyD.mjs";
-import { u as he } from "../useScreenSize-CUcpY7aJ.mjs";
-import { L as te } from "../Loader-D3rjKx72.mjs";
-import { b as $ } from "../Localization-CPkpIwIx.mjs";
+import { C as Bn } from "../CashflowStore-CeAzChyD.mjs";
+import { u as ue } from "../useScreenSize-CUcpY7aJ.mjs";
+import { L as Z } from "../Loader-D3rjKx72.mjs";
+import { b as H } from "../Localization-CkQ49EKr.mjs";
 import { M as Je } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
-import { E as Ze } from "../EmptyState-DHAkGsjk.mjs";
-import { u as Fe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { R as et } from "../RecurringSettings-OBGLelZQ.mjs";
-import tt from "@mui/material/Tabs";
-import Ce from "@mui/material/Tab";
-import { getUnixTime as z } from "date-fns/getUnixTime";
-import ee from "@mui/material/List";
-import ne from "@mui/material/ListItem";
-import { A as nt } from "../AccountListItem-D9WJDbZ1.mjs";
-import { f as V, D as Y } from "../DateFormats-BMpMrZpW.mjs";
-import ot from "@mui/material/ListSubheader";
-import { f as Z } from "../NumberFormatting-QCaNwbjv.mjs";
-import { isAfter as He } from "date-fns/isAfter";
-import { isBefore as We } from "date-fns/isBefore";
-import { isToday as $e } from "date-fns/isToday";
-import { addDays as _e } from "date-fns/addDays";
-import { alpha as it, keyframes as at } from "@mui/material/styles";
-import { DataGridPro as rt } from "@mui/x-data-grid-pro";
-import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
-import G from "@mui/material/Button";
-import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome-DqqI9HB1.mjs";
-import { D as Ge } from "../Drawer-Bbe4AMB1.mjs";
-import { subDays as Me } from "date-fns/subDays";
-import { endOfToday as mt } from "date-fns/endOfToday";
-import { W as ut } from "../WidgetContainer-DYKMArWw.mjs";
-import { A as Ie } from "../Analytics-0Xm_BjHU.mjs";
-import { A as J } from "../Account-BiB1F8lL.mjs";
+import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
+import { u as Oe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { R as Ze } from "../RecurringSettings-CZKeZC4m.mjs";
+import et from "@mui/material/Tabs";
+import ye from "@mui/material/Tab";
+import { getUnixTime as le } from "date-fns/getUnixTime";
+import Q from "@mui/material/List";
+import ee from "@mui/material/ListItem";
+import { A as tt } from "../AccountListItem-qpACFl6i.mjs";
+import { f as U, D as Y } from "../DateFormats-CaOj_4eI.mjs";
+import nt from "@mui/material/ListSubheader";
+import { f as J } from "../NumberFormatting-CyrvFgfd.mjs";
+import { isAfter as Ge } from "date-fns/isAfter";
+import { isBefore as Me } from "date-fns/isBefore";
+import { isToday as Fe } from "date-fns/isToday";
+import { addDays as Ce } from "date-fns/addDays";
+import { alpha as ot, keyframes as it } from "@mui/material/styles";
+import { DataGridPro as at } from "@mui/x-data-grid-pro";
+import { T as _e } from "../TabContentContainer-j01JYR_7.mjs";
+import W from "@mui/material/Button";
+import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-DwSE_a8L.mjs";
+import { D as He } from "../Drawer-Bbe4AMB1.mjs";
+import { subDays as We } from "date-fns/subDays";
+import { endOfToday as dt } from "date-fns/endOfToday";
+import { W as mt } from "../WidgetContainer-Bc75FqK7.mjs";
+import { A as Se } from "../Analytics-0Xm_BjHU.mjs";
+import { A as X } from "../Account-BiB1F8lL.mjs";
 import { formatISO as pt } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
-import { startOfMonth as ht } from "date-fns/startOfMonth";
-import { S as ft, a as gt } from "../EmbeddedCard-qwIhF1VP.mjs";
-import { c as ve } from "../RecurringTransactions-BbZ6MQsX.mjs";
-import { h as bt } from "../DateUtil-wcYTmDRD.mjs";
-import { F as xt, R as Ae } from "../RepeatingTransaction-DF4vJn_v.mjs";
-import { F as yt, A as j } from "../Fetch-B6tMJC1r.mjs";
-const Q = () => {
-  if (!h.useContext(Qe))
+import { startOfMonth as ut } from "date-fns/startOfMonth";
+import { S as ht, a as ft } from "../EmbeddedCard-j7IGx3s1.mjs";
+import { c as Ie } from "../RecurringTransactions-kzlU8OFY.mjs";
+import { h as gt } from "../DateUtil-C57sqxn4.mjs";
+import { F as bt, b as ve } from "../RepeatingTransaction-D2gmBTd0.mjs";
+const q = () => {
+  if (!h.useContext(Ke))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
-  return ue().uiStore;
-}, Ct = ({ remaining: i }) => {
-  const { cashflow: n } = L();
-  return /* @__PURE__ */ o(B, { children: [
+  return me().uiStore;
+}, xt = ({ remaining: i }) => {
+  const { cashflow: o } = k();
+  return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ e(
-      D,
+      I,
       {
         sx: {
           borderRadius: "1px",
@@ -69,36 +68,36 @@ const Q = () => {
         }
       }
     ),
-    /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
-    /* @__PURE__ */ e(R, { amount: i, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: o.remaining_cash }),
+    /* @__PURE__ */ e(E, { amount: i, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, fe = E(Ct), _t = () => {
-  const i = re(), { availableWidth: n } = se(), { isMobile: t } = he(), { visibleCashAccounts: a, visibleCashBalance: f } = Ne(), { selectedAccountGuids: u } = q(), { cashflow: c } = L(), {
+}, he = A(xt), yt = () => {
+  const i = ie(), { availableWidth: o } = ae(), { isMobile: t } = ue(), { visibleCashAccounts: r, visibleCashBalance: f } = ke(), { selectedAccountGuids: p } = P(), { cashflow: c } = k(), {
     daysUntilNextIncome: l,
     expensesTilNextIncome: b,
-    selectedCashAccounts: r,
+    selectedCashAccounts: a,
     setNextIncome: g,
     setSelectedCashAccounts: d,
     setUpcomingExpenses: x
-  } = Q(), { isDataLoaded: _, nextIncomeRecurrence: w, upcomingExpenses: T } = U();
+  } = q(), { isDataLoaded: _, nextIncomeRecurrence: w, upcomingExpenses: R } = j();
   h.useEffect(() => {
     d(
-      a.filter((C) => u.includes(C.guid))
+      r.filter((C) => p.includes(C.guid))
     );
-  }, [a, u]), h.useEffect(() => {
-    w && g(w), x(T);
-  }, [w, T]);
-  const I = h.useMemo(
-    () => a.filter((C) => u.includes(C.guid)).reduce((C, S) => C + (S?.balance || 0), 0),
-    [u, T]
-  ), N = h.useMemo(
-    () => b.filter((C) => u.includes(C.accountGuid || "")).reduce((C, S) => C + S.amount, 0),
-    [u, b]
-  ), p = h.useMemo(
-    () => I - N,
-    [I, N]
+  }, [r, p]), h.useEffect(() => {
+    w && g(w), x(R);
+  }, [w, R]);
+  const D = h.useMemo(
+    () => r.filter((C) => p.includes(C.guid)).reduce((C, S) => C + (S?.balance || 0), 0),
+    [p, R]
+  ), L = h.useMemo(
+    () => b.filter((C) => p.includes(C.accountGuid || "")).reduce((C, S) => C + S.amount, 0),
+    [p, b]
+  ), u = h.useMemo(
+    () => D - L,
+    [D, L]
   );
-  return _ ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return _ ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
     s,
     {
       border: `1px solid ${i.palette.divider}`,
@@ -107,44 +106,44 @@ const Q = () => {
       justifyContent: "space-between",
       px: 24,
       children: [
-        /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: I, variant: "h2" }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: $(
+        /* @__PURE__ */ n(s, { pb: 14, pt: 12, children: [
+          /* @__PURE__ */ e(E, { amount: D, variant: "h2" }),
+          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: H(
             c.total_cash_accounts,
-            r.length
+            a.length
           ) })
         ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "remove" }) }),
-        /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: N, variant: "h2" }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: $(c.expenses_due, b.length) })
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(z, { name: "remove" }) }),
+        /* @__PURE__ */ n(s, { pb: 14, pt: 12, children: [
+          /* @__PURE__ */ e(E, { amount: L, variant: "h2" }),
+          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: H(c.expenses_due, b.length) })
         ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "equal" }) }),
-        /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: p, variant: "h2" }),
-          /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: c.available_to_spend }),
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(z, { name: "equal" }) }),
+        /* @__PURE__ */ n(s, { pb: 14, pr: 24, pt: 12, children: [
+          /* @__PURE__ */ e(E, { amount: u, variant: "h2" }),
+          /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: c.available_to_spend }),
             /* @__PURE__ */ e(pe, { body: c.tooltip_body, title: c.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(B, { children: [
-          /* @__PURE__ */ e(m, { variant: "h2", children: $(c.days, l) }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: c.next_paycheck })
+        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ n($, { children: [
+          /* @__PURE__ */ e(m, { variant: "h2", children: H(c.days, l) }),
+          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: c.next_paycheck })
         ] }) })
       ]
     }
-  ) : /* @__PURE__ */ o(s, { border: `1px solid ${i.palette.divider}`, borderRadius: 1, children: [
-    /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: $(
+  ) : /* @__PURE__ */ n(s, { border: `1px solid ${i.palette.divider}`, borderRadius: 1, children: [
+    /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
+      /* @__PURE__ */ e(m, { variant: "body2", children: H(
         c.total_cash_accounts,
-        r.length
+        a.length
       ) }),
-      /* @__PURE__ */ e(R, { amount: f, bold: !0, variant: "caption" })
+      /* @__PURE__ */ e(E, { amount: f, bold: !0, variant: "caption" })
     ] }),
     /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: $(c.expenses_due, b.length) }),
-      /* @__PURE__ */ e(R, { amount: N, bold: !0, symbol: "-", variant: "caption" })
+    /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
+      /* @__PURE__ */ e(m, { variant: "body2", children: H(c.expenses_due, b.length) }),
+      /* @__PURE__ */ e(E, { amount: L, bold: !0, symbol: "-", variant: "caption" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ e(
@@ -158,56 +157,56 @@ const Q = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(fe, { remaining: p })
+        children: /* @__PURE__ */ e(he, { remaining: u })
       }
     ),
     /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
+    /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(m, { variant: "body2", children: c.next_paycheck }),
-      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: $(c.days, l) })
+      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: H(c.days, l) })
     ] })
-  ] }) }) : /* @__PURE__ */ e(te, { height: t ? 210 : 120 });
-}, wt = E(_t), St = ({
+  ] }) }) : /* @__PURE__ */ e(Z, { height: t ? 210 : 120 });
+}, Ct = A(yt), _t = ({
   onPrimaryCtaClick: i,
-  onSecondaryCtaClick: n,
+  onSecondaryCtaClick: o,
   sx: t = {}
 }) => {
-  const { cashflow: a } = L(), { isInitialized: f } = q(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: b } = U();
+  const { cashflow: r } = k(), { isInitialized: f } = P(), { loadRepeatingTransactionData: p, income: c, isDataLoaded: l, setDateRange: b } = j();
   h.useEffect(() => {
-    b({ start: W(), end: Ve(W(), 1) }), l || u().finally();
-  }, []), Fe({
+    b({ start: F(), end: Ye(F(), 1) }), l || p().finally();
+  }, []), Oe({
     widgetName: "CashflowMiniWidget",
     isLoaded: l
   });
-  const r = l && !c.length;
-  return f ? /* @__PURE__ */ o(
+  const a = l && !c.length;
+  return f ? /* @__PURE__ */ n(
     Je,
     {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: i,
-      primaryCtaLabel: a.primary_cta,
-      primaryCtaLabelAria: a.primary_cta_aria,
-      subTitle: r || !l ? void 0 : a.sub_title,
+      primaryCtaLabel: r.primary_cta,
+      primaryCtaLabelAria: r.primary_cta_aria,
+      subTitle: a || !l ? void 0 : r.sub_title,
       sx: { height: "100%", ...t },
-      title: a.title,
+      title: r.title,
       children: [
-        !l && /* @__PURE__ */ e(te, {}),
-        l && (r ? /* @__PURE__ */ e(
-          Ze,
+        !l && /* @__PURE__ */ e(Z, {}),
+        l && (a ? /* @__PURE__ */ e(
+          Qe,
           {
-            header: a.create,
+            header: r.create,
             icon: "local_atm",
-            onClick: n,
-            primaryButton: a.add_income,
+            onClick: o,
+            primaryButton: r.add_income,
             primaryButtonStartIcon: "add",
-            subText: a.create_description
+            subText: r.create_description
           }
-        ) : /* @__PURE__ */ e(wt, {}))
+        ) : /* @__PURE__ */ e(Ct, {}))
       ]
     }
-  ) : /* @__PURE__ */ e(te, {});
-}, jn = E(St), It = ({ remaining: i }) => /* @__PURE__ */ e(
-  ne,
+  ) : /* @__PURE__ */ e(Z, {});
+}, Hn = A(_t), wt = ({ remaining: i }) => /* @__PURE__ */ e(
+  ee,
   {
     sx: {
       alignItems: "center",
@@ -219,19 +218,19 @@ const Q = () => {
       borderBottomRightRadius: "3px",
       minHeight: "auto"
     },
-    children: /* @__PURE__ */ e(fe, { remaining: i })
+    children: /* @__PURE__ */ e(he, { remaining: i })
   }
 );
-var oe = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(oe || {});
-const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
-  /* @__PURE__ */ o(ne, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
-    /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: V(i.expectedDate, Y.MONTH) }),
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: V(i.expectedDate, Y.DAY) })
+var te = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(te || {});
+const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
+  /* @__PURE__ */ n(ee, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
+    /* @__PURE__ */ n(s, { alignItems: "center", height: 32, width: 32, children: [
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: U(i.expectedDate, Y.MONTH) }),
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: U(i.expectedDate, Y.DAY) })
     ] }),
     /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
     /* @__PURE__ */ e(
-      R,
+      E,
       {
         amount: i.amount,
         bold: !0,
@@ -240,11 +239,11 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     )
   ] }),
   /* @__PURE__ */ e(v, {})
-] }), Ee = E(Dt), vt = ({ total: i, type: n }) => {
-  const { cashflow: t } = L();
-  return /* @__PURE__ */ o(B, { children: [
-    /* @__PURE__ */ o(
-      ot,
+] }), Te = A(St), Dt = ({ total: i, type: o }) => {
+  const { cashflow: t } = k();
+  return /* @__PURE__ */ n($, { children: [
+    /* @__PURE__ */ n(
+      nt,
       {
         sx: {
           alignItems: "center",
@@ -256,40 +255,40 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: n === oe.EXPENSE ? t.expenses : t.income }),
-          /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 13 }, children: [
-            n === oe.EXPENSE ? "-" : "+",
-            Z(i, "0,0.00")
+          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: o === te.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 13 }, children: [
+            o === te.EXPENSE ? "-" : "+",
+            J(i, "0,0.00")
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(v, {})
   ] });
-}, Te = E(vt), ae = (i, n) => (t) => t.accountGuid === i.guid && ($e(t.expectedDate) || He(t.expectedDate, n.start)) && We(t.expectedDate, n.end), At = () => {
-  const { availableWidth: i } = se(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: a } = U(), { dateRange: f, selectedCashAccounts: u } = Q();
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ o(s, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
-      /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
-        V(f.start, Y.FULL_MONTH_DAY),
+}, Ae = A(Dt), oe = (i, o) => (t) => t.accountGuid === i.guid && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), It = () => {
+  const { availableWidth: i } = ae(), { cashflow: o } = k(), { upcomingExpenses: t, upcomingIncome: r } = j(), { dateRange: f, selectedCashAccounts: p } = q();
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ n(s, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: o.accounts_breakdown }),
+      /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
+        U(f.start, Y.FULL_MONTH_DAY),
         " -",
         " ",
-        V(f.end, Y.FULL_MONTH_DAY)
+        U(f.end, Y.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(s, { children: u.map((c) => {
-      const l = a.filter(ae(c, f)).sort((d, x) => z(d.expectedDate) - z(x.expectedDate)), b = t.filter(
-        ae(c, f)
-      ), r = l.reduce(
+    /* @__PURE__ */ e(s, { children: p.map((c) => {
+      const l = r.filter(oe(c, f)).sort((d, x) => le(d.expectedDate) - le(x.expectedDate)), b = t.filter(
+        oe(c, f)
+      ), a = l.reduce(
         (d, x) => d + x.amount,
         0
       ), g = b.reduce(
         (d, x) => d + x.amount,
         0
       );
-      return /* @__PURE__ */ o(
-        ee,
+      return /* @__PURE__ */ n(
+        Q,
         {
           sx: {
             border: "1px solid",
@@ -299,7 +298,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
           },
           children: [
             /* @__PURE__ */ e(
-              nt,
+              tt,
               {
                 account: c,
                 listItemProps: {
@@ -310,26 +309,26 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
               }
             ),
             /* @__PURE__ */ e(v, {}),
-            l.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-              ee,
+            l.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
+              Q,
               {
-                subheader: /* @__PURE__ */ e(Te, { total: r, type: oe.INCOME }),
+                subheader: /* @__PURE__ */ e(Ae, { total: a, type: te.INCOME }),
                 sx: { width: "100%" },
-                children: l.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
+                children: l.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
-            b.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-              ee,
+            b.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
+              Q,
               {
-                subheader: /* @__PURE__ */ e(Te, { total: g, type: oe.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Ae, { total: g, type: te.EXPENSE }),
                 sx: { width: "100%" },
-                children: b.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
+                children: b.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
             /* @__PURE__ */ e(
-              It,
+              wt,
               {
-                remaining: (c.available_balance || c.balance || 0) + r - g
+                remaining: (c.available_balance || c.balance || 0) + a - g
               }
             )
           ]
@@ -338,17 +337,17 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       );
     }) })
   ] });
-}, Et = E(At), Tt = () => {
-  const { availableWidth: i } = se(), n = re(), { cashflow: t } = L(), { upcomingExpenses: a, upcomingIncome: f } = U(), { dateRange: u, selectedCashAccounts: c } = Q(), l = [
+}, vt = A(It), Tt = () => {
+  const { availableWidth: i } = ae(), o = ie(), { cashflow: t } = k(), { upcomingExpenses: r, upcomingIncome: f } = j(), { dateRange: p, selectedCashAccounts: c } = q(), l = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: r, nickname: g, institution_guid: d, account_number: x } }) => {
-        const _ = g || r;
-        return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
+      renderCell: ({ value: { name: a, nickname: g, institution_guid: d, account_number: x } }) => {
+        const _ = g || a;
+        return /* @__PURE__ */ n(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
-            ye,
+            xe,
             {
               alt: t.institution_logo,
               institutionGuid: d || "",
@@ -364,69 +363,69 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "body2", children: Z(r.value, "0,0.00") })
+      renderCell: (a) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: J(a.value, "0,0.00") })
     },
     {
       field: "income",
       flex: 1,
       headerName: t.projected_income,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "body2", children: `+${Z(r.value, "0,0.00")}` })
+      renderCell: (a) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `+${J(a.value, "0,0.00")}` })
     },
     {
       field: "expenses",
       flex: 1.1,
       headerName: t.projected_expenses,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "body2", children: `-${Z(r.value, "0,0.00")}` })
+      renderCell: (a) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `-${J(a.value, "0,0.00")}` })
     },
     {
       field: "remaining",
       flex: 1,
       headerName: t.remaining,
       type: "number",
-      renderCell: (r) => {
-        const g = r.row.balance + r.row.income - r.row.expenses;
+      renderCell: (a) => {
+        const g = a.row.balance + a.row.income - a.row.expenses;
         return /* @__PURE__ */ e(
           m,
           {
-            color: Math.sign(g) === -1 ? n.palette.error.main : n.palette.text.primary,
+            color: Math.sign(g) === -1 ? o.palette.error.main : o.palette.text.primary,
             variant: "body2",
-            children: Z(g, "0,0.00")
+            children: J(g, "0,0.00")
           }
         );
       }
     }
-  ], b = h.useMemo(() => c.map((r) => {
-    const g = a.filter(
-      ae(r, { start: W(), end: _e(W(), 30) })
+  ], b = h.useMemo(() => c.map((a) => {
+    const g = r.filter(
+      oe(a, { start: F(), end: Ce(F(), 30) })
     ).reduce((_, w) => _ + w.amount, 0), d = f.filter(
-      ae(r, { start: W(), end: _e(W(), 30) })
-    ).reduce((_, w) => _ + w.amount, 0), x = (r.balance || 0) + d - g;
+      oe(a, { start: F(), end: Ce(F(), 30) })
+    ).reduce((_, w) => _ + w.amount, 0), x = (a.balance || 0) + d - g;
     return {
-      account: r,
-      balance: r.balance || 0,
-      id: r.guid,
+      account: a,
+      balance: a.balance || 0,
+      id: a.guid,
       income: d,
       expenses: g,
       remaining: x
     };
-  }), [c, a, f]);
-  return /* @__PURE__ */ o(
-    D,
+  }), [c, r, f]);
+  return /* @__PURE__ */ n(
+    I,
     {
       sx: {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(
           s,
           {
             direction: i < 540 ? "column" : "row",
             justifyContent: "space-between",
             mb: 12,
             children: [
-              /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
+              /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
                   m,
                   {
@@ -446,17 +445,17 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                   }
                 )
               ] }),
-              /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
-                V(u.start, Y.FULL_MONTH_DAY),
+              /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+                U(p.start, Y.FULL_MONTH_DAY),
                 " -",
                 " ",
-                V(u.end, Y.FULL_MONTH_DAY)
+                U(p.end, Y.FULL_MONTH_DAY)
               ] })
             ]
           }
         ),
         i > 650 ? /* @__PURE__ */ e(
-          rt,
+          at,
           {
             columnHeaderHeight: 48,
             columns: l,
@@ -471,24 +470,24 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
               borderColor: "neutral.light",
               borderRadius: 1,
               "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-                color: n.palette.primary.main,
+                color: o.palette.primary.main,
                 "&:hover": {
-                  backgroundColor: it(n.palette.primary.main, 0.1)
+                  backgroundColor: ot(o.palette.primary.main, 0.1)
                 }
               },
               "& .MuiDataGrid-columnHeaderTitle": {
-                fontFamily: n.typography.h3.fontFamily,
-                fontSize: n.typography.body2.fontSize
+                fontFamily: o.typography.h3.fontFamily,
+                fontSize: o.typography.body2.fontSize
               },
               "& .MuiDataGrid-sortIcon": {
-                color: n.palette.primary.main
+                color: o.palette.primary.main
               }
             }
           }
-        ) : b.map((r) => {
-          const { name: g, nickname: d, institution_guid: x, account_number: _ } = r.account, w = d || g;
+        ) : b.map((a) => {
+          const { name: g, nickname: d, institution_guid: x, account_number: _ } = a.account, w = d || g;
           return /* @__PURE__ */ e(
-            ee,
+            Q,
             {
               sx: {
                 border: "1px solid",
@@ -496,8 +495,8 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ e(ne, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
-                /* @__PURE__ */ o(
+              children: /* @__PURE__ */ e(ee, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ n(s, { width: "100%", children: [
+                /* @__PURE__ */ n(
                   s,
                   {
                     alignItems: "center",
@@ -506,9 +505,9 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
+                      /* @__PURE__ */ n(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
                         /* @__PURE__ */ e(
-                          ye,
+                          xe,
                           {
                             alt: t.institution_logo,
                             institutionGuid: x || "",
@@ -517,12 +516,12 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                         ),
                         /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${_ ? `*${_}` : ""}` })
                       ] }),
-                      /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "body2" })
+                      /* @__PURE__ */ e(E, { amount: a.balance, bold: !0, variant: "body2" })
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ n(
                   s,
                   {
                     alignItems: "center",
@@ -532,12 +531,12 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     py: 12,
                     children: [
                       /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_income }),
-                      /* @__PURE__ */ e(R, { amount: r.income, bold: !0, symbol: "+", variant: "body2" })
+                      /* @__PURE__ */ e(E, { amount: a.income, bold: !0, symbol: "+", variant: "body2" })
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ n(
                   s,
                   {
                     alignItems: "center",
@@ -547,7 +546,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     py: 12,
                     children: [
                       /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(R, { amount: r.expenses, bold: !0, symbol: "-", variant: "body2" })
+                      /* @__PURE__ */ e(E, { amount: a.expenses, bold: !0, symbol: "-", variant: "body2" })
                     ]
                   }
                 ),
@@ -563,36 +562,36 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     px: 16,
                     py: 12,
                     sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(fe, { remaining: r.remaining })
+                    children: /* @__PURE__ */ e(he, { remaining: a.remaining })
                   }
                 )
               ] }) })
             },
-            r.id
+            a.id
           );
         })
       ]
     }
   );
-}, Rt = E(Tt), Lt = () => {
-  const { cashflow: i } = L(), { isDesktop: n } = he(), { onEvent: t } = ke(), [a, f] = h.useState(0), u = (c, l) => {
+}, At = A(Tt), Rt = () => {
+  const { cashflow: i } = k(), { isDesktop: o } = ue(), { onEvent: t } = Le(), [r, f] = h.useState(0), p = (c, l) => {
     f(l);
   };
   return h.useEffect(() => {
-    t(a === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [a]), /* @__PURE__ */ o(D, { children: [
-    /* @__PURE__ */ o(
-      tt,
+    t(r === 0 ? "cash_flow_summary" : "cash_flow_details");
+  }, [r]), /* @__PURE__ */ n(I, { children: [
+    /* @__PURE__ */ n(
+      et,
       {
         "aria-label": i.cashflow_summary_and_details,
         centered: !0,
-        onChange: u,
+        onChange: p,
         textColor: "primary",
-        value: a,
+        value: r,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            Ce,
+            ye,
             {
               "aria-controls": "cashflow-tabpanel-0",
               id: "cashflow-tab-0",
@@ -603,7 +602,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             }
           ),
           /* @__PURE__ */ e(
-            Ce,
+            ye,
             {
               "aria-controls": "cashflow-tabpanel-1",
               id: "cashflow-tab-1",
@@ -616,108 +615,108 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
-    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) })
+    /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(_e, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
+    /* @__PURE__ */ e(_e, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(vt, {}) }) })
   ] });
-}, Nt = E(Lt), ie = ({
+}, Et = A(Rt), ne = ({
   amount: i,
-  isMobile: n = !1,
+  isMobile: o = !1,
   isTotal: t = !1,
-  label: a,
+  label: r,
   symbol: f,
-  tooltip: u
-}) => /* @__PURE__ */ o(
+  tooltip: p
+}) => /* @__PURE__ */ n(
   s,
   {
     bgcolor: t ? "background.default" : "transparent",
-    direction: n ? "row" : "column",
-    justifyContent: n ? "space-between" : "initial",
-    padding: n ? "14px 16px" : 0,
+    direction: o ? "row" : "column",
+    justifyContent: o ? "space-between" : "initial",
+    padding: o ? "14px 16px" : 0,
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
-      !n && /* @__PURE__ */ e(R, { amount: i, component: "h2", variant: "h2" }),
-      /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: a }),
-        u
+      !o && /* @__PURE__ */ e(E, { amount: i, component: "h2", variant: "h2" }),
+      /* @__PURE__ */ n(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
+        /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: r }),
+        p
       ] }),
-      n && /* @__PURE__ */ e(R, { amount: i, component: "h2", symbol: f, variant: "body2" })
+      o && /* @__PURE__ */ e(E, { amount: i, component: "h2", symbol: f, variant: "body2" })
     ]
   }
-), Re = (i, n) => (t) => t.accountGuid && i.includes(t.accountGuid) && ($e(t.expectedDate) || He(t.expectedDate, n.start)) && We(t.expectedDate, n.end), kt = () => {
-  const { availableWidth: i } = se(), { cashflow: n } = L(), { income: t, isDataLoaded: a, upcomingExpenses: f, upcomingIncome: u } = U(), { selectedAccountGuids: c } = q(), { dateRange: l, selectedCashAccounts: b } = Q(), [r, g] = h.useState(!1), d = h.useMemo(
+), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), kt = () => {
+  const { availableWidth: i } = ae(), { cashflow: o } = k(), { income: t, isDataLoaded: r, upcomingExpenses: f, upcomingIncome: p } = j(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: b } = q(), [a, g] = h.useState(!1), d = h.useMemo(
     () => f.filter(Re(c, l)),
     [l, c, f]
   ), x = h.useMemo(
-    () => u.filter(Re(c, l)),
-    [l, c, u]
+    () => p.filter(Re(c, l)),
+    [l, c, p]
   ), _ = h.useMemo(
     () => b.reduce((C, S) => C + (S?.balance || 0), 0),
     [b]
-  ), w = d.reduce((C, S) => C + S.amount, 0), T = x.reduce((C, S) => C + S.amount, 0), I = _ - w + T, N = a && t.length > 0, p = i < 725;
-  return /* @__PURE__ */ o(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
-    /* @__PURE__ */ o(
+  ), w = d.reduce((C, S) => C + S.amount, 0), R = x.reduce((C, S) => C + S.amount, 0), D = _ - w + R, L = r && t.length > 0, u = i < 725;
+  return /* @__PURE__ */ n(s, { sx: { mx: u ? 16 : 0, my: u ? 24 : 42 }, children: [
+    /* @__PURE__ */ n(
       s,
       {
-        border: p ? "1px solid" : "none",
+        border: u ? "1px solid" : "none",
         borderColor: "neutral.light",
         borderRadius: 2,
-        flexDirection: p ? "column" : "row",
-        gap: p ? 0 : 24,
+        flexDirection: u ? "column" : "row",
+        gap: u ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
-            ie,
+            ne,
             {
               amount: _,
-              isMobile: p,
-              label: $(n.cash_and_bank, b.length)
+              isMobile: u,
+              label: H(o.cash_and_bank, b.length)
             }
           ),
-          p && /* @__PURE__ */ e(v, {}),
-          N ? /* @__PURE__ */ o(B, { children: [
-            !p && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+          u && /* @__PURE__ */ e(v, {}),
+          L ? /* @__PURE__ */ n($, { children: [
+            !u && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
-              ie,
+              ne,
               {
-                amount: T,
-                isMobile: p,
-                label: n.to_be_received,
-                symbol: p ? "+" : void 0
+                amount: R,
+                isMobile: u,
+                label: o.to_be_received,
+                symbol: u ? "+" : void 0
               }
             )
           ] }) : /* @__PURE__ */ e(
-            G,
+            W,
             {
               onClick: () => g(!0),
-              startIcon: /* @__PURE__ */ e(M, { name: "add" }),
+              startIcon: /* @__PURE__ */ e(z, { name: "add" }),
               sx: { fontSize: 13 },
-              children: n.add_income
+              children: o.add_income
             }
           ),
-          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          u ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
-            ie,
+            ne,
             {
               amount: w,
-              isMobile: p,
-              label: $(n.to_be_paid_out, d.length),
-              symbol: p ? "-" : void 0
+              isMobile: u,
+              label: H(o.to_be_paid_out, d.length),
+              symbol: u ? "-" : void 0
             }
           ),
-          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          u ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
-            ie,
+            ne,
             {
-              amount: I,
-              isMobile: p,
-              isTotal: p,
-              label: n.remaining_cash,
+              amount: D,
+              isMobile: u,
+              isTotal: u,
+              label: o.remaining_cash,
               tooltip: /* @__PURE__ */ e(
                 pe,
                 {
-                  body: n.remaining_income_tooltip_body,
-                  title: n.remaining_income_tooltip_title
+                  body: o.remaining_income_tooltip_body,
+                  title: o.remaining_income_tooltip_title
                 }
               )
             }
@@ -726,53 +725,53 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       }
     ),
     /* @__PURE__ */ e(
-      Ge,
+      He,
       {
-        ariaLabelClose: n.close_manage_income_aria,
-        isOpen: r,
+        ariaLabelClose: o.close_manage_income_aria,
+        isOpen: a,
         onClose: () => g(!1),
         shouldShowHeaderBorders: !1,
-        title: n.manage_income,
-        children: /* @__PURE__ */ e(st, {})
+        title: o.manage_income,
+        children: /* @__PURE__ */ e(rt, {})
       }
     )
   ] });
-}, Ot = E(kt), Ft = ({ onBackClick: i, onMenuClick: n, sx: t = {} }) => {
-  const { selectedAccounts: a, selectedAccountGuids: f, shouldDisableNextDate: u, shouldDisablePrevDate: c } = q(), { onEvent: l } = ke(), { clientConfig: b } = Ke(), { visibleCashAccounts: r } = Ne(), { setFilter: g } = Oe(), { dateRange: d, setSelectedCashAccounts: x } = Q(), { loadRepeatingTransactionData: _, isDataLoaded: w, setDateRange: T } = U(), { cashflow: I, recurring: N } = L(), { isInitialized: p } = q(), S = b?.master?.deep_link_params?.view === "manage_income", [ce, K] = h.useState(S);
+}, Lt = A(kt), Nt = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
+  const { selectedAccounts: r, selectedAccountGuids: f, shouldDisableNextDate: p, shouldDisablePrevDate: c } = P(), { onEvent: l } = Le(), { clientConfig: b } = Ve(), { visibleCashAccounts: a } = ke(), { setFilter: g } = Ne(), { dateRange: d, setSelectedCashAccounts: x } = q(), { loadRepeatingTransactionData: _, isDataLoaded: w, setDateRange: R } = j(), { cashflow: D, recurring: L } = k(), { isInitialized: u } = P(), S = b?.master?.deep_link_params?.view === "manage_income", [re, K] = h.useState(S);
   return h.useEffect(() => {
-    T(d), w || _().finally();
+    R(d), w || _().finally();
   }, []), h.useEffect(() => {
-    const le = r.map((F) => F.guid), P = a.filter(
-      (F) => f.includes(F.guid) && le.includes(F.guid)
+    const se = a.map((G) => G.guid), B = r.filter(
+      (G) => f.includes(G.guid) && se.includes(G.guid)
     );
-    x(P), g({
-      dateRange: { start: Me(W(), 90), end: mt() },
-      accounts: P.map((F) => F.guid)
+    x(B), g({
+      dateRange: { start: We(F(), 90), end: dt() },
+      accounts: B.map((G) => G.guid)
     });
-  }, [r, a]), Fe({
+  }, [a, r]), Oe({
     widgetName: "CashflowWidget",
     isLoaded: w
-  }), p ? /* @__PURE__ */ o(
-    ut,
+  }), u ? /* @__PURE__ */ n(
+    mt,
     {
       actions: [
         {
-          label: N.action_title,
+          label: L.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            K(!0), l(Ie.CASH_FLOW_CLICK_SETTINGS);
+            K(!0), l(Se.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
       allowedAccountTypes: [
-        J.CASH,
-        J.CHECKING,
-        J.PREPAID,
-        J.SAVINGS,
-        J.CHECKING_LINE_OF_CREDIT
+        X.CASH,
+        X.CHECKING,
+        X.PREPAID,
+        X.SAVINGS,
+        X.CHECKING_LINE_OF_CREDIT
       ],
       calendarActions: {
-        shouldDisableNext: u,
+        shouldDisableNext: p,
         shouldDisablePrevious: c,
         shouldDisablePicker: !0,
         onRangeChanged: () => {
@@ -781,280 +780,280 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       dateRange: d,
       dateRangeVariant: "readonly",
       hasDivider: !0,
-      onAccountsFilterClick: () => l(Ie.CASH_FLOW_CLICK_FILTER),
+      onAccountsFilterClick: () => l(Se.CASH_FLOW_CLICK_FILTER),
       onBackClick: i,
-      onMenuClick: n,
+      onMenuClick: o,
       sx: t,
-      title: I.title,
+      title: D.title,
       children: [
-        /* @__PURE__ */ e(Ot, {}),
-        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Lt, {}),
+        /* @__PURE__ */ e(Et, {}),
         /* @__PURE__ */ e(
-          Ge,
+          He,
           {
-            ariaLabelClose: I.close_settings_aria,
-            isOpen: ce,
+            ariaLabelClose: D.close_settings_aria,
+            isOpen: re,
             onClose: () => K(!1),
             shouldShowHeaderBorders: !1,
-            title: N.action_title,
-            children: /* @__PURE__ */ e(et, { defaultSelectedTab: S ? 1 : 0 })
+            title: L.action_title,
+            children: /* @__PURE__ */ e(Ze, { defaultSelectedTab: S ? 1 : 0 })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(te, {});
-}, zn = E(Ft), Ht = ({ handleNextStep: i }) => {
-  const { completeOnboarding: n } = ue(), { cashflow: t } = L(), a = re();
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ e(me, { pb: 12, variant: "h1", children: t.welcome_title }),
+  ) : /* @__PURE__ */ e(Z, {});
+}, Wn = A(Nt), Ot = ({ handleNextStep: i }) => {
+  const { completeOnboarding: o } = me(), { cashflow: t } = k(), r = ie();
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.welcome_title }),
     /* @__PURE__ */ e(
-      Ye,
+      qe,
       {
-        color: a.palette.primary.light,
+        color: r.palette.primary.light,
         pb: 8,
         sx: { wordBreak: "break-word", whiteSpace: "initial" },
         children: t.welcome_sub_title
       }
     ),
-    /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
-    /* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+    /* @__PURE__ */ e(N, { pb: 32, children: t.welcome_description }),
+    /* @__PURE__ */ n(s, { direction: "column", mb: 32, spacing: 32, children: [
+      /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          I,
           {
-            bgcolor: a.palette.primary.lighter,
+            bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(M, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ e(z, { color: "primary", name: "currency_exchange" })
           }
         ),
         t.bullet_one
       ] }),
-      /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          I,
           {
-            bgcolor: a.palette.primary.lighter,
+            bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(M, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ e(z, { color: "primary", name: "cardiology" })
           }
         ),
         t.bullet_two
       ] }),
-      /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          I,
           {
-            bgcolor: a.palette.primary.lighter,
+            bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(M, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ e(z, { color: "primary", name: "flare" })
           }
         ),
         t.bullet_three
       ] })
     ] }),
-    /* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(G, { onClick: i, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(G, { onClick: n, variant: "outlined", children: t.skip_button })
+    /* @__PURE__ */ n(s, { direction: "row", spacing: 16, children: [
+      /* @__PURE__ */ e(W, { onClick: i, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(W, { onClick: o, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, Wt = E(Ht), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
-  CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
-  CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
-}, $t = () => {
-  const { cashflow: i } = L();
-  return /* @__PURE__ */ o(h.Fragment, { children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: je.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(me, { pb: 12, variant: "h1", children: i.loading_title }),
-    /* @__PURE__ */ e(k, { children: i.loading_description })
+}, Gt = A(Ot), Ee = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
+  CASHFLOW_ONBOARDING: `${Ee}/cashflow-onboarding.png`,
+  CASHFLOW_LOADING_ANIMATION: `${Ee}/loading-animation.gif`
+}, Mt = () => {
+  const { cashflow: i } = k();
+  return /* @__PURE__ */ n(h.Fragment, { children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: ze.CASHFLOW_LOADING_ANIMATION }) }),
+    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: i.loading_title }),
+    /* @__PURE__ */ e(N, { children: i.loading_description })
   ] });
-}, Gt = E($t), Mt = at`
+}, Ft = A(Mt), Ht = it`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, jt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: n } = U(), { cashflow: t, common: a } = L(), { user: f } = Xe(), { completeOnboarding: u } = ue(), { isDirty: c } = Q(), { isMobile: l } = he(), { isCopyLoaded: b, setDisplayedDate: r } = q(), { filter: g, setFilter: d, transactions: x } = Oe(), _ = re(), [w, T] = X(!0), [I, N] = h.useState(xt.EveryMonth), [p, C] = h.useState(1), [S, ce] = h.useState(15), [K, le] = X(!1), [P, F] = X(1), [O, ze] = X([]), [ge, de] = X(""), H = h.useMemo(
-    () => x.find((y) => y.guid === ge),
-    [ge, x]
-  ), Be = !!n.filter(
-    (y) => y.repeating_transaction_type === Ae.Income
-  ).length, be = async () => {
-    F(2), r(
+`, Wt = () => {
+  const { addRepeatingTransaction: i, repeatingTransactions: o } = j(), { cashflow: t, common: r } = k(), { user: f } = Xe(), { completeOnboarding: p } = me(), { isDirty: c } = q(), { isMobile: l } = ue(), { isCopyLoaded: b, setDisplayedDate: a } = P(), { filter: g, setFilter: d, transactions: x } = Ne(), _ = ie(), [w, R] = V(!0), [D, L] = h.useState(bt.EveryMonth), [u, C] = h.useState(1), [S, re] = h.useState(15), [K, se] = V(!1), [B, G] = V(1), [O, $e] = V([]), [fe, ce] = V(""), M = h.useMemo(
+    () => x.find((y) => y.guid === fe),
+    [fe, x]
+  ), je = !!o.filter(
+    (y) => y.repeating_transaction_type === ve.Income
+  ).length, ge = async () => {
+    G(2), a(
       //  Beginning of the month, 90 days before today
-      ht(Me(W(), 90)),
-      W()
-    ), d({ ...g, custom: Se }), F(3);
-  }, Ue = async () => {
+      ut(We(F(), 90)),
+      F()
+    ), d({ ...g, custom: we }), G(3);
+  }, Be = async () => {
     if (!(O.length < 1)) {
-      le(!0);
+      se(!0);
       for (let y = 0; y < O.length; y++) {
-        const A = O[y], xe = ve(I, De(A.date)), qe = {
-          account_guid: A.account_guid,
-          amount: A.amount,
+        const T = O[y], be = Ie(D, De(T.date)), Ue = {
+          account_guid: T.account_guid,
+          amount: T.amount,
           created_by: 0,
           //user
-          merchant_guid: A.merchant_guid,
-          description: A.feed_description || A.description,
-          predicted_occurs_on: pt(xe, { representation: "date" }),
-          recurrence_day: xe.getDay(),
-          recurrence_type: I,
-          repeating_transaction_type: Ae.Income,
+          merchant_guid: T.merchant_guid,
+          description: T.feed_description || T.description,
+          predicted_occurs_on: pt(be, { representation: "date" }),
+          recurrence_day: be.getDay(),
+          recurrence_type: D,
+          repeating_transaction_type: ve.Income,
           second_recurrence_day: S,
-          transaction_type: A.transaction_type,
+          transaction_type: T.transaction_type,
           user_guid: f.guid
         };
-        await i(qe, A);
+        await i(Ue, T);
       }
-      await u();
+      await p();
     }
-  }, Pe = !H && w || !H && O.length < 1;
-  return b ? /* @__PURE__ */ o(
-    D,
+  }, Pe = !M && w || !M && O.length < 1;
+  return b ? /* @__PURE__ */ n(
+    I,
     {
       sx: {
         display: "flex",
         alignItems: l ? "flex-start" : "center",
         backgroundColor: _.palette.background.paper,
-        backgroundImage: l ? null : `url(${je.CASHFLOW_ONBOARDING})`,
+        backgroundImage: l ? null : `url(${ze.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
         backgroundSize: "35%",
         py: 24
       },
       children: [
-        P === 1 && /* @__PURE__ */ e(
-          D,
+        B === 1 && /* @__PURE__ */ e(
+          I,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Wt, { handleNextStep: be })
+            children: /* @__PURE__ */ e(Gt, { handleNextStep: ge })
           }
         ),
-        P === 2 && /* @__PURE__ */ e(
-          D,
+        B === 2 && /* @__PURE__ */ e(
+          I,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Gt, {})
+            children: /* @__PURE__ */ e(Ft, {})
           }
         ),
-        P === 3 && /* @__PURE__ */ o(
-          D,
+        B === 3 && /* @__PURE__ */ n(
+          I,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: [
-              /* @__PURE__ */ e(me, { pb: 12, variant: "h1", children: t.add_income_title }),
-              /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
-              O.length > 0 && !H && /* @__PURE__ */ o(B, { children: [
-                /* @__PURE__ */ e(ee, { children: O.map((y, A) => /* @__PURE__ */ o(h.Fragment, { children: [
-                  /* @__PURE__ */ e(ft, { bgcolor: "background.paper", children: bt(
-                    z(y.nextDate || y.date)
+              /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
+              /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
+              O.length > 0 && !M && /* @__PURE__ */ n($, { children: [
+                /* @__PURE__ */ e(Q, { children: O.map((y, T) => /* @__PURE__ */ n(h.Fragment, { children: [
+                  /* @__PURE__ */ e(ht, { bgcolor: "background.paper", children: gt(
+                    le(y.nextDate || y.date)
                   ) }),
-                  /* @__PURE__ */ e(gt, { transaction: y }),
-                  A !== O.length - 1 && /* @__PURE__ */ e(v, {})
+                  /* @__PURE__ */ e(ft, { transaction: y }),
+                  T !== O.length - 1 && /* @__PURE__ */ e(v, {})
                 ] }, y.guid)) }),
-                /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
+                /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
-                    G,
+                    W,
                     {
-                      onClick: () => T(!0),
-                      startIcon: /* @__PURE__ */ e(M, { name: "add", size: 20 }),
+                      onClick: () => R(!0),
+                      startIcon: /* @__PURE__ */ e(z, { name: "add", size: 20 }),
                       children: t.add_income
                     }
                   )
                 ] })
               ] }),
               Pe && /* @__PURE__ */ e(
-                ct,
+                st,
                 {
                   bgcolor: "background.paper",
                   onSearch: (y) => d({
                     ...g,
-                    custom: (A) => y ? lt(A, y) : Se(A)
+                    custom: (T) => y ? ct(T, y) : we(T)
                   }),
                   onSelected: (y) => {
-                    de(y), T(!1);
+                    ce(y), R(!1);
                   }
                 }
               ),
-              !Be && c && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
-              H && /* @__PURE__ */ o(B, { children: [
+              !je && c && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
+              M && /* @__PURE__ */ n($, { children: [
                 /* @__PURE__ */ e(
-                  dt,
+                  lt,
                   {
                     bgcolor: "background.paper",
-                    firstDay: p,
-                    frequency: I,
+                    firstDay: u,
+                    frequency: D,
                     onFirstDayChange: C,
-                    onFrequencyChange: N,
-                    onSecondDayChange: ce,
+                    onFrequencyChange: L,
+                    onSecondDayChange: re,
                     secondDay: S,
-                    transaction: H
+                    transaction: M
                   }
                 ),
-                /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+                /* @__PURE__ */ n(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
-                    G,
+                    W,
                     {
-                      "aria-disabled": !H,
+                      "aria-disabled": !M,
                       onClick: () => {
                         const y = [...O];
                         y.push({
-                          ...H,
-                          nextDate: ve(I, De(H.date)),
-                          frequency: I
-                        }), ze(y), de("");
+                          ...M,
+                          nextDate: Ie(D, De(M.date)),
+                          frequency: D
+                        }), $e(y), ce("");
                       },
                       variant: "contained",
-                      children: a.confirm_button
+                      children: r.confirm_button
                     }
                   ),
                   /* @__PURE__ */ e(
-                    G,
+                    W,
                     {
                       onClick: () => {
-                        de(""), T(!0), be().finally();
+                        ce(""), R(!0), ge().finally();
                       },
                       variant: "outlined",
-                      children: a.cancel_button
+                      children: r.cancel_button
                     }
                   )
                 ] })
               ] }),
-              O.length > 0 && !H && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              O.length > 0 && !M && /* @__PURE__ */ n(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
-                  G,
+                  W,
                   {
                     "aria-disabled": O.length < 1 || K,
-                    onClick: Ue,
+                    onClick: Be,
                     startIcon: K ? /* @__PURE__ */ e(
-                      M,
+                      z,
                       {
                         name: "progress_activity",
                         sx: {
-                          animation: `${Mt} 2s linear infinite`
+                          animation: `${Ht} 2s linear infinite`
                         }
                       }
                     ) : null,
@@ -1062,38 +1061,18 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(G, { onClick: u, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(W, { onClick: p, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(te, {});
-}, Bn = E(jt);
-class Un {
-  fetchInstance;
-  constructor(n, t, a) {
-    this.fetchInstance = new yt(n, t, void 0, a);
-  }
-  addCashflowEvent = async (n) => this.fetchInstance.post(j.CASHFLOW_EVENTS, { ...n }).then((t) => t);
-  addCashflowSequence = async (n) => this.fetchInstance.post(j.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
-  getCashflowSequences = async () => this.fetchInstance.get(j.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
-  getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
-    `${j.CASHFLOW_EVENTS}/from/${z(n)}/to/${z(t)}`
-  ).then((a) => a.cashflow_events);
-  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${j.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
-  getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
-    `${j.CASHFLOW_SEQUENCES}/projected_events/from/${z(
-      n
-    )}/to/${z(t)}`
-  ).then((a) => a.cashflow_events);
-  updateCashflowSequence = async (n) => this.fetchInstance.put(`${j.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
-}
+  ) : /* @__PURE__ */ e(Z, {});
+}, zn = A(Wt);
 export {
-  Un as CashflowApi,
-  jn as CashflowMiniWidget,
-  Bn as CashflowOnboarding,
-  Vn as CashflowStore,
-  zn as CashflowWidget
+  Hn as CashflowMiniWidget,
+  zn as CashflowOnboarding,
+  Bn as CashflowStore,
+  Wn as CashflowWidget
 };