@mx-cartographer/experiences 9.0.3 → 9.0.4

package/dist/ManageIncome-Cz6hvpdA.mjs

@@ -0,0 +1,902 @@
+import { jsxs as c, jsx as e, Fragment as W } from "react/jsx-runtime";
+import d from "react";
+import { observer as M } from "mobx-react-lite";
+import j from "@mui/material/Box";
+import F from "@mui/material/Divider";
+import te from "@mui/material/List";
+import _ from "@mui/material/Stack";
+import { P as H, Text as f, MerchantLogo as ne, InstitutionLogo as Ne } from "@mxenabled/mxui";
+import Ge from "@mui/material/ListItem";
+import ue from "@mui/material/ListItemAvatar";
+import Ue from "@mui/material/ListItemButton";
+import me from "@mui/material/ListItemText";
+import { b as Pe, f as oe } from "./NumberFormatting--XMeeBfr.mjs";
+import { R as O, F as m, g as _e, a as E, c as Fe, d as ze } from "./RecurringTransactionsUtil-zOxq5pzY.mjs";
+import { subDays as pe } from "date-fns/subDays";
+import { startOfToday as P } from "date-fns/startOfToday";
+import { endOfMonth as Ye } from "date-fns/endOfMonth";
+import he from "@mui/material/Button";
+import { CheckCircle as Be, Cancel as We, Icon as Ke, ChevronRight as qe, Delete as je, Add as He, ReceiptLong as Qe } from "@mxenabled/mx-icons";
+import { T as $e } from "./TransactionDetails-DRN0GIaZ.mjs";
+import { a as Xe } from "./AccountDetailsDrawer-C8oJP3J4.mjs";
+import { u as Ze } from "./AccountDetailsHeader-ByGNPZpO.mjs";
+import { C as V } from "./Category-DEKZGLYe.mjs";
+import { T as ye } from "./TransactionUtils-BphBJBbU.mjs";
+import { u as fe, T as Je, S as Ve, a as et } from "./EmbeddedCard-CQpbZrmP.mjs";
+import { u as k, h as Y, g as ae, f as K, a as tt, c as nt, C as ot } from "./hooks-97sNJ_lf.mjs";
+import { S as at } from "./SearchBox-Cpgu_gdO.mjs";
+import { D as z } from "./Drawer-BXqqBMxg.mjs";
+import { D as re } from "./Dialog-Bvd2n8hz.mjs";
+import { addYears as le } from "date-fns/addYears";
+import { getDayOfYear as rt } from "date-fns/getDayOfYear";
+import { setDayOfYear as it } from "date-fns/setDayOfYear";
+import { AdapterDateFns as st } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as ct } from "@mui/x-date-pickers";
+import { LocalizationProvider as lt } from "@mui/x-date-pickers/LocalizationProvider";
+import { S as q, D as ee } from "./Select-CSpkK5cR.mjs";
+import { A as D } from "./Analytics-WeZYytR0.mjs";
+import { fromUnixTime as ge } from "date-fns/fromUnixTime";
+import { getUnixTime as dt } from "date-fns/getUnixTime";
+import ut from "@mui/material/IconButton";
+import mt from "@mui/material/Menu";
+import _t from "@mui/material/MenuItem";
+import { L as pt } from "./ListItemWrapper-BHIbqx7E.mjs";
+import { f as Ce, D as be } from "./DateFormats-HudZ3Bjs.mjs";
+import ht from "@mui/material/Card";
+import yt from "@mui/material/CardActionArea";
+import { useTheme as ft, alpha as gt } from "@mui/material";
+import { B as Ct } from "./BeatMaterialIcon-1KOfRZrA.mjs";
+import { formatISO as bt } from "date-fns/formatISO";
+import { k as St } from "./DateUtil-CzBmbjmA.mjs";
+const Q = (n) => n.top_level_category_guid !== V.INCOME && n.transaction_type === ye.DEBIT, Se = (n, t) => Q(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, $ = (n) => n.top_level_category_guid === V.INCOME || n.top_level_category_guid === V.TRANSFER && n.transaction_type === ye.CREDIT, xe = (n, t) => $(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, ke = M(
+  ({
+    bgcolor: n = "background.default",
+    description: t,
+    onSearch: r,
+    onSelected: i
+  }) => {
+    const { recurring: a } = k(), { searchValue: u, setSearchValue: o } = fe();
+    return /* @__PURE__ */ c(_, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+      t && /* @__PURE__ */ e(H, { sx: { mx: 24 }, children: t }),
+      /* @__PURE__ */ e(
+        at,
+        {
+          ariaLabel: a.select_transaction_search_aria,
+          cancelAriaLabel: a.select_transaction_search_cancel_aria,
+          onChange: (l) => {
+            o(l), r(l);
+          },
+          placeholder: a.select_transaction_search_placeholder,
+          searchValue: u
+        }
+      ),
+      /* @__PURE__ */ e(
+        Je,
+        {
+          bgcolor: n,
+          filter: (l) => !!l.merchant_guid,
+          height: "auto",
+          onClick: i,
+          showLoader: !1
+        }
+      )
+    ] });
+  }
+), de = (n, t) => (r) => {
+  if (r.repeating_transaction_guid) return !1;
+  const i = n.repeating_transaction_type === O.Income;
+  return t ? i ? xe(r, t) : Se(r, t) : i ? $(r) : Q(r);
+}, xt = M(
+  ({ isOpen: n, onClose: t, recurringTransaction: r }) => {
+    const { recurring: i } = k(), { markRecurrenceAsPaid: a } = Y(), { filter: u, setFilter: o, transactions: l } = ae(), { setSearchValue: h } = fe();
+    d.useEffect(() => {
+      n ? o({ ...u, custom: de(r) }) : h("");
+    }, [n, r]);
+    const p = (y) => {
+      o({ ...u, custom: de(r, y) });
+    }, C = async (y) => {
+      const b = l.find((S) => S.guid === y);
+      b && (await a(r.guid, b), t());
+    };
+    return /* @__PURE__ */ e(
+      z,
+      {
+        ariaLabelClose: i.close_drawer_aria,
+        isOpen: n,
+        onClose: t,
+        title: i.link_transaction_button,
+        children: /* @__PURE__ */ e(ke, { onSearch: p, onSelected: C })
+      }
+    );
+  }
+), kt = ({ isOpen: n, onClose: t, onLinkTransaction: r }) => {
+  const { recurring: i } = k();
+  return /* @__PURE__ */ e(
+    re,
+    {
+      copy: {
+        title: i.mark_as_paid_dialog_title,
+        close_aria: i.close_drawer_aria
+      },
+      isOpen: n,
+      maxWidth: "xs",
+      onClose: t,
+      onPrimaryAction: r,
+      primaryText: i.link_transaction_button,
+      sx: {
+        "& .MuiStack-root, & .MuiDialogContent-root": {
+          backgroundColor: "background.paper"
+        }
+      },
+      children: /* @__PURE__ */ e(f, { truncate: !1, children: i.link_transaction_description })
+    }
+  );
+}, At = ({
+  isOpen: n,
+  onClose: t,
+  onUnlinkTransaction: r
+}) => {
+  const { recurring: i } = k();
+  return /* @__PURE__ */ e(
+    re,
+    {
+      copy: {
+        title: i.mark_as_unpaid_dialog_title,
+        close_aria: i.close_drawer_aria
+      },
+      isOpen: n,
+      maxWidth: "xs",
+      onClose: t,
+      onPrimaryAction: r,
+      primaryText: i.unlink_transaction_button,
+      sx: {
+        "& .MuiStack-root, & .MuiDialogContent-root": {
+          backgroundColor: "background.paper"
+        }
+      },
+      children: /* @__PURE__ */ e(f, { truncate: !1, children: i.unlink_transaction_description })
+    }
+  );
+}, Ae = ({
+  frequency: n,
+  firstDay: t,
+  secondDay: r,
+  onFrequencyChange: i,
+  onFirstDayChange: a,
+  onSecondDayChange: u
+}) => {
+  const { recurring: o } = k(), l = d.useMemo(
+    () => [
+      { id: m.EveryWeek, label: o.frequency_every_week },
+      { id: m.EveryOtherWeek, label: o.frequency_every_other_week },
+      { id: m.TwiceAMonth, label: o.frequency_twice_a_month },
+      { id: m.EveryMonth, label: o.frequency_every_month },
+      { id: m.EveryOtherMonth, label: o.frequency_every_other_month },
+      { id: m.EveryQuarter, label: o.frequency_every_quarter },
+      { id: m.EveryOtherQuarter, label: o.frequency_every_other_quarter },
+      { id: m.EveryYear, label: o.frequency_every_year }
+    ],
+    [o]
+  ), h = [
+    { id: 0, label: o.weekday_sunday },
+    { id: 1, label: o.weekday_monday },
+    { id: 2, label: o.weekday_tuesday },
+    { id: 3, label: o.weekday_wednesday },
+    { id: 4, label: o.weekday_thursday },
+    { id: 5, label: o.weekday_friday },
+    { id: 6, label: o.weekday_saturday }
+  ], p = [...Array(31).keys()].map((x) => ({
+    id: x + 1,
+    label: Pe(x + 1)
+  }));
+  p[30].label += ` (${o.last_day_of_month})`;
+  const C = p.slice(0, 15), y = p.slice(14), b = n === m.EveryWeek || n === m.EveryOtherWeek, S = n === m.TwiceAMonth || n === m.EveryMonth || n === m.EveryOtherMonth || n === m.EveryQuarter || n === m.EveryOtherQuarter, v = it(P(), t), w = v < P() ? le(v, 1) : v, T = (x) => {
+    x && a(rt(x));
+  };
+  return /* @__PURE__ */ c(_, { gap: 24, sx: { m: 24 }, children: [
+    /* @__PURE__ */ e(
+      q,
+      {
+        label: o.frequency,
+        onChange: i,
+        options: l,
+        value: n
+      }
+    ),
+    b && /* @__PURE__ */ e(
+      q,
+      {
+        label: o.day_of_the_week,
+        onChange: a,
+        options: h,
+        value: t
+      }
+    ),
+    S && /* @__PURE__ */ e(
+      q,
+      {
+        label: n === m.TwiceAMonth ? o.first_day_of_the_month : o.day_of_the_month,
+        onChange: a,
+        options: n === m.TwiceAMonth ? C : p,
+        value: t
+      }
+    ),
+    n === m.TwiceAMonth && /* @__PURE__ */ e(
+      q,
+      {
+        label: o.second_day_of_the_month,
+        onChange: u,
+        options: y,
+        value: r || 0
+      }
+    ),
+    n === m.EveryYear && /* @__PURE__ */ e(lt, { dateAdapter: st, children: /* @__PURE__ */ e(
+      ct,
+      {
+        disablePast: !0,
+        label: o.next_payment_date,
+        maxDate: pe(le(P(), 1), 1),
+        minDate: P(),
+        onChange: T,
+        value: w
+      }
+    ) })
+  ] });
+}, vt = M(({ repeatingTransaction: n }) => {
+  const { recurring: t } = k(), { updateRepeatingTransaction: r } = Y(), { onEvent: i } = K(), [a, u] = d.useState(!1), [o, l] = d.useState(n.recurrence_type), [h, p] = d.useState(n.recurrence_day), [C, y] = d.useState(n.second_recurrence_day), b = async () => {
+    await r({
+      ...n,
+      recurrence_type: o,
+      recurrence_day: h,
+      second_recurrence_day: C
+    }), u(!1);
+  }, S = () => {
+    u(!0), i(D.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ c(W, { children: [
+    /* @__PURE__ */ e(
+      ee,
+      {
+        iconName: "sync",
+        label: t.activity_schedule,
+        onClick: S,
+        showChevron: !1,
+        value: `${_e(t, n, !0)}`
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        ariaLabelClose: t.close_drawer_aria,
+        isOpen: a,
+        onClose: () => u(!1),
+        onPrimaryAction: b,
+        title: t.payment_schedule,
+        children: /* @__PURE__ */ e(
+          Ae,
+          {
+            firstDay: h,
+            frequency: o,
+            onFirstDayChange: p,
+            onFrequencyChange: l,
+            onSecondDayChange: y,
+            secondDay: C
+          }
+        )
+      }
+    )
+  ] });
+}), Rt = (n, t) => {
+  const r = n.map((a) => ({
+    key: a.guid,
+    name: a.payee || a.description || a.feed_description,
+    amount: a.amount,
+    date: a.date,
+    merchantGuid: a.merchant_guid || "",
+    categoryGuid: a.top_level_category_guid || "",
+    category: a.category || "",
+    status: E.Paid,
+    transactionGuid: a.guid
+  })), i = t.map((a) => ({
+    key: `missed-${a.expectedDate.getTime()}`,
+    name: a.name,
+    amount: a.amount,
+    date: dt(a.expectedDate),
+    merchantGuid: a.merchantGuid,
+    categoryGuid: a.categoryGuid,
+    category: "",
+    status: E.Missed
+  }));
+  return [...r, ...i].sort((a, u) => u.date - a.date);
+}, wt = ({
+  isIncome: n = !1,
+  onMarkAsUnpaidClick: t,
+  onMarkAsPaidClick: r,
+  onTransactionClick: i,
+  recurringTransaction: a,
+  transactions: u
+}) => {
+  const { recurring: o } = k(), { onEvent: l } = K(), { recurrences: h } = Y(), [p, C] = d.useState(null), [y, b] = d.useState(null), S = d.useMemo(
+    () => h.filter(
+      (s) => s.repeatingTransactionGuid === a.guid && s.status === E.Missed
+    ),
+    [h, a.guid]
+  ), v = d.useMemo(
+    () => Rt(u, S),
+    [u, S]
+  ), w = (s) => {
+    s.transactionGuid && i(s.transactionGuid);
+  }, T = (s, L) => {
+    s.stopPropagation(), C(s.currentTarget), b(L), l(D.RECURRING_TRANSACTIONS_LIST_CLICK_MORE_MENU);
+  }, x = () => {
+    C(null), b(null);
+  }, B = () => {
+    y && (y.status === E.Missed ? r() : y.transactionGuid && t(y.transactionGuid), x());
+  };
+  return /* @__PURE__ */ c(_, { direction: "column", sx: { minHeight: "30dvh" }, children: [
+    /* @__PURE__ */ e(f, { bold: !0, sx: { ml: 24, mt: 16, mb: 8 }, variant: "body1", children: o.past_activity }),
+    /* @__PURE__ */ e(te, { sx: { flex: 1, overflow: "auto" }, children: v.map((s, L) => {
+      const I = s.status === E.Paid, N = s.status === E.Missed, g = L === v.length - 1;
+      return /* @__PURE__ */ c(d.Fragment, { children: [
+        /* @__PURE__ */ c(
+          pt,
+          {
+            onClick: I ? () => w(s) : void 0,
+            sx: { "& .MuiListItemButton-root": { pr: 10 } },
+            children: [
+              /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(ne, { categoryGuid: s.categoryGuid, merchantGuid: s.merchantGuid }) }),
+              /* @__PURE__ */ e(
+                me,
+                {
+                  disableTypography: !0,
+                  secondary: /* @__PURE__ */ c(_, { direction: "row", justifyContent: "space-between", children: [
+                    /* @__PURE__ */ e(f, { variant: "caption", children: Ce(ge(s.date), be.MONTH_DAY_YEAR) }),
+                    /* @__PURE__ */ c(
+                      _,
+                      {
+                        alignItems: "center",
+                        direction: "row",
+                        gap: 6,
+                        sx: { textTransform: "uppercase" },
+                        children: [
+                          I && /* @__PURE__ */ e(Be, { color: "success", filled: !0, size: 12 }),
+                          N && /* @__PURE__ */ e(We, { color: "error", filled: !0, size: 12 }),
+                          /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "caption", children: I ? o.paid?.toLowerCase() : o.missed?.toLowerCase() })
+                        ]
+                      }
+                    )
+                  ] }),
+                  children: /* @__PURE__ */ c(_, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
+                    /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: s.name }),
+                    /* @__PURE__ */ c(
+                      f,
+                      {
+                        bold: !0,
+                        color: n ? "success.main" : "text.primary",
+                        sx: { flexShrink: 0 },
+                        variant: "body1",
+                        children: [
+                          n ? "+" : "",
+                          oe(s.amount, "0,0.00")
+                        ]
+                      }
+                    )
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e(
+                ut,
+                {
+                  "aria-label": o.more_menu_aria,
+                  onClick: (R) => T(R, s),
+                  size: "small",
+                  sx: { alignSelf: "center", ml: 4 },
+                  children: /* @__PURE__ */ e(Ke, { name: "more_vert", size: 20, sx: { color: "text.secondary" } })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(F, { variant: g ? "fullWidth" : "inset" })
+      ] }, s.key);
+    }) }),
+    /* @__PURE__ */ e(
+      mt,
+      {
+        anchorEl: p,
+        anchorOrigin: { horizontal: "right", vertical: "bottom" },
+        disableScrollLock: !0,
+        onClose: x,
+        open: !!p,
+        transformOrigin: { horizontal: "right", vertical: "top" },
+        children: /* @__PURE__ */ e(_t, { onClick: B, sx: { p: 12 }, children: /* @__PURE__ */ e(f, { variant: "body1", children: y?.status === E.Missed ? o.mark_as_paid_cta : o.mark_as_unpaid_cta }) })
+      }
+    )
+  ] });
+}, It = ({
+  expectedDate: n,
+  onMarkAsPaidClick: t
+}) => {
+  const r = ft(), { recurring: i } = k();
+  return /* @__PURE__ */ e(ht, { variant: "elevation", children: /* @__PURE__ */ e(yt, { onClick: t, children: /* @__PURE__ */ c(
+    _,
+    {
+      alignItems: "center",
+      direction: "row",
+      justifyContent: "space-between",
+      sx: { px: 16, py: 14 },
+      children: [
+        /* @__PURE__ */ c(_, { alignItems: "center", direction: "row", gap: 12, children: [
+          /* @__PURE__ */ e(
+            Ct,
+            {
+              bgColor: gt(r.palette.primary.main, 0.15),
+              name: "calendar_clock"
+            }
+          ),
+          /* @__PURE__ */ c(_, { direction: "column", children: [
+            /* @__PURE__ */ e(f, { fontSize: 11, variant: "body1", children: i.upcoming }),
+            /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: Ce(n, be.MONTH_DAY_YEAR) })
+          ] })
+        ] }),
+        /* @__PURE__ */ c(_, { alignItems: "center", direction: "row", gap: 4, children: [
+          /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: i.mark_as_paid_cta }),
+          /* @__PURE__ */ e(qe, { size: 20 })
+        ] })
+      ]
+    }
+  ) }) });
+}, Dt = M(
+  ({ onDeleted: n, recurringTransaction: t }) => {
+    const { recurring: r } = k(), { selectedAccountGuids: i } = tt(), { onEvent: a } = K(), { deleteRepeatingTransaction: u, markRecurrenceAsUnpaid: o, recurrences: l } = Y(), { setFilter: h, transactions: p } = ae(), { setSelectedAccount: C, setSelectedMember: y } = Ze(), { members: b } = nt(), { amount: S, description: v, merchant_guid: w } = t, [T, x] = d.useState(!1), [B, s] = d.useState(!1), [L, I] = d.useState(!1), [N, g] = d.useState(!1), [R, X] = d.useState(""), [Re, ie] = d.useState(!1), [Z, se] = d.useState("");
+    d.useEffect(() => {
+      h({
+        accounts: i,
+        dateRange: { start: pe(P(), 90), end: Ye(P()) },
+        custom: (A) => A.repeating_transaction_guid === t.guid
+      });
+    }, [t.guid]);
+    const G = d.useMemo(
+      () => p.find((A) => A.guid === Z),
+      [Z, p]
+    ), U = t.repeating_transaction_type === O.Income, we = d.useMemo(
+      () => p.filter((A) => A.repeating_transaction_guid === t.guid),
+      [p, t.guid]
+    ), Ie = Fe(t, l), De = () => {
+      if (t.account) {
+        C(t.account);
+        const A = b.find((J) => J.guid === t.account?.member_guid) || {};
+        A && y(A), x(!0);
+      }
+    }, Me = async () => {
+      await u(t.guid), n();
+    }, Te = () => {
+      s(!0), a(D.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+    }, ce = () => {
+      I(!0), a(D.RECURRING_TRANSACTIONS_LIST_CLICK_MARK_AS_PAID);
+    }, Le = () => {
+      I(!1), ie(!0);
+    }, Ee = (A) => {
+      X(A), g(!0), a(D.RECURRING_TRANSACTIONS_LIST_CLICK_MARK_AS_UNPAID);
+    }, Oe = async () => {
+      const A = p.find((J) => J.guid === R);
+      A && await o(A), g(!1), X("");
+    };
+    return /* @__PURE__ */ c(_, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ c(_, { direction: "column", m: 24, children: [
+        /* @__PURE__ */ e(
+          ne,
+          {
+            categoryGuid: G?.category_guid || "",
+            merchantGuid: w,
+            size: 64,
+            sx: { mb: 12 }
+          }
+        ),
+        /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: v }),
+        /* @__PURE__ */ c(H, { color: U ? "success.main" : "text.primary", sx: { mt: 4, mb: 16 }, variant: "h1", children: [
+          U ? "+" : "",
+          oe(S, "0,0.00")
+        ] }),
+        /* @__PURE__ */ e(
+          It,
+          {
+            expectedDate: Ie,
+            onMarkAsPaidClick: ce
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c(te, { sx: { bgcolor: "background.paper" }, children: [
+        t.account && /* @__PURE__ */ c(W, { children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              iconName: "checkbook",
+              label: r.account,
+              onClick: De,
+              showChevron: !1,
+              value: t.account.displayName || ""
+            }
+          ),
+          /* @__PURE__ */ e(F, { variant: "inset" })
+        ] }),
+        G?.category && /* @__PURE__ */ c(W, { children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              iconName: "monetization_on",
+              label: r.category,
+              value: G.category
+            }
+          ),
+          /* @__PURE__ */ e(F, { variant: "inset" })
+        ] }),
+        /* @__PURE__ */ e(vt, { repeatingTransaction: t }),
+        /* @__PURE__ */ e(F, {})
+      ] }),
+      /* @__PURE__ */ e(
+        he,
+        {
+          color: "error",
+          onClick: Te,
+          startIcon: /* @__PURE__ */ e(je, {}),
+          sx: { mx: 24, my: 16 },
+          variant: "text",
+          children: U ? r.delete_income_title : r.delete_expense_title
+        }
+      ),
+      /* @__PURE__ */ e(
+        wt,
+        {
+          isIncome: U,
+          onMarkAsPaidClick: ce,
+          onMarkAsUnpaidClick: Ee,
+          onTransactionClick: se,
+          recurringTransaction: t,
+          transactions: we
+        }
+      ),
+      /* @__PURE__ */ e(
+        z,
+        {
+          ariaLabelClose: r.close_drawer_aria,
+          isOpen: !!Z && !!G,
+          onClose: () => se(""),
+          title: r.transaction_details_drawer_title,
+          children: G && /* @__PURE__ */ e($e, { transaction: G })
+        }
+      ),
+      /* @__PURE__ */ e(
+        re,
+        {
+          copy: {
+            title: U ? r.delete_income_title : r.delete_expense_title,
+            close_aria: r.close_drawer_aria
+          },
+          isOpen: B,
+          onClose: () => s(!1),
+          onPrimaryAction: Me,
+          children: /* @__PURE__ */ e(f, { children: U ? r.delete_income_description : r.delete_expense_description })
+        }
+      ),
+      /* @__PURE__ */ e(
+        kt,
+        {
+          isOpen: L,
+          onClose: () => I(!1),
+          onLinkTransaction: Le
+        }
+      ),
+      /* @__PURE__ */ e(
+        At,
+        {
+          isOpen: N,
+          onClose: () => {
+            g(!1), X("");
+          },
+          onUnlinkTransaction: Oe
+        }
+      ),
+      /* @__PURE__ */ e(
+        xt,
+        {
+          isOpen: Re,
+          onClose: () => ie(!1),
+          recurringTransaction: t
+        }
+      ),
+      /* @__PURE__ */ e(
+        Xe,
+        {
+          isOpen: T,
+          onClose: () => x(!1)
+        }
+      )
+    ] });
+  }
+), Mt = M(
+  ({ onClick: n = () => {
+  }, repeatingTransaction: t }) => {
+    const { recurring: r } = k(), [i, a] = d.useState(!1), u = d.useMemo(
+      () => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "",
+      [t]
+    ), o = t.account?.displayName || "", l = t.repeating_transaction_type === O.Income, h = _e(r, t, !0);
+    return /* @__PURE__ */ c(Ge, { disableGutters: !0, disablePadding: !0, children: [
+      /* @__PURE__ */ c(Ue, { onClick: () => {
+        n(t), a(!0);
+      }, children: [
+        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(
+          ne,
+          {
+            categoryGuid: u,
+            merchantGuid: t.merchant_guid
+          }
+        ) }),
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ c(_, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ c(_, { direction: "column", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: t.description }),
+            /* @__PURE__ */ c(_, { alignItems: "center", direction: "row", gap: 6, children: [
+              t.account?.institution_guid && /* @__PURE__ */ e(
+                Ne,
+                {
+                  alt: o,
+                  institutionGuid: t.account?.institution_guid,
+                  size: 12
+                }
+              ),
+              /* @__PURE__ */ e(f, { variant: "caption", children: o })
+            ] })
+          ] }),
+          /* @__PURE__ */ c(_, { alignItems: "flex-end", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ c(
+              f,
+              {
+                bold: !0,
+                color: l ? "success.main" : "text.primary",
+                variant: "body1",
+                children: [
+                  l ? "+" : "",
+                  oe(t.amount, "0,0.00")
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              _,
+              {
+                direction: "row",
+                sx: {
+                  alignItems: "center",
+                  gap: 6,
+                  justifyContent: "flex-end",
+                  textTransform: "uppercase",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "caption", children: h })
+              }
+            )
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(
+        z,
+        {
+          ariaLabelClose: r.close_drawer_aria,
+          isOpen: i,
+          onClose: () => a(!1),
+          title: t.repeating_transaction_type === O.Income ? r.income_details : r.expense_details,
+          children: /* @__PURE__ */ e(
+            Dt,
+            {
+              onDeleted: () => a(!1),
+              recurringTransaction: t
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Tt = M(
+  ({
+    bgcolor: n = "background.default",
+    firstDay: t,
+    secondDay: r,
+    frequency: i,
+    onFrequencyChange: a,
+    onFirstDayChange: u,
+    onSecondDayChange: o,
+    transaction: l
+  }) => {
+    const { recurring: h } = k();
+    return /* @__PURE__ */ c(_, { bgcolor: n, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ c(_, { children: [
+        /* @__PURE__ */ e(Ve, { bgcolor: n, children: St(l.date) }),
+        /* @__PURE__ */ e(et, { transaction: l })
+      ] }),
+      /* @__PURE__ */ c(j, { children: [
+        /* @__PURE__ */ e(f, { bold: !0, sx: { mx: 24 }, variant: "body1", children: h.payment_schedule }),
+        /* @__PURE__ */ e(
+          Ae,
+          {
+            firstDay: t,
+            frequency: i,
+            onFirstDayChange: u,
+            onFrequencyChange: a,
+            onSecondDayChange: o,
+            secondDay: r
+          }
+        )
+      ] })
+    ] });
+  }
+), ve = M(
+  ({
+    isIncome: n = !1,
+    label: t,
+    onAddRecurringTransaction: r = () => null
+  }) => {
+    const { recurring: i } = k(), { filter: a, setFilter: u, transactions: o } = ae(), { addRepeatingTransaction: l } = Y(), { user: h } = ot(), [p, C] = d.useState(!1), [y, b] = d.useState(""), [S, v] = d.useState(m.EveryMonth), [w, T] = d.useState(1), [x, B] = d.useState(15), s = d.useMemo(
+      () => o.find((g) => g.guid === y),
+      [y, o]
+    ), L = () => {
+      C(!0), u(n ? { ...a, custom: $ } : { ...a, custom: Q });
+    }, I = async () => {
+      if (!s) {
+        N();
+        return;
+      }
+      r();
+      const g = ze(S, ge(s.date), w), R = {
+        account_guid: s.account_guid,
+        amount: s.amount,
+        created_by: 0,
+        // User
+        merchant_guid: s.merchant_guid,
+        description: s.payee || s.description || s.feed_description,
+        predicted_occurs_on: bt(g, { representation: "date" }),
+        recurrence_day: w,
+        recurrence_type: S,
+        repeating_transaction_type: n ? O.Income : O.Bill,
+        second_recurrence_day: x,
+        transaction_type: s.transaction_type,
+        user_guid: h.guid
+      };
+      await l(R, s), N();
+    }, N = () => {
+      b(""), C(!1);
+    };
+    return /* @__PURE__ */ c(W, { children: [
+      /* @__PURE__ */ e(he, { onClick: L, startIcon: /* @__PURE__ */ e(He, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e(
+        z,
+        {
+          ariaLabelClose: i.close_drawer_aria,
+          isOpen: p,
+          onClose: () => C(!1),
+          title: t,
+          children: /* @__PURE__ */ e(
+            ke,
+            {
+              description: n ? i.add_income_description : i.add_expense_description,
+              onSearch: (g) => {
+                u({
+                  ...a,
+                  custom: (R) => n ? g ? xe(R, g) : $(R) : g ? Se(R, g) : Q(R)
+                });
+              },
+              onSelected: (g) => b(g)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        z,
+        {
+          ariaLabelClose: i.close_drawer_aria,
+          isOpen: !!y,
+          onClose: () => b(""),
+          onPrimaryAction: I,
+          title: n ? i.income_details : i.expense_details,
+          children: s && /* @__PURE__ */ e(
+            Tt,
+            {
+              firstDay: w,
+              frequency: S,
+              onFirstDayChange: T,
+              onFrequencyChange: v,
+              onSecondDayChange: B,
+              secondDay: x,
+              transaction: s
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Lt = M(
+  ({ zeroStateFor: n }) => {
+    const { recurring: t } = k(), { onEvent: r } = K(), i = n === "income", a = i ? t.recurring_setting_zero_state_income_title : t.recurring_setting_zero_state_expenses_title, u = i ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, o = i ? t.add_income : t.add_expense;
+    return /* @__PURE__ */ c(_, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
+      /* @__PURE__ */ e(Qe, { size: 48 }),
+      /* @__PURE__ */ e(H, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: a }),
+      /* @__PURE__ */ e(H, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: u }),
+      /* @__PURE__ */ e(
+        ve,
+        {
+          isIncome: i,
+          label: o,
+          onAddRecurringTransaction: () => {
+            r(
+              i ? D.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : D.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
+            );
+          }
+        }
+      )
+    ] });
+  }
+), Mn = M(({ forOverview: n = !1 }) => {
+  const { recurring: t } = k(), { detailedRepeatingTransactions: r } = Y(), { onEvent: i } = K(), a = (l) => {
+    i(D.RECURRING_TRANSACTIONS_CLICK_INCOME, {
+      repeating_transaction_guid: l.guid
+    });
+  }, u = () => {
+    i(D.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, o = r.filter(
+    (l) => l.repeating_transaction_type === O.Income && (l.transactions.length > 0 || l.recurrence_type === m.EveryYear)
+  );
+  return /* @__PURE__ */ e(W, { children: o.length !== 0 ? /* @__PURE__ */ c(
+    _,
+    {
+      sx: {
+        height: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
+        maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
+      },
+      children: [
+        n && /* @__PURE__ */ e(f, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "body2", children: t.income }),
+        /* @__PURE__ */ e(j, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(te, { sx: { bgcolor: "background.paper" }, children: o.map((l, h) => /* @__PURE__ */ c(d.Fragment, { children: [
+          /* @__PURE__ */ e(Mt, { onClick: a, repeatingTransaction: l }),
+          /* @__PURE__ */ e(
+            F,
+            {
+              variant: h < o.length - 1 ? "inset" : "fullWidth"
+            }
+          )
+        ] }, l.guid)) }) }),
+        /* @__PURE__ */ c(j, { children: [
+          /* @__PURE__ */ e(F, {}),
+          /* @__PURE__ */ e(
+            j,
+            {
+              sx: {
+                alignContent: "center",
+                bgcolor: "background.paper",
+                justifyContent: "flex-end",
+                px: 24,
+                py: 12,
+                textAlign: "right"
+              },
+              children: /* @__PURE__ */ e(
+                ve,
+                {
+                  isIncome: !0,
+                  label: t.add_income,
+                  onAddRecurringTransaction: u
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(Lt, { zeroStateFor: "income" }) });
+});
+export {
+  ve as A,
+  Mn as M,
+  Mt as R,
+  ke as S,
+  Lt as a,
+  $ as b,
+  Tt as c,
+  Dt as d,
+  xe as i
+};