@mx-cartographer/experiences 9.0.3 → 9.1.0-alpha.bb1

package/dist/recurringtransactions-gbJ_NA8u.mjs

@@ -0,0 +1,1564 @@
+import { a as X, f as pe, l as ct, s as K } from "./GlobalCopyApi-BeXzaDH9.mjs";
+import { J as P, Y as lt, _t as B, bt as Fe, d as se, f as Pe, gt as $, h as dt, ht as L, ln as N, mt as v, p as ut, un as O } from "./core-BexP5oiV.mjs";
+import { $t as We, En as ie, Fn as le, Gn as mt, Pn as he, Rn as pt, an as ht, c as gt, lr as z, mr as ze, nn as _t, qn as yt, rn as ft, sr as w, ur as Ct, xn as Ue, yr as $e } from "./accounts-DkyAiLpg.mjs";
+import { n as ye } from "./Analytics-BKzTPees.mjs";
+import { E as V, O as xt, d as F, h as ee, k as Be, p as C, t as fe, w as I } from "./Loader-BlVzRtUd.mjs";
+import { n as bt, t as vt } from "./MiniWidgetContainer-COwnjfy7.mjs";
+import p from "react";
+import { observer as b } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import { H2 as Rt, H3 as St, InstitutionLogo as He, MerchantLogo as te, P as H, Text as y } from "@mxenabled/mxui";
+import { addMonths as wt } from "date-fns/addMonths";
+import { endOfMonth as j } from "date-fns/endOfMonth";
+import { isBefore as Dt } from "date-fns/isBefore";
+import { startOfMonth as q } from "date-fns/startOfMonth";
+import { startOfToday as W } from "date-fns/startOfToday";
+import { subMonths as Tt } from "date-fns/subMonths";
+import Ce from "@mui/material/Button";
+import { Add as It, Cancel as Ye, CheckCircle as Ke, ChevronLeft as Et, ChevronRight as At, CurrencyExchange as Lt, Delete as Mt, MonetizationOn as Nt, ReceiptLong as Ot, Schedule as kt } from "@mxenabled/mx-icons";
+import { Fragment as G, jsx as e, jsxs as s } from "react/jsx-runtime";
+import { isSameDay as Gt } from "date-fns/isSameDay";
+import { useTheme as xe } from "@mui/material/styles";
+import T from "@mui/material/Box";
+import { addYears as Ae } from "date-fns/addYears";
+import { endOfToday as be } from "date-fns/endOfToday";
+import { subDays as ne } from "date-fns/subDays";
+import ce from "@mui/material/Tab";
+import je from "@mui/material/Tabs";
+import Le from "@mui/material/IconButton";
+import { fromUnixTime as Ft } from "date-fns/fromUnixTime";
+import { formatISO as Pt } from "date-fns/formatISO";
+import { parseISO as Wt } from "date-fns/parseISO";
+import { setDayOfYear as zt } from "date-fns/setDayOfYear";
+import k from "@mui/material/Divider";
+import J from "@mui/material/List";
+import ve from "@mui/material/ListItem";
+import qe from "@mui/material/ListItemButton";
+import Qe from "@mui/material/ListItemText";
+import Xe from "@mui/material/ListItemAvatar";
+import Ut from "@mui/material/ListSubheader";
+import $t from "@mui/material/Badge";
+import { AdapterDateFns as Ze } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as Bt } from "@mui/x-date-pickers/DateCalendar";
+import me from "@mui/material/Grid";
+import { getDayOfYear as Ht } from "date-fns/getDayOfYear";
+import { DatePicker as Yt } from "@mui/x-date-pickers";
+import { LocalizationProvider as Je } from "@mui/x-date-pickers/LocalizationProvider";
+import { getWeeksInMonth as Me } from "date-fns/getWeeksInMonth";
+import { enCA as Kt } from "date-fns/locale/en-CA";
+import { enUS as Ne } from "date-fns/locale/en-US";
+import { es as jt } from "date-fns/locale/es";
+import { fr as qt } from "date-fns/locale/fr";
+import { frCA as Qt } from "date-fns/locale/fr-CA";
+import { PickersDay as Xt } from "@mui/x-date-pickers/PickersDay";
+var Ve = ({ frequency: t, firstDay: n, secondDay: r, onFrequencyChange: i, onFirstDayChange: o, onSecondDayChange: l }) => {
+  const { recurring: a } = C(), c = p.useMemo(() => [
+    {
+      id: v.EveryWeek,
+      label: a.frequency_every_week
+    },
+    {
+      id: v.EveryOtherWeek,
+      label: a.frequency_every_other_week
+    },
+    {
+      id: v.TwiceAMonth,
+      label: a.frequency_twice_a_month
+    },
+    {
+      id: v.EveryMonth,
+      label: a.frequency_every_month
+    },
+    {
+      id: v.EveryOtherMonth,
+      label: a.frequency_every_other_month
+    },
+    {
+      id: v.EveryQuarter,
+      label: a.frequency_every_quarter
+    },
+    {
+      id: v.EveryOtherQuarter,
+      label: a.frequency_every_other_quarter
+    },
+    {
+      id: v.EveryYear,
+      label: a.frequency_every_year
+    }
+  ], [a]), d = [
+    {
+      id: 0,
+      label: a.weekday_sunday
+    },
+    {
+      id: 1,
+      label: a.weekday_monday
+    },
+    {
+      id: 2,
+      label: a.weekday_tuesday
+    },
+    {
+      id: 3,
+      label: a.weekday_wednesday
+    },
+    {
+      id: 4,
+      label: a.weekday_thursday
+    },
+    {
+      id: 5,
+      label: a.weekday_friday
+    },
+    {
+      id: 6,
+      label: a.weekday_saturday
+    }
+  ], m = [...Array(31).keys()].map((R) => ({
+    id: R + 1,
+    label: lt(R + 1)
+  }));
+  m[30].label += ` (${a.last_day_of_month})`;
+  const h = m.slice(0, 15), _ = m.slice(14), x = t === v.EveryWeek || t === v.EveryOtherWeek, f = t === v.TwiceAMonth || t === v.EveryMonth || t === v.EveryOtherMonth || t === v.EveryQuarter || t === v.EveryOtherQuarter, D = zt(W(), n), g = D < W() ? Ae(D, 1) : D, E = (R) => {
+    R && o(Ht(R));
+  };
+  return /* @__PURE__ */ s(u, {
+    gap: 24,
+    sx: { m: 24 },
+    children: [
+      /* @__PURE__ */ e(ie, {
+        label: a.frequency,
+        onChange: i,
+        options: c,
+        value: t
+      }),
+      x && /* @__PURE__ */ e(ie, {
+        label: a.day_of_the_week,
+        onChange: o,
+        options: d,
+        value: n
+      }),
+      f && /* @__PURE__ */ e(ie, {
+        label: t === v.TwiceAMonth ? a.first_day_of_the_month : a.day_of_the_month,
+        onChange: o,
+        options: t === v.TwiceAMonth ? h : m,
+        value: n
+      }),
+      t === v.TwiceAMonth && /* @__PURE__ */ e(ie, {
+        label: a.second_day_of_the_month,
+        onChange: l,
+        options: _,
+        value: r || 0
+      }),
+      t === v.EveryYear && /* @__PURE__ */ e(Je, {
+        dateAdapter: Ze,
+        children: /* @__PURE__ */ e(Yt, {
+          disablePast: !0,
+          label: a.next_payment_date,
+          maxDate: ne(Ae(W(), 1), 1),
+          minDate: W(),
+          onChange: E,
+          value: g
+        })
+      })
+    ]
+  });
+}, Zt = b(({ repeatingTransaction: t }) => {
+  const { recurring: n } = C(), { updateRepeatingTransaction: r } = I(), { onEvent: i } = F(), [o, l] = p.useState(!1), [a, c] = p.useState(t.recurrence_type), [d, m] = p.useState(t.recurrence_day), [h, _] = p.useState(t.second_recurrence_day), x = async () => {
+    await r({
+      ...t,
+      recurrence_type: a,
+      recurrence_day: d,
+      second_recurrence_day: h
+    }), l(!1);
+  }, f = () => {
+    l(!0), i(w.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ s(G, { children: [/* @__PURE__ */ e(he, {
+    iconName: "sync",
+    label: n.activity_schedule,
+    onClick: f,
+    value: `${se(n, t, !0)}`
+  }), /* @__PURE__ */ e(z, {
+    ariaLabelClose: n.close_drawer_aria,
+    isOpen: o,
+    onClose: () => l(!1),
+    onPrimaryAction: x,
+    title: n.payment_schedule,
+    children: /* @__PURE__ */ e(Ve, {
+      firstDay: d,
+      frequency: a,
+      onFirstDayChange: m,
+      onFrequencyChange: c,
+      onSecondDayChange: _,
+      secondDay: h
+    })
+  })] });
+}), et = b(({ onDeleted: t, recurringTransaction: n }) => {
+  const { recurring: r } = C(), { selectedAccountGuids: i } = ee(), { onEvent: o } = F(), { deleteRepeatingTransaction: l } = I(), { setFilter: a, transactions: c } = V(), { amount: d, description: m, merchant_guid: h } = n, [_, x] = p.useState(!1), [f, D] = p.useState("");
+  p.useEffect(() => {
+    a({
+      accounts: i,
+      dateRange: {
+        start: ne(W(), 90),
+        end: j(W())
+      },
+      custom: (S) => S.repeating_transaction_guid === n.guid
+    });
+  }, [n]);
+  const g = p.useMemo(() => c.find((S) => S.guid === f), [f, c]), E = n.repeating_transaction_type === B.Income, R = async () => {
+    await l(n.guid), t();
+  }, U = () => {
+    x(!0), o(w.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+  };
+  return /* @__PURE__ */ s(u, {
+    bgcolor: "background.default",
+    direction: "column",
+    height: "100%",
+    children: [
+      /* @__PURE__ */ s(u, {
+        direction: "column",
+        m: 24,
+        children: [
+          /* @__PURE__ */ e(te, {
+            categoryGuid: g?.category_guid || "",
+            merchantGuid: h,
+            size: 64,
+            sx: { mb: 12 }
+          }),
+          /* @__PURE__ */ e(y, {
+            bold: !0,
+            variant: "body1",
+            children: m
+          }),
+          /* @__PURE__ */ s(H, {
+            color: E ? "success.main" : "text.primary",
+            sx: { my: 4 },
+            variant: "h1",
+            children: [E ? "+" : "", P(d, "0,0.00")]
+          }),
+          /* @__PURE__ */ e(y, {
+            color: "text.secondary",
+            variant: "body2",
+            children: `${r.next_payment_date}: ${O(Pe(n.recurrence_type, Wt(n.predicted_occurs_on), n.recurrence_day), N.MONTH_DAY_YEAR)}`
+          })
+        ]
+      }),
+      /* @__PURE__ */ s(J, {
+        sx: { bgcolor: "background.paper" },
+        children: [
+          n.account && /* @__PURE__ */ s(G, { children: [/* @__PURE__ */ e(he, {
+            iconName: "checkbook",
+            label: r.account,
+            value: n.account.displayName || ""
+          }), /* @__PURE__ */ e(k, { variant: "inset" })] }),
+          g?.category && /* @__PURE__ */ s(G, { children: [/* @__PURE__ */ e(he, {
+            iconName: "monetization_on",
+            label: r.category,
+            value: g.category
+          }), /* @__PURE__ */ e(k, { variant: "inset" })] }),
+          /* @__PURE__ */ e(Zt, { repeatingTransaction: n }),
+          /* @__PURE__ */ e(k, {})
+        ]
+      }),
+      /* @__PURE__ */ e(Ce, {
+        color: "error",
+        onClick: U,
+        startIcon: /* @__PURE__ */ e(Mt, {}),
+        sx: {
+          mx: 24,
+          my: 16
+        },
+        variant: "text",
+        children: E ? r.delete_income_title : r.delete_expense_title
+      }),
+      /* @__PURE__ */ e(y, {
+        bold: !0,
+        sx: {
+          ml: 24,
+          mt: 16
+        },
+        variant: "body1",
+        children: r.paid_transactions
+      }),
+      /* @__PURE__ */ e(We, {
+        height: "30dvh",
+        onClick: D
+      }),
+      /* @__PURE__ */ e(z, {
+        ariaLabelClose: r.close_drawer_aria,
+        isOpen: !!f && !!g,
+        onClose: () => D(""),
+        title: r.transaction_details_drawer_title,
+        children: g && /* @__PURE__ */ e(gt, { transaction: g })
+      }),
+      /* @__PURE__ */ e(Ct, {
+        copy: {
+          title: E ? r.delete_income_title : r.delete_expense_title,
+          close_aria: r.close_drawer_aria
+        },
+        isOpen: _,
+        onClose: () => x(!1),
+        onPrimaryAction: R,
+        children: /* @__PURE__ */ e(y, { children: E ? r.delete_income_description : r.delete_expense_description })
+      })
+    ]
+  });
+}), tt = b(({ onClick: t = () => {
+}, repeatingTransaction: n }) => {
+  const { recurring: r } = C(), [i, o] = p.useState(!1), l = p.useMemo(() => n.transactions.length === 0 ? "" : n.transactions[0].category_guid || "", [n]), a = n.account?.displayName || "", c = n.repeating_transaction_type === B.Income, d = se(r, n, !0);
+  return /* @__PURE__ */ s(ve, {
+    disableGutters: !0,
+    disablePadding: !0,
+    children: [/* @__PURE__ */ s(qe, {
+      onClick: () => {
+        t(n), o(!0);
+      },
+      children: [/* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(te, {
+        categoryGuid: l,
+        merchantGuid: n.merchant_guid
+      }) }), /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ s(u, {
+        direction: "row",
+        gap: 4,
+        sx: { justifyContent: "space-between" },
+        children: [/* @__PURE__ */ s(u, {
+          direction: "column",
+          sx: { width: "50%" },
+          children: [/* @__PURE__ */ e(y, {
+            bold: !0,
+            variant: "body1",
+            children: n.description
+          }), /* @__PURE__ */ s(u, {
+            alignItems: "center",
+            direction: "row",
+            gap: 6,
+            children: [n.account?.institution_guid && /* @__PURE__ */ e(He, {
+              alt: a,
+              institutionGuid: n.account?.institution_guid,
+              size: 12
+            }), /* @__PURE__ */ e(y, {
+              variant: "caption",
+              children: a
+            })]
+          })]
+        }), /* @__PURE__ */ s(u, {
+          alignItems: "flex-end",
+          sx: { width: "50%" },
+          children: [/* @__PURE__ */ s(y, {
+            bold: !0,
+            color: c ? "success.main" : "text.primary",
+            variant: "body1",
+            children: [c ? "+" : "", P(n.amount, "0,0.00")]
+          }), /* @__PURE__ */ e(u, {
+            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: d
+            })
+          })]
+        })]
+      }) })]
+    }), /* @__PURE__ */ e(z, {
+      ariaLabelClose: r.close_drawer_aria,
+      isOpen: i,
+      onClose: () => o(!1),
+      title: n.repeating_transaction_type === B.Income ? r.income_details : r.expense_details,
+      children: /* @__PURE__ */ e(et, {
+        onDeleted: () => o(!1),
+        recurringTransaction: n
+      })
+    })]
+  });
+}), Jt = b(({ bgcolor: t = "background.default", description: n, onSearch: r, onSelected: i }) => {
+  const { recurring: o } = C(), { searchValue: l, setSearchValue: a } = ht();
+  return /* @__PURE__ */ s(u, {
+    sx: {
+      bgcolor: t,
+      gap: 16,
+      pt: 8
+    },
+    children: [
+      n && /* @__PURE__ */ e(H, {
+        sx: { mx: 24 },
+        children: n
+      }),
+      /* @__PURE__ */ e(pt, {
+        ariaLabel: o.select_transaction_search_aria,
+        cancelAriaLabel: o.select_transaction_search_cancel_aria,
+        onChange: (c) => {
+          a(c), r(c);
+        },
+        placeholder: o.select_transaction_search_placeholder,
+        searchValue: l
+      }),
+      /* @__PURE__ */ e(We, {
+        bgcolor: t,
+        filter: (c) => !!c.merchant_guid,
+        height: "auto",
+        onClick: i,
+        showLoader: !1
+      })
+    ]
+  });
+}), Vt = b(({ bgcolor: t = "background.default", firstDay: n, secondDay: r, frequency: i, onFrequencyChange: o, onFirstDayChange: l, onSecondDayChange: a, transaction: c }) => {
+  const { recurring: d } = C();
+  return /* @__PURE__ */ s(u, {
+    bgcolor: t,
+    gap: 24,
+    height: "100%",
+    children: [/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ e(_t, {
+      bgcolor: t,
+      children: dt(c.date)
+    }), /* @__PURE__ */ e(ft, { transaction: c })] }), /* @__PURE__ */ s(T, { children: [/* @__PURE__ */ e(y, {
+      bold: !0,
+      sx: { mx: 24 },
+      variant: "body1",
+      children: d.payment_schedule
+    }), /* @__PURE__ */ e(Ve, {
+      firstDay: n,
+      frequency: i,
+      onFirstDayChange: l,
+      onFrequencyChange: o,
+      onSecondDayChange: a,
+      secondDay: r
+    })] })]
+  });
+}), ge = (t) => t.top_level_category_guid !== pe.INCOME && t.transaction_type === Fe.DEBIT, en = (t, n) => ge(t) ? t.payee?.toLowerCase().includes(n.toLowerCase()) || t.description.toLowerCase().includes(n.toLowerCase()) || t.feed_description.toLowerCase().includes(n.toLowerCase()) : !1, _e = (t) => t.top_level_category_guid === pe.INCOME || t.top_level_category_guid === pe.TRANSFER && t.transaction_type === Fe.CREDIT, tn = (t, n) => _e(t) ? t.payee?.toLowerCase().includes(n.toLowerCase()) || t.description?.toLowerCase().includes(n.toLowerCase()) || t.feed_description?.toLowerCase().includes(n.toLowerCase()) : !1, Re = b(({ isIncome: t = !1, label: n, onAddRecurringTransaction: r = () => null }) => {
+  const { recurring: i } = C(), { filter: o, setFilter: l, transactions: a } = V(), { addRepeatingTransaction: c } = I(), { user: d } = xt(), [m, h] = p.useState(!1), [_, x] = p.useState(""), [f, D] = p.useState(v.EveryMonth), [g, E] = p.useState(1), [R, U] = p.useState(15), S = p.useMemo(() => a.find((A) => A.guid === _), [_, a]), re = () => {
+    h(!0), l(t ? {
+      ...o,
+      custom: _e
+    } : {
+      ...o,
+      custom: ge
+    });
+  }, Q = async () => {
+    if (!S) {
+      ae();
+      return;
+    }
+    r();
+    const A = Pe(f, Ft(S.date), g);
+    await c({
+      account_guid: S.account_guid,
+      amount: S.amount,
+      created_by: 0,
+      merchant_guid: S.merchant_guid,
+      description: S.payee || S.description || S.feed_description,
+      predicted_occurs_on: Pt(A, { representation: "date" }),
+      recurrence_day: g,
+      recurrence_type: f,
+      repeating_transaction_type: t ? B.Income : B.Bill,
+      second_recurrence_day: R,
+      transaction_type: S.transaction_type,
+      user_guid: d.guid
+    }, S), ae();
+  }, ae = () => {
+    x(""), h(!1);
+  };
+  return /* @__PURE__ */ s(G, { children: [
+    /* @__PURE__ */ e(Ce, {
+      onClick: re,
+      startIcon: /* @__PURE__ */ e(It, { size: 24 }),
+      variant: "contained",
+      children: n
+    }),
+    /* @__PURE__ */ e(z, {
+      ariaLabelClose: i.close_drawer_aria,
+      isOpen: m,
+      onClose: () => h(!1),
+      title: n,
+      children: /* @__PURE__ */ e(Jt, {
+        description: t ? i.add_income_description : i.add_expense_description,
+        onSearch: (A) => {
+          l({
+            ...o,
+            custom: (Y) => t ? A ? tn(Y, A) : _e(Y) : A ? en(Y, A) : ge(Y)
+          });
+        },
+        onSelected: (A) => x(A)
+      })
+    }),
+    /* @__PURE__ */ e(z, {
+      ariaLabelClose: i.close_drawer_aria,
+      isOpen: !!_,
+      onClose: () => x(""),
+      onPrimaryAction: Q,
+      title: t ? i.income_details : i.expense_details,
+      children: S && /* @__PURE__ */ e(Vt, {
+        firstDay: g,
+        frequency: f,
+        onFirstDayChange: E,
+        onFrequencyChange: D,
+        onSecondDayChange: U,
+        secondDay: R,
+        transaction: S
+      })
+    })
+  ] });
+}), nt = b(({ zeroStateFor: t }) => {
+  const { recurring: n } = C(), { onEvent: r } = F(), i = t === "income", o = i ? n.recurring_setting_zero_state_income_title : n.recurring_setting_zero_state_expenses_title, l = i ? n.recurring_setting_zero_state_income_description : n.recurring_setting_zero_state_expenses_description, a = i ? n.add_income : n.add_expense;
+  return /* @__PURE__ */ s(u, {
+    sx: {
+      alignItems: "center",
+      p: 24,
+      pt: 48
+    },
+    children: [
+      /* @__PURE__ */ e(Ot, { 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: l
+      }),
+      /* @__PURE__ */ e(Re, {
+        isIncome: i,
+        label: a,
+        onAddRecurringTransaction: () => {
+          r(i ? w.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : w.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE);
+        }
+      })
+    ]
+  });
+}), nn = b(() => {
+  const { recurring: t } = C(), { detailedRepeatingTransactions: n } = I(), { onEvent: r } = F(), i = (a) => {
+    r(w.RECURRING_TRANSACTIONS_CLICK_EXPENSE, { repeating_transaction_guid: a.guid });
+  }, o = () => {
+    r(w.RECURRING_TRANSACTIONS_CLICK_ADD_EXPENSE);
+  }, l = n.filter((a) => a.repeating_transaction_type !== B.Income && (a.transactions.length > 0 || a.recurrence_type === v.EveryYear));
+  return /* @__PURE__ */ e(G, { children: l.length !== 0 ? /* @__PURE__ */ s(u, {
+    sx: {
+      height: "calc(100vh - 109px)",
+      maxHeight: "calc(100vh - 109px)"
+    },
+    children: [/* @__PURE__ */ e(T, {
+      sx: {
+        flex: 1,
+        overflow: "auto"
+      },
+      children: /* @__PURE__ */ e(J, {
+        sx: { bgcolor: "background.paper" },
+        children: l.map((a, c) => /* @__PURE__ */ s(p.Fragment, { children: [/* @__PURE__ */ e(tt, {
+          onClick: i,
+          repeatingTransaction: a
+        }), /* @__PURE__ */ e(k, { variant: c < l.length - 1 ? "inset" : "fullWidth" })] }, a.guid))
+      })
+    }), /* @__PURE__ */ s(T, { children: [/* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(T, {
+      sx: {
+        alignContent: "center",
+        bgcolor: "background.paper",
+        justifyContent: "flex-end",
+        px: 24,
+        py: 12,
+        textAlign: "right"
+      },
+      children: /* @__PURE__ */ e(Re, {
+        label: t.add_expense,
+        onAddRecurringTransaction: o
+      })
+    })] })]
+  }) : /* @__PURE__ */ e(nt, { zeroStateFor: "expenses" }) });
+}), rn = b(({ forOverview: t = !1 }) => {
+  const { recurring: n } = C(), { detailedRepeatingTransactions: r } = I(), { onEvent: i } = F(), o = (c) => {
+    i(w.RECURRING_TRANSACTIONS_CLICK_INCOME, { repeating_transaction_guid: c.guid });
+  }, l = () => {
+    i(w.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, a = r.filter((c) => c.repeating_transaction_type === B.Income && (c.transactions.length > 0 || c.recurrence_type === v.EveryYear));
+  return /* @__PURE__ */ e(G, { children: a.length !== 0 ? /* @__PURE__ */ s(u, {
+    sx: {
+      height: t ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
+      maxHeight: t ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
+    },
+    children: [
+      t && /* @__PURE__ */ e(y, {
+        bold: !0,
+        sx: {
+          mb: 4,
+          mt: 12,
+          mx: 24
+        },
+        variant: "body2",
+        children: n.income
+      }),
+      /* @__PURE__ */ e(T, {
+        sx: {
+          flex: 1,
+          overflow: "auto"
+        },
+        children: /* @__PURE__ */ e(J, {
+          sx: { bgcolor: "background.paper" },
+          children: a.map((c, d) => /* @__PURE__ */ s(p.Fragment, { children: [/* @__PURE__ */ e(tt, {
+            onClick: o,
+            repeatingTransaction: c
+          }), /* @__PURE__ */ e(k, { variant: d < a.length - 1 ? "inset" : "fullWidth" })] }, c.guid))
+        })
+      }),
+      /* @__PURE__ */ s(T, { children: [/* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(T, {
+        sx: {
+          alignContent: "center",
+          bgcolor: "background.paper",
+          justifyContent: "flex-end",
+          px: 24,
+          py: 12,
+          textAlign: "right"
+        },
+        children: /* @__PURE__ */ e(Re, {
+          isIncome: !0,
+          label: n.add_income,
+          onAddRecurringTransaction: l
+        })
+      })] })
+    ]
+  }) : /* @__PURE__ */ e(nt, { zeroStateFor: "income" }) });
+}), rt = b(({ defaultSelectedTab: t = 0 }) => {
+  const [n, r] = p.useState(t), { onEvent: i } = F(), { recurring: o } = C();
+  return /* @__PURE__ */ s(T, {
+    bgcolor: "background.default",
+    height: "100%",
+    children: [
+      /* @__PURE__ */ s(je, {
+        onChange: (a, c) => {
+          r(c), i(c === 0 ? "recurring_transactions_widget_manage_expenses" : "recurring_transactions_widget_edit_income");
+        },
+        sx: {
+          bgcolor: "background.paper",
+          mb: 0
+        },
+        value: n,
+        variant: "fullWidth",
+        children: [/* @__PURE__ */ e(ce, { label: o.expenses }), /* @__PURE__ */ e(ce, { label: o.income })]
+      }),
+      n === 0 && /* @__PURE__ */ e(nn, {}),
+      n === 1 && /* @__PURE__ */ e(rn, {})
+    ]
+  });
+}), de = {
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, ue = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, Se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(le, {
+  backingSx: { backgroundColor: "background.paper" },
+  size: n,
+  sx: { ...ue(t) },
+  children: /* @__PURE__ */ e(kt, {
+    color: "primary",
+    filled: !0,
+    sx: {
+      fontSize: n,
+      ...de
+    }
+  })
+}), we = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(le, {
+  backingSx: { backgroundColor: "background.paper" },
+  size: n,
+  sx: { ...ue(t) },
+  children: /* @__PURE__ */ e(Nt, {
+    filled: !0,
+    sx: {
+      color: "categories.income",
+      fontSize: n,
+      ...de
+    }
+  })
+}), De = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(le, {
+  backingSx: { backgroundColor: "background.paper" },
+  size: n,
+  sx: { ...ue(t) },
+  children: /* @__PURE__ */ e(Ye, {
+    color: "error",
+    filled: !0,
+    sx: {
+      fontSize: n,
+      ...de
+    }
+  })
+}), Te = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(le, {
+  backingSx: { backgroundColor: "background.paper" },
+  size: n,
+  sx: { ...ue(t) },
+  children: /* @__PURE__ */ e(Ke, {
+    color: "success",
+    filled: !0,
+    sx: {
+      fontSize: n,
+      ...de
+    }
+  })
+}), an = b(({ day: t, outsideCurrentMonth: n, ...r }) => {
+  const { recurring: i } = C(), { selectedAccountGuids: o } = ee(), { recurrences: l, setSelectedDay: a } = I(), c = p.useMemo(() => l.filter((g) => o.includes(g.accountGuid)), [o, l]).filter((g) => Gt(g.occurredOnDate || g.expectedDate, t)), d = c.some((g) => g.type !== $.Income && g.status === L.Upcoming), m = c.some((g) => g.type !== $.Income && g.status === L.Missed), h = c.some((g) => g.type !== $.Income && g.status === L.Paid), _ = c.some((g) => g.type === $.Income), x = (d ? 1 : 0) + (m ? 1 : 0) + (h ? 1 : 0) + (_ ? 1 : 0), f = [
+    h && i.paid,
+    m && i.missed,
+    d && i.upcoming,
+    _ && i.income
+  ].filter(Boolean), D = f.length > 0 ? `${O(t, N.MONTH_DAY_YEAR)}, ${f.join(", ")}` : O(t, N.MONTH_DAY_YEAR);
+  return /* @__PURE__ */ e($t, {
+    badgeContent: c.length > 0 && /* @__PURE__ */ s(G, { children: [
+      m && /* @__PURE__ */ e(De, { isOffset: !0 }),
+      h && /* @__PURE__ */ e(Te, { isOffset: !0 }),
+      d && /* @__PURE__ */ e(Se, { isOffset: !0 }),
+      _ && /* @__PURE__ */ e(we, { isOffset: !0 })
+    ] }),
+    overlap: "circular",
+    sx: { "& .MuiBadge-badge": {
+      padding: 0,
+      marginRight: `${(x - 1) * 6 + 1}px`,
+      flexWrap: "nowrap"
+    } },
+    children: /* @__PURE__ */ e(Xt, {
+      "aria-label": D,
+      day: t,
+      onClick: () => a(t),
+      outsideCurrentMonth: n,
+      sx: { "&.MuiPickersDay-root": { ...n && { color: "text.disabled" } } },
+      ...r
+    })
+  });
+}), oe = ({ icon: t, label: n }) => /* @__PURE__ */ s(u, {
+  alignItems: "center",
+  flexDirection: "row",
+  sx: { gap: 6 },
+  children: [/* @__PURE__ */ e(t, {}), /* @__PURE__ */ e(y, {
+    variant: "caption",
+    children: n
+  })]
+}), on = b(() => {
+  const { recurring: t } = C();
+  return /* @__PURE__ */ s(u, {
+    alignItems: "center",
+    "aria-hidden": !0,
+    flexDirection: "row",
+    gap: 16,
+    justifyContent: "center",
+    mt: 12,
+    children: [
+      /* @__PURE__ */ e(oe, {
+        icon: Se,
+        label: t.expense
+      }),
+      /* @__PURE__ */ e(oe, {
+        icon: we,
+        label: t.income
+      }),
+      /* @__PURE__ */ e(oe, {
+        icon: De,
+        label: t.missed
+      }),
+      /* @__PURE__ */ e(oe, {
+        icon: Te,
+        label: t.paid
+      })
+    ]
+  });
+}), Oe = 58, sn = () => {
+  const t = ct();
+  return {
+    [X.EN_US]: Ne,
+    [X.EN_CA]: Kt,
+    [X.FR]: qt,
+    [X.FR_CA]: Qt,
+    [X.ES]: jt
+  }[t] || Ne;
+}, at = b(() => {
+  const t = xe(), { onEvent: n } = F(), { recurring: r } = C(), { selectedDay: i, setDateRange: o } = I(), [l, a] = p.useState(Me(/* @__PURE__ */ new Date()) * 44 + Oe), c = (h) => {
+    a(Me(h) * 44 + Oe), o({
+      start: q(h),
+      end: j(h)
+    }), d(h), n(w.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, d = (h) => {
+    h && requestAnimationFrame(() => {
+      const _ = document.getElementById("recurrence-list");
+      _?.setAttribute("tabindex", "-1"), _?.focus();
+    });
+  }, m = /* @__PURE__ */ e(Bt, {
+    minDate: q(/* @__PURE__ */ new Date()),
+    onChange: d,
+    onMonthChange: c,
+    showDaysOutsideCurrentMonth: !0,
+    slots: { day: an },
+    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": {
+        fontFamily: t.typography.body1.fontFamily,
+        fontSize: t.typography.body1.fontSize,
+        fontWeight: 600
+      },
+      "& .MuiDayCalendar-slideTransition": { minHeight: l },
+      "&.MuiDateCalendar-root": { minHeight: l + 44 },
+      "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
+        height: 44,
+        width: 44,
+        margin: 0
+      },
+      "& .MuiDayCalendar-weekDayLabel": {
+        fontFamily: t.typography.h3.fontFamily,
+        fontSize: t.typography.body2.fontSize
+      },
+      "& .MuiPickersDay-dayOutsideMonth": { color: "text.secondary" },
+      textTransform: "capitalize"
+    },
+    value: i,
+    views: ["day"]
+  });
+  return /* @__PURE__ */ e(u, {
+    "aria-labelledby": "calendar-label",
+    justifyContent: "center",
+    role: "group",
+    children: /* @__PURE__ */ s(Je, {
+      adapterLocale: sn(),
+      dateAdapter: Ze,
+      children: [
+        i && m,
+        !i && m,
+        /* @__PURE__ */ e(y, {
+          id: "calendar-label",
+          sx: { alignSelf: "center" },
+          variant: "body2",
+          children: r.calendar_tooltip
+        }),
+        /* @__PURE__ */ e(on, {})
+      ]
+    })
+  });
+}), cn = (t) => {
+  if (t.type === $.Income) return /* @__PURE__ */ e(we, {});
+  switch (t.status) {
+    case L.Missed:
+      return /* @__PURE__ */ e(De, {});
+    case L.Paid:
+      return /* @__PURE__ */ e(Te, {});
+    default:
+      return /* @__PURE__ */ e(Se, {});
+  }
+}, ln = (t, n) => {
+  switch (t.status) {
+    case L.Paid:
+      return t.expectedDate ? K(n.paid_on, O(t.occurredOnDate || t.expectedDate, N.MONTH_DAY)) : n.paid;
+    case L.Missed:
+      return K(n.missed_on, O(t.expectedDate, N.MONTH_DAY));
+    case L.Upcoming:
+      return K(n.upcoming_on, O(t.expectedDate, N.MONTH_DAY));
+    default:
+      return n.unknown;
+  }
+}, ke = ({ recurrence: t, isMini: n = !1, onRecurrenceClick: r = () => {
+}, showOrdinal: i = !1 }) => {
+  const { recurring: o } = C(), { detailedRepeatingTransactions: l } = I(), [a, c] = p.useState(!1), d = p.useMemo(() => l.find((g) => g.guid === t.repeatingTransactionGuid), [t, l]), m = t.type === $.Income, h = t.status === L.Paid, _ = t.status === L.Missed, x = t.status === L.Upcoming;
+  let f = o.paid?.toLowerCase();
+  return _ ? f = o.missed?.toLowerCase() : x && (f = i ? se(o, d || {}, !0) : se(o, d || {}, !1)), /* @__PURE__ */ s(ve, {
+    disableGutters: !0,
+    disablePadding: !0,
+    children: [/* @__PURE__ */ s(qe, {
+      onClick: () => {
+        c(!0), r(t);
+      },
+      children: [/* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(te, {
+        categoryGuid: t.categoryGuid,
+        merchantGuid: t.merchantGuid
+      }) }), /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ s(u, {
+        direction: "row",
+        gap: 4,
+        sx: {
+          justifyContent: "space-between",
+          textOverflow: "ellipsis",
+          textWrap: "nowrap"
+        },
+        children: [/* @__PURE__ */ s(u, {
+          direction: "column",
+          width: "50%",
+          children: [/* @__PURE__ */ e(y, {
+            bold: !0,
+            variant: "body1",
+            children: t.name
+          }), /* @__PURE__ */ e(u, {
+            alignItems: "center",
+            direction: "row",
+            gap: 6,
+            children: n ? /* @__PURE__ */ s(u, {
+              direction: "row",
+              gap: 4,
+              children: [cn(t), /* @__PURE__ */ e(y, {
+                variant: "caption",
+                children: ln(t, o)
+              })]
+            }) : /* @__PURE__ */ s(G, { children: [t.institutionGuid && /* @__PURE__ */ e(He, {
+              alt: `${t.institutionName} institution logo`,
+              institutionGuid: t.institutionGuid,
+              size: 12
+            }), /* @__PURE__ */ e(y, {
+              sx: { maxWidth: 250 },
+              variant: "caption",
+              children: t.institutionName
+            })] })
+          })]
+        }), /* @__PURE__ */ s(u, {
+          alignItems: "flex-end",
+          width: "100%",
+          children: [/* @__PURE__ */ s(y, {
+            bold: !0,
+            color: m ? "success.main" : "text.primary",
+            variant: "body1",
+            children: [m ? "+" : "", P(t.amount, "0,0.00")]
+          }), !n && /* @__PURE__ */ s(u, {
+            direction: "row",
+            sx: {
+              alignItems: "center",
+              gap: 6,
+              justifyContent: "flex-end",
+              textTransform: "uppercase",
+              width: "100%"
+            },
+            children: [
+              h && /* @__PURE__ */ e(Ke, {
+                color: "success",
+                filled: !0,
+                size: 12
+              }),
+              _ && /* @__PURE__ */ e(Ye, {
+                color: "error",
+                filled: !0,
+                size: 12
+              }),
+              /* @__PURE__ */ e(y, {
+                bold: !0,
+                color: "text.secondary",
+                variant: "caption",
+                children: f
+              })
+            ]
+          })]
+        })]
+      }) })]
+    }), /* @__PURE__ */ e(z, {
+      ariaLabelClose: o.close_drawer_aria,
+      isOpen: a,
+      onClose: () => c(!1),
+      title: t.type === $.Income ? o.income_details : o.expense_details,
+      children: d && /* @__PURE__ */ e(et, {
+        onDeleted: () => c(!1),
+        recurringTransaction: d
+      })
+    })]
+  });
+}, Z = b(({ recurrences: t, isMini: n = !1, onResetClick: r, onRecurrenceClick: i, sx: o = {}, title: l }) => {
+  const { recurring: a } = C(), c = p.useMemo(() => ut(t), [t]);
+  return /* @__PURE__ */ s(u, {
+    id: "recurrence-list",
+    sx: {
+      gap: 8,
+      mt: 4,
+      ...o
+    },
+    "tab-index": -1,
+    children: [l && /* @__PURE__ */ s(u, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        px: 24
+      },
+      children: [/* @__PURE__ */ e(St, {
+        bold: !0,
+        variant: "body1",
+        children: l
+      }), r && /* @__PURE__ */ e(Ce, {
+        onClick: r,
+        size: "small",
+        variant: "text",
+        children: a.reset
+      })]
+    }), t.length === 0 ? /* @__PURE__ */ e(y, {
+      fontStyle: "italic",
+      sx: {
+        py: 24,
+        textAlign: "center"
+      },
+      children: a.no_activities
+    }) : /* @__PURE__ */ e(J, { children: n ? t.map((d, m) => /* @__PURE__ */ s(p.Fragment, { children: [/* @__PURE__ */ e(ke, {
+      isMini: n,
+      onRecurrenceClick: i,
+      recurrence: d
+    }), /* @__PURE__ */ e(k, { sx: { mx: 24 } })] }, `recurrence-${m}`)) : c.map((d, m) => /* @__PURE__ */ s(p.Fragment, { children: [/* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(J, {
+      subheader: /* @__PURE__ */ e(Ut, {
+        sx: {
+          bgcolor: "background.paper",
+          ml: 8,
+          pb: 4,
+          pt: 12
+        },
+        children: /* @__PURE__ */ e(y, {
+          bold: !0,
+          variant: "caption",
+          children: O(d.date, N.DAY_OF_WEEK_MONTH_DAY)
+        })
+      }),
+      sx: { width: "100%" },
+      children: d.recurrences.map((h, _) => /* @__PURE__ */ e(p.Fragment, { children: /* @__PURE__ */ e(ke, {
+        isMini: n,
+        onRecurrenceClick: i,
+        recurrence: h
+      }) }, `day-recurrence-${_}`))
+    }) }, d.id), /* @__PURE__ */ e(k, { sx: { mx: 24 } })] }, `recurrence-${m}`)) })]
+  });
+}), Ge = b(({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: l, upcoming: a }) => {
+  const c = xe(), { isSmallMobile: d } = ze(), { recurring: m } = C(), h = p.useMemo(() => {
+    const _ = [{
+      color: c.palette.success.main,
+      percentage: `${i / t}`
+    }];
+    return r && _.push({
+      color: c.palette.error.main,
+      percentage: `${r / t}`
+    }), _;
+  }, [
+    i,
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ s(u, {
+      sx: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        pb: 12
+      },
+      children: [/* @__PURE__ */ e(y, {
+        bold: !0,
+        variant: "body1",
+        children: `${o} (${l})`
+      }), /* @__PURE__ */ e(y, {
+        bold: !0,
+        color: n ? "text.primary" : "success.main",
+        variant: "body1",
+        children: `${n ? "-" : "+"}${P(t, "0,0.00")}`
+      })]
+    }),
+    /* @__PURE__ */ e($e, {
+      data: h,
+      height: 12
+    }),
+    /* @__PURE__ */ s(u, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        gap: 2,
+        my: 8
+      },
+      children: [
+        /* @__PURE__ */ e(T, { sx: {
+          bgcolor: "success.main",
+          height: 8,
+          mr: 8,
+          width: 8
+        } }),
+        !d && /* @__PURE__ */ e(y, {
+          bold: !0,
+          variant: "body2",
+          children: P(i, "0,0.00")
+        }),
+        /* @__PURE__ */ e(y, {
+          variant: "caption",
+          children: m.paid?.toLowerCase()
+        }),
+        r !== void 0 && /* @__PURE__ */ s(G, { children: [
+          /* @__PURE__ */ e(T, { sx: {
+            bgcolor: "error.main",
+            height: 8,
+            ml: 16,
+            mr: 8,
+            width: 8
+          } }),
+          !d && /* @__PURE__ */ e(y, {
+            bold: !0,
+            variant: "body2",
+            children: P(r, "0,0.00")
+          }),
+          /* @__PURE__ */ e(y, {
+            variant: "caption",
+            children: m.missed?.toLowerCase()
+          })
+        ] }),
+        /* @__PURE__ */ e(T, { sx: {
+          bgcolor: "divider",
+          height: 8,
+          ml: 16,
+          mr: 8,
+          width: 8
+        } }),
+        !d && /* @__PURE__ */ e(y, {
+          bold: !0,
+          variant: "body2",
+          children: P(a, "0,0.00")
+        }),
+        /* @__PURE__ */ e(y, {
+          variant: "caption",
+          children: m.upcoming?.toLowerCase()
+        })
+      ]
+    })
+  ] });
+}), dn = b(() => {
+  const { recurring: t } = C(), { availableWidth: n } = Be(), { isDesktop: r, isSmallMobile: i, isMobile: o } = ze(n), { onEvent: l } = F(), { currentMonthExpenses: a, currentMonthIncome: c, dateRange: d, expenseTotal: m, incomeTotal: h, missedExpenseTotal: _, pastRecurrences: x, paidExpenseTotal: f, paidIncomeTotal: D, selectedDay: g, selectedDayRecurrences: E, setDateRange: R, upcomingExpenseTotal: U, upcomingIncomeTotal: S, upcomingRecurrences: re } = I(), [Q, ae] = p.useState(0), A = Dt(d.start, /* @__PURE__ */ new Date()), Y = (M, st) => {
+    ae(st);
+  }, Ie = (M) => {
+    l(w.RECURRING_TRANSACTIONS_CLICK_UPCOMING, { transaction_guid: M.transaction?.guid });
+  }, Ee = (M) => {
+    l(w.RECURRING_TRANSACTIONS_CLICK_PAID, { transaction_guid: M.transaction?.guid });
+  }, it = () => {
+    const M = wt(d.start, 1);
+    R({
+      start: q(M),
+      end: j(M)
+    });
+  }, ot = () => {
+    const M = Tt(d.start, 1);
+    R({
+      start: q(M),
+      end: j(M)
+    });
+  };
+  return /* @__PURE__ */ s(me, {
+    container: !0,
+    sx: { pt: 16 },
+    children: [/* @__PURE__ */ s(me, {
+      size: {
+        sm: 12,
+        md: "grow"
+      },
+      width: "100%",
+      children: [/* @__PURE__ */ s(u, {
+        sx: {
+          gap: 16,
+          px: r ? 48 : 24
+        },
+        children: [
+          /* @__PURE__ */ s(u, {
+            alignItems: "center",
+            direction: "row",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */ e(Rt, {
+              variant: "h3",
+              children: K(t.header_title, O(d.start, N.MONTH_LONG))
+            }), !r && /* @__PURE__ */ s(u, {
+              direction: "row",
+              gap: 4,
+              children: [/* @__PURE__ */ e(Le, {
+                color: "primary",
+                disabled: A,
+                onClick: ot,
+                children: /* @__PURE__ */ e(Et, {})
+              }), /* @__PURE__ */ e(Le, {
+                color: "primary",
+                onClick: it,
+                children: /* @__PURE__ */ e(At, {})
+              })]
+            })]
+          }),
+          /* @__PURE__ */ e(Ge, {
+            expected: m,
+            missed: _,
+            paid: f,
+            title: t.expenses,
+            total: a.length,
+            upcoming: U
+          }),
+          /* @__PURE__ */ e(Ge, {
+            expected: h,
+            isExpense: !1,
+            paid: D,
+            title: t.deposits,
+            total: c.length,
+            upcoming: S
+          }),
+          r && /* @__PURE__ */ e(Z, {
+            onRecurrenceClick: Ie,
+            recurrences: re,
+            title: t.upcoming_activity
+          })
+        ]
+      }), !r && /* @__PURE__ */ s(u, {
+        sx: { px: o ? 0 : 24 },
+        children: [
+          /* @__PURE__ */ s(je, {
+            onChange: Y,
+            value: Q,
+            variant: "fullWidth",
+            children: [/* @__PURE__ */ e(ce, { label: /* @__PURE__ */ e(y, {
+              bold: !0,
+              sx: { textTransform: "none" },
+              variant: "body1",
+              children: i ? t.upcoming : t.upcoming_activity
+            }) }), /* @__PURE__ */ e(ce, { label: /* @__PURE__ */ e(y, {
+              bold: !0,
+              sx: { textTransform: "none" },
+              variant: "body1",
+              children: i ? t.past : t.past_transactions
+            }) })]
+          }),
+          Q === 0 && /* @__PURE__ */ e(Z, {
+            onRecurrenceClick: Ie,
+            recurrences: re
+          }),
+          Q === 1 && /* @__PURE__ */ e(Z, {
+            onRecurrenceClick: Ee,
+            recurrences: x
+          })
+        ]
+      })]
+    }), r && /* @__PURE__ */ e(me, {
+      size: { xs: "auto" },
+      sx: { minWidth: 450 },
+      children: /* @__PURE__ */ s(u, {
+        gap: 24,
+        children: [/* @__PURE__ */ e(at, {}), /* @__PURE__ */ e(Z, {
+          onRecurrenceClick: Ee,
+          recurrences: E || x,
+          title: g ? K(t.day_transactions, O(g, N.MONTH_DAY)) : t.past_transactions
+        })]
+      })
+    })]
+  });
+}), yr = b(({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
+  const { recurring: i } = C(), { isInitialized: o, selectedAccountGuids: l } = ee(), { isDataLoaded: a, loadRepeatingTransactionData: c, setDateRange: d } = I(), { setFilter: m } = V(), { onEvent: h } = F(), [_, x] = p.useState(!1);
+  return ye({
+    widgetName: "RecurringTransactionsWidget",
+    isLoaded: a
+  }), p.useEffect(() => {
+    a || c().finally();
+  }, []), p.useEffect(() => {
+    m({
+      dateRange: {
+        start: ne(W(), 90),
+        end: be()
+      },
+      accounts: l
+    }), d({
+      start: q(/* @__PURE__ */ new Date()),
+      end: j(/* @__PURE__ */ new Date())
+    });
+  }, [l]), o ? /* @__PURE__ */ s(mt, {
+    actions: [{
+      label: i.action_title,
+      iconName: "credit_card_gear",
+      onClick: () => {
+        x(!0), h(w.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+      }
+    }],
+    hasDivider: !0,
+    onAccountsFilterClick: () => h(w.RECURRING_TRANSACTIONS_CLICK_FILTER),
+    onBackClick: t,
+    onMenuClick: n,
+    sx: r,
+    title: i.title,
+    children: [a ? /* @__PURE__ */ e(dn, {}) : /* @__PURE__ */ e(Ue, {
+      sx: { m: 48 },
+      variant: "list"
+    }), /* @__PURE__ */ e(z, {
+      ariaLabelClose: i.close_drawer_aria,
+      isOpen: _,
+      onClose: () => x(!1),
+      shouldShowHeaderBorders: !1,
+      title: i.action_title,
+      children: /* @__PURE__ */ e(rt, {})
+    })]
+  }) : /* @__PURE__ */ e(fe, {});
+}), un = b(() => {
+  const { recurring: t } = C(), { availableWidth: n } = Be(), { selectedDay: r, selectedDayRecurrences: i, setSelectedDay: o, upcomingRecurrences: l } = I(), a = n < 750;
+  return /* @__PURE__ */ s(u, {
+    flexDirection: a ? "column" : "row",
+    width: "100%",
+    children: [
+      /* @__PURE__ */ e(at, {}),
+      !a && /* @__PURE__ */ e(k, {
+        flexItem: !0,
+        orientation: "vertical",
+        sx: {
+          my: 16,
+          ml: 16
+        }
+      }),
+      /* @__PURE__ */ e(Z, {
+        isMini: !0,
+        onResetClick: r ? () => o(r) : void 0,
+        recurrences: i || l.slice(0, 5),
+        sx: {
+          width: a ? "100%" : "calc(100% - 336px)",
+          mt: 12
+        },
+        title: r ? K(t.day_transactions, O(r, N.MONTH_DAY)) : t.upcoming_activity
+      })
+    ]
+  });
+}), fr = b(({ onPrimaryCtaClick: t, sx: n }) => {
+  const { recurring: r } = C(), { setFilter: i } = V(), { isDataLoaded: o, loadRepeatingTransactionData: l } = I(), { isInitialized: a, selectedAccountGuids: c } = ee();
+  return ye({
+    widgetName: "RecurringTransactionsMiniWidget",
+    isLoaded: o
+  }), p.useEffect(() => {
+    o || l().finally();
+  }, []), p.useEffect(() => {
+    c.length > 0 && i({
+      dateRange: {
+        start: ne(W(), 90),
+        end: be()
+      },
+      accounts: c
+    });
+  }, [c]), a ? /* @__PURE__ */ e(vt, {
+    className: "mx-exp-recurring-transactions-miniwidget",
+    onPrimaryCtaClick: t,
+    primaryCtaLabel: r.primary_cta,
+    primaryCtaLabelAria: r.primary_cta_aria,
+    subTitle: r.sub_title,
+    sx: n,
+    title: r.mini_title,
+    children: o ? /* @__PURE__ */ e(un, {}) : /* @__PURE__ */ e(Ue, {
+      sx: { mx: 16 },
+      variant: "list"
+    })
+  }) : /* @__PURE__ */ e(fe, {});
+}), mn = b(() => {
+  const { recurring: t } = C();
+  return /* @__PURE__ */ s(u, {
+    sx: {
+      alignItems: "start",
+      flexDirection: "row",
+      gap: 12
+    },
+    children: [/* @__PURE__ */ e(Lt, { size: 32 }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ e(H, {
+      fontWeight: 600,
+      variant: "body1",
+      children: t.zero_state_content_header
+    }), /* @__PURE__ */ e(H, {
+      color: "text.secondary",
+      variant: "subtitle2",
+      children: t.zero_state_content_description
+    })] })]
+  });
+}), pn = ({ amount: t, bgcolor: n, isLargeScreen: r, isSmallScreen: i, label: o }) => /* @__PURE__ */ s(u, {
+  sx: {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 8
+  },
+  children: [/* @__PURE__ */ e(T, { sx: {
+    borderRadius: "2px",
+    bgcolor: n,
+    height: 8,
+    width: 8
+  } }), /* @__PURE__ */ s(u, {
+    sx: {
+      alignItems: "center",
+      flexDirection: "row",
+      gap: 2
+    },
+    children: [!i && /* @__PURE__ */ e(y, {
+      bold: !0,
+      variant: "caption",
+      children: P(t, t === 0 || !r ? "0,0" : "0,0.00")
+    }), /* @__PURE__ */ e(y, {
+      variant: "caption",
+      children: o
+    })]
+  })]
+}), hn = ({ upcomingRecurrences: t, logoSize: n = 32, maxLogos: r = 3 }) => {
+  const i = (o) => o * (n / 2);
+  return /* @__PURE__ */ e(T, {
+    sx: {
+      position: "relative",
+      width: 64
+    },
+    children: t.map((o, l) => l < r ? /* @__PURE__ */ e(T, {
+      sx: {
+        borderRadius: "4px",
+        left: i(l),
+        outlineColor: "common.white",
+        outlineStyle: "solid",
+        outlineWidth: 2,
+        position: "absolute"
+      },
+      children: /* @__PURE__ */ e(te, {
+        categoryGuid: o.categoryGuid || "",
+        merchantGuid: o.merchantGuid || "",
+        size: n
+      })
+    }, `${o.categoryGuid}-${o.merchantGuid}-${l}`) : null)
+  });
+}, gn = ({ upcomingRecurrences: t, maxLogos: n = 3 }) => /* @__PURE__ */ e(u, {
+  sx: {
+    flexDirection: "row",
+    gap: 4
+  },
+  children: t?.slice(0, n).map((r, i) => /* @__PURE__ */ e(te, {
+    categoryGuid: r.categoryGuid || "",
+    merchantGuid: r.merchantGuid || ""
+  }, `${r.categoryGuid}-${r.merchantGuid}-${i}`))
+}), _n = b(() => {
+  const t = xe(), [n, { width: r }] = bt(), { upcomingRecurrences: i, expenseTotal: o, missedExpenseTotal: l, paidExpenseTotal: a, upcomingExpenseTotal: c } = I(), { recurring: d } = C(), m = r <= 288, h = r >= 450, _ = 32, x = i.length > 0, f = p.useMemo(() => P(o, o === 0 ? "0,0" : "0,0.00"), [o]), D = p.useMemo(() => {
+    const R = [{
+      color: t.palette.success.main,
+      percentage: `${a / o}`
+    }];
+    return l && R.push({
+      color: t.palette.error.main,
+      percentage: `${l / o}`
+    }), R;
+  }, [
+    a,
+    o,
+    l,
+    t.palette.success.main,
+    t.palette.error.main
+  ]), g = () => x ? m ? /* @__PURE__ */ e(hn, {
+    logoSize: _,
+    maxLogos: 3,
+    upcomingRecurrences: i.slice(0, 3)
+  }) : /* @__PURE__ */ e(gn, {
+    maxLogos: 3,
+    upcomingRecurrences: i.slice(0, 3)
+  }) : /* @__PURE__ */ e(u, { sx: { width: m ? 64 : 104 } }), E = [
+    {
+      amount: a,
+      bgColor: "success.main",
+      label: d.paid
+    },
+    {
+      amount: l,
+      bgColor: "error.main",
+      label: d.missed
+    },
+    {
+      amount: c,
+      bgColor: "neutral.light",
+      label: d.upcoming
+    }
+  ];
+  return /* @__PURE__ */ s(G, { children: [/* @__PURE__ */ s(u, {
+    ref: n,
+    sx: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ s(u, {
+      sx: [f.length >= 10 && m ? { flexDirection: "column" } : {
+        flexDirection: "row",
+        gap: 2
+      }, {
+        alignItems: "baseline",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      }],
+      children: [/* @__PURE__ */ e(y, {
+        sx: { width: "100%" },
+        variant: f.length >= 10 && m ? "h3" : "h2",
+        children: f
+      }), /* @__PURE__ */ e(H, {
+        sx: { pr: 12 },
+        variant: "caption",
+        children: d.expected
+      })]
+    }), g()]
+  }), /* @__PURE__ */ s(u, {
+    sx: { pt: 12 },
+    children: [/* @__PURE__ */ e($e, { data: D }), /* @__PURE__ */ e(u, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        gap: 16,
+        mt: 4
+      },
+      children: E.map((R, U) => /* @__PURE__ */ e(pn, {
+        amount: R.amount,
+        bgcolor: R.bgColor,
+        isLargeScreen: h,
+        isSmallScreen: m,
+        label: R.label
+      }, `recurrence-legend-${U}`))
+    })]
+  })] });
+}), Cr = b(({ onCTAClick: t }) => {
+  const { onEvent: n } = F(), { isInitialized: r, selectedAccountGuids: i } = ee(), { loadRepeatingTransactionData: o, upcomingRecurrences: l, repeatingTransactions: a, setDateRange: c, isDataLoaded: d } = I(), { setFilter: m } = V(), { recurring: h, budgets: _ } = C();
+  ye({
+    widgetName: "RecurringTransactionsMicroWidget",
+    isLoaded: d
+  }), p.useEffect(() => {
+    d || o().finally(() => {
+      n(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, { state: l.length > 0 ? "default" : "zeroState" });
+    });
+  }, []), p.useEffect(() => {
+    r && (m({
+      dateRange: {
+        start: ne(W(), 90),
+        end: be()
+      },
+      accounts: i
+    }), c({
+      start: q(/* @__PURE__ */ new Date()),
+      end: j(/* @__PURE__ */ new Date())
+    }));
+  }, [r, i]);
+  const x = () => {
+    n(l.length > 0 ? w.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : w.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL), t();
+  };
+  if (!r || !d) return /* @__PURE__ */ e(fe, { height: 100 });
+  const f = !a?.length;
+  return /* @__PURE__ */ e(yt, {
+    className: "mx-recurring-transaction-microwidget",
+    ctaLabel: f ? _.get_started_cta : h.primary_cta,
+    onCTAClick: x,
+    title: h.recurring_expenses,
+    children: f ? /* @__PURE__ */ e(mn, {}) : /* @__PURE__ */ e(_n, {})
+  });
+}), xr = b(({ isOpen: t, onClose: n, selectedTab: r }) => {
+  const { cashflow: i } = C();
+  return /* @__PURE__ */ e(z, {
+    ariaLabelClose: i.close_settings_aria,
+    isOpen: t,
+    onClose: n,
+    title: i.cashflow_settings,
+    children: /* @__PURE__ */ e(rt, { defaultSelectedTab: r })
+  });
+});
+export {
+  rt as a,
+  _e as c,
+  Jt as d,
+  yr as i,
+  tn as l,
+  Cr as n,
+  rn as o,
+  fr as r,
+  nn as s,
+  xr as t,
+  Vt as u
+};