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

package/dist/recurringtransactions-gbJ_NA8u.mjs

@@ -1,1564 +0,0 @@
-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
-};