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

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

@@ -1,100 +0,0 @@
-import { jsxs as k, jsx as a } from "react/jsx-runtime";
-import w from "react";
-import { getDayOfYear as O } from "date-fns/getDayOfYear";
-import { setDayOfYear as E } from "date-fns/setDayOfYear";
-import { startOfToday as M } from "date-fns/startOfToday";
-import g from "@mui/material/Stack";
-import { AdapterDateFns as A } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as T } from "@mui/x-date-pickers";
-import { LocalizationProvider as Y } from "@mui/x-date-pickers/LocalizationProvider";
-import { Select as n } from "../../../common/components/Select/index.es.js";
-import { useGlobalCopyStore as x } from "../../../common/context/hooks/index.es.js";
-import { Frequency as r } from "../../../common/types/RepeatingTransaction/index.es.js";
-import { formatOrdinal as C } from "../../../common/utils/NumberFormatting/index.es.js";
-const F = ({
-  frequency: t,
-  firstDay: y,
-  secondDay: i,
-  onFrequencyChange: _,
-  onFirstDayChange: d,
-  onSecondDayChange: h
-}) => {
-  const { recurring: e } = x(), m = w.useMemo(
-    () => [
-      { id: r.EveryWeek, label: e.frequency_every_week },
-      { id: r.EveryOtherWeek, label: e.frequency_every_other_week },
-      { id: r.TwiceAMonth, label: e.frequency_twice_a_month },
-      { id: r.EveryMonth, label: e.frequency_every_month },
-      { id: r.EveryOtherMonth, label: e.frequency_every_other_month },
-      { id: r.EveryQuarter, label: e.frequency_every_quarter },
-      { id: r.EveryOtherQuarter, label: e.frequency_every_other_quarter },
-      { id: r.EveryYear, label: e.frequency_every_year }
-    ],
-    [e]
-  ), s = [
-    { id: 0, label: e.weekday_sunday },
-    { id: 1, label: e.weekday_monday },
-    { id: 2, label: e.weekday_tuesday },
-    { id: 3, label: e.weekday_wednesday },
-    { id: 4, label: e.weekday_thursday },
-    { id: 5, label: e.weekday_friday },
-    { id: 6, label: e.weekday_saturday }
-  ], l = [...Array(31).keys()].map((o) => ({
-    id: o + 1,
-    label: C(o + 1)
-  }));
-  l[30].label += ` (${e.last_day_of_month})`;
-  const c = l.slice(0, 15), f = l.slice(14), p = t === r.EveryWeek || t === r.EveryOtherWeek, v = t === r.TwiceAMonth || t === r.EveryMonth || t === r.EveryOtherMonth || t === r.EveryQuarter || t === r.EveryOtherQuarter, b = E(M(), y), u = (o) => {
-    o && d(O(o));
-  };
-  return /* @__PURE__ */ k(g, { gap: 24, sx: { m: 24 }, children: [
-    /* @__PURE__ */ a(
-      n,
-      {
-        label: e.frequency,
-        onChange: _,
-        options: m,
-        value: t
-      }
-    ),
-    p && /* @__PURE__ */ a(
-      n,
-      {
-        label: e.day_of_the_week,
-        onChange: d,
-        options: s,
-        value: y
-      }
-    ),
-    v && /* @__PURE__ */ a(
-      n,
-      {
-        label: t === r.TwiceAMonth ? e.first_day_of_the_month : e.day_of_the_month,
-        onChange: d,
-        options: t === r.TwiceAMonth ? c : l,
-        value: y
-      }
-    ),
-    t === r.TwiceAMonth && /* @__PURE__ */ a(
-      n,
-      {
-        label: e.second_day_of_the_month,
-        onChange: h,
-        options: f,
-        value: i || 0
-      }
-    ),
-    t === r.EveryYear && /* @__PURE__ */ a(Y, { dateAdapter: A, children: /* @__PURE__ */ a(
-      T,
-      {
-        disablePast: !0,
-        label: e.next_payment_date,
-        onChange: u,
-        value: b
-      }
-    ) })
-  ] });
-};
-export {
-  F as PaymentSchedule
-};

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

@@ -1,20 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Schedule as l, MonetizationOn as t, Cancel as s, CheckCircle as d } from "@mxenabled/mx-icons";
-import n from "../../../common/components/IconBacking/index.es.js";
-const c = {
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, i = (o) => o ? { margin: "0 0 -6px -4px" } : void 0, m = ({ isOffset: o = !1, size: e = 16 }) => /* @__PURE__ */ r(n, { size: e, sx: { ...i(o) }, children: /* @__PURE__ */ r(l, { color: "primary", filled: !0, sx: { fontSize: e, ...c } }) }), g = ({ isOffset: o = !1, size: e = 16 }) => /* @__PURE__ */ r(n, { size: e, sx: { ...i(o) }, children: /* @__PURE__ */ r(
-  t,
-  {
-    filled: !0,
-    sx: { color: "categories.income", fontSize: e, ...c }
-  }
-) }), p = ({ isOffset: o = !1, size: e = 16 }) => /* @__PURE__ */ r(n, { size: e, sx: { ...i(o) }, children: /* @__PURE__ */ r(s, { color: "error", filled: !0, sx: { fontSize: e, ...c } }) }), u = ({ isOffset: o = !1, size: e = 16 }) => /* @__PURE__ */ r(n, { size: e, sx: { ...i(o) }, children: /* @__PURE__ */ r(d, { color: "success", filled: !0, sx: { fontSize: e, ...c } }) });
-export {
-  g as IncomeBadge,
-  p as MissedBadge,
-  u as PaidBadge,
-  m as UpcomingExpenseBadge
-};

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

@@ -1,69 +0,0 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import m from "react";
-import { observer as _ } from "mobx-react-lite";
-import v from "@mui/material/Button";
-import l from "@mui/material/Divider";
-import f from "@mui/material/List";
-import D from "@mui/material/ListItem";
-import A from "@mui/material/ListSubheader";
-import h from "@mui/material/Stack";
-import { Text as c } from "@mxenabled/mxui";
-import { groupRecurrencesByDate as F } from "../../util/RecurringTransactions/index.es.js";
-import { RecurrenceRow as x } from "../RecurrenceRow/index.es.js";
-import { useGlobalCopyStore as L } from "../../../common/context/hooks/index.es.js";
-import { formatDate as R, DATE_FORMATS_INTL as S } from "../../../common/constants/DateFormats/index.es.js";
-const K = _(
-  ({
-    recurrences: t,
-    isMini: i = !1,
-    onResetClick: a,
-    onRecurrenceClick: p,
-    sx: u = {},
-    title: d
-  }) => {
-    const { recurring: s } = L(), b = m.useMemo(() => F(t), [t]);
-    return /* @__PURE__ */ o(h, { sx: { gap: 8, mt: 4, ...u }, children: [
-      d && /* @__PURE__ */ o(
-        h,
-        {
-          sx: { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24 },
-          children: [
-            /* @__PURE__ */ r(c, { bold: !0, variant: "body1", children: d }),
-            a && /* @__PURE__ */ r(v, { onClick: a, sx: { mt: -12 }, variant: "text", children: s.reset })
-          ]
-        }
-      ),
-      t.length === 0 ? /* @__PURE__ */ r(c, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: s.no_activities }) : /* @__PURE__ */ r(f, { children: i ? t.map((e, n) => /* @__PURE__ */ o(m.Fragment, { children: [
-        /* @__PURE__ */ r(
-          x,
-          {
-            isMini: i,
-            onRecurrenceClick: p,
-            recurrence: e
-          }
-        ),
-        /* @__PURE__ */ r(l, { sx: { mx: 24 } })
-      ] }, `recurrence-${n}`)) : b.map((e, n) => /* @__PURE__ */ o(m.Fragment, { children: [
-        /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(
-          f,
-          {
-            subheader: /* @__PURE__ */ r(A, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ r(c, { bold: !0, variant: "caption", children: R(e.date, S.DAY_OF_WEEK_MONTH_DAY) }) }),
-            sx: { width: "100%" },
-            children: e.recurrences.map((g, y) => /* @__PURE__ */ r(m.Fragment, { children: /* @__PURE__ */ r(
-              x,
-              {
-                isMini: i,
-                onRecurrenceClick: p,
-                recurrence: g
-              }
-            ) }, `day-recurrence-${y}`))
-          }
-        ) }, e.id),
-        /* @__PURE__ */ r(l, { sx: { mx: 24 } })
-      ] }, `recurrence-${n}`)) })
-    ] });
-  }
-);
-export {
-  K as RecurrenceList
-};

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

@@ -1,149 +0,0 @@
-import { jsxs as e, jsx as i, Fragment as _ } from "react/jsx-runtime";
-import w from "react";
-import G from "@mui/material/ListItem";
-import M from "@mui/material/ListItemAvatar";
-import O from "@mui/material/ListItemButton";
-import R from "@mui/material/ListItemText";
-import n from "@mui/material/Stack";
-import { CheckCircle as S, Cancel as v } from "@mxenabled/mx-icons";
-import { MerchantLogo as k, Text as r, InstitutionLogo as A } from "@mxenabled/mxui";
-import { getFrequencyLabel as I } from "../../util/RecurringTransactions/index.es.js";
-import { IncomeBadge as N, UpcomingExpenseBadge as P, PaidBadge as B, MissedBadge as j } from "../RecurrenceBadges/index.es.js";
-import { RecurringTransactionDetails as U } from "../RecurringTransactionDetails/index.es.js";
-import { useGlobalCopyStore as z, useRecurringTransactionsStore as F } from "../../../common/context/hooks/index.es.js";
-import { RecurrenceType as f, RecurrenceStatus as a } from "../../../common/types/RepeatingTransaction/index.es.js";
-import { formatCurrency as H } from "../../../common/utils/NumberFormatting/index.es.js";
-import Y from "../../../common/components/drawer/Drawer/index.es.js";
-import { buildDynamicCopy as c } from "../../../common/utils/Localization/index.es.js";
-import { formatDate as p, DATE_FORMATS_INTL as u } from "../../../common/constants/DateFormats/index.es.js";
-const E = (t) => {
-  if (t.type === f.Income)
-    return /* @__PURE__ */ i(N, {});
-  switch (t.status) {
-    case a.Missed:
-      return /* @__PURE__ */ i(j, {});
-    case a.Paid:
-      return /* @__PURE__ */ i(B, {});
-    default:
-      return /* @__PURE__ */ i(P, {});
-  }
-}, W = (t, o) => {
-  switch (t.status) {
-    case a.Paid:
-      return t.expectedDate ? c(
-        o.paid_on,
-        p(
-          t.occurredOnDate || t.expectedDate,
-          u.MONTH_DAY
-        )
-      ) : o.paid;
-    case a.Missed:
-      return c(
-        o.missed_on,
-        p(t.expectedDate, u.MONTH_DAY)
-      );
-    case a.Upcoming:
-      return c(
-        o.upcoming_on,
-        p(t.expectedDate, u.MONTH_DAY)
-      );
-    default:
-      return o.unknown;
-  }
-}, ct = ({
-  recurrence: t,
-  isMini: o = !1,
-  onRecurrenceClick: C = () => {
-  },
-  showOrdinal: D = !1
-}) => {
-  const { recurring: s } = z(), { repeatingTransactions: g } = F(), [T, m] = w.useState(!1), d = w.useMemo(
-    () => g.find((L) => L.guid === t.repeatingTransactionGuid),
-    [t, g]
-  ), h = t.type === f.Income, y = t.status === a.Paid, x = t.status === a.Missed, b = t.status === a.Upcoming;
-  let l = s.paid?.toLowerCase();
-  return x ? l = s.missed?.toLowerCase() : b && (l = D ? I(s, d || {}, !0) : I(s, d || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ e(G, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ e(O, { onClick: () => {
-      m(!0), C(t);
-    }, children: [
-      /* @__PURE__ */ i(M, { children: /* @__PURE__ */ i(
-        k,
-        {
-          categoryGuid: t.categoryGuid,
-          merchantGuid: t.merchantGuid
-        }
-      ) }),
-      /* @__PURE__ */ i(R, { children: /* @__PURE__ */ e(
-        n,
-        {
-          direction: "row",
-          gap: 4,
-          sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
-          children: [
-            /* @__PURE__ */ e(n, { direction: "column", width: "50%", children: [
-              /* @__PURE__ */ i(r, { bold: !0, variant: "body1", children: t.name }),
-              /* @__PURE__ */ i(n, { alignItems: "center", direction: "row", gap: 6, children: o ? /* @__PURE__ */ e(n, { direction: "row", gap: 4, children: [
-                E(t),
-                /* @__PURE__ */ i(r, { variant: "caption", children: W(t, s) })
-              ] }) : /* @__PURE__ */ e(_, { children: [
-                t.institutionGuid && /* @__PURE__ */ i(
-                  A,
-                  {
-                    alt: t.institutionName,
-                    institutionGuid: t.institutionGuid,
-                    size: 12
-                  }
-                ),
-                /* @__PURE__ */ i(r, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ e(n, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ e(r, { bold: !0, color: h ? "success.main" : "text.primary", variant: "body1", children: [
-                h ? "+" : "",
-                H(t.amount, "0,0.00")
-              ] }),
-              !o && /* @__PURE__ */ e(
-                n,
-                {
-                  direction: "row",
-                  sx: {
-                    alignItems: "center",
-                    gap: 6,
-                    justifyContent: "flex-end",
-                    textTransform: "uppercase",
-                    width: "100%"
-                  },
-                  children: [
-                    y && /* @__PURE__ */ i(S, { color: "success", filled: !0, size: 12 }),
-                    x && /* @__PURE__ */ i(v, { color: "error", filled: !0, size: 12 }),
-                    /* @__PURE__ */ i(r, { bold: !0, color: "text.secondary", variant: "caption", children: l })
-                  ]
-                }
-              )
-            ] })
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ i(
-      Y,
-      {
-        ariaLabelClose: s.close_drawer_aria,
-        isOpen: T,
-        onClose: () => m(!1),
-        title: t.type === f.Income ? s.income_details : s.expense_details,
-        children: d && /* @__PURE__ */ i(
-          U,
-          {
-            onDeleted: () => m(!1),
-            recurringTransaction: d
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  ct as RecurrenceRow
-};

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

@@ -1,42 +0,0 @@
-import { jsxs as i, jsx as r, Fragment as v } from "react/jsx-runtime";
-import x from "react";
-import { observer as y } from "mobx-react-lite";
-import l from "@mui/material/Box";
-import s from "@mui/material/Stack";
-import w from "@mui/material/styles/useTheme";
-import { Text as o } from "@mxenabled/mxui";
-import S from "../../../common/components/charts/StatusBar/index.es.js";
-import { useScreenSize as C } from "../../../common/hooks/useScreenSize/index.es.js";
-import { useGlobalCopyStore as $ } from "../../../common/context/hooks/index.es.js";
-import { formatCurrency as n } from "../../../common/utils/NumberFormatting/index.es.js";
-const I = y(
-  ({ expected: e, isExpense: h = !0, missed: t, paid: c, title: d, total: b, upcoming: f }) => {
-    const u = w(), { isSmallMobile: a } = C(), { recurring: m } = $(), g = x.useMemo(() => {
-      const p = [{ color: u.palette.success.main, percentage: `${c / e}` }];
-      return t && p.push({ color: u.palette.error.main, percentage: `${t / e}` }), p;
-    }, [c, e, t]);
-    return /* @__PURE__ */ i(s, { sx: { px: 24 }, children: [
-      /* @__PURE__ */ i(s, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ r(o, { bold: !0, variant: "body1", children: `${d} (${b})` }),
-        /* @__PURE__ */ r(o, { bold: !0, color: h ? "text.primary" : "success.main", variant: "body1", children: `${h ? "-" : "+"}${n(e, "0,0.00")}` })
-      ] }),
-      /* @__PURE__ */ r(S, { data: g, height: 12 }),
-      /* @__PURE__ */ i(s, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
-        /* @__PURE__ */ r(l, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ r(o, { bold: !0, variant: "body2", children: n(c, "0,0.00") }),
-        /* @__PURE__ */ r(o, { variant: "caption", children: m.paid?.toLowerCase() }),
-        t !== void 0 && /* @__PURE__ */ i(v, { children: [
-          /* @__PURE__ */ r(l, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !a && /* @__PURE__ */ r(o, { bold: !0, variant: "body2", children: n(t, "0,0.00") }),
-          /* @__PURE__ */ r(o, { variant: "caption", children: m.missed?.toLowerCase() })
-        ] }),
-        /* @__PURE__ */ r(l, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ r(o, { bold: !0, variant: "body2", children: n(f, "0,0.00") }),
-        /* @__PURE__ */ r(o, { variant: "caption", children: m.upcoming })
-      ] })
-    ] });
-  }
-);
-export {
-  I as RecurringStatus
-};

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

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

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

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