@mx-cartographer/experiences 9.0.13 → 9.0.14

package/dist/ManageIncome-BadwsHRL.mjs

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