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

package/dist/recurringtransactions/components/RecurringTransactionDetails/index.es.js

@@ -0,0 +1,130 @@
+import { jsxs as i, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import a from "react";
+import { observer as N } from "mobx-react-lite";
+import { subDays as I } from "date-fns/subDays";
+import { startOfToday as f } from "date-fns/startOfToday";
+import { endOfMonth as L } from "date-fns/endOfMonth";
+import k from "@mui/material/Button";
+import l from "@mui/material/Divider";
+import w from "@mui/material/List";
+import h from "@mui/material/Stack";
+import { Delete as G } from "@mxenabled/mx-icons";
+import { MerchantLogo as O, Text as c, H1 as M } from "@mxenabled/mxui";
+import B from "../../../transactions/components/shared/TransactionList/index.es.js";
+import F from "../../../transactions/components/shared/TransactionDetails/index.es.js";
+import { PaymentScheduleAction as Y } from "../actions/PaymentScheduleAction/index.es.js";
+import { useGlobalCopyStore as j, useGlobalUiStore as z, useEvent as H, useRecurringTransactionsStore as P, useTransactionStore as U } from "../../../common/context/hooks/index.es.js";
+import { RepeatingType as $ } from "../../../common/types/RepeatingTransaction/index.es.js";
+import { formatCurrency as K } from "../../../common/utils/NumberFormatting/index.es.js";
+import { formatDate as V, DATE_FORMATS_INTL as q } from "../../../common/constants/DateFormats/index.es.js";
+import y from "../../../common/components/DataRow/index.es.js";
+import J from "../../../common/components/drawer/Drawer/index.es.js";
+import Q from "../../../common/components/dialog/Dialog/index.es.js";
+import { ANALYTICS_EVENTS as W } from "../../../common/constants/Analytics/index.es.js";
+const De = N(
+  ({ onDeleted: g, recurringTransaction: o }) => {
+    const { recurring: t } = j(), { selectedAccountGuids: b } = z(), { onEvent: x } = H(), { deleteRepeatingTransaction: D } = P(), { setFilter: C, transactions: d } = U(), { amount: S, description: R, merchant_guid: T } = o, [v, p] = a.useState(!1), [s, u] = a.useState("");
+    a.useEffect(() => {
+      C({
+        accounts: b,
+        dateRange: { start: I(f(), 90), end: L(f()) },
+        custom: (m) => m.repeating_transaction_guid === o.guid
+      });
+    }, [o]);
+    const r = a.useMemo(
+      () => d.find((m) => m.guid === s),
+      [s, d]
+    ), n = o.repeating_transaction_type === $.Income, A = async () => {
+      await D(o.guid), g();
+    }, E = () => {
+      p(!0), x(W.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+    };
+    return /* @__PURE__ */ i(h, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ i(h, { direction: "column", m: 24, children: [
+        /* @__PURE__ */ e(
+          O,
+          {
+            categoryGuid: r?.category_guid || "",
+            merchantGuid: T,
+            size: 64,
+            sx: { mb: 12 }
+          }
+        ),
+        /* @__PURE__ */ e(c, { bold: !0, variant: "body1", children: R }),
+        /* @__PURE__ */ i(M, { color: n ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          n ? "+" : "",
+          K(S, "0,0.00")
+        ] }),
+        /* @__PURE__ */ e(c, { color: "text.secondary", variant: "body2", children: `${t.next_payment_date}: ${V(
+          o.predicted_occurs_on,
+          q.MONTH_DAY_YEAR
+        )}` })
+      ] }),
+      /* @__PURE__ */ i(w, { sx: { bgcolor: "background.paper" }, children: [
+        o.account && /* @__PURE__ */ i(_, { children: [
+          /* @__PURE__ */ e(
+            y,
+            {
+              iconName: "checkbook",
+              label: t.account,
+              value: o.account.institutionName || ""
+            }
+          ),
+          /* @__PURE__ */ e(l, { variant: "inset" })
+        ] }),
+        r?.category && /* @__PURE__ */ i(_, { children: [
+          /* @__PURE__ */ e(
+            y,
+            {
+              iconName: "monetization_on",
+              label: t.category,
+              value: r.category
+            }
+          ),
+          /* @__PURE__ */ e(l, { variant: "inset" })
+        ] }),
+        /* @__PURE__ */ e(Y, { repeatingTransaction: o }),
+        /* @__PURE__ */ e(l, {})
+      ] }),
+      /* @__PURE__ */ e(
+        k,
+        {
+          color: "error",
+          onClick: E,
+          startIcon: /* @__PURE__ */ e(G, {}),
+          sx: { mx: 24, my: 16 },
+          variant: "text",
+          children: n ? t.delete_income_title : t.delete_expense_title
+        }
+      ),
+      /* @__PURE__ */ e(c, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: t.paid_transactions }),
+      /* @__PURE__ */ e(B, { height: "30dvh", onClick: u }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          ariaLabelClose: t.close_drawer_aria,
+          isOpen: !!s && !!r,
+          onClose: () => u(""),
+          title: t.transaction_details_drawer_title,
+          children: r && /* @__PURE__ */ e(F, { transaction: r })
+        }
+      ),
+      /* @__PURE__ */ e(
+        Q,
+        {
+          copy: {
+            title: n ? t.delete_income_title : t.delete_expense_title,
+            close_aria: t.close_drawer_aria
+          },
+          isOpen: v,
+          onClose: () => p(!1),
+          onPrimaryAction: A,
+          children: /* @__PURE__ */ e(c, { children: n ? t.delete_income_description : t.delete_expense_description })
+        }
+      )
+    ] });
+  }
+);
+export {
+  De as RecurringTransactionDetails
+};

package/dist/recurringtransactions/components/RecurringTransactions/index.es.js

@@ -0,0 +1,163 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import Y from "react";
+import { observer as z } from "mobx-react-lite";
+import { addMonths as F } from "date-fns/addMonths";
+import { startOfMonth as T } from "date-fns/startOfMonth";
+import { endOfMonth as R } from "date-fns/endOfMonth";
+import { subMonths as V } from "date-fns/subMonths";
+import { isBefore as q } from "date-fns/isBefore";
+import m from "@mui/material/Unstable_Grid2";
+import x from "@mui/material/IconButton";
+import o from "@mui/material/Stack";
+import _ from "@mui/material/Tab";
+import J from "@mui/material/Tabs";
+import { ChevronLeft as Q, ChevronRight as X } from "@mxenabled/mx-icons";
+import { H3 as Z, Text as b } from "@mxenabled/mxui";
+import { RecurrenceCalendar as $ } from "../recurrencecalendar/RecurrenceCalendar/index.es.js";
+import { RecurrenceList as s } from "../RecurrenceList/index.es.js";
+import { RecurringStatus as M } from "../RecurringStatus/index.es.js";
+import { useGlobalCopyStore as ee, useEvent as te, useRecurringTransactionsStore as re } from "../../../common/context/hooks/index.es.js";
+import { useScreenSize as ne } from "../../../common/hooks/useScreenSize/index.es.js";
+import { buildDynamicCopy as S } from "../../../common/utils/Localization/index.es.js";
+import { formatDate as I, DATE_FORMATS_INTL as v } from "../../../common/constants/DateFormats/index.es.js";
+import { ANALYTICS_EVENTS as y } from "../../../common/constants/Analytics/index.es.js";
+const ye = z(() => {
+  const { recurring: t } = ee(), { isDesktop: i, isSmallMobile: l } = ne(), { onEvent: p } = te(), {
+    currentMonthExpenses: N,
+    currentMonthIncome: k,
+    dateRange: c,
+    expenseTotal: E,
+    incomeTotal: D,
+    missedExpenseTotal: A,
+    pastRecurrences: d,
+    paidExpenseTotal: O,
+    paidIncomeTotal: L,
+    selectedDay: u,
+    selectedDayRecurrences: G,
+    setDateRange: h,
+    upcomingExpenseTotal: w,
+    upcomingIncomeTotal: P,
+    upcomingRecurrences: f
+  } = re(), [a, U] = Y.useState(0), j = q(c.start, /* @__PURE__ */ new Date()), H = (r, W) => {
+    U(W);
+  }, g = (r) => {
+    p(y.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: r.transaction?.guid
+    });
+  }, C = (r) => {
+    p(y.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: r.transaction?.guid
+    });
+  }, B = () => {
+    const r = F(c.start, 1);
+    h({
+      start: T(r),
+      end: R(r)
+    });
+  }, K = () => {
+    const r = V(c.start, 1);
+    h({
+      start: T(r),
+      end: R(r)
+    });
+  };
+  return /* @__PURE__ */ n(m, { container: !0, sx: { pt: 16, px: 24, spacing: 24 }, children: [
+    /* @__PURE__ */ e(m, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ n(o, { sx: { gap: 16 }, children: [
+      /* @__PURE__ */ n(o, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(Z, { sx: { px: 24 }, children: S(
+          t.header_title,
+          I(c.start, v.MONTH_LONG)
+        ) }),
+        !i && /* @__PURE__ */ n(o, { direction: "row", gap: 4, children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              color: "primary",
+              disabled: j,
+              onClick: K,
+              children: /* @__PURE__ */ e(Q, {})
+            }
+          ),
+          /* @__PURE__ */ e(x, { color: "primary", onClick: B, children: /* @__PURE__ */ e(X, {}) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        M,
+        {
+          expected: E,
+          missed: A,
+          paid: O,
+          title: t.expenses,
+          total: N.length,
+          upcoming: w
+        }
+      ),
+      /* @__PURE__ */ e(
+        M,
+        {
+          expected: D,
+          isExpense: !1,
+          paid: L,
+          title: t.deposits,
+          total: k.length,
+          upcoming: P
+        }
+      ),
+      i && /* @__PURE__ */ e(
+        s,
+        {
+          onRecurrenceClick: g,
+          recurrences: f,
+          title: t.upcoming_activity
+        }
+      ),
+      !i && /* @__PURE__ */ n(o, { children: [
+        /* @__PURE__ */ n(J, { onChange: H, value: a, variant: "fullWidth", children: [
+          /* @__PURE__ */ e(
+            _,
+            {
+              label: /* @__PURE__ */ e(b, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: l ? t.upcoming : t.upcoming_activity })
+            }
+          ),
+          /* @__PURE__ */ e(
+            _,
+            {
+              label: /* @__PURE__ */ e(b, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: l ? t.past : t.past_transactions })
+            }
+          )
+        ] }),
+        a === 0 && /* @__PURE__ */ e(
+          s,
+          {
+            onRecurrenceClick: g,
+            recurrences: f
+          }
+        ),
+        a === 1 && /* @__PURE__ */ e(
+          s,
+          {
+            onRecurrenceClick: C,
+            recurrences: d
+          }
+        )
+      ] })
+    ] }) }),
+    i && /* @__PURE__ */ e(m, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ n(o, { gap: 24, children: [
+      /* @__PURE__ */ e($, {}),
+      /* @__PURE__ */ e(
+        s,
+        {
+          onRecurrenceClick: C,
+          recurrences: G || d,
+          title: u ? S(
+            t.day_transactions,
+            I(u, v.MONTH_DAY)
+          ) : t.past_transactions
+        }
+      )
+    ] }) })
+  ] });
+});
+export {
+  ye as RecurringTransactions
+};

package/dist/recurringtransactions/components/actions/PaymentScheduleAction/index.es.js

@@ -0,0 +1,56 @@
+import { jsxs as p, Fragment as f, jsx as n } from "react/jsx-runtime";
+import t from "react";
+import { observer as C } from "mobx-react-lite";
+import { getFrequencyLabel as h } from "../../../util/RecurringTransactions/index.es.js";
+import { PaymentSchedule as D } from "../../PaymentSchedule/index.es.js";
+import E from "../../../../common/components/DataRow/index.es.js";
+import { useGlobalCopyStore as A, useRecurringTransactionsStore as R, useEvent as N } from "../../../../common/context/hooks/index.es.js";
+import v from "../../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as F } from "../../../../common/constants/Analytics/index.es.js";
+const x = C(({ repeatingTransaction: e }) => {
+  const { recurring: r } = A(), { updateRepeatingTransaction: u } = R(), { onEvent: y } = N(), [m, o] = t.useState(!1), [c, i] = t.useState(e.recurrence_type), [s, l] = t.useState(e.recurrence_day), [a, d] = t.useState(e.second_recurrence_day), _ = async () => {
+    await u({
+      ...e,
+      recurrence_type: c,
+      recurrence_day: s,
+      second_recurrence_day: a
+    }), o(!1);
+  }, S = () => {
+    o(!0), y(F.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ p(f, { children: [
+    /* @__PURE__ */ n(
+      E,
+      {
+        iconName: "sync",
+        label: r.activity_schedule,
+        onClick: S,
+        value: `${h(r, e, !0)}`
+      }
+    ),
+    /* @__PURE__ */ n(
+      v,
+      {
+        ariaLabelClose: r.close_drawer_aria,
+        isOpen: m,
+        onClose: () => o(!1),
+        onPrimaryAction: _,
+        title: r.payment_schedule,
+        children: /* @__PURE__ */ n(
+          D,
+          {
+            firstDay: s,
+            frequency: c,
+            onFirstDayChange: l,
+            onFrequencyChange: i,
+            onSecondDayChange: d,
+            secondDay: a
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  x as PaymentScheduleAction
+};

package/dist/recurringtransactions/components/micro/MerchantLogosRow/index.es.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "@mui/material/Stack";
+import { MerchantLogo as c } from "@mxenabled/mxui";
+const n = ({
+  upcomingRecurrences: i,
+  maxLogos: a = 3
+}) => /* @__PURE__ */ t(m, { sx: { flexDirection: "row", gap: 4 }, children: i?.slice(0, a).map((o, r) => /* @__PURE__ */ t(
+  c,
+  {
+    categoryGuid: o.categoryGuid || "",
+    merchantGuid: o.merchantGuid || ""
+  },
+  `${o.categoryGuid}-${o.merchantGuid}-${r}`
+)) });
+export {
+  n as MerchantLogosRow
+};

package/dist/recurringtransactions/components/micro/OverlappingMerchantLogos/index.es.js

@@ -0,0 +1,44 @@
+import { jsx as i } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+import { MerchantLogo as m } from "@mxenabled/mxui";
+const h = ({
+  upcomingRecurrences: e,
+  logoSize: r = 32,
+  maxLogos: a = 3
+}) => {
+  const l = (o) => o * (r / 2);
+  return /* @__PURE__ */ i(
+    n,
+    {
+      sx: {
+        position: "relative",
+        width: 64
+      },
+      children: e.map((o, t) => t < a ? /* @__PURE__ */ i(
+        n,
+        {
+          sx: {
+            borderRadius: "4px",
+            left: l(t),
+            outlineColor: "common.white",
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            position: "absolute"
+          },
+          children: /* @__PURE__ */ i(
+            m,
+            {
+              categoryGuid: o.categoryGuid || "",
+              merchantGuid: o.merchantGuid || "",
+              size: r
+            }
+          )
+        },
+        `${o.categoryGuid}-${o.merchantGuid}-${t}`
+      ) : null)
+    }
+  );
+};
+export {
+  h as OverlappingMerchantLogos
+};

package/dist/recurringtransactions/components/micro/RecurrenceLegend/index.es.js

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import p from "@mui/material/Box";
+import t from "@mui/material/Stack";
+import { Text as o } from "@mxenabled/mxui";
+import { formatCurrency as x } from "../../../../common/utils/NumberFormatting/index.es.js";
+const g = ({
+  amount: e,
+  bgcolor: n,
+  isLargeScreen: c,
+  isSmallScreen: a,
+  label: m
+}) => /* @__PURE__ */ i(t, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  /* @__PURE__ */ r(
+    p,
+    {
+      sx: {
+        borderRadius: "2px",
+        bgcolor: n,
+        height: 8,
+        width: 8
+      }
+    }
+  ),
+  /* @__PURE__ */ i(t, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !a && /* @__PURE__ */ r(o, { bold: !0, variant: "caption", children: x(e, e === 0 || !c ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ r(o, { variant: "caption", children: m })
+  ] })
+] });
+export {
+  g as RecurrenceLegend
+};

package/dist/recurringtransactions/components/recurrencecalendar/Legend/index.es.js

@@ -0,0 +1,32 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { observer as c } from "mobx-react-lite";
+import n from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import { UpcomingExpenseBadge as m, IncomeBadge as l, MissedBadge as s, PaidBadge as p } from "../../RecurrenceBadges/index.es.js";
+import { useGlobalCopyStore as d } from "../../../../common/context/hooks/index.es.js";
+const r = ({ icon: e, label: t }) => /* @__PURE__ */ i(n, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+  /* @__PURE__ */ o(e, {}),
+  /* @__PURE__ */ o(a, { variant: "XSmall", children: t })
+] }), y = c(() => {
+  const { recurring: e } = d();
+  return /* @__PURE__ */ i(
+    n,
+    {
+      alignItems: "center",
+      "aria-hidden": !0,
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "center",
+      mt: 12,
+      children: [
+        /* @__PURE__ */ o(r, { icon: m, label: e.expense }),
+        /* @__PURE__ */ o(r, { icon: l, label: e.income }),
+        /* @__PURE__ */ o(r, { icon: s, label: e.missed }),
+        /* @__PURE__ */ o(r, { icon: p, label: e.paid })
+      ]
+    }
+  );
+});
+export {
+  y as Legend
+};

package/dist/recurringtransactions/components/recurrencecalendar/RecurrenceCalendar/index.es.js

@@ -0,0 +1,84 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import f from "react";
+import { observer as y } from "mobx-react-lite";
+import { endOfMonth as C } from "date-fns/endOfMonth";
+import { getWeeksInMonth as s } from "date-fns/getWeeksInMonth";
+import { startOfMonth as m } from "date-fns/startOfMonth";
+import D from "@mui/material/Stack";
+import g from "@mui/material/styles/useTheme";
+import { AdapterDateFns as M } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as R } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as S } from "@mui/x-date-pickers/LocalizationProvider";
+import { RecurrenceDay as T } from "../RecurrenceDay/index.es.js";
+import { Legend as A } from "../Legend/index.es.js";
+import { TOUCH_TARGET as e } from "../../../../common/constants/Sizes/index.es.js";
+import { useEvent as H, useRecurringTransactionsStore as b } from "../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as E } from "../../../../common/constants/Analytics/index.es.js";
+const d = 58, W = y(() => {
+  const t = g(), { onEvent: c } = H(), { selectedDay: r, setDateRange: l } = b(), [n, p] = f.useState(
+    s(/* @__PURE__ */ new Date()) * e + d
+  ), u = (o) => {
+    p(s(o) * e + d), l({
+      start: m(o),
+      end: C(o)
+    }), c(E.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, i = /* @__PURE__ */ a(
+    R,
+    {
+      minDate: m(/* @__PURE__ */ new Date()),
+      onMonthChange: u,
+      showDaysOutsideCurrentMonth: !0,
+      slots: {
+        day: T
+      },
+      sx: {
+        "& .MuiPickersArrowSwitcher-button": {
+          color: "primary.main",
+          "&:disabled": {
+            color: "action.disabled"
+          }
+        },
+        "& .MuiButtonBase-root.MuiPickersDay-root": {
+          borderRadius: "4px",
+          "&:focus, &:hover": {
+            borderRadius: "4px"
+          }
+        },
+        "& .MuiPickersCalendarHeader-root": {
+          mt: 0,
+          pl: 16,
+          pr: 8
+        },
+        "& .MuiPickersCalendarHeader-label": {
+          fontSize: t.typography.Body.fontSize,
+          fontWeight: 600
+        },
+        "& .MuiDayCalendar-slideTransition": {
+          minHeight: n
+        },
+        "&.MuiDateCalendar-root": {
+          minHeight: n + e
+        },
+        "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
+          height: e,
+          width: e,
+          margin: 0
+        },
+        "& .MuiDayCalendar-weekDayLabel": {
+          fontFamily: t.typography.h3.fontFamily,
+          fontSize: t.typography.body2.fontSize
+        }
+      },
+      value: r,
+      views: ["day"]
+    }
+  );
+  return /* @__PURE__ */ a(D, { justifyContent: "center", children: /* @__PURE__ */ h(S, { dateAdapter: M, children: [
+    r && i,
+    !r && i,
+    /* @__PURE__ */ a(A, {})
+  ] }) });
+});
+export {
+  W as RecurrenceCalendar
+};

package/dist/recurringtransactions/components/recurrencecalendar/RecurrenceDay/index.es.js

@@ -0,0 +1,68 @@
+import { jsx as r, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import b from "react";
+import { observer as h } from "mobx-react-lite";
+import { isSameDay as B } from "date-fns/isSameDay";
+import D from "@mui/material/Badge";
+import { PickersDay as I } from "@mui/x-date-pickers/PickersDay";
+import { MissedBadge as S, PaidBadge as M, UpcomingExpenseBadge as O, IncomeBadge as P } from "../../RecurrenceBadges/index.es.js";
+import { useGlobalCopyStore as $, useGlobalUiStore as G, useRecurringTransactionsStore as U } from "../../../../common/context/hooks/index.es.js";
+import { RecurrenceType as o, RecurrenceStatus as d } from "../../../../common/types/RepeatingTransaction/index.es.js";
+const q = h(
+  ({ day: c, outsideCurrentMonth: u, ...f }) => {
+    const { recurring: t } = $(), { selectedAccountGuids: p } = G(), { recurrences: l, setSelectedDay: g } = U(), s = b.useMemo(
+      () => l.filter((e) => p.includes(e.accountGuid)),
+      [p, l]
+    ).filter(
+      (e) => B(e.occurredOnDate || e.expectedDate, c)
+    ), i = s.some(
+      (e) => e.type !== o.Income && e.status === d.Upcoming
+    ), n = s.some(
+      (e) => e.type !== o.Income && e.status === d.Missed
+    ), a = s.some(
+      (e) => e.type !== o.Income && e.status === d.Paid
+    ), m = s.some((e) => e.type === o.Income), y = (i ? 1 : 0) + (n ? 1 : 0) + (a ? 1 : 0) + (m ? 1 : 0);
+    return /* @__PURE__ */ r(
+      D,
+      {
+        badgeContent: s.length > 0 && /* @__PURE__ */ x(R, { children: [
+          n && /* @__PURE__ */ r(S, { isOffset: !0 }),
+          a && /* @__PURE__ */ r(M, { isOffset: !0 }),
+          i && /* @__PURE__ */ r(O, { isOffset: !0 }),
+          m && /* @__PURE__ */ r(P, { isOffset: !0 })
+        ] }),
+        overlap: "circular",
+        sx: {
+          "& .MuiBadge-badge": {
+            padding: 0,
+            marginRight: `${(y - 1) * 6 + 1}px`,
+            flexWrap: "nowrap"
+          }
+        },
+        children: /* @__PURE__ */ r(
+          I,
+          {
+            "aria-label": `
+          ${a && t.paid}, 
+          ${n && t.missed}, 
+          ${i && t.upcoming}, 
+          ${m && t.income}`,
+            day: c,
+            onClick: () => g(c),
+            outsideCurrentMonth: u,
+            sx: {
+              "&.MuiPickersDay-root": {
+                ...u && {
+                  color: "text.disabled"
+                }
+              }
+            },
+            ...f
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  q as RecurrenceDay
+};