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

package/dist/cashflow/components/CashflowContent/index.es.js

@@ -1,61 +0,0 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import n from "react";
-import { observer as d } from "mobx-react-lite";
-import a from "@mui/material/Box";
-import p from "@mui/material/Tabs";
-import l from "@mui/material/Tab";
-import u from "../DetailsTab/index.es.js";
-import b from "../SummaryTab/index.es.js";
-import m from "../../../common/components/TabContentContainer/index.es.js";
-import { useGlobalCopyStore as x, useEvent as w } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as C } from "../../../common/hooks/useScreenSize/index.es.js";
-const _ = () => {
-  const { cashflow: t } = x(), { isDesktop: r } = C(), { onEvent: i } = w(), [e, c] = n.useState(0), f = (y, h) => {
-    c(h);
-  };
-  return n.useEffect(() => {
-    i(e === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [e]), /* @__PURE__ */ s(a, { children: [
-    /* @__PURE__ */ s(
-      p,
-      {
-        "aria-label": t.cashflow_summary_and_details,
-        centered: !0,
-        onChange: f,
-        textColor: "primary",
-        value: e,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ o(
-            l,
-            {
-              "aria-controls": "cashflow-tabpanel-0",
-              id: "cashflow-tab-0",
-              label: t.summary,
-              sx: {
-                textTransform: "none"
-              }
-            }
-          ),
-          /* @__PURE__ */ o(
-            l,
-            {
-              "aria-controls": "cashflow-tabpanel-1",
-              id: "cashflow-tab-1",
-              label: t.details,
-              sx: {
-                textTransform: "none"
-              }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ o(a, { sx: { mb: 32 } }),
-    /* @__PURE__ */ o(m, { index: 0, name: "cashflow", value: e, children: /* @__PURE__ */ o(a, { sx: { m: r ? 48 : 16 }, children: /* @__PURE__ */ o(b, {}) }) }),
-    /* @__PURE__ */ o(m, { index: 1, name: "cashflow", value: e, children: /* @__PURE__ */ o(a, { sx: { m: r ? 48 : 16 }, children: /* @__PURE__ */ o(u, {}) }) })
-  ] });
-}, R = d(_);
-export {
-  R as default
-};

package/dist/cashflow/components/CashflowHeading/index.es.js

@@ -1,113 +0,0 @@
-import { jsxs as d, jsx as o, Fragment as D } from "react/jsx-runtime";
-import c from "react";
-import { observer as T } from "mobx-react-lite";
-import { isAfter as A } from "date-fns/isAfter";
-import { isBefore as G } from "date-fns/isBefore";
-import { isToday as M } from "date-fns/isToday";
-import U from "@mui/material/Button";
-import u from "@mui/material/Divider";
-import C from "@mui/material/Stack";
-import { Text as f, Icon as z } from "@mxenabled/mxui";
-import { ManageIncome as B } from "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome/index.es.js";
-import l from "../CashflowAmountHeading/index.es.js";
-import { useCashflowUiStore as j } from "../../context/hooks/index.es.js";
-import { useWidgetContainerProvider as k, useGlobalCopyStore as E, useRecurringTransactionsStore as R, useGlobalUiStore as F, useUserStore as O } from "../../../common/context/hooks/index.es.js";
-import P from "../../../common/components/InformationTooltip/index.es.js";
-import W from "../../../common/components/drawer/Drawer/index.es.js";
-const S = (m, t) => (n) => n.accountGuid && m.includes(n.accountGuid) && (M(n.expectedDate) || A(n.expectedDate, t.start)) && G(n.expectedDate, t.end), L = () => {
-  const { availableWidth: m } = k(), { cashflow: t } = E(), { upcomingExpenses: n, upcomingIncome: p } = R(), { selectedAccountGuids: s } = F(), { dateRange: a, selectedCashAccounts: h } = j(), { userProfile: w } = O(), [y, b] = c.useState(!1), v = c.useMemo(
-    () => n.filter(S(s, a)),
-    [a, s, n]
-  ), I = c.useMemo(
-    () => p.filter(S(s, a)),
-    [a, s, p]
-  ), _ = c.useMemo(
-    () => h.reduce((i, r) => i + (r?.balance || 0), 0),
-    [h]
-  ), g = v.reduce((i, r) => i + r.amount, 0), x = I.reduce((i, r) => i + r.amount, 0), H = _ - g + x, e = m < 725;
-  return /* @__PURE__ */ d(C, { sx: { mx: e ? 16 : 0, my: e ? 24 : 42 }, children: [
-    /* @__PURE__ */ d(
-      C,
-      {
-        border: e ? "1px solid" : "none",
-        borderColor: "border.light",
-        borderRadius: 2,
-        flexDirection: e ? "column" : "row",
-        gap: e ? 0 : 24,
-        justifyContent: "center",
-        children: [
-          /* @__PURE__ */ o(
-            l,
-            {
-              amount: _,
-              isMobile: e,
-              label: t.cash_and_bank
-            }
-          ),
-          e && /* @__PURE__ */ o(u, {}),
-          w?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ d(D, { children: [
-            !e && /* @__PURE__ */ o(f, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
-            /* @__PURE__ */ o(
-              l,
-              {
-                amount: x,
-                isMobile: e,
-                label: t.to_be_received,
-                symbol: e ? "+" : void 0
-              }
-            )
-          ] }) : /* @__PURE__ */ o(
-            U,
-            {
-              onClick: () => b(!0),
-              startIcon: /* @__PURE__ */ o(z, { name: "add" }),
-              sx: { fontSize: 13 },
-              children: t.add_income
-            }
-          ),
-          e ? /* @__PURE__ */ o(u, {}) : /* @__PURE__ */ o(f, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
-          /* @__PURE__ */ o(
-            l,
-            {
-              amount: g,
-              isMobile: e,
-              label: t.to_be_paid_out,
-              symbol: e ? "-" : void 0
-            }
-          ),
-          e ? /* @__PURE__ */ o(u, {}) : /* @__PURE__ */ o(f, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
-          /* @__PURE__ */ o(
-            l,
-            {
-              amount: H,
-              isMobile: e,
-              isTotal: e,
-              label: t.remaining_cash,
-              tooltip: /* @__PURE__ */ o(
-                P,
-                {
-                  body: t.remaining_income_tooltip_body,
-                  title: t.remaining_income_tooltip_title
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ o(
-      W,
-      {
-        ariaLabelClose: t.close_manage_income_aria,
-        isOpen: y,
-        onClose: () => b(!1),
-        shouldShowHeaderBorders: !1,
-        title: t.manage_income,
-        children: /* @__PURE__ */ o(B, {})
-      }
-    )
-  ] });
-}, se = T(L);
-export {
-  se as default
-};

package/dist/cashflow/components/CashflowWidgetContent/index.es.js

@@ -1,146 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as A } from "react/jsx-runtime";
-import l from "react";
-import { observer as G } from "mobx-react-lite";
-import L from "@mui/material/Box";
-import R from "@mui/material/Button";
-import v from "@mui/material/Divider";
-import o from "@mui/material/Stack";
-import M from "@mui/material/styles/useTheme";
-import { P as m, Icon as h, Text as a } from "@mxenabled/mxui";
-import { useCashflowUiStore as N } from "../../context/hooks/index.es.js";
-import W from "../RemainingCash/index.es.js";
-import { useWidgetContainerProvider as $, useAccountStore as z, useGlobalUiStore as D, useGlobalCopyStore as P, useUserStore as q, useRecurringTransactionsStore as F } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as O } from "../../../common/hooks/useScreenSize/index.es.js";
-import J from "../../../common/components/Loader/index.es.js";
-import K from "../../../common/components/InformationTooltip/index.es.js";
-import { CurrencyText as s } from "../../../common/components/CurrencyText/index.es.js";
-import { buildDynamicCopy as c } from "../../../common/utils/Localization/index.es.js";
-const Q = ({ onAddIncomeClick: u }) => {
-  const f = M(), { availableWidth: j } = $(), { isMobile: T } = O(), { visibleCashAccounts: b, visibleCashBalance: B } = z(), { selectedAccountGuids: i } = D(), { cashflow: t } = P(), { userProfile: X } = q(), {
-    daysUntilNextIncome: C,
-    expensesTilNextIncome: d,
-    selectedCashAccounts: y,
-    setNextIncome: k,
-    setSelectedCashAccounts: E,
-    setUpcomingExpenses: H
-  } = N(), { isDataLoaded: U, nextIncomeRecurrence: g, upcomingExpenses: w } = F();
-  l.useEffect(() => {
-    E(
-      b.filter((r) => i.includes(r.guid))
-    );
-  }, [b, i]), l.useEffect(() => {
-    g && k(g), H(w);
-  }, [g, w]);
-  const x = l.useMemo(
-    () => b.filter((r) => i.includes(r.guid)).reduce((r, S) => r + (S?.balance || 0), 0),
-    [i, w]
-  ), p = l.useMemo(
-    () => d.filter((r) => i.includes(r.accountGuid || "")).reduce((r, S) => r + S.amount, 0),
-    [i, d]
-  ), _ = l.useMemo(
-    () => x - p,
-    [x, p]
-  ), I = X?.has_completed_cash_flow_onboarding && !!u;
-  return U ? /* @__PURE__ */ e(L, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: j > 610 ? /* @__PURE__ */ n(
-    o,
-    {
-      border: `1px solid ${f.palette.border.light}`,
-      borderRadius: 1,
-      direction: "row",
-      justifyContent: "space-between",
-      px: 24,
-      children: [
-        /* @__PURE__ */ n(o, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(s, { amount: x, variant: "H2" }),
-          /* @__PURE__ */ e(m, { variant: "XSmall", whiteSpace: "nowrap", children: c(
-            t.total_cash_accounts,
-            y.length
-          ) })
-        ] }),
-        /* @__PURE__ */ e(o, { pt: 18, children: /* @__PURE__ */ e(h, { name: "remove" }) }),
-        /* @__PURE__ */ n(o, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(s, { amount: p, variant: "H2" }),
-          /* @__PURE__ */ e(m, { variant: "XSmall", whiteSpace: "nowrap", children: c(t.expenses_due, d.length) })
-        ] }),
-        /* @__PURE__ */ e(o, { pt: 18, children: /* @__PURE__ */ e(h, { name: "equal" }) }),
-        /* @__PURE__ */ n(o, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(s, { amount: _, variant: "H2" }),
-          /* @__PURE__ */ n(o, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(m, { variant: "XSmall", whiteSpace: "nowrap", children: t.available_to_spend }),
-            /* @__PURE__ */ e(K, { body: t.tooltip_body, title: t.tooltip_title })
-          ] })
-        ] }),
-        /* @__PURE__ */ e(o, { borderLeft: `1px solid ${f.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: I ? /* @__PURE__ */ n(A, { children: [
-          /* @__PURE__ */ e(a, { variant: "H2", children: c(t.days, C) }),
-          /* @__PURE__ */ e(m, { variant: "XSmall", whiteSpace: "nowrap", children: t.next_paycheck })
-        ] }) : /* @__PURE__ */ e(
-          R,
-          {
-            onClick: u,
-            startIcon: /* @__PURE__ */ e(h, { name: "add" }),
-            sx: { fontSize: 13, lineHeight: "initial" },
-            children: t.add_income
-          }
-        ) })
-      ]
-    }
-  ) : /* @__PURE__ */ n(o, { border: `1px solid ${f.palette.border.light}`, borderRadius: 1, children: [
-    /* @__PURE__ */ n(o, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(a, { variant: "Small", children: c(
-        t.total_cash_accounts,
-        y.length
-      ) }),
-      /* @__PURE__ */ e(s, { amount: B, bold: !0, variant: "XSmall" })
-    ] }),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ n(o, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(a, { variant: "Small", children: c(t.expenses_due, d.length) }),
-      /* @__PURE__ */ e(s, { amount: p, bold: !0, symbol: "-", variant: "XSmall" })
-    ] }),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ e(
-      o,
-      {
-        alignItems: "center",
-        bgcolor: "background.default",
-        direction: "row",
-        gap: 8,
-        height: 48,
-        justifyContent: "space-between",
-        px: 16,
-        sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(W, { remaining: _ })
-      }
-    ),
-    /* @__PURE__ */ e(v, {}),
-    I ? /* @__PURE__ */ n(o, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(a, { variant: "Small", children: t.next_paycheck }),
-      /* @__PURE__ */ e(a, { bold: !0, variant: "XSmall", children: c(t.days, C) })
-    ] }) : /* @__PURE__ */ n(
-      o,
-      {
-        alignItems: "center",
-        direction: "row",
-        justifyContent: "space-between",
-        pl: 16,
-        pr: 2,
-        py: 2,
-        children: [
-          /* @__PURE__ */ e(a, { variant: "Small", children: t.next_paycheck }),
-          /* @__PURE__ */ e(
-            R,
-            {
-              onClick: u,
-              startIcon: /* @__PURE__ */ e(h, { name: "add" }),
-              sx: { fontSize: 13 },
-              children: t.add_income
-            }
-          )
-        ]
-      }
-    )
-  ] }) }) : /* @__PURE__ */ e(J, { height: T ? 210 : 120 });
-}, ue = G(Q);
-export {
-  ue as default
-};

package/dist/cashflow/components/DetailsExpenseHeader/index.es.js

@@ -1,38 +0,0 @@
-import { jsxs as e, Fragment as m, jsx as t } from "react/jsx-runtime";
-import { observer as p } from "mobx-react-lite";
-import l from "@mui/material/Divider";
-import a from "@mui/material/ListSubheader";
-import { Text as s } from "@mxenabled/mxui";
-import { ExpenseType as i } from "../DetailsExpenseRow/index.es.js";
-import { useGlobalCopyStore as c } from "../../../common/context/hooks/index.es.js";
-import { formatCurrency as f } from "../../../common/utils/NumberFormatting/index.es.js";
-const d = ({ total: n, type: r }) => {
-  const { cashflow: o } = c();
-  return /* @__PURE__ */ e(m, { children: [
-    /* @__PURE__ */ e(
-      a,
-      {
-        sx: {
-          alignItems: "center",
-          backgroundColor: "background.highlight",
-          display: "flex",
-          justifyContent: "space-between",
-          pb: 4,
-          pt: 12,
-          px: 24
-        },
-        children: [
-          /* @__PURE__ */ t(s, { bold: !0, sx: { fontSize: 12 }, children: r === i.EXPENSE ? o.expenses : o.income }),
-          /* @__PURE__ */ e(s, { bold: !0, sx: { fontSize: 13 }, children: [
-            r === i.EXPENSE ? "-" : "+",
-            f(n, "0,0.00")
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(l, {})
-  ] });
-}, C = p(d);
-export {
-  C as default
-};

package/dist/cashflow/components/DetailsExpenseRow/index.es.js

@@ -1,31 +0,0 @@
-import { jsxs as o, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { observer as s } from "mobx-react-lite";
-import a from "@mui/material/Divider";
-import l from "@mui/material/ListItem";
-import x from "@mui/material/Stack";
-import { Text as r } from "@mxenabled/mxui";
-import { formatDate as i, DATE_FORMATS_INTL as m } from "../../../common/constants/DateFormats/index.es.js";
-import { CurrencyText as f } from "../../../common/components/CurrencyText/index.es.js";
-var p = /* @__PURE__ */ ((t) => (t.EXPENSE = "expense", t.INCOME = "income", t))(p || {});
-const d = ({ recurrence: t }) => /* @__PURE__ */ o(n, { children: [
-  /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
-    /* @__PURE__ */ o(x, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(r, { bold: !0, sx: { fontSize: 11 }, children: i(t.expectedDate, m.MONTH) }),
-      /* @__PURE__ */ e(r, { bold: !0, sx: { fontSize: 11 }, children: i(t.expectedDate, m.DAY) })
-    ] }),
-    /* @__PURE__ */ e(r, { sx: { flexGrow: 1, fontSize: 13 }, children: t.name }),
-    /* @__PURE__ */ e(
-      f,
-      {
-        amount: t.amount,
-        bold: !0,
-        sx: { textAlign: "right", fontSize: 13 }
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(a, {})
-] }), T = s(d);
-export {
-  p as ExpenseType,
-  T as default
-};

package/dist/cashflow/components/DetailsFooter/index.es.js

@@ -1,22 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import r from "@mui/material/ListItem";
-import i from "../RemainingCash/index.es.js";
-const d = ({ remaining: o }) => /* @__PURE__ */ t(
-  r,
-  {
-    sx: {
-      alignItems: "center",
-      backgroundColor: "background.highlight",
-      display: "flex",
-      gap: 12,
-      padding: "12px 24px",
-      borderBottomLeftRadius: "3px",
-      borderBottomRightRadius: "3px",
-      minHeight: "auto"
-    },
-    children: /* @__PURE__ */ t(i, { remaining: o })
-  }
-);
-export {
-  d as default
-};

package/dist/cashflow/components/DetailsTab/index.es.js

@@ -1,92 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { observer as C } from "mobx-react-lite";
-import { getUnixTime as p } from "date-fns/getUnixTime";
-import L from "@mui/material/Divider";
-import m from "@mui/material/List";
-import u from "@mui/material/ListItem";
-import c from "@mui/material/Stack";
-import { Text as f } from "@mxenabled/mxui";
-import _ from "../../../accounts/components/AccountListItem/index.es.js";
-import I from "../DetailsFooter/index.es.js";
-import b, { ExpenseType as h } from "../DetailsExpenseRow/index.es.js";
-import x from "../DetailsExpenseHeader/index.es.js";
-import { useCashflowUiStore as R } from "../../context/hooks/index.es.js";
-import { recurrenceFilter as T } from "../../util/Filters/index.es.js";
-import { useWidgetContainerProvider as v, useGlobalCopyStore as F, useRecurringTransactionsStore as N } from "../../../common/context/hooks/index.es.js";
-import { formatDate as g, DATE_FORMATS_INTL as D } from "../../../common/constants/DateFormats/index.es.js";
-const j = () => {
-  const { availableWidth: w } = v(), { cashflow: E } = F(), { upcomingExpenses: S, upcomingIncome: y } = N(), { dateRange: i, selectedCashAccounts: A } = R();
-  return /* @__PURE__ */ n(c, { children: [
-    /* @__PURE__ */ n(c, { direction: w < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(f, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: E.accounts_breakdown }),
-      /* @__PURE__ */ n(f, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
-        g(i.start, D.FULL_MONTH_DAY),
-        " -",
-        " ",
-        g(i.end, D.FULL_MONTH_DAY)
-      ] })
-    ] }),
-    /* @__PURE__ */ e(c, { children: A.map((t) => {
-      const s = y.filter(T(t, i)).sort((r, o) => p(r.expectedDate) - p(o.expectedDate)), a = S.filter(
-        T(t, i)
-      ), l = s.reduce(
-        (r, o) => r + o.amount,
-        0
-      ), d = a.reduce(
-        (r, o) => r + o.amount,
-        0
-      );
-      return /* @__PURE__ */ n(
-        m,
-        {
-          sx: {
-            border: "1px solid",
-            borderColor: "border.light",
-            mb: 24,
-            borderRadius: 1
-          },
-          children: [
-            /* @__PURE__ */ e(
-              _,
-              {
-                account: t,
-                listItemProps: {
-                  disableGutters: !1,
-                  disablePadding: !1,
-                  sx: { borderTopRadius: 1, pr: 24 }
-                }
-              }
-            ),
-            /* @__PURE__ */ e(L, {}),
-            s.length > 0 && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              m,
-              {
-                subheader: /* @__PURE__ */ e(x, { total: l, type: h.INCOME }),
-                sx: { width: "100%" },
-                children: s.map((r) => /* @__PURE__ */ e(b, { recurrence: r }, r.repeatingTransactionGuid))
-              }
-            ) }),
-            a.length > 0 && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              m,
-              {
-                subheader: /* @__PURE__ */ e(x, { total: d, type: h.EXPENSE }),
-                sx: { width: "100%" },
-                children: a.map((r) => /* @__PURE__ */ e(b, { recurrence: r }, r.repeatingTransactionGuid))
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              I,
-              {
-                remaining: (t.available_balance || t.balance || 0) + l - d
-              }
-            )
-          ]
-        },
-        t.guid
-      );
-    }) })
-  ] });
-}, Q = C(j);
-export {
-  Q as default
-};

package/dist/cashflow/components/RemainingCash/index.es.js

@@ -1,27 +0,0 @@
-import { jsxs as t, Fragment as n, jsx as o } from "react/jsx-runtime";
-import { observer as i } from "mobx-react-lite";
-import s from "@mui/material/Box";
-import { Text as m } from "@mxenabled/mxui";
-import { CurrencyText as a } from "../../../common/components/CurrencyText/index.es.js";
-import { useGlobalCopyStore as u } from "../../../common/context/hooks/index.es.js";
-const c = ({ remaining: r }) => {
-  const { cashflow: e } = u();
-  return /* @__PURE__ */ t(n, { children: [
-    /* @__PURE__ */ o(
-      s,
-      {
-        sx: {
-          borderRadius: "1px",
-          backgroundColor: r < 0 ? "error.main" : r > 0 ? "success.main" : "warning.main",
-          height: 6,
-          width: 6
-        }
-      }
-    ),
-    /* @__PURE__ */ o(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: e.remaining_cash }),
-    /* @__PURE__ */ o(a, { amount: r, bold: !0, sx: { fontSize: 12 } })
-  ] });
-}, g = i(c);
-export {
-  g as default
-};