@mx-cartographer/experiences 9.0.15-alpha.al4 → 9.0.16-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/dist/recurringtransactions/index.es.js +34 -36
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -8,7 +8,7 @@ import { startOfToday as Q } from "date-fns/startOfToday";
|
|
|
8
8
|
import { subDays as ee } from "date-fns/subDays";
|
|
9
9
|
import Be from "@mui/material/Alert";
|
|
10
10
|
import Fe from "@mui/material/Snackbar";
|
|
11
|
-
import { R as
|
|
11
|
+
import { R as _e } from "../RecurringSettings-D8hBbXV_.mjs";
|
|
12
12
|
import { M as Jn } from "../RecurringSettings-D8hBbXV_.mjs";
|
|
13
13
|
import { addMonths as Ue } from "date-fns/addMonths";
|
|
14
14
|
import { subMonths as Ye } from "date-fns/subMonths";
|
|
@@ -35,8 +35,8 @@ import { isSameDay as dt } from "date-fns/isSameDay";
|
|
|
35
35
|
import ut from "@mui/material/Badge";
|
|
36
36
|
import { PickersDay as mt } from "@mui/x-date-pickers/PickersDay";
|
|
37
37
|
import { I as F } from "../IconBacking-DgT8DCeh.mjs";
|
|
38
|
-
import { u as b, a as U, h as
|
|
39
|
-
import { b as E, a as
|
|
38
|
+
import { u as b, a as U, h as _, f as Y, D as Ie, g as re } from "../hooks-97sNJ_lf.mjs";
|
|
39
|
+
import { b as E, a as D, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
|
|
40
40
|
import { f as I, D as M } from "../DateFormats-HudZ3Bjs.mjs";
|
|
41
41
|
import { T as W } from "../Sizes-DISGrlUg.mjs";
|
|
42
42
|
import { A as v } from "../Analytics-WeZYytR0.mjs";
|
|
@@ -60,8 +60,8 @@ import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
|
|
|
60
60
|
import { L as ae } from "../Loader-CxeBwuPG.mjs";
|
|
61
61
|
import { W as Rt } from "../WidgetContainer-DJnp6t6c.mjs";
|
|
62
62
|
import { M as Tt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
|
|
63
|
-
import { u as
|
|
64
|
-
import { M as
|
|
63
|
+
import { u as Dt } from "../useDimensions-CeDR9V8N.mjs";
|
|
64
|
+
import { M as _t } from "../MicroWidgetContainer-B2NnKBgW.mjs";
|
|
65
65
|
const j = {
|
|
66
66
|
gridRow: 1,
|
|
67
67
|
gridColumn: 1,
|
|
@@ -106,17 +106,17 @@ const j = {
|
|
|
106
106
|
}
|
|
107
107
|
), St = T(
|
|
108
108
|
({ day: t, outsideCurrentMonth: n, ...r }) => {
|
|
109
|
-
const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } =
|
|
109
|
+
const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } = _(), a = x.useMemo(
|
|
110
110
|
() => s.filter((f) => o.includes(f.accountGuid)),
|
|
111
111
|
[o, s]
|
|
112
112
|
).filter(
|
|
113
113
|
(f) => dt(f.occurredOnDate || f.expectedDate, t)
|
|
114
114
|
), l = a.some(
|
|
115
|
-
(f) => f.type !== E.Income && f.status ===
|
|
115
|
+
(f) => f.type !== E.Income && f.status === D.Upcoming
|
|
116
116
|
), u = a.some(
|
|
117
|
-
(f) => f.type !== E.Income && f.status ===
|
|
117
|
+
(f) => f.type !== E.Income && f.status === D.Missed
|
|
118
118
|
), g = a.some(
|
|
119
|
-
(f) => f.type !== E.Income && f.status ===
|
|
119
|
+
(f) => f.type !== E.Income && f.status === D.Paid
|
|
120
120
|
), y = a.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
|
|
121
121
|
g && i.paid,
|
|
122
122
|
u && i.missed,
|
|
@@ -195,7 +195,7 @@ const j = {
|
|
|
195
195
|
[O.ES]: it
|
|
196
196
|
}[t] || be;
|
|
197
197
|
}, Ee = T(() => {
|
|
198
|
-
const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } =
|
|
198
|
+
const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [s, m] = x.useState(
|
|
199
199
|
xe(/* @__PURE__ */ new Date()) * W + Re
|
|
200
200
|
), p = (u) => {
|
|
201
201
|
m(xe(u) * W + Re), o({
|
|
@@ -274,16 +274,16 @@ const j = {
|
|
|
274
274
|
if (t.type === E.Income)
|
|
275
275
|
return /* @__PURE__ */ e(ce, {});
|
|
276
276
|
switch (t.status) {
|
|
277
|
-
case
|
|
277
|
+
case D.Missed:
|
|
278
278
|
return /* @__PURE__ */ e(le, {});
|
|
279
|
-
case
|
|
279
|
+
case D.Paid:
|
|
280
280
|
return /* @__PURE__ */ e(de, {});
|
|
281
281
|
default:
|
|
282
282
|
return /* @__PURE__ */ e(se, {});
|
|
283
283
|
}
|
|
284
284
|
}, vt = (t, n) => {
|
|
285
285
|
switch (t.status) {
|
|
286
|
-
case
|
|
286
|
+
case D.Paid:
|
|
287
287
|
return t.expectedDate ? G(
|
|
288
288
|
n.paid_on,
|
|
289
289
|
I(
|
|
@@ -291,12 +291,12 @@ const j = {
|
|
|
291
291
|
M.MONTH_DAY
|
|
292
292
|
)
|
|
293
293
|
) : n.paid;
|
|
294
|
-
case
|
|
294
|
+
case D.Missed:
|
|
295
295
|
return G(
|
|
296
296
|
n.missed_on,
|
|
297
297
|
I(t.expectedDate, M.MONTH_DAY)
|
|
298
298
|
);
|
|
299
|
-
case
|
|
299
|
+
case D.Upcoming:
|
|
300
300
|
return G(
|
|
301
301
|
n.upcoming_on,
|
|
302
302
|
I(t.expectedDate, M.MONTH_DAY)
|
|
@@ -311,10 +311,10 @@ const j = {
|
|
|
311
311
|
},
|
|
312
312
|
showOrdinal: i = !1
|
|
313
313
|
}) => {
|
|
314
|
-
const { recurring: o } = b(), { detailedRepeatingTransactions: s } =
|
|
314
|
+
const { recurring: o } = b(), { detailedRepeatingTransactions: s } = _(), m = x.useMemo(
|
|
315
315
|
() => s.find((C) => C.guid === t.repeatingTransactionGuid),
|
|
316
316
|
[t, s]
|
|
317
|
-
), p = t.type === E.Income, a = t.status ===
|
|
317
|
+
), p = t.type === E.Income, a = t.status === D.Paid, l = t.status === D.Missed, u = t.status === D.Upcoming;
|
|
318
318
|
let g = o.paid?.toLowerCase();
|
|
319
319
|
return l ? g = o.missed?.toLowerCase() : u && (g = i ? ye(o, m || {}, !0) : ye(o, m || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
|
|
320
320
|
/* @__PURE__ */ e(Me, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(bt, { onClick: () => {
|
|
@@ -445,7 +445,7 @@ const j = {
|
|
|
445
445
|
] }, `recurrence-${l}`)) })
|
|
446
446
|
] });
|
|
447
447
|
}
|
|
448
|
-
),
|
|
448
|
+
), De = T(
|
|
449
449
|
({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: s, upcoming: m }) => {
|
|
450
450
|
const p = ne(), { isSmallMobile: a } = ve(), { recurring: l } = b(), u = x.useMemo(() => {
|
|
451
451
|
const g = [{ color: p.palette.success.main, percentage: `${i / t}` }];
|
|
@@ -478,7 +478,7 @@ const j = {
|
|
|
478
478
|
selectedRepeatingTransaction: r,
|
|
479
479
|
setSelectedRecurrence: i,
|
|
480
480
|
setSelectedRepeatingTransactionGuid: o
|
|
481
|
-
} =
|
|
481
|
+
} = _(), s = () => {
|
|
482
482
|
o(null), i(null);
|
|
483
483
|
};
|
|
484
484
|
return /* @__PURE__ */ e(
|
|
@@ -517,7 +517,7 @@ const j = {
|
|
|
517
517
|
upcomingExpenseTotal: Ne,
|
|
518
518
|
upcomingIncomeTotal: ke,
|
|
519
519
|
upcomingRecurrences: me
|
|
520
|
-
} =
|
|
520
|
+
} = _(), [V, Oe] = x.useState(0), We = je(a.start, /* @__PURE__ */ new Date()), Pe = (R, $e) => {
|
|
521
521
|
Oe($e);
|
|
522
522
|
}, pe = (R) => {
|
|
523
523
|
ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
|
|
@@ -569,7 +569,7 @@ const j = {
|
|
|
569
569
|
] })
|
|
570
570
|
] }),
|
|
571
571
|
/* @__PURE__ */ e(
|
|
572
|
-
|
|
572
|
+
De,
|
|
573
573
|
{
|
|
574
574
|
expected: l,
|
|
575
575
|
missed: g,
|
|
@@ -580,7 +580,7 @@ const j = {
|
|
|
580
580
|
}
|
|
581
581
|
),
|
|
582
582
|
/* @__PURE__ */ e(
|
|
583
|
-
|
|
583
|
+
De,
|
|
584
584
|
{
|
|
585
585
|
expected: u,
|
|
586
586
|
isExpense: !1,
|
|
@@ -618,16 +618,14 @@ const j = {
|
|
|
618
618
|
P,
|
|
619
619
|
{
|
|
620
620
|
onRecurrenceClick: pe,
|
|
621
|
-
recurrences: me
|
|
622
|
-
title: i ? t.upcoming : t.upcoming_activity
|
|
621
|
+
recurrences: me
|
|
623
622
|
}
|
|
624
623
|
),
|
|
625
624
|
V === 1 && /* @__PURE__ */ e(
|
|
626
625
|
P,
|
|
627
626
|
{
|
|
628
627
|
onRecurrenceClick: ge,
|
|
629
|
-
recurrences: y
|
|
630
|
-
title: i ? t.past : t.past_transactions
|
|
628
|
+
recurrences: y
|
|
631
629
|
}
|
|
632
630
|
)
|
|
633
631
|
] })
|
|
@@ -652,7 +650,7 @@ const j = {
|
|
|
652
650
|
);
|
|
653
651
|
}), jn = T(
|
|
654
652
|
({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
|
|
655
|
-
const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: u } =
|
|
653
|
+
const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: u } = _(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
|
|
656
654
|
return oe({
|
|
657
655
|
widgetName: "RecurringTransactionsWidget",
|
|
658
656
|
isLoaded: p
|
|
@@ -691,7 +689,7 @@ const j = {
|
|
|
691
689
|
onClose: () => S(!1),
|
|
692
690
|
shouldShowHeaderBorders: !1,
|
|
693
691
|
title: i.action_title,
|
|
694
|
-
children: /* @__PURE__ */ e(
|
|
692
|
+
children: /* @__PURE__ */ e(_e, {})
|
|
695
693
|
}
|
|
696
694
|
),
|
|
697
695
|
/* @__PURE__ */ e(
|
|
@@ -716,7 +714,7 @@ const j = {
|
|
|
716
714
|
setSelectedRecurrence: s,
|
|
717
715
|
setSelectedRepeatingTransactionGuid: m,
|
|
718
716
|
upcomingRecurrences: p
|
|
719
|
-
} =
|
|
717
|
+
} = _(), a = (u) => {
|
|
720
718
|
m(u.repeatingTransactionGuid), s(u);
|
|
721
719
|
}, l = n < 750;
|
|
722
720
|
return /* @__PURE__ */ c(d, { flexDirection: l ? "column" : "row", width: "100%", children: [
|
|
@@ -739,7 +737,7 @@ const j = {
|
|
|
739
737
|
] });
|
|
740
738
|
}), Kn = T(
|
|
741
739
|
({ onPrimaryCtaClick: t, sx: n }) => {
|
|
742
|
-
const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } =
|
|
740
|
+
const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = _(), { isInitialized: m, selectedAccountGuids: p } = U();
|
|
743
741
|
return oe({
|
|
744
742
|
widgetName: "RecurringTransactionsMiniWidget",
|
|
745
743
|
isLoaded: o
|
|
@@ -846,13 +844,13 @@ const j = {
|
|
|
846
844
|
},
|
|
847
845
|
`${r.categoryGuid}-${r.merchantGuid}-${i}`
|
|
848
846
|
)) }), Ot = T(() => {
|
|
849
|
-
const t = ne(), [n, { width: r }] =
|
|
847
|
+
const t = ne(), [n, { width: r }] = Dt(), {
|
|
850
848
|
upcomingRecurrences: i,
|
|
851
849
|
expenseTotal: o,
|
|
852
850
|
missedExpenseTotal: s,
|
|
853
851
|
paidExpenseTotal: m,
|
|
854
852
|
upcomingExpenseTotal: p
|
|
855
|
-
} =
|
|
853
|
+
} = _(), { recurring: a } = b(), l = r <= 288, u = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
|
|
856
854
|
const w = [
|
|
857
855
|
{ color: t.palette.success.main, percentage: `${m / o}` }
|
|
858
856
|
];
|
|
@@ -953,7 +951,7 @@ const j = {
|
|
|
953
951
|
repeatingTransactions: m,
|
|
954
952
|
setDateRange: p,
|
|
955
953
|
isDataLoaded: a
|
|
956
|
-
} =
|
|
954
|
+
} = _(), { setFilter: l } = re(), { recurring: u, budgets: g } = b();
|
|
957
955
|
oe({
|
|
958
956
|
widgetName: "RecurringTransactionsMicroWidget",
|
|
959
957
|
isLoaded: a
|
|
@@ -977,7 +975,7 @@ const j = {
|
|
|
977
975
|
if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
|
|
978
976
|
const C = !m?.length;
|
|
979
977
|
return /* @__PURE__ */ e(
|
|
980
|
-
|
|
978
|
+
_t,
|
|
981
979
|
{
|
|
982
980
|
className: "mx-recurring-transaction-microwidget",
|
|
983
981
|
ctaLabel: C ? g.get_started_cta : u.primary_cta,
|
|
@@ -997,7 +995,7 @@ const j = {
|
|
|
997
995
|
isOpen: t,
|
|
998
996
|
onClose: n,
|
|
999
997
|
title: i.cashflow_settings,
|
|
1000
|
-
children: /* @__PURE__ */ e(
|
|
998
|
+
children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
|
|
1001
999
|
}
|
|
1002
1000
|
);
|
|
1003
1001
|
}
|
|
@@ -1006,7 +1004,7 @@ export {
|
|
|
1006
1004
|
er as AddRecurringTransactionDetails,
|
|
1007
1005
|
Jn as ManageExpenses,
|
|
1008
1006
|
tr as ManageIncome,
|
|
1009
|
-
|
|
1007
|
+
_e as RecurringSettings,
|
|
1010
1008
|
qn as RecurringSettingsDrawer,
|
|
1011
1009
|
Vn as RecurringTransactionsMicroWidget,
|
|
1012
1010
|
Kn as RecurringTransactionsMiniWidget,
|