@mx-cartographer/experiences 7.0.26-alpha-recurring-transactions-padding-ram3 → 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
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,7 +450,7 @@ const Z = {
|
|
|
450
450
|
end: z(C)
|
|
451
451
|
});
|
|
452
452
|
};
|
|
453
|
-
return /* @__PURE__ */ o(oe, { container: !0, sx: { pt: 16,
|
|
453
|
+
return /* @__PURE__ */ o(oe, { container: !0, sx: { pt: 16, px: 24, spacing: 24 }, children: [
|
|
454
454
|
/* @__PURE__ */ e(oe, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ o(c, { sx: { gap: 16 }, children: [
|
|
455
455
|
/* @__PURE__ */ o(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
|
|
456
456
|
/* @__PURE__ */ e(qe, { sx: { px: 24 }, children: N(
|
|
@@ -471,7 +471,7 @@ const Z = {
|
|
|
471
471
|
] })
|
|
472
472
|
] }),
|
|
473
473
|
/* @__PURE__ */ e(
|
|
474
|
-
|
|
474
|
+
we,
|
|
475
475
|
{
|
|
476
476
|
expected: g,
|
|
477
477
|
missed: m,
|
|
@@ -482,7 +482,7 @@ const Z = {
|
|
|
482
482
|
}
|
|
483
483
|
),
|
|
484
484
|
/* @__PURE__ */ e(
|
|
485
|
-
|
|
485
|
+
we,
|
|
486
486
|
{
|
|
487
487
|
expected: s,
|
|
488
488
|
isExpense: !1,
|
|
@@ -525,7 +525,7 @@ const Z = {
|
|
|
525
525
|
$ === 1 && /* @__PURE__ */ e(
|
|
526
526
|
H,
|
|
527
527
|
{
|
|
528
|
-
onRecurrenceClick:
|
|
528
|
+
onRecurrenceClick: _,
|
|
529
529
|
recurrences: f
|
|
530
530
|
}
|
|
531
531
|
)
|
|
@@ -536,7 +536,7 @@ const Z = {
|
|
|
536
536
|
/* @__PURE__ */ e(
|
|
537
537
|
H,
|
|
538
538
|
{
|
|
539
|
-
onRecurrenceClick:
|
|
539
|
+
onRecurrenceClick: _,
|
|
540
540
|
recurrences: d || f,
|
|
541
541
|
title: y ? N(
|
|
542
542
|
t.day_transactions,
|
|
@@ -546,7 +546,7 @@ const Z = {
|
|
|
546
546
|
)
|
|
547
547
|
] }) })
|
|
548
548
|
] });
|
|
549
|
-
}),
|
|
549
|
+
}), _n = T(({ onBackClick: t, sx: n = {} }) => {
|
|
550
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);
|
|
551
551
|
return h.useEffect(() => {
|
|
552
552
|
g(i);
|
|
@@ -562,13 +562,13 @@ const Z = {
|
|
|
562
562
|
actions: [
|
|
563
563
|
{
|
|
564
564
|
label: a.action_title,
|
|
565
|
-
iconName: "
|
|
565
|
+
iconName: "credit_card_gear",
|
|
566
566
|
onClick: () => {
|
|
567
|
-
d(!0), b(
|
|
567
|
+
d(!0), b(w.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
|
|
568
568
|
}
|
|
569
569
|
}
|
|
570
570
|
],
|
|
571
|
-
onAccountsFilterClick: () => b(
|
|
571
|
+
onAccountsFilterClick: () => b(w.RECURRING_TRANSACTIONS_CLICK_FILTER),
|
|
572
572
|
onBackClick: t,
|
|
573
573
|
sx: n,
|
|
574
574
|
title: a.title,
|
|
@@ -611,7 +611,7 @@ const Z = {
|
|
|
611
611
|
}
|
|
612
612
|
)
|
|
613
613
|
] });
|
|
614
|
-
}),
|
|
614
|
+
}), wn = T(
|
|
615
615
|
({ onPrimaryCtaClick: t, sx: n }) => {
|
|
616
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();
|
|
617
617
|
return h.useEffect(() => {
|
|
@@ -733,11 +733,11 @@ const Z = {
|
|
|
733
733
|
accounts: f
|
|
734
734
|
}), B({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), b().finally(), i(!0));
|
|
735
735
|
}, [m]), h.useEffect(() => {
|
|
736
|
-
n && a(
|
|
736
|
+
n && a(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
|
|
737
737
|
state: y.length > 0 ? "default" : "zeroState"
|
|
738
738
|
});
|
|
739
739
|
}, [n]);
|
|
740
|
-
const
|
|
740
|
+
const _ = g <= 288, te = g >= 450, ne = h.useMemo(() => {
|
|
741
741
|
const G = [
|
|
742
742
|
{ color: r.palette.success.main, percentage: `${W / d}` }
|
|
743
743
|
];
|
|
@@ -753,18 +753,18 @@ const Z = {
|
|
|
753
753
|
r.palette.error.main
|
|
754
754
|
]), C = h.useMemo(() => L(d, d === 0 ? "0,0" : "0,0.00"), [d]), ie = () => {
|
|
755
755
|
a(
|
|
756
|
-
y.length > 0 ?
|
|
756
|
+
y.length > 0 ? w.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : w.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
|
|
757
757
|
), t();
|
|
758
758
|
};
|
|
759
759
|
if (!s || !n || !Q) return /* @__PURE__ */ e(j, { height: 100 });
|
|
760
|
-
const Oe = 32, ke = y.length > 0, We = () => ke ?
|
|
760
|
+
const Oe = 32, ke = y.length > 0, We = () => ke ? _ ? /* @__PURE__ */ e(
|
|
761
761
|
Dt,
|
|
762
762
|
{
|
|
763
763
|
logoSize: Oe,
|
|
764
764
|
maxLogos: 3,
|
|
765
765
|
upcomingRecurrences: y.slice(0, 3)
|
|
766
766
|
}
|
|
767
|
-
) : /* @__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 = [
|
|
768
768
|
{
|
|
769
769
|
amount: W,
|
|
770
770
|
bgColor: "success.main",
|
|
@@ -802,7 +802,7 @@ const Z = {
|
|
|
802
802
|
c,
|
|
803
803
|
{
|
|
804
804
|
sx: [
|
|
805
|
-
C.length >= 10 &&
|
|
805
|
+
C.length >= 10 && _ ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
|
|
806
806
|
{
|
|
807
807
|
alignItems: "baseline",
|
|
808
808
|
overflow: "hidden",
|
|
@@ -815,7 +815,7 @@ const Z = {
|
|
|
815
815
|
p,
|
|
816
816
|
{
|
|
817
817
|
sx: { width: "100%" },
|
|
818
|
-
variant: C.length >= 10 &&
|
|
818
|
+
variant: C.length >= 10 && _ ? "H3" : "H2",
|
|
819
819
|
children: C
|
|
820
820
|
}
|
|
821
821
|
),
|
|
@@ -853,7 +853,7 @@ const Z = {
|
|
|
853
853
|
amount: G.amount,
|
|
854
854
|
bgcolor: G.bgColor,
|
|
855
855
|
isLargeScreen: te,
|
|
856
|
-
isSmallScreen:
|
|
856
|
+
isSmallScreen: _,
|
|
857
857
|
label: G.label
|
|
858
858
|
},
|
|
859
859
|
`recurrence-legend-${Pe}`
|
|
@@ -872,8 +872,8 @@ export {
|
|
|
872
872
|
kn as ManageIncome,
|
|
873
873
|
He as RecurringSettings,
|
|
874
874
|
vn as RecurringTransactionsMicroWidget,
|
|
875
|
-
|
|
875
|
+
wn as RecurringTransactionsMiniWidget,
|
|
876
876
|
Gn as RecurringTransactionsStore,
|
|
877
|
-
|
|
877
|
+
_n as RecurringTransactionsWidget,
|
|
878
878
|
Wn as SelectTransaction
|
|
879
879
|
};
|