@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/cashflow/index.es.js

@@ -1,1060 +1,8 @@
-import { jsxs as n, Fragment as z, jsx as e } from "react/jsx-runtime";
-import S, { useState as K } from "react";
-import { observer as T } from "mobx-react-lite";
-import v from "@mui/material/Box";
-import D from "@mui/material/Divider";
-import c from "@mui/material/Stack";
-import { useTheme as ae, alpha as Ye, keyframes as qe } from "@mui/material/styles";
-import { Text as m, P as k, Icon as F, InstitutionLogo as ye, H2 as de, H3 as Ke } from "@mxenabled/mxui";
-import { b as G } from "../Localization-DnoVyBNK.mjs";
-import { G as Ve, p as me, u as R, D as re, a as $, h as te, i as pe, f as Ee, c as Xe, g as Le, C as Je } from "../hooks-97sNJ_lf.mjs";
-import { C as A } from "../CurrencyText-CCbE6MmF.mjs";
-import { u as ue } from "../useScreenSize-mWpmnh5w.mjs";
-import { L as Q } from "../Loader-CxeBwuPG.mjs";
-import { I as he } from "../InformationTooltip-4su8bn1e.mjs";
-import { u as Ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { M as Qe } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
-import { E as Ze } from "../EmptyState-CJUDc3kD.mjs";
-import et from "@mui/material/Alert";
-import tt from "@mui/material/Snackbar";
-import { R as nt } from "../RecurringSettings-7zGNq-fh.mjs";
-import ot from "@mui/material/Tabs";
-import _e from "@mui/material/Tab";
-import { getUnixTime as se } from "date-fns/getUnixTime";
-import J from "@mui/material/List";
-import Z from "@mui/material/ListItem";
-import { A as it } from "../AccountDetailsDrawer-BcwBkxIE.mjs";
-import { f as P, D as U } from "../DateFormats-HudZ3Bjs.mjs";
-import at from "@mui/material/ListSubheader";
-import { f as X } from "../NumberFormatting--XMeeBfr.mjs";
-import { isAfter as Oe } from "date-fns/isAfter";
-import { isBefore as Ge } from "date-fns/isBefore";
-import { isToday as He } from "date-fns/isToday";
-import { g as Fe } from "../AccountUtils-Cbh8r9cP.mjs";
-import { DataGridPro as rt } from "@mui/x-data-grid-pro";
-import { T as Ce } from "../TabContentContainer-B0eYJP5p.mjs";
-import H from "@mui/material/Button";
-import { M as ct, S as st, i as lt, b as we, c as dt } from "../ManageIncome-CRSMKFWt.mjs";
-import { D as We } from "../Drawer-DLUMdk6P.mjs";
-import { subDays as Me } from "date-fns/subDays";
-import { startOfToday as le } from "date-fns/startOfToday";
-import { endOfToday as mt } from "date-fns/endOfToday";
-import { W as pt } from "../WidgetContainer-DKRs7nIV.mjs";
-import { c as V } from "../Account-DR7Plrqy.mjs";
-import { A as Se } from "../Analytics-D-jdcL72.mjs";
-import { formatISO as ut } from "date-fns/formatISO";
-import { fromUnixTime as ve } from "date-fns/fromUnixTime";
-import { startOfMonth as ht } from "date-fns/startOfMonth";
-import { S as ft, a as gt } from "../EmbeddedCard-DCR-ziFE.mjs";
-import { F as bt, R as De, d as Ie } from "../RecurringTransactionsUtil-CfWviBh1.mjs";
-import { k as xt } from "../DateUtil-Bl7d7C1W.mjs";
-const B = () => {
-  if (!S.useContext(Ve))
-    throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
-  return me().uiStore;
-}, yt = ({ remaining: i }) => {
-  const { cashflow: o } = R();
-  return /* @__PURE__ */ n(z, { children: [
-    /* @__PURE__ */ e(
-      v,
-      {
-        sx: {
-          borderRadius: "1px",
-          backgroundColor: i < 0 ? "error.main" : i > 0 ? "success.main" : "warning.main",
-          height: 6,
-          width: 6
-        }
-      }
-    ),
-    /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: o.remaining_cash }),
-    /* @__PURE__ */ e(A, { amount: i, bold: !0, sx: { fontSize: 12 } })
-  ] });
-}, fe = T(yt), _t = () => {
-  const i = ae(), { availableWidth: o } = re(), { isMobile: t } = ue(), { selectedAccountGuids: a } = $(), { cashflow: s } = R(), { daysUntilNextIncome: h, expensesTilNextIncome: y, selectedCashAccounts: l, selectedCashBalance: x } = B(), { isDataLoaded: _ } = te(), r = y.filter((p) => a.includes(p.accountGuid || "")).reduce((p, d) => p + d.amount, 0), u = x - r;
-  return _ ? /* @__PURE__ */ e(v, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
-    c,
-    {
-      border: `1px solid ${i.palette.divider}`,
-      borderRadius: 1,
-      direction: "row",
-      justifyContent: "space-between",
-      px: 24,
-      children: [
-        /* @__PURE__ */ n(c, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(A, { amount: x, variant: "h2" }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: G(
-            s.total_cash_accounts,
-            l.length
-          ) })
-        ] }),
-        /* @__PURE__ */ e(c, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
-        /* @__PURE__ */ n(c, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(A, { amount: r, variant: "h2" }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: G(s.expenses_due, y.length) })
-        ] }),
-        /* @__PURE__ */ e(c, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
-        /* @__PURE__ */ n(c, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(A, { amount: u, variant: "h2" }),
-          /* @__PURE__ */ n(c, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: s.available_to_spend }),
-            /* @__PURE__ */ e(he, { body: s.tooltip_body, title: s.tooltip_title })
-          ] })
-        ] }),
-        /* @__PURE__ */ e(c, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ n(z, { children: [
-          /* @__PURE__ */ e(m, { variant: "h2", children: G(s.days, h) }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: s.next_paycheck })
-        ] }) })
-      ]
-    }
-  ) : /* @__PURE__ */ n(c, { border: `1px solid ${i.palette.divider}`, borderRadius: 1, children: [
-    /* @__PURE__ */ n(c, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: G(
-        s.total_cash_accounts,
-        l.length
-      ) }),
-      /* @__PURE__ */ e(A, { amount: x, bold: !0, variant: "caption" })
-    ] }),
-    /* @__PURE__ */ e(D, {}),
-    /* @__PURE__ */ n(c, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: G(s.expenses_due, y.length) }),
-      /* @__PURE__ */ e(A, { amount: r, bold: !0, symbol: "-", variant: "caption" })
-    ] }),
-    /* @__PURE__ */ e(D, {}),
-    /* @__PURE__ */ e(
-      c,
-      {
-        alignItems: "center",
-        bgcolor: "background.default",
-        direction: "row",
-        gap: 8,
-        height: 48,
-        justifyContent: "space-between",
-        px: 16,
-        sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(fe, { remaining: u })
-      }
-    ),
-    /* @__PURE__ */ e(D, {}),
-    /* @__PURE__ */ n(c, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: s.next_paycheck }),
-      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: G(s.days, h) })
-    ] })
-  ] }) }) : /* @__PURE__ */ e(Q, { height: t ? 210 : 120 });
-}, Ct = T(_t), wt = ({
-  onPrimaryCtaClick: i,
-  onSecondaryCtaClick: o,
-  sx: t = {}
-}) => {
-  const { cashflow: a } = R(), { isInitialized: s } = $(), { income: h } = B(), { loadRepeatingTransactionData: y, isDataLoaded: l } = te();
-  S.useEffect(() => {
-    l || y().finally();
-  }, []), Ne({
-    widgetName: "CashflowMiniWidget",
-    isLoaded: l
-  });
-  const x = l && !h.length;
-  return s ? /* @__PURE__ */ n(
-    Qe,
-    {
-      className: "mx-exp-cashflow-miniwidget",
-      onPrimaryCtaClick: i,
-      primaryCtaLabel: a.primary_cta,
-      primaryCtaLabelAria: a.primary_cta_aria,
-      subTitle: x || !l ? void 0 : a.sub_title,
-      sx: { height: "100%", ...t },
-      title: a.title,
-      children: [
-        !l && /* @__PURE__ */ e(Q, {}),
-        l && (x ? /* @__PURE__ */ e(
-          Ze,
-          {
-            header: a.create,
-            icon: "local_atm",
-            onClick: o,
-            primaryButton: a.add_income,
-            primaryButtonStartIcon: "add",
-            subText: a.create_description
-          }
-        ) : /* @__PURE__ */ e(Ct, {}))
-      ]
-    }
-  ) : /* @__PURE__ */ e(Q, {});
-}, Wn = T(wt), St = ({ remaining: i }) => /* @__PURE__ */ e(
-  Z,
-  {
-    sx: {
-      alignItems: "center",
-      backgroundColor: "background.highlight",
-      display: "flex",
-      gap: 12,
-      padding: "12px 24px",
-      borderBottomLeftRadius: "3px",
-      borderBottomRightRadius: "3px",
-      minHeight: "auto"
-    },
-    children: /* @__PURE__ */ e(fe, { remaining: i })
-  }
-);
-var ee = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(ee || {});
-const vt = ({ recurrence: i }) => /* @__PURE__ */ n(z, { children: [
-  /* @__PURE__ */ n(Z, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
-    /* @__PURE__ */ n(c, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: P(i.expectedDate, U.MONTH) }),
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: P(i.expectedDate, U.DAY) })
-    ] }),
-    /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
-    /* @__PURE__ */ e(
-      A,
-      {
-        amount: i.amount,
-        bold: !0,
-        sx: { textAlign: "right", fontSize: 13 }
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(D, {})
-] }), Te = T(vt), Dt = ({ total: i, type: o }) => {
-  const { cashflow: t } = R();
-  return /* @__PURE__ */ n(z, { children: [
-    /* @__PURE__ */ n(
-      at,
-      {
-        sx: {
-          alignItems: "center",
-          backgroundColor: "background.highlight",
-          display: "flex",
-          justifyContent: "space-between",
-          pb: 4,
-          pt: 12,
-          px: 24
-        },
-        children: [
-          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: o === ee.EXPENSE ? t.expenses : t.income }),
-          /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 13 }, children: [
-            o === ee.EXPENSE ? "-" : "+",
-            X(i, "0,0.00")
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(D, {})
-  ] });
-}, Ae = T(Dt), ie = (i, o) => (t) => t.accountGuid === i.guid && (He(t.expectedDate) || Oe(t.expectedDate, o.start)) && Ge(t.expectedDate, o.end), It = () => {
-  const { availableWidth: i } = re(), { cashflow: o } = R(), {
-    config: { display_available_balance_in_accounts: t }
-  } = pe(), { dateRange: a, selectedCashAccounts: s, upcomingExpenses: h, upcomingIncome: y } = B();
-  return /* @__PURE__ */ n(c, { children: [
-    /* @__PURE__ */ n(c, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12 }, children: o.accounts_breakdown }),
-      /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, mb: 12 }, children: [
-        P(a.start, U.FULL_MONTH_DAY),
-        " -",
-        " ",
-        P(a.end, U.FULL_MONTH_DAY)
-      ] })
-    ] }),
-    /* @__PURE__ */ e(c, { children: s.map((l) => {
-      const x = y.filter(ie(l, a)).sort((d, f) => se(d.expectedDate) - se(f.expectedDate)), _ = h.filter(
-        ie(l, a)
-      ), r = x.reduce(
-        (d, f) => d + f.amount,
-        0
-      ), u = _.reduce(
-        (d, f) => d + f.amount,
-        0
-      ), p = Fe(l, t) + r - u;
-      return /* @__PURE__ */ n(
-        J,
-        {
-          sx: {
-            border: "1px solid",
-            borderColor: "neutral.light",
-            mb: 24,
-            borderRadius: 1
-          },
-          children: [
-            /* @__PURE__ */ e(
-              it,
-              {
-                account: l,
-                listItemProps: {
-                  disableGutters: !1,
-                  disablePadding: !1,
-                  sx: { borderTopRadius: 1, pr: 24 }
-                }
-              }
-            ),
-            /* @__PURE__ */ e(D, {}),
-            x.length > 0 && /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
-              J,
-              {
-                subheader: /* @__PURE__ */ e(Ae, { total: r, type: ee.INCOME }),
-                sx: { width: "100%" },
-                children: x.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
-              }
-            ) }),
-            _.length > 0 && /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
-              J,
-              {
-                subheader: /* @__PURE__ */ e(Ae, { total: u, type: ee.EXPENSE }),
-                sx: { width: "100%" },
-                children: _.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
-              }
-            ) }),
-            /* @__PURE__ */ e(St, { remaining: p })
-          ]
-        },
-        l.guid
-      );
-    }) })
-  ] });
-}, Tt = T(It), At = () => {
-  const { availableWidth: i } = re(), o = ae(), { cashflow: t } = R(), {
-    config: { display_available_balance_in_accounts: a }
-  } = pe(), { dateRange: s, selectedCashAccounts: h, upcomingExpenses: y, upcomingIncome: l } = B(), x = [
-    {
-      field: "account",
-      flex: 1.5,
-      headerName: t.accounts,
-      renderCell: ({ value: { name: r, nickname: u, institution_guid: p, account_number: d } }) => {
-        const f = u || r;
-        return /* @__PURE__ */ n(c, { alignItems: "center", flexDirection: "row", gap: 12, children: [
-          /* @__PURE__ */ e(
-            ye,
-            {
-              alt: t.institution_logo,
-              institutionGuid: p || "",
-              size: 16
-            }
-          ),
-          /* @__PURE__ */ e(m, { variant: "body2", children: `${f} ${d ? `*${d}` : ""}` })
-        ] });
-      }
-    },
-    {
-      field: "balance",
-      flex: 1,
-      headerName: t.balance,
-      type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: X(r.value, "0,0.00") })
-    },
-    {
-      field: "income",
-      flex: 1,
-      headerName: t.projected_income,
-      type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `+${X(r.value, "0,0.00")}` })
-    },
-    {
-      field: "expenses",
-      flex: 1.1,
-      headerName: t.projected_expenses,
-      type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `-${X(r.value, "0,0.00")}` })
-    },
-    {
-      field: "remaining",
-      flex: 1,
-      headerName: t.remaining,
-      type: "number",
-      renderCell: (r) => {
-        const u = r.row.balance + r.row.income - r.row.expenses;
-        return /* @__PURE__ */ e(
-          m,
-          {
-            color: Math.sign(u) === -1 ? o.palette.error.main : o.palette.text.primary,
-            variant: "body2",
-            children: X(u, "0,0.00")
-          }
-        );
-      }
-    }
-  ], _ = S.useMemo(() => h.map((r) => {
-    const u = y.filter(ie(r, s)).reduce((C, w) => C + w.amount, 0), p = l.filter(ie(r, s)).reduce((C, w) => C + w.amount, 0), d = Fe(r, a), f = d + p - u;
-    return {
-      account: r,
-      balance: d,
-      id: r.guid,
-      income: p,
-      expenses: u,
-      remaining: f
-    };
-  }), [h, y, l, a, s]);
-  return /* @__PURE__ */ n(
-    v,
-    {
-      sx: {
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ n(
-          c,
-          {
-            direction: i < 540 ? "column" : "row",
-            justifyContent: "space-between",
-            mb: 12,
-            children: [
-              /* @__PURE__ */ n(c, { alignItems: "center", direction: "row", gap: 8, children: [
-                /* @__PURE__ */ e(
-                  m,
-                  {
-                    bold: !0,
-                    sx: {
-                      fontSize: 15
-                    },
-                    children: t.cash_inflow_and_outflow
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  he,
-                  {
-                    body: t.table_tooltip_body,
-                    title: t.table_tooltip_title
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15 }, children: [
-                P(s.start, U.FULL_MONTH_DAY),
-                " -",
-                " ",
-                P(s.end, U.FULL_MONTH_DAY)
-              ] })
-            ]
-          }
-        ),
-        i > 650 ? /* @__PURE__ */ e(
-          rt,
-          {
-            columnHeaderHeight: 48,
-            columns: x,
-            density: "standard",
-            disableColumnMenu: !0,
-            disableRowSelectionOnClick: !0,
-            hideFooter: !0,
-            rowHeight: 48,
-            rows: _,
-            sx: {
-              border: "1px solid",
-              borderColor: "neutral.light",
-              borderRadius: 1,
-              "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-                color: o.palette.primary.main,
-                "&:hover": {
-                  backgroundColor: Ye(o.palette.primary.main, 0.1)
-                }
-              },
-              "& .MuiDataGrid-columnHeaderTitle": {
-                fontFamily: o.typography.h3.fontFamily,
-                fontSize: o.typography.body2.fontSize
-              },
-              "& .MuiDataGrid-sortIcon": {
-                color: o.palette.primary.main
-              }
-            }
-          }
-        ) : _.map((r) => {
-          const { name: u, nickname: p, institution_guid: d, account_number: f } = r.account, C = p || u;
-          return /* @__PURE__ */ e(
-            J,
-            {
-              sx: {
-                border: "1px solid",
-                borderColor: "neutral.light",
-                borderRadius: 1,
-                marginBottom: 24
-              },
-              children: /* @__PURE__ */ e(Z, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ n(c, { width: "100%", children: [
-                /* @__PURE__ */ n(
-                  c,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ n(c, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
-                        /* @__PURE__ */ e(
-                          ye,
-                          {
-                            alt: t.institution_logo,
-                            institutionGuid: d || "",
-                            size: 16
-                          }
-                        ),
-                        /* @__PURE__ */ e(m, { variant: "body2", children: `${C} ${f ? `*${f}` : ""}` })
-                      ] }),
-                      /* @__PURE__ */ e(A, { amount: r.balance, bold: !0, variant: "body2" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
-                /* @__PURE__ */ n(
-                  c,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_income }),
-                      /* @__PURE__ */ e(A, { amount: r.income, bold: !0, symbol: "+", variant: "body2" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
-                /* @__PURE__ */ n(
-                  c,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(A, { amount: r.expenses, bold: !0, symbol: "-", variant: "body2" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
-                /* @__PURE__ */ e(
-                  c,
-                  {
-                    alignItems: "center",
-                    bgcolor: "background.default",
-                    flexDirection: "row",
-                    gap: 8,
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(fe, { remaining: r.remaining })
-                  }
-                )
-              ] }) })
-            },
-            r.id
-          );
-        })
-      ]
-    }
-  );
-}, Rt = T(At), kt = () => {
-  const { cashflow: i } = R(), { isDesktop: o } = ue(), { onEvent: t } = Ee(), [a, s] = S.useState(0), h = (y, l) => {
-    s(l);
-  };
-  return S.useEffect(() => {
-    t(a === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [a]), /* @__PURE__ */ n(v, { children: [
-    /* @__PURE__ */ n(
-      ot,
-      {
-        "aria-label": i.cashflow_summary_and_details,
-        centered: !0,
-        onChange: h,
-        textColor: "primary",
-        value: a,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ e(
-            _e,
-            {
-              "aria-controls": "cashflow-tabpanel-0",
-              id: "cashflow-tab-0",
-              label: i.summary,
-              sx: {
-                textTransform: "none"
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            _e,
-            {
-              "aria-controls": "cashflow-tabpanel-1",
-              id: "cashflow-tab-1",
-              label: i.details,
-              sx: {
-                textTransform: "none"
-              }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(v, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Ce, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(v, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
-    /* @__PURE__ */ e(Ce, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(v, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) })
-  ] });
-}, Et = T(kt), oe = ({
-  amount: i,
-  isMobile: o = !1,
-  isTotal: t = !1,
-  label: a,
-  symbol: s,
-  tooltip: h
-}) => /* @__PURE__ */ n(
-  c,
-  {
-    bgcolor: t ? "background.default" : "transparent",
-    direction: o ? "row" : "column",
-    justifyContent: o ? "space-between" : "initial",
-    padding: o ? "14px 16px" : 0,
-    sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-    children: [
-      !o && /* @__PURE__ */ e(A, { amount: i, component: "h2", variant: "h2" }),
-      /* @__PURE__ */ n(c, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: a }),
-        h
-      ] }),
-      o && /* @__PURE__ */ e(A, { amount: i, component: "h2", symbol: s, variant: "body2" })
-    ]
-  }
-), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (He(t.expectedDate) || Oe(t.expectedDate, o.start)) && Ge(t.expectedDate, o.end), Lt = () => {
-  const { availableWidth: i } = re(), { cashflow: o } = R(), { isDataLoaded: t } = te(), { selectedAccountGuids: a } = $(), {
-    dateRange: s,
-    income: h,
-    selectedCashAccounts: y,
-    selectedCashBalance: l,
-    upcomingExpenses: x,
-    upcomingIncome: _
-  } = B(), [r, u] = S.useState(!1), p = x.filter(
-    Re(a, s)
-  ), d = _.filter(
-    Re(a, s)
-  ), f = l, C = p.reduce((L, W) => L + W.amount, 0), w = d.reduce((L, W) => L + W.amount, 0), j = f - C + w, Y = t && h.length > 0, b = i < 725;
-  return /* @__PURE__ */ n(c, { sx: { mx: b ? 16 : 0, my: b ? 24 : 42 }, children: [
-    /* @__PURE__ */ n(
-      c,
-      {
-        border: b ? "1px solid" : "none",
-        borderColor: "neutral.light",
-        borderRadius: 2,
-        flexDirection: b ? "column" : "row",
-        gap: b ? 0 : 24,
-        justifyContent: "center",
-        children: [
-          /* @__PURE__ */ e(
-            oe,
-            {
-              amount: f,
-              isMobile: b,
-              label: G(o.cash_and_bank, y.length)
-            }
-          ),
-          b && /* @__PURE__ */ e(D, {}),
-          Y ? /* @__PURE__ */ n(z, { children: [
-            !b && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
-            /* @__PURE__ */ e(
-              oe,
-              {
-                amount: w,
-                isMobile: b,
-                label: o.to_be_received,
-                symbol: b ? "+" : void 0
-              }
-            )
-          ] }) : /* @__PURE__ */ e(
-            H,
-            {
-              onClick: () => u(!0),
-              startIcon: /* @__PURE__ */ e(F, { name: "add" }),
-              sx: { fontSize: 13 },
-              children: o.add_income
-            }
-          ),
-          b ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
-          /* @__PURE__ */ e(
-            oe,
-            {
-              amount: C,
-              isMobile: b,
-              label: G(o.to_be_paid_out, p.length),
-              symbol: b ? "-" : void 0
-            }
-          ),
-          b ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
-          /* @__PURE__ */ e(
-            oe,
-            {
-              amount: j,
-              isMobile: b,
-              isTotal: b,
-              label: o.remaining_cash,
-              tooltip: /* @__PURE__ */ e(
-                he,
-                {
-                  body: o.remaining_income_tooltip_body,
-                  title: o.remaining_income_tooltip_title
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      We,
-      {
-        ariaLabelClose: o.close_manage_income_aria,
-        isOpen: r,
-        onClose: () => u(!1),
-        shouldShowHeaderBorders: !1,
-        title: o.manage_income,
-        children: /* @__PURE__ */ e(ct, {})
-      }
-    )
-  ] });
-}, Nt = T(Lt), Ot = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
-  const { selectedAccounts: a, selectedAccountGuids: s, shouldDisableNextDate: h, shouldDisablePrevDate: y } = $(), { onEvent: l } = Ee(), { clientConfig: x } = pe(), { visibleCashAccounts: _ } = Xe(), { setFilter: r } = Le(), { dateRange: u } = B(), { alert: p, loadRepeatingTransactionData: d, isDataLoaded: f, setAlert: C } = te(), { cashflow: w, recurring: j } = R(), { isInitialized: Y } = $(), L = x?.master?.deep_link_params?.view === "manage_income", [W, q] = S.useState(L);
-  return S.useEffect(() => {
-    f || d().finally();
-  }, []), S.useEffect(() => {
-    const ne = _.map((N) => N.guid), M = a.filter(
-      (N) => s.includes(N.guid) && ne.includes(N.guid)
-    );
-    r({
-      dateRange: { start: Me(le(), 90), end: mt() },
-      accounts: M.map((N) => N.guid)
-    });
-  }, [_, a]), Ne({
-    widgetName: "CashflowWidget",
-    isLoaded: f
-  }), Y ? /* @__PURE__ */ n(
-    pt,
-    {
-      actions: [
-        {
-          label: j.action_title,
-          iconName: "credit_card_gear",
-          onClick: () => {
-            q(!0), l(Se.CASH_FLOW_CLICK_SETTINGS);
-          }
-        }
-      ],
-      allowedAccountTypes: [
-        V.CASH,
-        V.CHECKING,
-        V.PREPAID,
-        V.SAVINGS,
-        V.CHECKING_LINE_OF_CREDIT
-      ],
-      calendarActions: {
-        shouldDisableNext: h,
-        shouldDisablePrevious: y,
-        shouldDisablePicker: !0,
-        onRangeChanged: () => {
-        }
-      },
-      dateRange: u,
-      dateRangeVariant: "readonly",
-      hasDivider: !0,
-      onAccountsFilterClick: () => l(Se.CASH_FLOW_CLICK_FILTER),
-      onBackClick: i,
-      onMenuClick: o,
-      sx: t,
-      title: w.title,
-      children: [
-        /* @__PURE__ */ e(Nt, {}),
-        /* @__PURE__ */ e(Et, {}),
-        /* @__PURE__ */ e(
-          We,
-          {
-            ariaLabelClose: w.close_settings_aria,
-            isOpen: W,
-            onClose: () => q(!1),
-            shouldShowHeaderBorders: !1,
-            title: j.action_title,
-            children: /* @__PURE__ */ e(nt, { defaultSelectedTab: L ? 1 : 0 })
-          }
-        ),
-        /* @__PURE__ */ e(
-          tt,
-          {
-            anchorOrigin: { vertical: "bottom", horizontal: "right" },
-            autoHideDuration: 3500,
-            onClose: (ne, M) => {
-              M !== "clickaway" && C("", p.severity);
-            },
-            open: !!p.message,
-            children: /* @__PURE__ */ e(
-              et,
-              {
-                onClose: () => C("", p.severity),
-                severity: p.severity,
-                variant: "filled",
-                children: p.message
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(Q, {});
-}, Mn = T(Ot), Gt = ({ handleNextStep: i }) => {
-  const { completeOnboarding: o } = me(), { cashflow: t } = R(), a = ae();
-  return /* @__PURE__ */ n(c, { children: [
-    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.welcome_title }),
-    /* @__PURE__ */ e(Ke, { color: a.palette.primary.light, pb: 8, children: t.welcome_sub_title }),
-    /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
-    /* @__PURE__ */ n(c, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            bgcolor: a.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(F, { color: "primary", name: "currency_exchange" })
-          }
-        ),
-        t.bullet_one
-      ] }),
-      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            bgcolor: a.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(F, { color: "primary", name: "cardiology" })
-          }
-        ),
-        t.bullet_two
-      ] }),
-      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            bgcolor: a.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(F, { color: "primary", name: "flare" })
-          }
-        ),
-        t.bullet_three
-      ] })
-    ] }),
-    /* @__PURE__ */ n(c, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(H, { onClick: i, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(H, { onClick: o, variant: "outlined", children: t.skip_button })
-    ] })
-  ] });
-}, Ht = T(Gt), ke = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
-  CASHFLOW_ONBOARDING: `${ke}/cashflow-onboarding.png`,
-  CASHFLOW_LOADING_ANIMATION: `${ke}/loading-animation.gif`
-}, Ft = () => {
-  const { cashflow: i } = R();
-  return /* @__PURE__ */ n(S.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(k, { children: i.loading_description })
-  ] });
-}, Wt = T(Ft), Mt = qe`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-`, zt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: o } = te(), { cashflow: t, common: a } = R(), { user: s } = Je(), { completeOnboarding: h } = me(), { isDirty: y } = B(), { isMobile: l } = ue(), { isCopyLoaded: x, setDisplayedDate: _ } = $(), { filter: r, setFilter: u, transactions: p } = Le(), d = ae(), [f, C] = K(!0), [w, j] = S.useState(bt.EveryMonth), [Y, b] = S.useState(1), [L, W] = S.useState(15), [q, ne] = K(!1), [M, N] = K(1), [E, Be] = K([]), [ge, ce] = K(""), O = S.useMemo(
-    () => p.find((g) => g.guid === ge),
-    [ge, p]
-  ), je = !!o.filter(
-    (g) => g.repeating_transaction_type === De.Income
-  ).length, be = async () => {
-    N(2), _(
-      //  Beginning of the month, 90 days before today
-      ht(Me(le(), 90)),
-      le()
-    ), u({ ...r, custom: we }), N(3);
-  }, $e = async () => {
-    if (!(E.length < 1)) {
-      ne(!0);
-      for (let g = 0; g < E.length; g++) {
-        const I = E[g], xe = Ie(w, ve(I.date)), Ue = {
-          account_guid: I.account_guid,
-          amount: I.amount,
-          created_by: 0,
-          //user
-          merchant_guid: I.merchant_guid,
-          description: I.feed_description || I.description,
-          predicted_occurs_on: ut(xe, { representation: "date" }),
-          recurrence_day: xe.getDay(),
-          recurrence_type: w,
-          repeating_transaction_type: De.Income,
-          second_recurrence_day: L,
-          transaction_type: I.transaction_type,
-          user_guid: s.guid
-        };
-        await i(Ue, I);
-      }
-      await h();
-    }
-  }, Pe = !O && f || !O && E.length < 1;
-  return x ? /* @__PURE__ */ n(
-    v,
-    {
-      sx: {
-        display: "flex",
-        alignItems: l ? "flex-start" : "center",
-        backgroundColor: d.palette.background.paper,
-        backgroundImage: l ? null : `url(${ze.CASHFLOW_ONBOARDING})`,
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "left 100px",
-        backgroundSize: "35%",
-        py: 24
-      },
-      children: [
-        M === 1 && /* @__PURE__ */ e(
-          v,
-          {
-            sx: {
-              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
-            },
-            children: /* @__PURE__ */ e(Ht, { handleNextStep: be })
-          }
-        ),
-        M === 2 && /* @__PURE__ */ e(
-          v,
-          {
-            sx: {
-              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
-            },
-            children: /* @__PURE__ */ e(Wt, {})
-          }
-        ),
-        M === 3 && /* @__PURE__ */ n(
-          v,
-          {
-            sx: {
-              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
-            },
-            children: [
-              /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
-              /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
-              E.length > 0 && !O && /* @__PURE__ */ n(z, { children: [
-                /* @__PURE__ */ e(J, { children: E.map((g, I) => /* @__PURE__ */ n(S.Fragment, { children: [
-                  /* @__PURE__ */ e(ft, { bgcolor: "background.paper", children: xt(
-                    se(g.nextDate || g.date)
-                  ) }),
-                  /* @__PURE__ */ e(gt, { transaction: g }),
-                  I !== E.length - 1 && /* @__PURE__ */ e(D, {})
-                ] }, g.guid)) }),
-                /* @__PURE__ */ n(c, { alignItems: "center", direction: "row", children: [
-                  /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
-                  /* @__PURE__ */ e(
-                    H,
-                    {
-                      onClick: () => C(!0),
-                      startIcon: /* @__PURE__ */ e(F, { name: "add", size: 20 }),
-                      children: t.add_income
-                    }
-                  )
-                ] })
-              ] }),
-              Pe && /* @__PURE__ */ e(
-                st,
-                {
-                  bgcolor: "background.paper",
-                  onSearch: (g) => u({
-                    ...r,
-                    custom: (I) => g ? lt(I, g) : we(I)
-                  }),
-                  onSelected: (g) => {
-                    ce(g), C(!1);
-                  }
-                }
-              ),
-              !je && y && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
-              O && /* @__PURE__ */ n(z, { children: [
-                /* @__PURE__ */ e(
-                  dt,
-                  {
-                    bgcolor: "background.paper",
-                    firstDay: Y,
-                    frequency: w,
-                    onFirstDayChange: b,
-                    onFrequencyChange: j,
-                    onSecondDayChange: W,
-                    secondDay: L,
-                    transaction: O
-                  }
-                ),
-                /* @__PURE__ */ n(c, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
-                  /* @__PURE__ */ e(
-                    H,
-                    {
-                      "aria-disabled": !O,
-                      onClick: () => {
-                        const g = [...E];
-                        g.push({
-                          ...O,
-                          nextDate: Ie(w, ve(O.date)),
-                          frequency: w
-                        }), Be(g), ce("");
-                      },
-                      variant: "contained",
-                      children: a.confirm_button
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    H,
-                    {
-                      onClick: () => {
-                        ce(""), C(!0), be().finally();
-                      },
-                      variant: "outlined",
-                      children: a.cancel_button
-                    }
-                  )
-                ] })
-              ] }),
-              E.length > 0 && !O && /* @__PURE__ */ n(c, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
-                /* @__PURE__ */ e(
-                  H,
-                  {
-                    "aria-disabled": E.length < 1 || q,
-                    onClick: $e,
-                    startIcon: q ? /* @__PURE__ */ e(
-                      F,
-                      {
-                        name: "progress_activity",
-                        sx: {
-                          animation: `${Mt} 2s linear infinite`
-                        }
-                      }
-                    ) : null,
-                    variant: "contained",
-                    children: t.confirm_income_button
-                  }
-                ),
-                /* @__PURE__ */ e(H, { onClick: h, variant: "outlined", children: t.skip_button })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(Q, {});
-}, zn = T(zt);
+import a from "./CashflowMiniWidget.es.js";
+import f from "./CashflowWidget.es.js";
+import d from "./CashflowOnboarding.es.js";
 export {
-  Wn as CashflowMiniWidget,
-  zn as CashflowOnboarding,
-  Mn as CashflowWidget
+  a as CashflowMiniWidget,
+  d as CashflowOnboarding,
+  f as CashflowWidget
 };
-//# sourceMappingURL=index.es.js.map