@mx-cartographer/experiences 7.0.26-alpha-recurring-transactions-padding-ram2 → 7.0.26
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 +4 -0
- package/dist/cashflow/index.es.js +1 -1
- package/dist/recurringtransactions/index.es.js +108 -115
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1028,7 +1028,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
|
|
|
1028
1028
|
actions: [
|
|
1029
1029
|
{
|
|
1030
1030
|
label: p.action_title,
|
|
1031
|
-
iconName: "
|
|
1031
|
+
iconName: "credit_card_gear",
|
|
1032
1032
|
onClick: () => {
|
|
1033
1033
|
G(!0), b(Ae.CASH_FLOW_CLICK_SETTINGS);
|
|
1034
1034
|
}
|
|
@@ -32,7 +32,7 @@ import { u as D, a as V, h as v, e as X, c as pe, f as ge, p as rt } from "../ho
|
|
|
32
32
|
import { c as M, a as R, g as De, f as ot } from "../RepeatingTransaction-BW4J-jeJ.mjs";
|
|
33
33
|
import { T as P } from "../RecurringTransactionsStore-D62XJtdL.mjs";
|
|
34
34
|
import { R as Gn } from "../RecurringTransactionsStore-D62XJtdL.mjs";
|
|
35
|
-
import { A as
|
|
35
|
+
import { A as w, W as at } from "../WidgetContainer-CdBs9WOZ.mjs";
|
|
36
36
|
import st from "@mui/material/Button";
|
|
37
37
|
import se from "@mui/material/Divider";
|
|
38
38
|
import Se from "@mui/material/List";
|
|
@@ -148,7 +148,7 @@ const Z = {
|
|
|
148
148
|
l(Te(s) * P + Ie), a({
|
|
149
149
|
start: k(s),
|
|
150
150
|
end: z(s)
|
|
151
|
-
}), n(
|
|
151
|
+
}), n(w.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
|
|
152
152
|
}, g = /* @__PURE__ */ e(
|
|
153
153
|
Qe,
|
|
154
154
|
{
|
|
@@ -239,7 +239,7 @@ const Z = {
|
|
|
239
239
|
default:
|
|
240
240
|
return n.unknown;
|
|
241
241
|
}
|
|
242
|
-
},
|
|
242
|
+
}, _e = ({
|
|
243
243
|
recurrence: t,
|
|
244
244
|
isMini: n = !1,
|
|
245
245
|
onRecurrenceClick: i = () => {
|
|
@@ -355,7 +355,7 @@ const Z = {
|
|
|
355
355
|
),
|
|
356
356
|
t.length === 0 ? /* @__PURE__ */ e(p, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(Se, { children: n ? t.map((s, m) => /* @__PURE__ */ o(h.Fragment, { children: [
|
|
357
357
|
/* @__PURE__ */ e(
|
|
358
|
-
|
|
358
|
+
_e,
|
|
359
359
|
{
|
|
360
360
|
isMini: n,
|
|
361
361
|
onRecurrenceClick: a,
|
|
@@ -370,7 +370,7 @@ const Z = {
|
|
|
370
370
|
subheader: /* @__PURE__ */ e(ct, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: A(s.date, E.DAY_OF_WEEK_MONTH_DAY) }) }),
|
|
371
371
|
sx: { width: "100%" },
|
|
372
372
|
children: s.recurrences.map((f, x) => /* @__PURE__ */ e(h.Fragment, { children: /* @__PURE__ */ e(
|
|
373
|
-
|
|
373
|
+
_e,
|
|
374
374
|
{
|
|
375
375
|
isMini: n,
|
|
376
376
|
onRecurrenceClick: a,
|
|
@@ -383,7 +383,7 @@ const Z = {
|
|
|
383
383
|
] }, `recurrence-${m}`)) })
|
|
384
384
|
] });
|
|
385
385
|
}
|
|
386
|
-
),
|
|
386
|
+
), we = T(
|
|
387
387
|
({ expected: t, isExpense: n = !0, missed: i, paid: a, title: r, total: l, upcoming: u }) => {
|
|
388
388
|
const g = me(), { isSmallMobile: s } = Ge(), { recurring: m } = D(), f = h.useMemo(() => {
|
|
389
389
|
const x = [{ color: g.palette.success.main, percentage: `${a / t}` }];
|
|
@@ -430,11 +430,11 @@ const Z = {
|
|
|
430
430
|
} = v(), [$, Q] = h.useState(0), ee = Ue(u.start, /* @__PURE__ */ new Date()), I = (C, ie) => {
|
|
431
431
|
Q(ie);
|
|
432
432
|
}, U = (C) => {
|
|
433
|
-
a(
|
|
433
|
+
a(w.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
|
|
434
434
|
transaction_guid: C.transaction?.guid
|
|
435
435
|
});
|
|
436
|
-
},
|
|
437
|
-
a(
|
|
436
|
+
}, _ = (C) => {
|
|
437
|
+
a(w.RECURRING_TRANSACTIONS_CLICK_PAID, {
|
|
438
438
|
transaction_guid: C.transaction?.guid
|
|
439
439
|
});
|
|
440
440
|
}, te = () => {
|
|
@@ -450,110 +450,103 @@ const Z = {
|
|
|
450
450
|
end: z(C)
|
|
451
451
|
});
|
|
452
452
|
};
|
|
453
|
-
return /* @__PURE__ */ o(
|
|
454
|
-
oe,
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
/* @__PURE__ */ e(qe, { sx: { px: 24 }, children: N(
|
|
462
|
-
t.header_title,
|
|
463
|
-
A(u.start, E.MONTH_LONG)
|
|
464
|
-
) }),
|
|
465
|
-
!n && /* @__PURE__ */ o(c, { direction: "row", gap: 4, children: [
|
|
466
|
-
/* @__PURE__ */ e(
|
|
467
|
-
be,
|
|
468
|
-
{
|
|
469
|
-
color: "primary",
|
|
470
|
-
disabled: ee,
|
|
471
|
-
onClick: ne,
|
|
472
|
-
children: /* @__PURE__ */ e(Ye, {})
|
|
473
|
-
}
|
|
474
|
-
),
|
|
475
|
-
/* @__PURE__ */ e(be, { color: "primary", onClick: te, children: /* @__PURE__ */ e(Ve, {}) })
|
|
476
|
-
] })
|
|
477
|
-
] }),
|
|
453
|
+
return /* @__PURE__ */ o(oe, { container: !0, sx: { pt: 16, px: 24, spacing: 24 }, children: [
|
|
454
|
+
/* @__PURE__ */ e(oe, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ o(c, { sx: { gap: 16 }, children: [
|
|
455
|
+
/* @__PURE__ */ o(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
|
|
456
|
+
/* @__PURE__ */ e(qe, { sx: { px: 24 }, children: N(
|
|
457
|
+
t.header_title,
|
|
458
|
+
A(u.start, E.MONTH_LONG)
|
|
459
|
+
) }),
|
|
460
|
+
!n && /* @__PURE__ */ o(c, { direction: "row", gap: 4, children: [
|
|
478
461
|
/* @__PURE__ */ e(
|
|
479
|
-
|
|
462
|
+
be,
|
|
480
463
|
{
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
total: r.length,
|
|
486
|
-
upcoming: W
|
|
464
|
+
color: "primary",
|
|
465
|
+
disabled: ee,
|
|
466
|
+
onClick: ne,
|
|
467
|
+
children: /* @__PURE__ */ e(Ye, {})
|
|
487
468
|
}
|
|
488
469
|
),
|
|
470
|
+
/* @__PURE__ */ e(be, { color: "primary", onClick: te, children: /* @__PURE__ */ e(Ve, {}) })
|
|
471
|
+
] })
|
|
472
|
+
] }),
|
|
473
|
+
/* @__PURE__ */ e(
|
|
474
|
+
we,
|
|
475
|
+
{
|
|
476
|
+
expected: g,
|
|
477
|
+
missed: m,
|
|
478
|
+
paid: x,
|
|
479
|
+
title: t.expenses,
|
|
480
|
+
total: r.length,
|
|
481
|
+
upcoming: W
|
|
482
|
+
}
|
|
483
|
+
),
|
|
484
|
+
/* @__PURE__ */ e(
|
|
485
|
+
we,
|
|
486
|
+
{
|
|
487
|
+
expected: s,
|
|
488
|
+
isExpense: !1,
|
|
489
|
+
paid: b,
|
|
490
|
+
title: t.deposits,
|
|
491
|
+
total: l.length,
|
|
492
|
+
upcoming: J
|
|
493
|
+
}
|
|
494
|
+
),
|
|
495
|
+
n && /* @__PURE__ */ e(
|
|
496
|
+
H,
|
|
497
|
+
{
|
|
498
|
+
onRecurrenceClick: U,
|
|
499
|
+
recurrences: B,
|
|
500
|
+
title: t.upcoming_activity
|
|
501
|
+
}
|
|
502
|
+
),
|
|
503
|
+
!n && /* @__PURE__ */ o(c, { children: [
|
|
504
|
+
/* @__PURE__ */ o(Fe, { onChange: I, value: $, variant: "fullWidth", children: [
|
|
489
505
|
/* @__PURE__ */ e(
|
|
490
|
-
|
|
506
|
+
Re,
|
|
491
507
|
{
|
|
492
|
-
|
|
493
|
-
isExpense: !1,
|
|
494
|
-
paid: b,
|
|
495
|
-
title: t.deposits,
|
|
496
|
-
total: l.length,
|
|
497
|
-
upcoming: J
|
|
508
|
+
label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.upcoming : t.upcoming_activity })
|
|
498
509
|
}
|
|
499
510
|
),
|
|
500
|
-
n && /* @__PURE__ */ e(
|
|
501
|
-
H,
|
|
502
|
-
{
|
|
503
|
-
onRecurrenceClick: U,
|
|
504
|
-
recurrences: B,
|
|
505
|
-
title: t.upcoming_activity
|
|
506
|
-
}
|
|
507
|
-
),
|
|
508
|
-
!n && /* @__PURE__ */ o(c, { children: [
|
|
509
|
-
/* @__PURE__ */ o(Fe, { onChange: I, value: $, variant: "fullWidth", children: [
|
|
510
|
-
/* @__PURE__ */ e(
|
|
511
|
-
Re,
|
|
512
|
-
{
|
|
513
|
-
label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.upcoming : t.upcoming_activity })
|
|
514
|
-
}
|
|
515
|
-
),
|
|
516
|
-
/* @__PURE__ */ e(
|
|
517
|
-
Re,
|
|
518
|
-
{
|
|
519
|
-
label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.past : t.past_transactions })
|
|
520
|
-
}
|
|
521
|
-
)
|
|
522
|
-
] }),
|
|
523
|
-
$ === 0 && /* @__PURE__ */ e(
|
|
524
|
-
H,
|
|
525
|
-
{
|
|
526
|
-
onRecurrenceClick: U,
|
|
527
|
-
recurrences: B
|
|
528
|
-
}
|
|
529
|
-
),
|
|
530
|
-
$ === 1 && /* @__PURE__ */ e(
|
|
531
|
-
H,
|
|
532
|
-
{
|
|
533
|
-
onRecurrenceClick: w,
|
|
534
|
-
recurrences: f
|
|
535
|
-
}
|
|
536
|
-
)
|
|
537
|
-
] })
|
|
538
|
-
] }) }),
|
|
539
|
-
n && /* @__PURE__ */ e(oe, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ o(c, { gap: 24, children: [
|
|
540
|
-
/* @__PURE__ */ e(Ne, {}),
|
|
541
511
|
/* @__PURE__ */ e(
|
|
542
|
-
|
|
512
|
+
Re,
|
|
543
513
|
{
|
|
544
|
-
|
|
545
|
-
recurrences: d || f,
|
|
546
|
-
title: y ? N(
|
|
547
|
-
t.day_transactions,
|
|
548
|
-
A(y, E.MONTH_DAY)
|
|
549
|
-
) : t.past_transactions
|
|
514
|
+
label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.past : t.past_transactions })
|
|
550
515
|
}
|
|
551
516
|
)
|
|
552
|
-
] })
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
517
|
+
] }),
|
|
518
|
+
$ === 0 && /* @__PURE__ */ e(
|
|
519
|
+
H,
|
|
520
|
+
{
|
|
521
|
+
onRecurrenceClick: U,
|
|
522
|
+
recurrences: B
|
|
523
|
+
}
|
|
524
|
+
),
|
|
525
|
+
$ === 1 && /* @__PURE__ */ e(
|
|
526
|
+
H,
|
|
527
|
+
{
|
|
528
|
+
onRecurrenceClick: _,
|
|
529
|
+
recurrences: f
|
|
530
|
+
}
|
|
531
|
+
)
|
|
532
|
+
] })
|
|
533
|
+
] }) }),
|
|
534
|
+
n && /* @__PURE__ */ e(oe, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ o(c, { gap: 24, children: [
|
|
535
|
+
/* @__PURE__ */ e(Ne, {}),
|
|
536
|
+
/* @__PURE__ */ e(
|
|
537
|
+
H,
|
|
538
|
+
{
|
|
539
|
+
onRecurrenceClick: _,
|
|
540
|
+
recurrences: d || f,
|
|
541
|
+
title: y ? N(
|
|
542
|
+
t.day_transactions,
|
|
543
|
+
A(y, E.MONTH_DAY)
|
|
544
|
+
) : t.past_transactions
|
|
545
|
+
}
|
|
546
|
+
)
|
|
547
|
+
] }) })
|
|
548
|
+
] });
|
|
549
|
+
}), _n = T(({ onBackClick: t, sx: n = {} }) => {
|
|
557
550
|
const { accounts: i } = pe(), { recurring: a } = D(), { isCopyLoaded: r, isInitialized: l, selectedAccountGuids: u, setSelectedAccounts: g } = V(), { isDataLoaded: s, loadRepeatingTransactions: m, setDateRange: f } = v(), { setFilter: x } = ge(), { onEvent: b } = X(), [y, d] = h.useState(!1);
|
|
558
551
|
return h.useEffect(() => {
|
|
559
552
|
g(i);
|
|
@@ -569,13 +562,13 @@ const Z = {
|
|
|
569
562
|
actions: [
|
|
570
563
|
{
|
|
571
564
|
label: a.action_title,
|
|
572
|
-
iconName: "
|
|
565
|
+
iconName: "credit_card_gear",
|
|
573
566
|
onClick: () => {
|
|
574
|
-
d(!0), b(
|
|
567
|
+
d(!0), b(w.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
|
|
575
568
|
}
|
|
576
569
|
}
|
|
577
570
|
],
|
|
578
|
-
onAccountsFilterClick: () => b(
|
|
571
|
+
onAccountsFilterClick: () => b(w.RECURRING_TRANSACTIONS_CLICK_FILTER),
|
|
579
572
|
onBackClick: t,
|
|
580
573
|
sx: n,
|
|
581
574
|
title: a.title,
|
|
@@ -618,7 +611,7 @@ const Z = {
|
|
|
618
611
|
}
|
|
619
612
|
)
|
|
620
613
|
] });
|
|
621
|
-
}),
|
|
614
|
+
}), wn = T(
|
|
622
615
|
({ onPrimaryCtaClick: t, sx: n }) => {
|
|
623
616
|
const { accounts: i } = pe(), { recurring: a } = D(), { setFilter: r } = ge(), { isDataLoaded: l, loadRepeatingTransactions: u } = v(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: m, selectedAccountGuids: f } = V();
|
|
624
617
|
return h.useEffect(() => {
|
|
@@ -740,11 +733,11 @@ const Z = {
|
|
|
740
733
|
accounts: f
|
|
741
734
|
}), B({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), b().finally(), i(!0));
|
|
742
735
|
}, [m]), h.useEffect(() => {
|
|
743
|
-
n && a(
|
|
736
|
+
n && a(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
|
|
744
737
|
state: y.length > 0 ? "default" : "zeroState"
|
|
745
738
|
});
|
|
746
739
|
}, [n]);
|
|
747
|
-
const
|
|
740
|
+
const _ = g <= 288, te = g >= 450, ne = h.useMemo(() => {
|
|
748
741
|
const G = [
|
|
749
742
|
{ color: r.palette.success.main, percentage: `${W / d}` }
|
|
750
743
|
];
|
|
@@ -760,18 +753,18 @@ const Z = {
|
|
|
760
753
|
r.palette.error.main
|
|
761
754
|
]), C = h.useMemo(() => L(d, d === 0 ? "0,0" : "0,0.00"), [d]), ie = () => {
|
|
762
755
|
a(
|
|
763
|
-
y.length > 0 ?
|
|
756
|
+
y.length > 0 ? w.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : w.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
|
|
764
757
|
), t();
|
|
765
758
|
};
|
|
766
759
|
if (!s || !n || !Q) return /* @__PURE__ */ e(j, { height: 100 });
|
|
767
|
-
const Oe = 32, ke = y.length > 0, We = () => ke ?
|
|
760
|
+
const Oe = 32, ke = y.length > 0, We = () => ke ? _ ? /* @__PURE__ */ e(
|
|
768
761
|
Dt,
|
|
769
762
|
{
|
|
770
763
|
logoSize: Oe,
|
|
771
764
|
maxLogos: 3,
|
|
772
765
|
upcomingRecurrences: y.slice(0, 3)
|
|
773
766
|
}
|
|
774
|
-
) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width:
|
|
767
|
+
) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: _ ? 64 : 104 } }), $e = [
|
|
775
768
|
{
|
|
776
769
|
amount: W,
|
|
777
770
|
bgColor: "success.main",
|
|
@@ -809,7 +802,7 @@ const Z = {
|
|
|
809
802
|
c,
|
|
810
803
|
{
|
|
811
804
|
sx: [
|
|
812
|
-
C.length >= 10 &&
|
|
805
|
+
C.length >= 10 && _ ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
|
|
813
806
|
{
|
|
814
807
|
alignItems: "baseline",
|
|
815
808
|
overflow: "hidden",
|
|
@@ -822,7 +815,7 @@ const Z = {
|
|
|
822
815
|
p,
|
|
823
816
|
{
|
|
824
817
|
sx: { width: "100%" },
|
|
825
|
-
variant: C.length >= 10 &&
|
|
818
|
+
variant: C.length >= 10 && _ ? "H3" : "H2",
|
|
826
819
|
children: C
|
|
827
820
|
}
|
|
828
821
|
),
|
|
@@ -860,7 +853,7 @@ const Z = {
|
|
|
860
853
|
amount: G.amount,
|
|
861
854
|
bgcolor: G.bgColor,
|
|
862
855
|
isLargeScreen: te,
|
|
863
|
-
isSmallScreen:
|
|
856
|
+
isSmallScreen: _,
|
|
864
857
|
label: G.label
|
|
865
858
|
},
|
|
866
859
|
`recurrence-legend-${Pe}`
|
|
@@ -879,8 +872,8 @@ export {
|
|
|
879
872
|
kn as ManageIncome,
|
|
880
873
|
He as RecurringSettings,
|
|
881
874
|
vn as RecurringTransactionsMicroWidget,
|
|
882
|
-
|
|
875
|
+
wn as RecurringTransactionsMiniWidget,
|
|
883
876
|
Gn as RecurringTransactionsStore,
|
|
884
|
-
|
|
877
|
+
_n as RecurringTransactionsWidget,
|
|
885
878
|
Wn as SelectTransaction
|
|
886
879
|
};
|