@mx-cartographer/experiences 7.0.2-alpha.al0 → 7.0.3

package/dist/cashflow/index.es.js

@@ -1,24 +1,24 @@
-import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, Fragment as U, jsx as e } from "react/jsx-runtime";
 import f, { useState as K } from "react";
-import { observer as T } from "mobx-react-lite";
+import { observer as R } from "mobx-react-lite";
 import D from "@mui/material/Box";
-import k from "@mui/material/Button";
+import H from "@mui/material/Button";
 import v from "@mui/material/Divider";
 import r from "@mui/material/Stack";
 import ie from "@mui/material/styles/useTheme";
-import { Text as p, P as O, Icon as H, InstitutionLogo as xe, H1 as ce, H2 as qe } from "@mxenabled/mxui";
-import { G as Xe, t as le, u as L, p as ae, c as Oe, a as X, o as de, h as U, e as Ne, f as ke } from "../hooks-02T565vf.mjs";
-import { C as R } from "../CurrencyText-YUhH2caW.mjs";
+import { Text as p, P as N, Icon as F, InstitutionLogo as xe, H1 as ce, H2 as qe } from "@mxenabled/mxui";
+import { G as Xe, t as le, u as O, p as ae, c as Oe, a as X, o as de, h as P, e as Ne, f as ke } from "../hooks-02T565vf.mjs";
+import { C as L } from "../CurrencyText-YUhH2caW.mjs";
 import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as re } from "../Loader-Dp1P2gNw.mjs";
 import { I as ue } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Hn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as q } from "../Localization-2MODESHW.mjs";
 import { M as Ye } from "../MiniWidgetContainer-DqKQNubH.mjs";
-import { R as Qe } from "../RecurringSettings-Be1dzkMz.mjs";
+import { R as Qe } from "../RecurringSettings-Dqn4pjZ0.mjs";
 import Ve from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
-import { getUnixTime as j } from "date-fns/getUnixTime";
+import { getUnixTime as z } from "date-fns/getUnixTime";
 import Z from "@mui/material/List";
 import ee from "@mui/material/ListItem";
 import { A as Ke } from "../AccountListItem-C7JzYpqf.mjs";
@@ -28,12 +28,12 @@ import { f as J } from "../NumberFormatting-CtWHhyBX.mjs";
 import { isAfter as He } from "date-fns/isAfter";
 import { isBefore as Fe } from "date-fns/isBefore";
 import { isToday as We } from "date-fns/isToday";
-import { startOfToday as z } from "date-fns/startOfToday";
-import { addDays as we } from "date-fns/addDays";
+import { startOfToday as B } from "date-fns/startOfToday";
+import { addDays as _e } from "date-fns/addDays";
 import { alpha as Ze, keyframes as et } from "@mui/material/styles";
 import { DataGridPro as tt } from "@mui/x-data-grid-pro";
-import { T as _e } from "../TabContentContainer-j01JYR_7.mjs";
-import { M as nt, S as ot, i as it, c as Se, b as at } from "../ManageIncome-B6kmMN_z.mjs";
+import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
+import { M as nt, S as ot, i as it, d as Se, c as at } from "../ManageIncome-BtKRPjvO.mjs";
 import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { formatISO as rt } from "date-fns/formatISO";
 import { fromUnixTime as ye } from "date-fns/fromUnixTime";
@@ -44,14 +44,14 @@ import { F as dt, R as Ie, e as De } from "../RepeatingTransaction-BPWfaB3f.mjs"
 import { h as mt } from "../DateUtil-BcuH7ErC.mjs";
 import { endOfToday as ut } from "date-fns/endOfToday";
 import { W as ve, A as Ae } from "../WidgetContainer-BG-fdDOf.mjs";
-import { F as ht, A as M } from "../Fetch-CkFKy79O.mjs";
+import { F as ht, A as j } from "../Fetch-CkFKy79O.mjs";
 const V = () => {
   if (!f.useContext(Xe))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return le().uiStore;
 }, pt = ({ remaining: i }) => {
-  const { cashflow: n } = L();
-  return /* @__PURE__ */ o(B, { children: [
+  const { cashflow: n } = O();
+  return /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ e(
       D,
       {
@@ -64,35 +64,35 @@ const V = () => {
       }
     ),
     /* @__PURE__ */ e(p, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
-    /* @__PURE__ */ e(R, { amount: i, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(L, { amount: i, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, he = T(pt), ft = ({ onAddIncomeClick: i }) => {
-  const n = ie(), { availableWidth: t } = ae(), { isMobile: s } = me(), { visibleCashAccounts: d, visibleCashBalance: g } = Oe(), { selectedAccountGuids: m } = X(), { cashflow: c } = L(), { userProfile: C } = de(), {
+}, he = R(pt), ft = ({ onAddIncomeClick: i }) => {
+  const n = ie(), { availableWidth: t } = ae(), { isMobile: s } = me(), { visibleCashAccounts: d, visibleCashBalance: g } = Oe(), { selectedAccountGuids: m } = X(), { cashflow: c } = O(), { userProfile: C } = de(), {
     daysUntilNextIncome: a,
-    expensesTilNextIncome: u,
+    expensesTilNextIncome: h,
     selectedCashAccounts: l,
     setNextIncome: b,
     setSelectedCashAccounts: _,
-    setUpcomingExpenses: S
-  } = V(), { isDataLoaded: y, nextIncomeRecurrence: h, upcomingExpenses: I } = U();
+    setUpcomingExpenses: w
+  } = V(), { isDataLoaded: A, nextIncomeRecurrence: u, upcomingExpenses: E } = P();
   f.useEffect(() => {
     _(
-      d.filter((w) => m.includes(w.guid))
+      d.filter((y) => m.includes(y.guid))
     );
   }, [d, m]), f.useEffect(() => {
-    h && b(h), S(I);
-  }, [h, I]);
-  const A = f.useMemo(
-    () => d.filter((w) => m.includes(w.guid)).reduce((w, G) => w + (G?.balance || 0), 0),
-    [m, I]
-  ), F = f.useMemo(
-    () => u.filter((w) => m.includes(w.accountGuid || "")).reduce((w, G) => w + G.amount, 0),
-    [m, u]
-  ), P = f.useMemo(
-    () => A - F,
-    [A, F]
-  ), $ = C?.has_completed_cash_flow_onboarding && !!i;
-  return y ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: t > 610 ? /* @__PURE__ */ o(
+    u && b(u), w(E);
+  }, [u, E]);
+  const S = f.useMemo(
+    () => d.filter((y) => m.includes(y.guid)).reduce((y, I) => y + (I?.balance || 0), 0),
+    [m, E]
+  ), $ = f.useMemo(
+    () => h.filter((y) => m.includes(y.accountGuid || "")).reduce((y, I) => y + I.amount, 0),
+    [m, h]
+  ), G = f.useMemo(
+    () => S - $,
+    [S, $]
+  ), M = C?.has_completed_cash_flow_onboarding && !!i;
+  return A ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: t > 610 ? /* @__PURE__ */ o(
     r,
     {
       border: `1px solid ${n.palette.border.light}`,
@@ -102,33 +102,33 @@ const V = () => {
       px: 24,
       children: [
         /* @__PURE__ */ o(r, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: A, variant: "H2" }),
-          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: q(
+          /* @__PURE__ */ e(L, { amount: S, variant: "H2" }),
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: q(
             c.total_cash_accounts,
             l.length
           ) })
         ] }),
-        /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(H, { name: "remove" }) }),
+        /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
         /* @__PURE__ */ o(r, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: F, variant: "H2" }),
-          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: q(c.expenses_due, u.length) })
+          /* @__PURE__ */ e(L, { amount: $, variant: "H2" }),
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: q(c.expenses_due, h.length) })
         ] }),
-        /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(H, { name: "equal" }) }),
+        /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
         /* @__PURE__ */ o(r, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: P, variant: "H2" }),
+          /* @__PURE__ */ e(L, { amount: G, variant: "H2" }),
           /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: c.available_to_spend }),
+            /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.available_to_spend }),
             /* @__PURE__ */ e(ue, { body: c.tooltip_body, title: c.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(r, { borderLeft: `1px solid ${n.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: $ ? /* @__PURE__ */ o(B, { children: [
+        /* @__PURE__ */ e(r, { borderLeft: `1px solid ${n.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: M ? /* @__PURE__ */ o(U, { children: [
           /* @__PURE__ */ e(p, { variant: "H2", children: q(c.days, a) }),
-          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: c.next_paycheck })
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.next_paycheck })
         ] }) : /* @__PURE__ */ e(
-          k,
+          H,
           {
             onClick: i,
-            startIcon: /* @__PURE__ */ e(H, { name: "add" }),
+            startIcon: /* @__PURE__ */ e(F, { name: "add" }),
             sx: { fontSize: 13, lineHeight: "initial" },
             children: c.add_income
           }
@@ -141,12 +141,12 @@ const V = () => {
         c.total_cash_accounts,
         l.length
       ) }),
-      /* @__PURE__ */ e(R, { amount: g, bold: !0, variant: "XSmall" })
+      /* @__PURE__ */ e(L, { amount: g, bold: !0, variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(p, { variant: "Small", children: q(c.expenses_due, u.length) }),
-      /* @__PURE__ */ e(R, { amount: F, bold: !0, symbol: "-", variant: "XSmall" })
+      /* @__PURE__ */ e(p, { variant: "Small", children: q(c.expenses_due, h.length) }),
+      /* @__PURE__ */ e(L, { amount: $, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ e(
@@ -160,11 +160,11 @@ const V = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(he, { remaining: P })
+        children: /* @__PURE__ */ e(he, { remaining: G })
       }
     ),
     /* @__PURE__ */ e(v, {}),
-    $ ? /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+    M ? /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(p, { variant: "Small", children: c.next_paycheck }),
       /* @__PURE__ */ e(p, { bold: !0, variant: "XSmall", children: q(c.days, a) })
     ] }) : /* @__PURE__ */ o(
@@ -179,10 +179,10 @@ const V = () => {
         children: [
           /* @__PURE__ */ e(p, { variant: "Small", children: c.next_paycheck }),
           /* @__PURE__ */ e(
-            k,
+            H,
             {
               onClick: i,
-              startIcon: /* @__PURE__ */ e(H, { name: "add" }),
+              startIcon: /* @__PURE__ */ e(F, { name: "add" }),
               sx: { fontSize: 13 },
               children: c.add_income
             }
@@ -191,8 +191,8 @@ const V = () => {
       }
     )
   ] }) }) : /* @__PURE__ */ e(re, { height: s ? 210 : 120 });
-}, gt = T(ft), bt = ({ onPrimaryCtaClick: i, sx: n = {} }) => {
-  const { cashflow: t } = L(), { isCopyLoaded: s, isInitialized: d } = X(), { loadRepeatingTransactions: g } = U();
+}, gt = R(ft), bt = ({ onPrimaryCtaClick: i, sx: n = {} }) => {
+  const { cashflow: t } = O(), { isCopyLoaded: s, isInitialized: d } = X(), { loadRepeatingTransactions: g } = P();
   return f.useEffect(() => {
     d && g().finally();
   }, [d]), s ? /* @__PURE__ */ e(
@@ -207,7 +207,7 @@ const V = () => {
       children: /* @__PURE__ */ e(gt, { onAddIncomeClick: i })
     }
   ) : /* @__PURE__ */ e(re, {});
-}, Rn = T(bt), xt = ({ remaining: i }) => /* @__PURE__ */ e(
+}, Rn = R(bt), xt = ({ remaining: i }) => /* @__PURE__ */ e(
   ee,
   {
     sx: {
@@ -224,7 +224,7 @@ const V = () => {
   }
 );
 var te = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(te || {});
-const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
+const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(U, { children: [
   /* @__PURE__ */ o(ee, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ o(r, { alignItems: "center", height: 32, width: 32, children: [
       /* @__PURE__ */ e(p, { bold: !0, sx: { fontSize: 11 }, children: Y(i.expectedDate, Q.MONTH) }),
@@ -232,7 +232,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     ] }),
     /* @__PURE__ */ e(p, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
     /* @__PURE__ */ e(
-      R,
+      L,
       {
         amount: i.amount,
         bold: !0,
@@ -241,9 +241,9 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     )
   ] }),
   /* @__PURE__ */ e(v, {})
-] }), Ee = T(Ct), wt = ({ total: i, type: n }) => {
-  const { cashflow: t } = L();
-  return /* @__PURE__ */ o(B, { children: [
+] }), Ee = R(Ct), _t = ({ total: i, type: n }) => {
+  const { cashflow: t } = O();
+  return /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ o(
       Je,
       {
@@ -267,8 +267,8 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     ),
     /* @__PURE__ */ e(v, {})
   ] });
-}, Te = T(wt), oe = (i, n) => (t) => t.accountGuid === i.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), _t = () => {
-  const { availableWidth: i } = ae(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: s } = U(), { dateRange: d, selectedCashAccounts: g } = V();
+}, Te = R(_t), oe = (i, n) => (t) => t.accountGuid === i.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), wt = () => {
+  const { availableWidth: i } = ae(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = P(), { dateRange: d, selectedCashAccounts: g } = V();
   return /* @__PURE__ */ o(r, { children: [
     /* @__PURE__ */ o(r, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(p, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
@@ -280,12 +280,12 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       ] })
     ] }),
     /* @__PURE__ */ e(r, { children: g.map((m) => {
-      const c = s.filter(oe(m, d)).sort((l, b) => j(l.expectedDate) - j(b.expectedDate)), C = t.filter(
+      const c = s.filter(oe(m, d)).sort((l, b) => z(l.expectedDate) - z(b.expectedDate)), C = t.filter(
         oe(m, d)
       ), a = c.reduce(
         (l, b) => l + b.amount,
         0
-      ), u = C.reduce(
+      ), h = C.reduce(
         (l, b) => l + b.amount,
         0
       );
@@ -322,7 +322,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             C.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
               Z,
               {
-                subheader: /* @__PURE__ */ e(Te, { total: u, type: te.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Te, { total: h, type: te.EXPENSE }),
                 sx: { width: "100%" },
                 children: C.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
               }
@@ -330,7 +330,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             /* @__PURE__ */ e(
               xt,
               {
-                remaining: (m.available_balance || m.balance || 0) + a - u
+                remaining: (m.available_balance || m.balance || 0) + a - h
               }
             )
           ]
@@ -339,14 +339,14 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       );
     }) })
   ] });
-}, St = T(_t), yt = () => {
-  const { availableWidth: i } = ae(), n = ie(), { cashflow: t } = L(), { upcomingExpenses: s, upcomingIncome: d } = U(), { dateRange: g, selectedCashAccounts: m } = V(), c = [
+}, St = R(wt), yt = () => {
+  const { availableWidth: i } = ae(), n = ie(), { cashflow: t } = O(), { upcomingExpenses: s, upcomingIncome: d } = P(), { dateRange: g, selectedCashAccounts: m } = V(), c = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: a, nickname: u, institution_guid: l, account_number: b } }) => {
-        const _ = u || a;
+      renderCell: ({ value: { name: a, nickname: h, institution_guid: l, account_number: b } }) => {
+        const _ = h || a;
         return /* @__PURE__ */ o(r, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             xe,
@@ -387,29 +387,29 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       headerName: t.remaining,
       type: "number",
       renderCell: (a) => {
-        const u = a.row.balance + a.row.income - a.row.expenses;
+        const h = a.row.balance + a.row.income - a.row.expenses;
         return /* @__PURE__ */ e(
           p,
           {
-            color: Math.sign(u) === -1 ? n.palette.error.main : n.palette.text.primary,
+            color: Math.sign(h) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "Small",
-            children: J(u, "0,0.00")
+            children: J(h, "0,0.00")
           }
         );
       }
     }
   ], C = f.useMemo(() => m.map((a) => {
-    const u = s.filter(
-      oe(a, { start: z(), end: we(z(), 30) })
-    ).reduce((_, S) => _ + S.amount, 0), l = d.filter(
-      oe(a, { start: z(), end: we(z(), 30) })
-    ).reduce((_, S) => _ + S.amount, 0), b = (a.balance || 0) + l - u;
+    const h = s.filter(
+      oe(a, { start: B(), end: _e(B(), 30) })
+    ).reduce((_, w) => _ + w.amount, 0), l = d.filter(
+      oe(a, { start: B(), end: _e(B(), 30) })
+    ).reduce((_, w) => _ + w.amount, 0), b = (a.balance || 0) + l - h;
     return {
       account: a,
       balance: a.balance || 0,
       id: a.guid,
       income: l,
-      expenses: u,
+      expenses: h,
       remaining: b
     };
   }), [m, s, d]);
@@ -483,7 +483,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             }
           }
         ) : C.map((a) => {
-          const { name: u, nickname: l, institution_guid: b, account_number: _ } = a.account, S = l || u;
+          const { name: h, nickname: l, institution_guid: b, account_number: _ } = a.account, w = l || h;
           return /* @__PURE__ */ e(
             Z,
             {
@@ -512,9 +512,9 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(p, { variant: "Small", children: `${S} ${_ ? `*${_}` : ""}` })
+                        /* @__PURE__ */ e(p, { variant: "Small", children: `${w} ${_ ? `*${_}` : ""}` })
                       ] }),
-                      /* @__PURE__ */ e(R, { amount: a.balance, bold: !0, variant: "Small" })
+                      /* @__PURE__ */ e(L, { amount: a.balance, bold: !0, variant: "Small" })
                     ]
                   }
                 ),
@@ -529,7 +529,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     py: 12,
                     children: [
                       /* @__PURE__ */ e(p, { variant: "Small", children: t.projected_income }),
-                      /* @__PURE__ */ e(R, { amount: a.income, bold: !0, symbol: "+", variant: "Small" })
+                      /* @__PURE__ */ e(L, { amount: a.income, bold: !0, symbol: "+", variant: "Small" })
                     ]
                   }
                 ),
@@ -544,7 +544,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     py: 12,
                     children: [
                       /* @__PURE__ */ e(p, { variant: "Small", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(R, { amount: a.expenses, bold: !0, symbol: "-", variant: "Small" })
+                      /* @__PURE__ */ e(L, { amount: a.expenses, bold: !0, symbol: "-", variant: "Small" })
                     ]
                   }
                 ),
@@ -571,8 +571,8 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       ]
     }
   );
-}, It = T(yt), Dt = () => {
-  const { cashflow: i } = L(), { isDesktop: n } = me(), { onEvent: t } = Ne(), [s, d] = f.useState(0), g = (m, c) => {
+}, It = R(yt), Dt = () => {
+  const { cashflow: i } = O(), { isDesktop: n } = me(), { onEvent: t } = Ne(), [s, d] = f.useState(0), g = (m, c) => {
     d(c);
   };
   return f.useEffect(() => {
@@ -614,10 +614,10 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       }
     ),
     /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(_e, { index: 0, name: "cashflow", value: s, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(It, {}) }) }),
-    /* @__PURE__ */ e(_e, { index: 1, name: "cashflow", value: s, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(St, {}) }) })
+    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: s, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(It, {}) }) }),
+    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: s, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(St, {}) }) })
   ] });
-}, vt = T(Dt), ne = ({
+}, vt = R(Dt), ne = ({
   amount: i,
   isMobile: n = !1,
   isTotal: t = !1,
@@ -633,82 +633,82 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     padding: n ? "14px 16px" : 0,
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
-      !n && /* @__PURE__ */ e(R, { amount: i, component: "h2", variant: "H2" }),
+      !n && /* @__PURE__ */ e(L, { amount: i, component: "h2", variant: "H2" }),
       /* @__PURE__ */ o(r, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
         /* @__PURE__ */ e(p, { bold: t, variant: "Small", children: s }),
         g
       ] }),
-      n && /* @__PURE__ */ e(R, { amount: i, component: "h2", symbol: d, variant: "Small" })
+      n && /* @__PURE__ */ e(L, { amount: i, component: "h2", symbol: d, variant: "Small" })
     ]
   }
 ), Re = (i, n) => (t) => t.accountGuid && i.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), At = () => {
-  const { availableWidth: i } = ae(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: s } = U(), { selectedAccountGuids: d } = X(), { dateRange: g, selectedCashAccounts: m } = V(), { userProfile: c } = de(), [C, a] = f.useState(!1), u = f.useMemo(
+  const { availableWidth: i } = ae(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = P(), { selectedAccountGuids: d } = X(), { dateRange: g, selectedCashAccounts: m } = V(), { userProfile: c } = de(), [C, a] = f.useState(!1), h = f.useMemo(
     () => t.filter(Re(d, g)),
     [g, d, t]
   ), l = f.useMemo(
     () => s.filter(Re(d, g)),
     [g, d, s]
   ), b = f.useMemo(
-    () => m.reduce((I, A) => I + (A?.balance || 0), 0),
+    () => m.reduce((E, S) => E + (S?.balance || 0), 0),
     [m]
-  ), _ = u.reduce((I, A) => I + A.amount, 0), S = l.reduce((I, A) => I + A.amount, 0), y = b - _ + S, h = i < 725;
-  return /* @__PURE__ */ o(r, { sx: { mx: h ? 16 : 0, my: h ? 24 : 42 }, children: [
+  ), _ = h.reduce((E, S) => E + S.amount, 0), w = l.reduce((E, S) => E + S.amount, 0), A = b - _ + w, u = i < 725;
+  return /* @__PURE__ */ o(r, { sx: { mx: u ? 16 : 0, my: u ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       r,
       {
-        border: h ? "1px solid" : "none",
+        border: u ? "1px solid" : "none",
         borderColor: "border.light",
         borderRadius: 2,
-        flexDirection: h ? "column" : "row",
-        gap: h ? 0 : 24,
+        flexDirection: u ? "column" : "row",
+        gap: u ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
             ne,
             {
               amount: b,
-              isMobile: h,
+              isMobile: u,
               label: n.cash_and_bank
             }
           ),
-          h && /* @__PURE__ */ e(v, {}),
-          c?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(B, { children: [
-            !h && /* @__PURE__ */ e(p, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+          u && /* @__PURE__ */ e(v, {}),
+          c?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(U, { children: [
+            !u && /* @__PURE__ */ e(p, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               ne,
               {
-                amount: S,
-                isMobile: h,
+                amount: w,
+                isMobile: u,
                 label: n.to_be_received,
-                symbol: h ? "+" : void 0
+                symbol: u ? "+" : void 0
               }
             )
           ] }) : /* @__PURE__ */ e(
-            k,
+            H,
             {
               onClick: () => a(!0),
-              startIcon: /* @__PURE__ */ e(H, { name: "add" }),
+              startIcon: /* @__PURE__ */ e(F, { name: "add" }),
               sx: { fontSize: 13 },
               children: n.add_income
             }
           ),
-          h ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(p, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          u ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(p, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
             ne,
             {
               amount: _,
-              isMobile: h,
+              isMobile: u,
               label: n.to_be_paid_out,
-              symbol: h ? "-" : void 0
+              symbol: u ? "-" : void 0
             }
           ),
-          h ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(p, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          u ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(p, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
             ne,
             {
-              amount: y,
-              isMobile: h,
-              isTotal: h,
+              amount: A,
+              isMobile: u,
+              isTotal: u,
               label: n.remaining_cash,
               tooltip: /* @__PURE__ */ e(
                 ue,
@@ -734,8 +734,8 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       }
     )
   ] });
-}, Et = T(At), Tt = ({ handleNextStep: i }) => {
-  const { completeOnboarding: n } = le(), { cashflow: t } = L(), s = ie();
+}, Et = R(At), Tt = ({ handleNextStep: i }) => {
+  const { completeOnboarding: n } = le(), { cashflow: t } = O(), s = ie();
   return /* @__PURE__ */ o(r, { children: [
     /* @__PURE__ */ e(ce, { pb: 12, children: t.welcome_title }),
     /* @__PURE__ */ e(
@@ -748,9 +748,9 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
         children: t.welcome_sub_title
       }
     ),
-    /* @__PURE__ */ e(O, { pb: 32, children: t.welcome_description }),
+    /* @__PURE__ */ e(N, { pb: 32, children: t.welcome_description }),
     /* @__PURE__ */ o(r, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           D,
           {
@@ -761,12 +761,12 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(H, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ e(F, { color: "primary", name: "currency_exchange" })
           }
         ),
         t.bullet_one
       ] }),
-      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           D,
           {
@@ -777,12 +777,12 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(H, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ e(F, { color: "primary", name: "cardiology" })
           }
         ),
         t.bullet_two
       ] }),
-      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           D,
           {
@@ -793,28 +793,28 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(H, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ e(F, { color: "primary", name: "flare" })
           }
         ),
         t.bullet_three
       ] })
     ] }),
     /* @__PURE__ */ o(r, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(k, { onClick: i, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(k, { onClick: n, variant: "outlined", children: t.skip_button })
+      /* @__PURE__ */ e(H, { onClick: i, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(H, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, Rt = T(Tt), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", Me = {
+}, Rt = R(Tt), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", Me = {
   CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
   CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
 }, Lt = () => {
-  const { cashflow: i } = L();
+  const { cashflow: i } = O();
   return /* @__PURE__ */ o(f.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: Me.CASHFLOW_LOADING_ANIMATION }) }),
     /* @__PURE__ */ e(ce, { pb: 12, children: i.loading_title }),
-    /* @__PURE__ */ e(O, { children: i.loading_description })
+    /* @__PURE__ */ e(N, { children: i.loading_description })
   ] });
-}, Ot = T(Lt), Nt = et`
+}, Ot = R(Lt), Nt = et`
   from {
     transform: rotate(0deg);
   }
@@ -822,7 +822,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     transform: rotate(360deg);
   }
 `, kt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: n } = U(), { cashflow: t, common: s } = L(), { completeOnboarding: d } = le(), { isDirty: g } = V(), { isMobile: m } = me(), { isCopyLoaded: c, setDisplayedDate: C } = X(), { filter: a, setFilter: u, transactions: l } = ke(), b = ie(), [_, S] = K(!0), [y, h] = f.useState(dt.EveryMonth), [I, A] = f.useState(1), [F, P] = f.useState(15), [$, w] = K(!1), [G, pe] = K(1), [N, je] = K([]), [fe, se] = K(""), W = f.useMemo(
+  const { addRepeatingTransaction: i, repeatingTransactions: n } = P(), { cashflow: t, common: s } = O(), { completeOnboarding: d } = le(), { isDirty: g } = V(), { isMobile: m } = me(), { isCopyLoaded: c, setDisplayedDate: C } = X(), { filter: a, setFilter: h, transactions: l } = ke(), b = ie(), [_, w] = K(!0), [A, u] = f.useState(dt.EveryMonth), [E, S] = f.useState(1), [$, G] = f.useState(15), [M, y] = K(!1), [I, pe] = K(1), [k, je] = K([]), [fe, se] = K(""), W = f.useMemo(
     () => l.find((x) => x.guid === fe),
     [fe, l]
   ), ze = !!n.filter(
@@ -830,29 +830,29 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
   ).length, ge = async () => {
     pe(2), C(
       //  Beginning of the month, 90 days before today
-      st(Ge(z(), 90)),
-      z()
-    ), u({ ...a, custom: Se }), pe(3);
+      st(Ge(B(), 90)),
+      B()
+    ), h({ ...a, custom: Se }), pe(3);
   }, Be = async () => {
-    if (!(N.length < 1)) {
-      w(!0);
-      for (let x = 0; x < N.length; x++) {
-        const E = N[x], be = De(y, ye(E.date)), Pe = {
-          account_guid: E.account_guid,
-          amount: E.amount,
-          merchant_guid: E.merchant_guid,
-          description: E.feed_description || E.description,
+    if (!(k.length < 1)) {
+      y(!0);
+      for (let x = 0; x < k.length; x++) {
+        const T = k[x], be = De(A, ye(T.date)), Pe = {
+          account_guid: T.account_guid,
+          amount: T.amount,
+          merchant_guid: T.merchant_guid,
+          description: T.feed_description || T.description,
           predicted_occurs_on: rt(be, { representation: "date" }),
           recurrence_day: be.getDay(),
-          recurrence_type: y,
+          recurrence_type: A,
           repeating_transaction_type: Ie.Income,
-          transaction_type: E.transaction_type
+          transaction_type: T.transaction_type
         };
-        await i(Pe, E);
+        await i(Pe, T);
       }
       await d();
     }
-  }, Ue = !W && _ || !W && N.length < 1;
+  }, Ue = !W && _ || !W && k.length < 1;
   return c ? /* @__PURE__ */ o(
     D,
     {
@@ -867,7 +867,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
         py: 24
       },
       children: [
-        G === 1 && /* @__PURE__ */ e(
+        I === 1 && /* @__PURE__ */ e(
           D,
           {
             sx: {
@@ -876,7 +876,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             children: /* @__PURE__ */ e(Rt, { handleNextStep: ge })
           }
         ),
-        G === 2 && /* @__PURE__ */ e(
+        I === 2 && /* @__PURE__ */ e(
           D,
           {
             sx: {
@@ -885,7 +885,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             children: /* @__PURE__ */ e(Ot, {})
           }
         ),
-        G === 3 && /* @__PURE__ */ o(
+        I === 3 && /* @__PURE__ */ o(
           D,
           {
             sx: {
@@ -893,22 +893,22 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             },
             children: [
               /* @__PURE__ */ e(ce, { pb: 12, children: t.add_income_title }),
-              /* @__PURE__ */ e(O, { mb: 24, children: t.add_income_description }),
-              N.length > 0 && !W && /* @__PURE__ */ o(B, { children: [
-                /* @__PURE__ */ e(Z, { children: N.map((x, E) => /* @__PURE__ */ o(f.Fragment, { children: [
+              /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
+              k.length > 0 && !W && /* @__PURE__ */ o(U, { children: [
+                /* @__PURE__ */ e(Z, { children: k.map((x, T) => /* @__PURE__ */ o(f.Fragment, { children: [
                   /* @__PURE__ */ e(ct, { bgcolor: "background.paper", children: mt(
-                    j(x.nextDate || x.date)
+                    z(x.nextDate || x.date)
                   ) }),
                   /* @__PURE__ */ e(lt, { transaction: x }),
-                  E !== N.length - 1 && /* @__PURE__ */ e(v, {})
+                  T !== k.length - 1 && /* @__PURE__ */ e(v, {})
                 ] }, x.guid)) }),
                 /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
-                    k,
+                    H,
                     {
-                      onClick: () => S(!0),
-                      startIcon: /* @__PURE__ */ e(H, { name: "add", size: 20 }),
+                      onClick: () => w(!0),
+                      startIcon: /* @__PURE__ */ e(F, { name: "add", size: 20 }),
                       children: t.add_income
                     }
                   )
@@ -918,41 +918,41 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                 ot,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (x) => u({
+                  onSearch: (x) => h({
                     ...a,
-                    custom: (E) => x ? it(E, x) : Se(E)
+                    custom: (T) => x ? it(T, x) : Se(T)
                   }),
                   onSelected: (x) => {
-                    se(x), S(!1);
+                    se(x), w(!1);
                   }
                 }
               ),
-              !ze && g && /* @__PURE__ */ e(O, { color: "error", mt: 16, children: t.confirm_error }),
-              W && /* @__PURE__ */ o(B, { children: [
+              !ze && g && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
+              W && /* @__PURE__ */ o(U, { children: [
                 /* @__PURE__ */ e(
                   at,
                   {
                     bgcolor: "background.paper",
-                    firstDay: I,
-                    frequency: y,
-                    onFirstDayChange: A,
-                    onFrequencyChange: h,
-                    onSecondDayChange: P,
-                    secondDay: F,
+                    firstDay: E,
+                    frequency: A,
+                    onFirstDayChange: S,
+                    onFrequencyChange: u,
+                    onSecondDayChange: G,
+                    secondDay: $,
                     transaction: W
                   }
                 ),
                 /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
-                    k,
+                    H,
                     {
                       "aria-disabled": !W,
                       onClick: () => {
-                        const x = [...N];
+                        const x = [...k];
                         x.push({
                           ...W,
-                          nextDate: De(y, ye(W.date)),
-                          frequency: y
+                          nextDate: De(A, ye(W.date)),
+                          frequency: A
                         }), je(x), se("");
                       },
                       variant: "contained",
@@ -960,10 +960,10 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     }
                   ),
                   /* @__PURE__ */ e(
-                    k,
+                    H,
                     {
                       onClick: () => {
-                        se(""), S(!0), ge().finally();
+                        se(""), w(!0), ge().finally();
                       },
                       variant: "outlined",
                       children: s.cancel_button
@@ -971,14 +971,14 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                   )
                 ] })
               ] }),
-              N.length > 0 && !W && /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              k.length > 0 && !W && /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
-                  k,
+                  H,
                   {
-                    "aria-disabled": N.length < 1 || $,
+                    "aria-disabled": k.length < 1 || M,
                     onClick: Be,
-                    startIcon: $ ? /* @__PURE__ */ e(
-                      H,
+                    startIcon: M ? /* @__PURE__ */ e(
+                      F,
                       {
                         name: "progress_activity",
                         sx: {
@@ -990,7 +990,7 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(k, { onClick: d, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(H, { onClick: d, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
@@ -998,36 +998,36 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       ]
     }
   ) : /* @__PURE__ */ e(re, {});
-}, Ht = T(kt), Ft = ({ onBackClick: i, sx: n = {} }) => {
+}, Ht = R(kt), Ft = ({ onBackClick: i, sx: n = {} }) => {
   const {
     selectedAccounts: t,
     selectedAccountGuids: s,
     setSelectedAccounts: d,
     shouldDisableNextDate: g,
     shouldDisablePrevDate: m
-  } = X(), { onEvent: c } = Ne(), { visibleCashAccounts: C } = Oe(), { setFilter: a } = ke(), { userProfile: u } = de(), { dateRange: l, setSelectedCashAccounts: b } = V(), { loadRepeatingTransactions: _, setDateRange: S } = U(), { cashflow: y } = L(), { isCopyLoaded: h, isInitialized: I } = X(), [A, F] = f.useState(!1);
+  } = X(), { onEvent: c } = Ne(), { visibleCashAccounts: C } = Oe(), { setFilter: a } = ke(), { userProfile: h } = de(), { dateRange: l, setSelectedCashAccounts: b } = V(), { loadRepeatingTransactions: _, setDateRange: w } = P(), { cashflow: A, recurring: u } = O(), { isCopyLoaded: E, isInitialized: S } = X(), [$, G] = f.useState(!1);
   return f.useEffect(() => {
-    I && (S(l), _().finally());
-  }, [I]), f.useEffect(() => {
+    S && (w(l), _().finally());
+  }, [S]), f.useEffect(() => {
     d(C);
   }, [C]), f.useEffect(() => {
-    const P = C.map((w) => w.guid), $ = t.filter(
-      (w) => s.includes(w.guid) && P.includes(w.guid)
+    const M = C.map((I) => I.guid), y = t.filter(
+      (I) => s.includes(I.guid) && M.includes(I.guid)
     );
-    b($), a({
-      dateRange: { start: Ge(z(), 90), end: ut() },
-      accounts: $.map((w) => w.guid)
+    b(y), a({
+      dateRange: { start: Ge(B(), 90), end: ut() },
+      accounts: y.map((I) => I.guid)
     });
-  }, [C, t]), !h || !I ? /* @__PURE__ */ e(re, {}) : u?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
+  }, [C, t]), !E || !S ? /* @__PURE__ */ e(re, {}) : h?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
     ve,
     {
       accountOptions: C,
       actions: [
         {
-          label: y.cashflow_settings,
-          iconName: "settings",
+          label: u.action_title,
+          iconName: "credit_card",
           onClick: () => {
-            F(!0), c(Ae.CASH_FLOW_CLICK_SETTINGS);
+            G(!0), c(Ae.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
@@ -1043,18 +1043,18 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       onAccountsFilterClick: () => c(Ae.CASH_FLOW_CLICK_FILTER),
       onBackClick: i,
       sx: n,
-      title: y.title,
+      title: A.title,
       children: [
         /* @__PURE__ */ e(Et, {}),
         /* @__PURE__ */ e(vt, {}),
         /* @__PURE__ */ e(
           $e,
           {
-            ariaLabelClose: y.close_settings_aria,
-            isOpen: A,
-            onClose: () => F(!1),
+            ariaLabelClose: A.close_settings_aria,
+            isOpen: $,
+            onClose: () => G(!1),
             shouldShowHeaderBorders: !1,
-            title: y.cashflow_settings,
+            title: u.action_title,
             children: /* @__PURE__ */ e(Qe, {})
           }
         )
@@ -1065,29 +1065,29 @@ const Ct = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     {
       onBackClick: i,
       sx: { height: "100%", overflow: "auto" },
-      title: y.title,
+      title: A.title,
       children: /* @__PURE__ */ e(Ht, {})
     }
   );
-}, Ln = T(Ft);
+}, Ln = R(Ft);
 class On {
   fetchInstance;
   constructor(n, t) {
     this.fetchInstance = new ht(n, t);
   }
-  addCashflowEvent = async (n) => this.fetchInstance.post(M.CASHFLOW_EVENTS, { ...n }).then((t) => t);
-  addCashflowSequence = async (n) => this.fetchInstance.post(M.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
-  getCashflowSequences = async () => this.fetchInstance.get(M.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
+  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(
-    `${M.CASHFLOW_EVENTS}/from/${j(n)}/to/${j(t)}`
+    `${j.CASHFLOW_EVENTS}/from/${z(n)}/to/${z(t)}`
   ).then((s) => s.cashflow_events);
-  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${M.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
+  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${j.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
   getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
-    `${M.CASHFLOW_SEQUENCES}/projected_events/from/${j(
+    `${j.CASHFLOW_SEQUENCES}/projected_events/from/${z(
       n
-    )}/to/${j(t)}`
+    )}/to/${z(t)}`
   ).then((s) => s.cashflow_events);
-  updateCashflowSequence = async (n) => this.fetchInstance.put(`${M.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
+  updateCashflowSequence = async (n) => this.fetchInstance.put(`${j.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
 }
 export {
   On as CashflowApi,