@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/cashflow/components/RemainingCash.js

@@ -0,0 +1,180 @@
+import { jsxs as i, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import e from "@mui/material/Box";
+import { Text as n } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as s } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import { CurrencyText as a } from "../../common/components/CurrencyText.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../CashflowMiniWidget.js";
+import "../CashflowWidget.js";
+import "../CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const u = ({ remaining: r }) => {
+  const { cashflow: t } = s();
+  return /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ o(
+      e,
+      {
+        sx: {
+          borderRadius: "1px",
+          backgroundColor: r < 0 ? "error.main" : r > 0 ? "success.main" : "warning.main",
+          height: 6,
+          width: 6
+        }
+      }
+    ),
+    /* @__PURE__ */ o(n, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: t.remaining_cash }),
+    /* @__PURE__ */ o(a, { amount: r, bold: !0, sx: { fontSize: 12 } })
+  ] });
+}, at = p(u);
+export {
+  at as default
+};
+//# sourceMappingURL=RemainingCash.js.map

package/dist/cashflow/components/RemainingCash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemainingCash.js","sources":["../../../src/cashflow/components/RemainingCash.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../common'\nimport { CurrencyText } from '../../common'\n\ninterface RemainingCashProps {\n  remaining: number\n}\n\nconst RemainingCash = ({ remaining }: RemainingCashProps) => {\n  const { cashflow: customCopy } = useGlobalCopyStore()\n\n  const getRemainingCashColor = () => {\n    if (remaining < 0) {\n      return 'error.main'\n    }\n    if (remaining > 0) {\n      return 'success.main'\n    }\n    return 'warning.main'\n  }\n\n  return (\n    <>\n      <Box\n        sx={{\n          borderRadius: '1px',\n          backgroundColor: getRemainingCashColor(),\n          height: 6,\n          width: 6,\n        }}\n      />\n      <Text bold={true} sx={{ flexGrow: 1, fontSize: 12 }}>\n        {customCopy.remaining_cash}\n      </Text>\n      <CurrencyText amount={remaining} bold={true} sx={{ fontSize: 12 }} />\n    </>\n  )\n}\n\nexport default observer(RemainingCash)\n"],"names":["RemainingCash","remaining","customCopy","useGlobalCopyStore","jsxs","Fragment","jsx","Box","Text","CurrencyText","RemainingCash$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,QAAoC;AAC3D,QAAM,EAAE,UAAUC,EAAW,IAAIC,EAAmB;AAYpD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,cAAc;AAAA,UACd,iBAdFN,IAAY,IACP,eAELA,IAAY,IACP,iBAEF;AAAA,UASD,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,IACC,gBAAAK,EAAAE,GAAA,EAAK,MAAM,IAAM,IAAI,EAAE,UAAU,GAAG,UAAU,GAC5C,GAAA,UAAAN,EAAW,eACd,CAAA;AAAA,IACA,gBAAAI,EAACG,GAAa,EAAA,QAAQR,GAAW,MAAM,IAAM,IAAI,EAAE,UAAU,GAAM,EAAA,CAAA;AAAA,EACrE,EAAA,CAAA;AAEJ,GAEeS,KAAAC,EAASX,CAAa;"}

package/dist/cashflow/components/SummaryTab.js

@@ -0,0 +1,399 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import T from "react";
+import { observer as R } from "mobx-react-lite";
+import { startOfToday as d } from "date-fns/startOfToday";
+import { addDays as _ } from "date-fns/addDays";
+import N from "@mui/material/Box";
+import f from "@mui/material/Divider";
+import L from "@mui/material/List";
+import M from "@mui/material/ListItem";
+import m from "@mui/material/Stack";
+import $ from "@mui/material/styles/useTheme";
+import { alpha as H } from "@mui/material/styles";
+import { DataGridPro as G } from "@mui/x-data-grid-pro";
+import { InstitutionLogo as S, Text as l } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { formatDate as v, DATE_FORMATS_INTL as D } from "../../common/constants/DateFormats.js";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/fromUnixTime";
+import { formatCurrency as u } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useWidgetContainerProvider as k, useGlobalCopyStore as A, useRecurringTransactionsStore as B } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import { CurrencyText as h } from "../../common/components/CurrencyText.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import F from "../../common/components/InformationTooltip.js";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../CashflowMiniWidget.js";
+import "../CashflowWidget.js";
+import "../CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "date-fns";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { useCashflowUiStore as O } from "../context/hooks.js";
+import { recurrenceFilter as I } from "../util/Filters.js";
+import z from "./RemainingCash.js";
+const E = () => {
+  const { availableWidth: b } = k(), c = $(), { cashflow: o } = A(), { upcomingExpenses: x, upcomingIncome: g } = B(), { dateRange: y, selectedCashAccounts: w } = O(), j = [
+    {
+      field: "account",
+      flex: 1.5,
+      headerName: o.accounts,
+      renderCell: ({ value: { name: t, nickname: e, institution_guid: n, account_number: a } }) => {
+        const p = e || t;
+        return /* @__PURE__ */ i(m, { alignItems: "center", flexDirection: "row", gap: 12, children: [
+          /* @__PURE__ */ r(
+            S,
+            {
+              alt: o.institution_logo,
+              institutionGuid: n || "",
+              size: 16
+            }
+          ),
+          `${p} ${a ? `*${a}` : ""}`
+        ] });
+      }
+    },
+    {
+      field: "balance",
+      flex: 1,
+      headerName: o.balance,
+      type: "number",
+      renderCell: (t) => u(t.value, "0,0.00")
+    },
+    {
+      field: "income",
+      flex: 1,
+      headerName: o.projected_income,
+      type: "number",
+      renderCell: (t) => `+${u(t.value, "0,0.00")}`
+    },
+    {
+      field: "expenses",
+      flex: 1.1,
+      headerName: o.projected_expenses,
+      type: "number",
+      renderCell: (t) => `-${u(t.value, "0,0.00")}`
+    },
+    {
+      field: "remaining",
+      flex: 1,
+      headerName: o.remaining,
+      type: "number",
+      renderCell: (t) => {
+        const e = t.row.balance + t.row.income - t.row.expenses;
+        return /* @__PURE__ */ r(
+          l,
+          {
+            color: Math.sign(e) === -1 ? c.palette.error.main : c.palette.text.primary,
+            variant: "Small",
+            children: u(e, "0,0.00")
+          }
+        );
+      }
+    }
+  ], C = T.useMemo(() => w.map((t) => {
+    const e = x.filter(
+      I(t, { start: d(), end: _(d(), 30) })
+    ).reduce((p, s) => p + s.amount, 0), n = g.filter(
+      I(t, { start: d(), end: _(d(), 30) })
+    ).reduce((p, s) => p + s.amount, 0), a = (t.balance || 0) + n - e;
+    return {
+      account: t,
+      balance: t.balance || 0,
+      id: t.guid,
+      income: n,
+      expenses: e,
+      remaining: a
+    };
+  }), [w, x, g]);
+  return /* @__PURE__ */ i(
+    N,
+    {
+      sx: {
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ i(
+          m,
+          {
+            direction: b < 540 ? "column" : "row",
+            justifyContent: "space-between",
+            mb: 12,
+            children: [
+              /* @__PURE__ */ i(m, { alignItems: "center", direction: "row", gap: 8, children: [
+                /* @__PURE__ */ r(
+                  l,
+                  {
+                    bold: !0,
+                    sx: {
+                      fontSize: 15,
+                      whiteSpace: "normal"
+                    },
+                    children: o.cash_inflow_and_outflow
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  F,
+                  {
+                    body: o.table_tooltip_body,
+                    title: o.table_tooltip_title
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i(l, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+                v(y.start, D.FULL_MONTH_DAY),
+                " -",
+                " ",
+                v(y.end, D.FULL_MONTH_DAY)
+              ] })
+            ]
+          }
+        ),
+        b > 650 ? /* @__PURE__ */ r(
+          G,
+          {
+            columnHeaderHeight: 48,
+            columns: j,
+            density: "standard",
+            disableColumnMenu: !0,
+            disableRowSelectionOnClick: !0,
+            hideFooter: !0,
+            rowHeight: 48,
+            rows: C,
+            sx: {
+              border: "1px solid",
+              borderColor: "border.light",
+              borderRadius: 1,
+              "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
+                color: c.palette.primary.main,
+                "&:hover": {
+                  backgroundColor: H(c.palette.primary.main, 0.1)
+                }
+              },
+              "& .MuiDataGrid-sortIcon": {
+                color: c.palette.primary.main
+              }
+            }
+          }
+        ) : C.map((t) => {
+          const { name: e, nickname: n, institution_guid: a, account_number: p } = t.account, s = n || e;
+          return /* @__PURE__ */ r(
+            L,
+            {
+              sx: {
+                border: "1px solid",
+                borderColor: "border.light",
+                borderRadius: 1,
+                marginBottom: 24
+              },
+              children: /* @__PURE__ */ r(M, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ i(m, { width: "100%", children: [
+                /* @__PURE__ */ i(
+                  m,
+                  {
+                    alignItems: "center",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    px: 16,
+                    py: 12,
+                    children: [
+                      /* @__PURE__ */ i(m, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
+                        /* @__PURE__ */ r(
+                          S,
+                          {
+                            alt: o.institution_logo,
+                            institutionGuid: a || "",
+                            size: 16
+                          }
+                        ),
+                        /* @__PURE__ */ r(l, { variant: "Small", children: `${s} ${p ? `*${p}` : ""}` })
+                      ] }),
+                      /* @__PURE__ */ r(h, { amount: t.balance, bold: !0, variant: "Small" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r(f, { sx: { width: "100%" } }),
+                /* @__PURE__ */ i(
+                  m,
+                  {
+                    alignItems: "center",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    px: 16,
+                    py: 12,
+                    children: [
+                      /* @__PURE__ */ r(l, { variant: "Small", children: o.projected_income }),
+                      /* @__PURE__ */ r(h, { amount: t.income, bold: !0, symbol: "+", variant: "Small" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r(f, { sx: { width: "100%" } }),
+                /* @__PURE__ */ i(
+                  m,
+                  {
+                    alignItems: "center",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    px: 16,
+                    py: 12,
+                    children: [
+                      /* @__PURE__ */ r(l, { variant: "Small", children: o.projected_expenses }),
+                      /* @__PURE__ */ r(h, { amount: t.expenses, bold: !0, symbol: "-", variant: "Small" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r(f, { sx: { width: "100%" } }),
+                /* @__PURE__ */ r(
+                  m,
+                  {
+                    alignItems: "center",
+                    bgcolor: "background.default",
+                    flexDirection: "row",
+                    gap: 8,
+                    justifyContent: "space-between",
+                    px: 16,
+                    py: 12,
+                    sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
+                    children: /* @__PURE__ */ r(z, { remaining: t.remaining })
+                  }
+                )
+              ] }) })
+            },
+            t.id
+          );
+        })
+      ]
+    }
+  );
+}, Uo = R(E);
+export {
+  Uo as default
+};
+//# sourceMappingURL=SummaryTab.js.map

package/dist/cashflow/components/SummaryTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryTab.js","sources":["../../../src/cashflow/components/SummaryTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { addDays } from 'date-fns/addDays'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\nimport { alpha } from '@mui/material/styles'\n\nimport { DataGridPro, GridColDef } from '@mui/x-data-grid-pro'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  type Account,\n  CurrencyText,\n  DATE_FORMATS_INTL,\n  formatCurrency,\n  formatDate,\n  InformationTooltip,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useWidgetContainerProvider,\n} from '../../common'\nimport { useCashflowUiStore } from '../context/hooks'\nimport { recurrenceFilter } from '../util/Filters'\n\nimport RemainingCash from './RemainingCash'\n\nconst SummaryTab = () => {\n  const { availableWidth } = useWidgetContainerProvider()\n  const theme = useTheme()\n  const { cashflow: customCopy } = useGlobalCopyStore()\n  const { upcomingExpenses, upcomingIncome } = useRecurringTransactionsStore()\n  const { dateRange, selectedCashAccounts } = useCashflowUiStore()\n\n  const columns: GridColDef[] = [\n    {\n      field: 'account',\n      flex: 1.5,\n      headerName: customCopy.accounts,\n      renderCell: ({ value: { name, nickname, institution_guid, account_number } }) => {\n        const accountName = nickname || name\n\n        return (\n          <Stack alignItems=\"center\" flexDirection=\"row\" gap={12}>\n            <InstitutionLogo\n              alt={customCopy.institution_logo}\n              institutionGuid={institution_guid || ''}\n              size={16}\n            />\n            {`${accountName} ${account_number ? `*${account_number}` : ''}`}\n          </Stack>\n        )\n      },\n    },\n    {\n      field: 'balance',\n      flex: 1,\n      headerName: customCopy.balance,\n      type: 'number',\n      renderCell: (params) => formatCurrency(params.value, '0,0.00'),\n    },\n    {\n      field: 'income',\n      flex: 1,\n      headerName: customCopy.projected_income,\n      type: 'number',\n      renderCell: (params) => `+${formatCurrency(params.value, '0,0.00')}`,\n    },\n    {\n      field: 'expenses',\n      flex: 1.1,\n      headerName: customCopy.projected_expenses,\n      type: 'number',\n      renderCell: (params) => `-${formatCurrency(params.value, '0,0.00')}`,\n    },\n    {\n      field: 'remaining',\n      flex: 1,\n      headerName: customCopy.remaining,\n      type: 'number',\n      renderCell: (params) => {\n        const total = params.row.balance + params.row.income - params.row.expenses\n\n        return (\n          <Text\n            color={Math.sign(total) === -1 ? theme.palette.error.main : theme.palette.text.primary}\n            variant=\"Small\"\n          >\n            {formatCurrency(total, '0,0.00')}\n          </Text>\n        )\n      },\n    },\n  ]\n\n  const rows = React.useMemo(() => {\n    return selectedCashAccounts.map((account: Account) => {\n      const totalprojectedExpenses = upcomingExpenses\n        .filter(\n          recurrenceFilter(account, { start: startOfToday(), end: addDays(startOfToday(), 30) }),\n        )\n        .reduce((acc, curr) => acc + curr.amount, 0)\n\n      const totalProjectedIncome = upcomingIncome\n        .filter(\n          recurrenceFilter(account, { start: startOfToday(), end: addDays(startOfToday(), 30) }),\n        )\n        .reduce((acc, curr) => acc + curr.amount, 0)\n\n      const remaining = (account.balance || 0) + totalProjectedIncome - totalprojectedExpenses\n\n      return {\n        account,\n        balance: account.balance || 0,\n        id: account.guid,\n        income: totalProjectedIncome,\n        expenses: totalprojectedExpenses,\n        remaining,\n      }\n    })\n  }, [selectedCashAccounts, upcomingExpenses, upcomingIncome])\n\n  return (\n    <Box\n      sx={{\n        width: '100%',\n      }}\n    >\n      <Stack\n        direction={availableWidth < 540 ? 'column' : 'row'}\n        justifyContent=\"space-between\"\n        mb={12}\n      >\n        <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n          <Text\n            bold={true}\n            sx={{\n              fontSize: 15,\n              whiteSpace: 'normal',\n            }}\n          >\n            {customCopy.cash_inflow_and_outflow}\n          </Text>\n          <InformationTooltip\n            body={customCopy.table_tooltip_body}\n            title={customCopy.table_tooltip_title}\n          />\n        </Stack>\n        <Text bold={true} sx={{ fontSize: 15, whiteSpace: 'normal' }}>\n          {formatDate(dateRange.start, DATE_FORMATS_INTL.FULL_MONTH_DAY)} -{' '}\n          {formatDate(dateRange.end, DATE_FORMATS_INTL.FULL_MONTH_DAY)}\n        </Text>\n      </Stack>\n      {availableWidth > 650 ? (\n        <DataGridPro\n          columnHeaderHeight={48}\n          columns={columns}\n          density=\"standard\"\n          disableColumnMenu={true}\n          disableRowSelectionOnClick={true}\n          hideFooter={true}\n          rowHeight={48}\n          rows={rows}\n          sx={{\n            border: '1px solid',\n            borderColor: 'border.light',\n            borderRadius: 1,\n            '& .MuiDataGrid-columnHeader .MuiIconButton-root': {\n              color: theme.palette.primary.main,\n              '&:hover': {\n                backgroundColor: alpha(theme.palette.primary.main, 0.1),\n              },\n            },\n            '& .MuiDataGrid-sortIcon': {\n              color: theme.palette.primary.main,\n            },\n          }}\n        />\n      ) : (\n        rows.map((row) => {\n          const { name, nickname, institution_guid, account_number } = row.account\n          const accountName = nickname || name\n\n          return (\n            <List\n              key={row.id}\n              sx={{\n                border: '1px solid',\n                borderColor: 'border.light',\n                borderRadius: 1,\n                marginBottom: 24,\n              }}\n            >\n              <ListItem sx={{ minHeight: 'auto' }}>\n                <Stack width=\"100%\">\n                  <Stack\n                    alignItems=\"center\"\n                    flexDirection=\"row\"\n                    justifyContent=\"space-between\"\n                    px={16}\n                    py={12}\n                  >\n                    <Stack alignItems=\"center\" flexDirection=\"row\" gap={8} width=\"50%\">\n                      <InstitutionLogo\n                        alt={customCopy.institution_logo}\n                        institutionGuid={institution_guid || ''}\n                        size={16}\n                      />\n                      <Text variant=\"Small\">{`${accountName} ${account_number ? `*${account_number}` : ''}`}</Text>\n                    </Stack>\n                    <CurrencyText amount={row.balance} bold={true} variant=\"Small\" />\n                  </Stack>\n                  <Divider sx={{ width: '100%' }} />\n                  <Stack\n                    alignItems=\"center\"\n                    flexDirection=\"row\"\n                    justifyContent=\"space-between\"\n                    px={16}\n                    py={12}\n                  >\n                    <Text variant=\"Small\">{customCopy.projected_income}</Text>\n                    <CurrencyText amount={row.income} bold={true} symbol=\"+\" variant=\"Small\" />\n                  </Stack>\n                  <Divider sx={{ width: '100%' }} />\n                  <Stack\n                    alignItems=\"center\"\n                    flexDirection=\"row\"\n                    justifyContent=\"space-between\"\n                    px={16}\n                    py={12}\n                  >\n                    <Text variant=\"Small\">{customCopy.projected_expenses}</Text>\n                    <CurrencyText amount={row.expenses} bold={true} symbol=\"-\" variant=\"Small\" />\n                  </Stack>\n                  <Divider sx={{ width: '100%' }} />\n                  <Stack\n                    alignItems=\"center\"\n                    bgcolor=\"background.default\"\n                    flexDirection=\"row\"\n                    gap={8}\n                    justifyContent=\"space-between\"\n                    px={16}\n                    py={12}\n                    sx={{ borderBottomLeftRadius: '4px', borderBottomRightRadius: '4px' }}\n                  >\n                    <RemainingCash remaining={row.remaining} />\n                  </Stack>\n                </Stack>\n              </ListItem>\n            </List>\n          )\n        })\n      )}\n    </Box>\n  )\n}\n\nexport default observer(SummaryTab)\n"],"names":["SummaryTab","availableWidth","useWidgetContainerProvider","theme","useTheme","customCopy","useGlobalCopyStore","upcomingExpenses","upcomingIncome","useRecurringTransactionsStore","dateRange","selectedCashAccounts","useCashflowUiStore","columns","name","nickname","institution_guid","account_number","accountName","Stack","jsx","InstitutionLogo","params","formatCurrency","total","Text","rows","React","account","totalprojectedExpenses","recurrenceFilter","startOfToday","addDays","acc","curr","totalProjectedIncome","remaining","jsxs","Box","InformationTooltip","formatDate","DATE_FORMATS_INTL","DataGridPro","alpha","row","List","ListItem","CurrencyText","Divider","RemainingCash","SummaryTab$1","observer"],"mappings":"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"}