@mx-cartographer/experiences 3.1.3-alpha.j2 → 3.1.3
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +9 -0
- package/dist/index.es.js +146 -142
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
@@ -9,11 +9,11 @@ import la from "@mui/system/Stack";
|
|
9
9
|
import { AccountsIcon as Ui, P as yA, Icon as x, useTokens as mA, Text as E, H2 as Xt, DialogHeader as Fi, DialogFooter as ji, Drawer as Wi, Footer as Yi, DateRangePicker as da, H3 as Vi, H1 as fe, TextField as Ie, IconWeight as NA, MerchantLogo as be, CategoryIcon as We, CategoryIconVariants as pr, InstitutionLogo as Ge, THEMES as ua, createMXTheme as Er } from "@kyper/mui";
|
10
10
|
import Ji from "bowser";
|
11
11
|
import { getUnixTime as lA } from "date-fns/getUnixTime";
|
12
|
-
import { Honeybadger as
|
12
|
+
import { Honeybadger as Et } from "@honeybadger-io/react";
|
13
13
|
import ha from "numeral";
|
14
14
|
import { intlFormat as Zi } from "date-fns/intlFormat";
|
15
15
|
import tA from "@mui/material/Button";
|
16
|
-
import
|
16
|
+
import gt from "@mui/material/Tooltip";
|
17
17
|
import PA from "@mui/material/IconButton";
|
18
18
|
import wn from "@mui/material/FormControlLabel";
|
19
19
|
import j from "@mui/material/ListItem";
|
@@ -23,7 +23,7 @@ import $i from "@mui/material/Popover";
|
|
23
23
|
import w from "@mui/material/Stack";
|
24
24
|
import Ot from "@mui/material/Checkbox";
|
25
25
|
import uA from "@mui/material/styles/useTheme";
|
26
|
-
import
|
26
|
+
import yt from "@mui/material/useMediaQuery";
|
27
27
|
import { css as HA, keyframes as Ao } from "@mxenabled/cssinjs";
|
28
28
|
import { addDays as se } from "date-fns/addDays";
|
29
29
|
import { addMonths as QA } from "date-fns/addMonths";
|
@@ -46,7 +46,7 @@ import { selectAll as io, interpolateString as oo, arc as so } from "d3";
|
|
46
46
|
import { useTheme as ze, keyframes as co, ThemeProvider as lo } from "@mui/material/styles";
|
47
47
|
import { ResponsiveChartContainer as uo, AreaPlot as ho, LinePlot as Co, MarkPlot as go, BarPlot as fo, ChartsXAxis as vo, ChartsYAxis as mo, ChartsReferenceLine as po, ChartsLegend as Eo } from "@mui/x-charts";
|
48
48
|
import { Stack as rn, Box as Pt, useTheme as Nn, Card as yo, List as wo, Divider as Lo } from "@mui/material";
|
49
|
-
import { addYears as
|
49
|
+
import { addYears as ct } from "date-fns/addYears";
|
50
50
|
import { differenceInCalendarDays as To } from "date-fns/differenceInCalendarDays";
|
51
51
|
import { endOfToday as Xe } from "date-fns/endOfToday";
|
52
52
|
import { endOfYear as Ca } from "date-fns/endOfYear";
|
@@ -73,7 +73,7 @@ import { useVirtualizer as Lr } from "@tanstack/react-virtual";
|
|
73
73
|
import { fromUnixTime as va, isSameDay as xo, subDays as No, startOfToday as Mo, endOfToday as Ro } from "date-fns";
|
74
74
|
import { addQuarters as Ne } from "date-fns/addQuarters";
|
75
75
|
import { addWeeks as Be } from "date-fns/addWeeks";
|
76
|
-
import { getDay as
|
76
|
+
import { getDay as lt } from "date-fns/getDay";
|
77
77
|
import { nextDay as Ln } from "date-fns/nextDay";
|
78
78
|
import { setDate as Tn } from "date-fns/setDate";
|
79
79
|
import { fromUnixTime as IA } from "date-fns/fromUnixTime";
|
@@ -81,14 +81,14 @@ import $A from "@mui/material/Tab";
|
|
81
81
|
import Ye from "@mui/material/Tabs";
|
82
82
|
import { parseISO as Tr } from "date-fns/parseISO";
|
83
83
|
import le from "@mui/material/Skeleton";
|
84
|
-
import { isAfter as
|
84
|
+
import { isAfter as dt } from "date-fns/isAfter";
|
85
85
|
import { subWeeks as ma } from "date-fns/subWeeks";
|
86
86
|
import { formatISO as Hn } from "date-fns/formatISO";
|
87
87
|
import { DataGridPro as Ir } from "@mui/x-data-grid-pro";
|
88
88
|
import _n from "@mui/material/MenuItem";
|
89
89
|
import zo from "@mui/material/RadioGroup";
|
90
90
|
import Sr from "@mui/icons-material/ExpandMore";
|
91
|
-
import
|
91
|
+
import ut from "@mui/icons-material/DeleteOutlined";
|
92
92
|
import br from "@mui/material/Switch";
|
93
93
|
import Ut from "@mui/material/TextField";
|
94
94
|
import Nt from "@mui/icons-material/Cancel";
|
@@ -111,7 +111,7 @@ import Xo from "@mui/icons-material/AccessTimeFilled";
|
|
111
111
|
import Uo from "@mui/icons-material/MonetizationOn";
|
112
112
|
import Or from "@mui/icons-material/CheckCircle";
|
113
113
|
import { isValid as Fo } from "date-fns/isValid";
|
114
|
-
import { getDate as
|
114
|
+
import { getDate as it } from "date-fns/getDate";
|
115
115
|
import Me from "@mui/material/Unstable_Grid2";
|
116
116
|
import { DatePicker as jo } from "@mui/x-date-pickers";
|
117
117
|
import Pr from "@mui/material/Collapse";
|
@@ -190,7 +190,7 @@ const hs = async (A, e, n = "1.0.0", a = "Experiences") => {
|
|
190
190
|
[]
|
191
191
|
);
|
192
192
|
return n ? r : r.join("");
|
193
|
-
}, C7 = (A, e, n, ...a) => !A || !e ? "" : z(n === 1 ? A : e, ...a), Se = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase(),
|
193
|
+
}, C7 = (A, e, n, ...a) => !A || !e ? "" : z(n === 1 ? A : e, ...a), Se = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase(), wt = [500, 502, 503, 504], Lt = "";
|
194
194
|
class BA {
|
195
195
|
endpoint = "/";
|
196
196
|
headers = {};
|
@@ -208,10 +208,10 @@ class BA {
|
|
208
208
|
method: "GET",
|
209
209
|
headers: this.headers
|
210
210
|
};
|
211
|
-
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() :
|
211
|
+
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() : wt.includes(a.status) ? a.text().then((r) => {
|
212
212
|
throw new Error(r);
|
213
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`),
|
214
|
-
if (
|
213
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`), Lt)).then((a) => a.length ? JSON.parse(a) : {}).then((a) => a).catch((a) => {
|
214
|
+
if (Et.notify(a), this.propagateError)
|
215
215
|
throw new Error(a);
|
216
216
|
return a;
|
217
217
|
});
|
@@ -222,10 +222,10 @@ class BA {
|
|
222
222
|
headers: this.headers,
|
223
223
|
body: a
|
224
224
|
};
|
225
|
-
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() :
|
225
|
+
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() : wt.includes(i.status) ? i.text().then((o) => {
|
226
226
|
throw new Error(o);
|
227
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`),
|
228
|
-
if (
|
227
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`), Lt)).then((i) => i.length ? JSON.parse(i) : {}).then((i) => i).catch((i) => {
|
228
|
+
if (Et.notify(i), this.propagateError)
|
229
229
|
throw new Error(i);
|
230
230
|
return i;
|
231
231
|
});
|
@@ -236,10 +236,10 @@ class BA {
|
|
236
236
|
headers: this.headers,
|
237
237
|
body: a
|
238
238
|
};
|
239
|
-
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() :
|
239
|
+
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() : wt.includes(i.status) ? i.text().then((o) => {
|
240
240
|
throw new Error(o);
|
241
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`),
|
242
|
-
if (
|
241
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`), Lt)).then((i) => i.length ? JSON.parse(i) : {}).then((i) => i).catch((i) => {
|
242
|
+
if (Et.notify(i), this.propagateError)
|
243
243
|
throw new Error(i);
|
244
244
|
return i;
|
245
245
|
});
|
@@ -249,10 +249,10 @@ class BA {
|
|
249
249
|
method: "DELETE",
|
250
250
|
headers: this.headers
|
251
251
|
};
|
252
|
-
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() :
|
252
|
+
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() : wt.includes(a.status) ? a.text().then((r) => {
|
253
253
|
throw new Error(r);
|
254
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`),
|
255
|
-
if (
|
254
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`), Lt)).then((a) => a.length ? JSON.parse(a) : {}).then((a) => a).catch((a) => {
|
255
|
+
if (Et.notify(a), this.propagateError)
|
256
256
|
throw new Error(a);
|
257
257
|
return a;
|
258
258
|
});
|
@@ -1181,13 +1181,13 @@ const xs = (A, e) => {
|
|
1181
1181
|
}, [A, n]);
|
1182
1182
|
}, re = () => ({
|
1183
1183
|
// Larger than 1200
|
1184
|
-
isDesktop:
|
1184
|
+
isDesktop: yt(uA().breakpoints.up("xl")),
|
1185
1185
|
// Smaller than 768
|
1186
|
-
isMobile:
|
1186
|
+
isMobile: yt(uA().breakpoints.down("md")),
|
1187
1187
|
// Between 768 and 992
|
1188
|
-
isSmallTablet:
|
1188
|
+
isSmallTablet: yt(uA().breakpoints.between("md", "lg")),
|
1189
1189
|
// Between 768 and 1200
|
1190
|
-
isTablet:
|
1190
|
+
isTablet: yt(uA().breakpoints.between("md", "xl"))
|
1191
1191
|
}), Qr = (A) => {
|
1192
1192
|
const e = Gi();
|
1193
1193
|
return ge(() => {
|
@@ -1216,7 +1216,7 @@ const xs = (A, e) => {
|
|
1216
1216
|
u(null);
|
1217
1217
|
};
|
1218
1218
|
return /* @__PURE__ */ d(b, { className: "mx-cmn-account-filter", m: 4, sx: { ...o }, children: [
|
1219
|
-
c ? /* @__PURE__ */ t(
|
1219
|
+
c ? /* @__PURE__ */ t(gt, { id: "filter-accounts", placement: "bottom", title: e.title, children: /* @__PURE__ */ t(
|
1220
1220
|
PA,
|
1221
1221
|
{
|
1222
1222
|
"aria-controls": "filter_accounts",
|
@@ -1577,8 +1577,8 @@ const xs = (A, e) => {
|
|
1577
1577
|
}
|
1578
1578
|
);
|
1579
1579
|
}, Us = (A, e) => HA({
|
1580
|
-
height:
|
1581
|
-
width:
|
1580
|
+
height: ot,
|
1581
|
+
width: ot,
|
1582
1582
|
display: "flex",
|
1583
1583
|
justifyContent: "center",
|
1584
1584
|
"&.mx-cmn-out-of-month": {
|
@@ -1621,7 +1621,7 @@ const xs = (A, e) => {
|
|
1621
1621
|
paddingBottom: 5
|
1622
1622
|
}
|
1623
1623
|
}
|
1624
|
-
}), Fs = 340,
|
1624
|
+
}), Fs = 340, ot = 44;
|
1625
1625
|
var Ur = /* @__PURE__ */ ((A) => (A.None = "None", A.Single = "Single", A.Range = "Range", A))(Ur || {});
|
1626
1626
|
const js = ({
|
1627
1627
|
copy: A,
|
@@ -1698,9 +1698,9 @@ const js = ({
|
|
1698
1698
|
justifyContent: "center",
|
1699
1699
|
textAlign: "center",
|
1700
1700
|
"& .mx-cmn-calendar-header-cell": {
|
1701
|
-
height:
|
1702
|
-
width:
|
1703
|
-
minWidth:
|
1701
|
+
height: ot,
|
1702
|
+
width: ot,
|
1703
|
+
minWidth: ot,
|
1704
1704
|
"& .kmui-text": {
|
1705
1705
|
alignItems: "center",
|
1706
1706
|
display: "flex",
|
@@ -2116,7 +2116,7 @@ const js = ({
|
|
2116
2116
|
if (g === n.dateRangePickerCopy.dateRangeThisMonth)
|
2117
2117
|
H[0] = B ? Re(G, 1) : QA(G, 1), H[1] = MA(B ? Re(_, 1) : QA(_, 1));
|
2118
2118
|
else if (g === n.dateRangePickerCopy.dateRangeYTD || g === n.dateRangePickerCopy.dateRangeLastYear)
|
2119
|
-
H[0] = B ? fa(ga(G), 1) :
|
2119
|
+
H[0] = B ? fa(ga(G), 1) : ct(ga(G), 1), H[1] = B ? fa(Ca(G), 1) : ct(Ca(G), 1);
|
2120
2120
|
else {
|
2121
2121
|
const q = To(_, G);
|
2122
2122
|
H[0] = S === "previous" ? ne(G, q) : se(G, q), H[1] = S === "previous" ? ne(_, q) : se(_, q);
|
@@ -2129,7 +2129,7 @@ const js = ({
|
|
2129
2129
|
};
|
2130
2130
|
return /* @__PURE__ */ d(b, { className: "mx-cmn-date-range-selector", m: 4, children: [
|
2131
2131
|
/* @__PURE__ */ t(
|
2132
|
-
|
2132
|
+
gt,
|
2133
2133
|
{
|
2134
2134
|
id: "select-date",
|
2135
2135
|
placement: "bottom",
|
@@ -2416,7 +2416,7 @@ const js = ({
|
|
2416
2416
|
if (!e)
|
2417
2417
|
throw new Error(`${A}() must be used within the WidgetContainerContext`);
|
2418
2418
|
return e;
|
2419
|
-
},
|
2419
|
+
}, ft = () => oc(), sc = (A, e) => C.useMemo(() => {
|
2420
2420
|
let n = null;
|
2421
2421
|
return (...a) => {
|
2422
2422
|
n && clearTimeout(n), n = setTimeout(() => {
|
@@ -2746,7 +2746,7 @@ const De = ({
|
|
2746
2746
|
}
|
2747
2747
|
),
|
2748
2748
|
/* @__PURE__ */ t(
|
2749
|
-
|
2749
|
+
gt,
|
2750
2750
|
{
|
2751
2751
|
describeChild: !0,
|
2752
2752
|
placement: a,
|
@@ -2807,7 +2807,7 @@ const De = ({
|
|
2807
2807
|
pr: 8,
|
2808
2808
|
py: 4,
|
2809
2809
|
sx: { "&:hover": { borderColor: i.palette.action.active }, ...n },
|
2810
|
-
children: /* @__PURE__ */ t(
|
2810
|
+
children: /* @__PURE__ */ t(gt, { title: a, children: /* @__PURE__ */ t(
|
2811
2811
|
wn,
|
2812
2812
|
{
|
2813
2813
|
control: /* @__PURE__ */ t(
|
@@ -2895,7 +2895,7 @@ const De = ({
|
|
2895
2895
|
iconName: e = "info",
|
2896
2896
|
title: n
|
2897
2897
|
}) => /* @__PURE__ */ t(
|
2898
|
-
|
2898
|
+
gt,
|
2899
2899
|
{
|
2900
2900
|
title: /* @__PURE__ */ d(w, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
|
2901
2901
|
/* @__PURE__ */ t(E, { bold: !0, variant: "Body", children: n }),
|
@@ -3040,7 +3040,7 @@ const Je = () => {
|
|
3040
3040
|
/* @__PURE__ */ t(VA, { amount: A, bold: !0, sx: { fontSize: 12 } })
|
3041
3041
|
] });
|
3042
3042
|
}, vc = ({ onAddIncomeClick: A }) => {
|
3043
|
-
const e = uA(), { availableWidth: n } =
|
3043
|
+
const e = uA(), { availableWidth: n } = ft(), { cashAccounts: a, cashBalance: r } = SA(), { selectedAccountGuids: i } = hA(), { cashflow: o } = X(), { userProfile: s } = Yt(), {
|
3044
3044
|
daysUntilNextIncome: c,
|
3045
3045
|
expensesTilNextIncome: l,
|
3046
3046
|
selectedCashAccounts: u,
|
@@ -3260,7 +3260,7 @@ class Ra {
|
|
3260
3260
|
updateTag = async (e) => this.fetchInstance.put(`${M.TAGS}/${e.guid}`, e).then((n) => n.tag);
|
3261
3261
|
updateTransaction = async (e) => this.fetchInstance.put(`${M.TRANSACTIONS}/${e.guid}`, e).then((n) => n.transaction);
|
3262
3262
|
}
|
3263
|
-
var
|
3263
|
+
var at = /* @__PURE__ */ ((A) => (A[A.Category = 0] = "Category", A[A.Date = 1] = "Date", A[A.Memo = 2] = "Memo", A[A.Tags = 3] = "Tags", A))(at || {}), Dt = /* @__PURE__ */ ((A) => (A[A.SplitTransaction = 0] = "SplitTransaction", A[A.HideTransaction = 1] = "HideTransaction", A[A.MerchantLogo = 2] = "MerchantLogo", A))(Dt || {});
|
3264
3264
|
const Ec = [
|
3265
3265
|
0,
|
3266
3266
|
1,
|
@@ -3971,7 +3971,7 @@ const GA = () => {
|
|
3971
3971
|
const n = IA(e[A].date), a = IA(e[A + 1]?.date);
|
3972
3972
|
return qA(n, a);
|
3973
3973
|
}, $n = (A) => {
|
3974
|
-
const e =
|
3974
|
+
const e = lt(A);
|
3975
3975
|
let n = Ln(A, e);
|
3976
3976
|
for (; cA(n, F()); )
|
3977
3977
|
n = Be(n, 1);
|
@@ -3995,7 +3995,7 @@ const GA = () => {
|
|
3995
3995
|
}, Bc = (A) => {
|
3996
3996
|
const e = $r(A);
|
3997
3997
|
return Ne(e, 1);
|
3998
|
-
}, kc = (A) =>
|
3998
|
+
}, kc = (A) => ct(A, 1), st = (A) => {
|
3999
3999
|
const e = IA(A);
|
4000
4000
|
return new Date(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate());
|
4001
4001
|
}, Jt = (A) => aA(IA(A), nA.DAY_OF_WEEK_MONTH_DAY), qa = 65, Ka = 34, Gc = ({
|
@@ -4059,7 +4059,7 @@ const GA = () => {
|
|
4059
4059
|
]
|
4060
4060
|
}
|
4061
4061
|
) }) });
|
4062
|
-
},
|
4062
|
+
}, vt = O(Gc), Qc = (A) => /* @__PURE__ */ d(E, { tabIndex: A.tabIndex, variant: "Small", children: [
|
4063
4063
|
`${A.row.account}`,
|
4064
4064
|
A.row.number && ` | ${A.row.number}`
|
4065
4065
|
] }), Xc = (A) => {
|
@@ -4401,7 +4401,7 @@ const Jc = ({
|
|
4401
4401
|
onClick: () => {
|
4402
4402
|
m(!0), i(!0), u(ZA.ON_SUBCATEGORY_DELETE_CLICK);
|
4403
4403
|
},
|
4404
|
-
children: /* @__PURE__ */ t(
|
4404
|
+
children: /* @__PURE__ */ t(ut, { color: "secondary" })
|
4405
4405
|
}
|
4406
4406
|
)
|
4407
4407
|
] }),
|
@@ -4864,7 +4864,7 @@ const Ai = ({ transaction: A }) => {
|
|
4864
4864
|
e(N.ON_TRANSACTION_DELETE_CLICK), a(!0), s(!0);
|
4865
4865
|
},
|
4866
4866
|
children: [
|
4867
|
-
/* @__PURE__ */ t(OA, { children: /* @__PURE__ */ t(ve, { variant: "rounded", children: /* @__PURE__ */ t(
|
4867
|
+
/* @__PURE__ */ t(OA, { children: /* @__PURE__ */ t(ve, { variant: "rounded", children: /* @__PURE__ */ t(ut, { color: "secondary", fontSize: "small" }) }) }),
|
4868
4868
|
/* @__PURE__ */ t(
|
4869
4869
|
oA,
|
4870
4870
|
{
|
@@ -4872,7 +4872,7 @@ const Ai = ({ transaction: A }) => {
|
|
4872
4872
|
secondary: i.manual_transaction_delete_subtitle
|
4873
4873
|
}
|
4874
4874
|
),
|
4875
|
-
/* @__PURE__ */ t(ae, { children: /* @__PURE__ */ t(
|
4875
|
+
/* @__PURE__ */ t(ae, { children: /* @__PURE__ */ t(ut, {}) })
|
4876
4876
|
]
|
4877
4877
|
}
|
4878
4878
|
) }),
|
@@ -5149,7 +5149,7 @@ const Ai = ({ transaction: A }) => {
|
|
5149
5149
|
o(N.ON_TRANSACTION_SPLIT_DELETE_CLICK), e(A);
|
5150
5150
|
},
|
5151
5151
|
sx: { w: 44, h: 44 },
|
5152
|
-
children: /* @__PURE__ */ t(
|
5152
|
+
children: /* @__PURE__ */ t(ut, {})
|
5153
5153
|
}
|
5154
5154
|
)
|
5155
5155
|
] }),
|
@@ -5478,7 +5478,7 @@ const Ai = ({ transaction: A }) => {
|
|
5478
5478
|
"aria-label": `Delete ${n.name} tag`,
|
5479
5479
|
color: "secondary",
|
5480
5480
|
onClick: L,
|
5481
|
-
children: /* @__PURE__ */ t(
|
5481
|
+
children: /* @__PURE__ */ t(ut, { color: "secondary" })
|
5482
5482
|
}
|
5483
5483
|
)
|
5484
5484
|
] }),
|
@@ -5735,10 +5735,10 @@ const Ai = ({ transaction: A }) => {
|
|
5735
5735
|
)
|
5736
5736
|
] }),
|
5737
5737
|
/* @__PURE__ */ t(oe, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(rA, { children: e.map((o, s) => /* @__PURE__ */ d(C.Fragment, { children: [
|
5738
|
-
o ===
|
5739
|
-
o ===
|
5740
|
-
o ===
|
5741
|
-
o ===
|
5738
|
+
o === at.Category && /* @__PURE__ */ t(Ai, { transaction: n }),
|
5739
|
+
o === at.Date && /* @__PURE__ */ t(ei, { transaction: n }),
|
5740
|
+
o === at.Memo && /* @__PURE__ */ t(ni, { transaction: n }),
|
5741
|
+
o === at.Tags && /* @__PURE__ */ t(ai, { transaction: n }),
|
5742
5742
|
/* @__PURE__ */ t(K, { variant: s < e.length - 1 ? "inset" : "fullWidth" })
|
5743
5743
|
] }, o)) }) }),
|
5744
5744
|
/* @__PURE__ */ t(E, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
|
@@ -6039,7 +6039,7 @@ const Ai = ({ transaction: A }) => {
|
|
6039
6039
|
[i.breakpoints.up("md")]: { display: "none" }
|
6040
6040
|
},
|
6041
6041
|
children: /* @__PURE__ */ t(
|
6042
|
-
|
6042
|
+
vt,
|
6043
6043
|
{
|
6044
6044
|
height: `calc(${e} - ${ka}px)`,
|
6045
6045
|
onClick: (TA) => {
|
@@ -6096,7 +6096,7 @@ const Ai = ({ transaction: A }) => {
|
|
6096
6096
|
repeat_month: null,
|
6097
6097
|
repeat_weekday: null,
|
6098
6098
|
start_date: lA(A.expectedDate)
|
6099
|
-
}, a = `${
|
6099
|
+
}, a = `${it(A.expectedDate)}`, r = `${Ke(A.expectedDate)}`, i = `${lt(A.expectedDate)}`;
|
6100
6100
|
switch (A.recurrenceType) {
|
6101
6101
|
case R.EveryWeek:
|
6102
6102
|
n.repeat_interval = "1", n.repeat_weekday = i;
|
@@ -6353,7 +6353,7 @@ const Ai = ({ transaction: A }) => {
|
|
6353
6353
|
}
|
6354
6354
|
),
|
6355
6355
|
/* @__PURE__ */ t(E, { bold: !0, sx: { ml: 24, mt: 16, mb: 4 }, variant: "Body", children: UA.activity_paid_transactions }),
|
6356
|
-
/* @__PURE__ */ t(
|
6356
|
+
/* @__PURE__ */ t(vt, { height: "30dvh", onClick: m }),
|
6357
6357
|
/* @__PURE__ */ t(
|
6358
6358
|
dA,
|
6359
6359
|
{
|
@@ -6555,19 +6555,19 @@ const Ai = ({ transaction: A }) => {
|
|
6555
6555
|
};
|
6556
6556
|
switch (e) {
|
6557
6557
|
case R.EveryWeek:
|
6558
|
-
a.repeat_interval = "1", a.repeat_weekday = `${
|
6558
|
+
a.repeat_interval = "1", a.repeat_weekday = `${lt(n)}`;
|
6559
6559
|
break;
|
6560
6560
|
case R.EveryOtherWeek:
|
6561
|
-
a.repeat_interval = "2", a.repeat_weekday = `${
|
6561
|
+
a.repeat_interval = "2", a.repeat_weekday = `${lt(n)}`;
|
6562
6562
|
break;
|
6563
6563
|
case R.EveryMonth:
|
6564
|
-
a.repeat_day = `${
|
6564
|
+
a.repeat_day = `${it(n)}`;
|
6565
6565
|
break;
|
6566
6566
|
case R.EveryQuarter:
|
6567
|
-
a.repeat_interval = "3", a.repeat_day = `${
|
6567
|
+
a.repeat_interval = "3", a.repeat_day = `${it(n)}`;
|
6568
6568
|
break;
|
6569
6569
|
case R.EveryYear:
|
6570
|
-
a.repeat_day = `${
|
6570
|
+
a.repeat_day = `${it(n)}`, a.repeat_month = `${Ke(n)}`;
|
6571
6571
|
break;
|
6572
6572
|
}
|
6573
6573
|
return a;
|
@@ -6594,14 +6594,14 @@ const Ai = ({ transaction: A }) => {
|
|
6594
6594
|
switch (e) {
|
6595
6595
|
case R.EveryWeek:
|
6596
6596
|
case R.EveryOtherWeek:
|
6597
|
-
a.recurrence_day =
|
6597
|
+
a.recurrence_day = lt(n);
|
6598
6598
|
break;
|
6599
6599
|
case R.EveryMonth:
|
6600
6600
|
case R.EveryOtherMonth:
|
6601
6601
|
case R.EveryQuarter:
|
6602
6602
|
case R.EveryOtherQuarter:
|
6603
6603
|
case R.EveryYear:
|
6604
|
-
a.recurrence_day =
|
6604
|
+
a.recurrence_day = it(n);
|
6605
6605
|
break;
|
6606
6606
|
}
|
6607
6607
|
return a;
|
@@ -6630,7 +6630,7 @@ const Ai = ({ transaction: A }) => {
|
|
6630
6630
|
searchValue: r
|
6631
6631
|
}
|
6632
6632
|
),
|
6633
|
-
/* @__PURE__ */ t(
|
6633
|
+
/* @__PURE__ */ t(vt, { bgcolor: A, height: "auto", onClick: a, showLoader: !1 })
|
6634
6634
|
] });
|
6635
6635
|
}, ci = O(Zl), FA = {
|
6636
6636
|
expense_date_label: "Next expense date",
|
@@ -6729,7 +6729,7 @@ const Ai = ({ transaction: A }) => {
|
|
6729
6729
|
}
|
6730
6730
|
) })
|
6731
6731
|
] });
|
6732
|
-
}, Dn = (A) => A.top_level_category_guid !== v.INCOME && A.transaction_type === KA.DEBIT, $l = (A, e) => Dn(A) ? A.payee?.toLowerCase().includes(e.toLowerCase()) || A.description.toLowerCase().includes(e.toLowerCase()) || A.feed_description.toLowerCase().includes(e.toLowerCase()) : !1,
|
6732
|
+
}, Dn = (A) => A.top_level_category_guid !== v.INCOME && A.transaction_type === KA.DEBIT, $l = (A, e) => Dn(A) ? A.payee?.toLowerCase().includes(e.toLowerCase()) || A.description.toLowerCase().includes(e.toLowerCase()) || A.feed_description.toLowerCase().includes(e.toLowerCase()) : !1, ht = (A) => A.top_level_category_guid === v.INCOME || A.top_level_category_guid === v.TRANSFER && A.transaction_type === KA.CREDIT, di = (A, e) => ht(A) ? A.payee?.toLowerCase().includes(e.toLowerCase()) || A.description?.toLowerCase().includes(e.toLowerCase()) || A.feed_description?.toLowerCase().includes(e.toLowerCase()) : !1, qe = {
|
6733
6733
|
add_expense_description: "Here are all your debit transactions for the past 90 days. Choose one to get started on adding a recurring expense.",
|
6734
6734
|
add_income_description: "Here are all your credit transactions for the past 90 days. Choose one to get started on adding recurring income.",
|
6735
6735
|
close_drawer_aria: "Close",
|
@@ -6746,7 +6746,7 @@ const Ai = ({ transaction: A }) => {
|
|
6746
6746
|
() => c.find((D) => D.guid === h),
|
6747
6747
|
[h]
|
6748
6748
|
), I = () => {
|
6749
|
-
u(!0), s(A ? { ...o, custom:
|
6749
|
+
u(!0), s(A ? { ...o, custom: ht } : { ...o, custom: Dn });
|
6750
6750
|
}, L = async () => {
|
6751
6751
|
if (n(), !T || !p) {
|
6752
6752
|
P();
|
@@ -6789,7 +6789,7 @@ const Ai = ({ transaction: A }) => {
|
|
6789
6789
|
onSearch: (D) => {
|
6790
6790
|
s({
|
6791
6791
|
...o,
|
6792
|
-
custom: (S) => A ? D ? di(S, D) :
|
6792
|
+
custom: (S) => A ? D ? di(S, D) : ht(S) : D ? $l(S, D) : Dn(S)
|
6793
6793
|
});
|
6794
6794
|
},
|
6795
6795
|
onSelected: (D) => g(D)
|
@@ -6867,8 +6867,8 @@ const Ai = ({ transaction: A }) => {
|
|
6867
6867
|
activityType: CA.Income,
|
6868
6868
|
amount: u.amount,
|
6869
6869
|
categoryGuid: u.category_guid,
|
6870
|
-
expectedDate:
|
6871
|
-
occurredOnDate: u.occurred_on ?
|
6870
|
+
expectedDate: st(u.expected_date),
|
6871
|
+
occurredOnDate: u.occurred_on ? st(u.occurred_on) : void 0,
|
6872
6872
|
name: u.name,
|
6873
6873
|
institution: f ? On(f) : void 0,
|
6874
6874
|
institutionGuid: f?.institution_guid,
|
@@ -6898,7 +6898,7 @@ const Ai = ({ transaction: A }) => {
|
|
6898
6898
|
activityType: CA.Income,
|
6899
6899
|
amount: u.amount,
|
6900
6900
|
categoryGuid: u.category_guid,
|
6901
|
-
expectedDate:
|
6901
|
+
expectedDate: st(u.expected_date),
|
6902
6902
|
name: u.name,
|
6903
6903
|
institution: m ? On(m) : void 0,
|
6904
6904
|
institutionGuid: m?.institution_guid,
|
@@ -6943,7 +6943,7 @@ const Ai = ({ transaction: A }) => {
|
|
6943
6943
|
case R.EveryOtherWeek:
|
6944
6944
|
if (cA(o, u))
|
6945
6945
|
for (g = Be(o, 2); cA(g, h); )
|
6946
|
-
|
6946
|
+
dt(g, u) && a.push({
|
6947
6947
|
...s,
|
6948
6948
|
expectedDate: g
|
6949
6949
|
}), g = Be(g, 2);
|
@@ -6951,7 +6951,7 @@ const Ai = ({ transaction: A }) => {
|
|
6951
6951
|
for (a.push({
|
6952
6952
|
...s,
|
6953
6953
|
expectedDate: o
|
6954
|
-
}), g = ma(o, 2);
|
6954
|
+
}), g = ma(o, 2); dt(g, u); )
|
6955
6955
|
a.push({
|
6956
6956
|
...s,
|
6957
6957
|
expectedDate: g
|
@@ -7000,9 +7000,9 @@ const Ai = ({ transaction: A }) => {
|
|
7000
7000
|
});
|
7001
7001
|
break;
|
7002
7002
|
case R.EveryYear:
|
7003
|
-
cA(o, u) ? cA(
|
7003
|
+
cA(o, u) ? cA(ct(o, 1), h) && a.push({
|
7004
7004
|
...s,
|
7005
|
-
expectedDate:
|
7005
|
+
expectedDate: ct(o, 1)
|
7006
7006
|
}) : cA(o, h) && a.push({
|
7007
7007
|
...s,
|
7008
7008
|
expectedDate: o
|
@@ -7020,7 +7020,7 @@ const Ai = ({ transaction: A }) => {
|
|
7020
7020
|
}, sd = (A, e, n, a, r) => a.map((i) => {
|
7021
7021
|
const o = e.find((h) => h.cashflow_sequence_guid === i.guid), s = n.find((h) => h.cashflow_sequence_guid === i.guid), c = r.find((h) => h.guid === o?.transaction_guid), l = A.find((h) => h.guid === c?.account_guid);
|
7022
7022
|
let u = /* @__PURE__ */ new Date();
|
7023
|
-
return o ? u =
|
7023
|
+
return o ? u = st(o.expected_date) : s && (u = st(s.expected_date)), {
|
7024
7024
|
activityStatus: gA.Upcoming,
|
7025
7025
|
activityType: CA.Income,
|
7026
7026
|
amount: i.amount,
|
@@ -7081,7 +7081,7 @@ const Ai = ({ transaction: A }) => {
|
|
7081
7081
|
}, et = (A, e) => A + e.amount, dn = (A) => A.activityType === CA.Income && Qe(A.expectedDate, {
|
7082
7082
|
start: pA(F()),
|
7083
7083
|
end: MA(F())
|
7084
|
-
}),
|
7084
|
+
}), Tt = (A) => A.activityType === CA.Expense && Qe(A.expectedDate, {
|
7085
7085
|
start: pA(F()),
|
7086
7086
|
end: MA(F())
|
7087
7087
|
}), un = (A) => A.occurredOnDate && Qe(A.occurredOnDate, {
|
@@ -7148,7 +7148,7 @@ const Ai = ({ transaction: A }) => {
|
|
7148
7148
|
)
|
7149
7149
|
}
|
7150
7150
|
);
|
7151
|
-
}, dd = O(ld),
|
7151
|
+
}, dd = O(ld), It = ({ icon: A, label: e }) => /* @__PURE__ */ d(w, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
|
7152
7152
|
/* @__PURE__ */ t(A, {}),
|
7153
7153
|
/* @__PURE__ */ t(E, { variant: "XSmall", children: e })
|
7154
7154
|
] }), ud = () => /* @__PURE__ */ d(
|
@@ -7161,10 +7161,10 @@ const Ai = ({ transaction: A }) => {
|
|
7161
7161
|
justifyContent: "center",
|
7162
7162
|
mt: 12,
|
7163
7163
|
children: [
|
7164
|
-
/* @__PURE__ */ t(
|
7165
|
-
/* @__PURE__ */ t(
|
7166
|
-
/* @__PURE__ */ t(
|
7167
|
-
/* @__PURE__ */ t(
|
7164
|
+
/* @__PURE__ */ t(It, { icon: ta, label: "Expense" }),
|
7165
|
+
/* @__PURE__ */ t(It, { icon: na, label: "Income" }),
|
7166
|
+
/* @__PURE__ */ t(It, { icon: aa, label: "Missed" }),
|
7167
|
+
/* @__PURE__ */ t(It, { icon: ra, label: "Paid" })
|
7168
7168
|
]
|
7169
7169
|
}
|
7170
7170
|
), Qa = 58, hd = () => {
|
@@ -7232,7 +7232,7 @@ const Ai = ({ transaction: A }) => {
|
|
7232
7232
|
id: `date-${a}`,
|
7233
7233
|
activities: [n]
|
7234
7234
|
}), e;
|
7235
|
-
}, []),
|
7235
|
+
}, []), rt = ({
|
7236
7236
|
activities: A,
|
7237
7237
|
isMini: e = !1,
|
7238
7238
|
onResetClick: n,
|
@@ -7339,7 +7339,7 @@ const Ai = ({ transaction: A }) => {
|
|
7339
7339
|
selectedDayActivities: i,
|
7340
7340
|
setSelectedDay: o,
|
7341
7341
|
upcomingActivities: s
|
7342
|
-
} = RA(), [c, l] = C.useState(0), { onEvent: u } = U(), h = e.filter(un), g = a.filter(un), f = n.filter(un), m = h.filter(
|
7342
|
+
} = RA(), [c, l] = C.useState(0), { onEvent: u } = U(), h = e.filter(un), g = a.filter(un), f = n.filter(un), m = h.filter(Tt).reduce(et, 0), p = g.filter(Tt).reduce(et, 0), y = f.filter(Tt).reduce(et, 0), T = h.filter(Tt).length, I = h.filter(dn).reduce(et, 0), L = g.filter(dn).reduce(et, 0), P = h.filter(dn).length, D = (G, _) => {
|
7343
7343
|
l(_);
|
7344
7344
|
}, S = (G) => {
|
7345
7345
|
u(Z.RECURRING_ACTIVITY_CLICK_UPCOMING, {
|
@@ -7372,7 +7372,7 @@ const Ai = ({ transaction: A }) => {
|
|
7372
7372
|
}
|
7373
7373
|
),
|
7374
7374
|
!A && /* @__PURE__ */ t(
|
7375
|
-
|
7375
|
+
rt,
|
7376
7376
|
{
|
7377
7377
|
activities: s,
|
7378
7378
|
onActivityClick: S,
|
@@ -7395,19 +7395,19 @@ const Ai = ({ transaction: A }) => {
|
|
7395
7395
|
)
|
7396
7396
|
] }),
|
7397
7397
|
c === 0 && /* @__PURE__ */ t(
|
7398
|
-
|
7398
|
+
rt,
|
7399
7399
|
{
|
7400
7400
|
activities: s,
|
7401
7401
|
onActivityClick: S
|
7402
7402
|
}
|
7403
7403
|
),
|
7404
|
-
c === 1 && /* @__PURE__ */ t(
|
7404
|
+
c === 1 && /* @__PURE__ */ t(rt, { activities: g, onActivityClick: H })
|
7405
7405
|
] })
|
7406
7406
|
] }) }),
|
7407
7407
|
!A && /* @__PURE__ */ t(Me, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ d(w, { gap: 35, children: [
|
7408
7408
|
/* @__PURE__ */ t(gi, {}),
|
7409
7409
|
/* @__PURE__ */ t(
|
7410
|
-
|
7410
|
+
rt,
|
7411
7411
|
{
|
7412
7412
|
activities: i || g,
|
7413
7413
|
onActivityClick: H,
|
@@ -7420,7 +7420,7 @@ const Ai = ({ transaction: A }) => {
|
|
7420
7420
|
)
|
7421
7421
|
] }) })
|
7422
7422
|
] });
|
7423
|
-
}, fd = O(gd),
|
7423
|
+
}, fd = O(gd), St = {
|
7424
7424
|
close_drawer_aria: "Close",
|
7425
7425
|
recurring_activity_title: "Recurring Transactions",
|
7426
7426
|
recurring_activity_settings: "Settings"
|
@@ -7441,7 +7441,7 @@ const Ai = ({ transaction: A }) => {
|
|
7441
7441
|
accountOptions: n,
|
7442
7442
|
actions: [
|
7443
7443
|
{
|
7444
|
-
label:
|
7444
|
+
label: St.recurring_activity_settings,
|
7445
7445
|
iconName: "settings",
|
7446
7446
|
onClick: () => {
|
7447
7447
|
u(!0), c(Z.RECURRING_ACTIVITY_CLICK_SETTINGS);
|
@@ -7451,7 +7451,7 @@ const Ai = ({ transaction: A }) => {
|
|
7451
7451
|
onAccountsFilterClick: () => c(Z.RECURRING_ACTIVITY_CLICK_FILTER),
|
7452
7452
|
onBackClick: A,
|
7453
7453
|
sx: e,
|
7454
|
-
title:
|
7454
|
+
title: St.recurring_activity_title,
|
7455
7455
|
children: [
|
7456
7456
|
a || !s ? /* @__PURE__ */ t(fd, {}) : /* @__PURE__ */ d(w, { direction: "column", p: 48, spacing: 24, children: [
|
7457
7457
|
/* @__PURE__ */ t(le, { height: 100, variant: "rounded", width: "100%" }),
|
@@ -7461,11 +7461,11 @@ const Ai = ({ transaction: A }) => {
|
|
7461
7461
|
/* @__PURE__ */ t(
|
7462
7462
|
dA,
|
7463
7463
|
{
|
7464
|
-
ariaLabelClose:
|
7464
|
+
ariaLabelClose: St.close_drawer_aria,
|
7465
7465
|
isOpen: l,
|
7466
7466
|
onClose: () => u(!1),
|
7467
7467
|
shouldShowHeaderBorders: !1,
|
7468
|
-
title:
|
7468
|
+
title: St.recurring_activity_settings,
|
7469
7469
|
children: /* @__PURE__ */ t(Ci, {})
|
7470
7470
|
}
|
7471
7471
|
)
|
@@ -7481,12 +7481,12 @@ const Ai = ({ transaction: A }) => {
|
|
7481
7481
|
(c) => A.includes(c.accountGuid || "")
|
7482
7482
|
),
|
7483
7483
|
[A, r]
|
7484
|
-
), { availableWidth: o } =
|
7484
|
+
), { availableWidth: o } = ft(), s = o < 750;
|
7485
7485
|
return /* @__PURE__ */ d(w, { flexDirection: s ? "column" : "row", width: "100%", children: [
|
7486
7486
|
/* @__PURE__ */ t(gi, {}),
|
7487
7487
|
!s && /* @__PURE__ */ t(K, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
|
7488
7488
|
/* @__PURE__ */ t(
|
7489
|
-
|
7489
|
+
rt,
|
7490
7490
|
{
|
7491
7491
|
activities: n || i.slice(0, 4),
|
7492
7492
|
isMini: !0,
|
@@ -7566,7 +7566,7 @@ class yd {
|
|
7566
7566
|
return this.upcomingActivities.filter((e) => e.activityType === CA.Income);
|
7567
7567
|
}
|
7568
7568
|
get nextIncomeActivity() {
|
7569
|
-
return this.upcomingIncome.find((e) =>
|
7569
|
+
return this.upcomingIncome.find((e) => dt(e.expectedDate, F()));
|
7570
7570
|
}
|
7571
7571
|
get selectedDayActivities() {
|
7572
7572
|
return this.selectedDay && this.activities.filter(
|
@@ -7933,7 +7933,7 @@ const $ = {
|
|
7933
7933
|
children: /* @__PURE__ */ t(Yn, { remaining: A })
|
7934
7934
|
}
|
7935
7935
|
);
|
7936
|
-
var
|
7936
|
+
var Ct = /* @__PURE__ */ ((A) => (A.EXPENSE = "expense", A.INCOME = "income", A))(Ct || {});
|
7937
7937
|
const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
7938
7938
|
/* @__PURE__ */ d(j, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
|
7939
7939
|
/* @__PURE__ */ d(w, { alignItems: "center", height: 32, width: 32, children: [
|
@@ -7967,9 +7967,9 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
7967
7967
|
px: 24
|
7968
7968
|
},
|
7969
7969
|
children: [
|
7970
|
-
/* @__PURE__ */ t(E, { bold: !0, sx: { fontSize: 12 }, children: e ===
|
7970
|
+
/* @__PURE__ */ t(E, { bold: !0, sx: { fontSize: 12 }, children: e === Ct.EXPENSE ? n.expenses : n.income }),
|
7971
7971
|
/* @__PURE__ */ d(E, { bold: !0, sx: { fontSize: 13 }, children: [
|
7972
|
-
e ===
|
7972
|
+
e === Ct.EXPENSE ? "-" : "+",
|
7973
7973
|
Q(A, "0,0.00")
|
7974
7974
|
] })
|
7975
7975
|
]
|
@@ -7977,7 +7977,7 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
7977
7977
|
),
|
7978
7978
|
/* @__PURE__ */ t(K, {})
|
7979
7979
|
] });
|
7980
|
-
}, Wa = O(Md), Ya = (A, e) => (n) => n.accountGuid === A.guid && (kn(n.expectedDate) ||
|
7980
|
+
}, Wa = O(Md), Ya = (A, e) => (n) => n.accountGuid === A.guid && (kn(n.expectedDate) || dt(n.expectedDate, e.start)) && cA(n.expectedDate, e.end), Rd = () => {
|
7981
7981
|
const { cashflow: A } = X(), { upcomingExpenses: e, upcomingIncome: n } = RA(), { dateRange: a, selectedCashAccounts: r } = Je();
|
7982
7982
|
return /* @__PURE__ */ d(w, { children: [
|
7983
7983
|
/* @__PURE__ */ d(w, { flexDirection: "row", justifyContent: "space-between", children: [
|
@@ -8024,7 +8024,7 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
8024
8024
|
o.length > 0 && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
|
8025
8025
|
rA,
|
8026
8026
|
{
|
8027
|
-
subheader: /* @__PURE__ */ t(Wa, { total: c, type:
|
8027
|
+
subheader: /* @__PURE__ */ t(Wa, { total: c, type: Ct.INCOME }),
|
8028
8028
|
sx: { width: "100%" },
|
8029
8029
|
children: o.map((u) => /* @__PURE__ */ t(ja, { activity: u }, u.sequenceGuid))
|
8030
8030
|
}
|
@@ -8032,7 +8032,7 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
8032
8032
|
s.length > 0 && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
|
8033
8033
|
rA,
|
8034
8034
|
{
|
8035
|
-
subheader: /* @__PURE__ */ t(Wa, { total: l, type:
|
8035
|
+
subheader: /* @__PURE__ */ t(Wa, { total: l, type: Ct.EXPENSE }),
|
8036
8036
|
sx: { width: "100%" },
|
8037
8037
|
children: s.map((u) => /* @__PURE__ */ t(ja, { activity: u }, u.scheduledPaymentGuid))
|
8038
8038
|
}
|
@@ -8053,7 +8053,7 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
8053
8053
|
tooltip_title: "How is this calculated?",
|
8054
8054
|
tooltip_body: "This is a breadown by account that projects how much cash you'll have for the next 30 days. It's based on the balances in your checking and savings accounts, includes your projected income, and considers upcoming expenses."
|
8055
8055
|
}, Hd = () => {
|
8056
|
-
const { availableWidth: A } =
|
8056
|
+
const { availableWidth: A } = ft(), e = uA(), { cashflow: n } = X(), { upcomingExpenses: a, upcomingIncome: r } = RA(), { dateRange: i, selectedCashAccounts: o } = Je(), s = [
|
8057
8057
|
{
|
8058
8058
|
field: "account",
|
8059
8059
|
flex: 1.5,
|
@@ -8319,8 +8319,8 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
8319
8319
|
manage_income: "Manage income",
|
8320
8320
|
remaining_income_tooltip_title: "How is this calculated?",
|
8321
8321
|
remaining_income_tooltip_body: "This value is a projection of how much cash you'll have for the next 30 days. It's based on the balances in your checking and savings accounts, includes your projected income, and considers upcoming expenses."
|
8322
|
-
}, Ja = (A, e) => (n) => n.accountGuid && A.includes(n.accountGuid) && (kn(n.expectedDate) ||
|
8323
|
-
const [A, e] = C.useState(!1), { availableWidth: n } =
|
8322
|
+
}, Ja = (A, e) => (n) => n.accountGuid && A.includes(n.accountGuid) && (kn(n.expectedDate) || dt(n.expectedDate, e.start)) && cA(n.expectedDate, e.end), Bd = () => {
|
8323
|
+
const [A, e] = C.useState(!1), { availableWidth: n } = ft(), { cashflow: a } = X(), { upcomingExpenses: r, upcomingIncome: i } = RA(), { selectedAccountGuids: o } = hA(), { dateRange: s, selectedCashAccounts: c } = Je(), { userProfile: l } = Yt(), u = C.useMemo(
|
8324
8324
|
() => r.filter(Ja(o, s)),
|
8325
8325
|
[s, o, r]
|
8326
8326
|
), h = C.useMemo(
|
@@ -8528,7 +8528,7 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
8528
8528
|
// Beginning of the month, 90 days before today
|
8529
8529
|
pA(ne(F(), 90)),
|
8530
8530
|
F()
|
8531
|
-
), u({ ...l, custom:
|
8531
|
+
), u({ ...l, custom: ht }), S(3);
|
8532
8532
|
}, LA = async () => {
|
8533
8533
|
if (!(H.length < 1)) {
|
8534
8534
|
I(!0);
|
@@ -8613,7 +8613,7 @@ const Nd = ({ activity: A }) => /* @__PURE__ */ d(eA, { children: [
|
|
8613
8613
|
bgcolor: "background.paper",
|
8614
8614
|
onSearch: (fA) => u({
|
8615
8615
|
...l,
|
8616
|
-
custom: (te) => fA ? di(te, fA) :
|
8616
|
+
custom: (te) => fA ? di(te, fA) : ht(te)
|
8617
8617
|
}),
|
8618
8618
|
onSelected: (fA) => {
|
8619
8619
|
B(fA), m(!1);
|
@@ -9800,7 +9800,7 @@ const Cn = ({
|
|
9800
9800
|
accounts: [a.guid]
|
9801
9801
|
});
|
9802
9802
|
}, [a]), C.useEffect(() => n(Z.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ d(eA, { children: [
|
9803
|
-
/* @__PURE__ */ t(
|
9803
|
+
/* @__PURE__ */ t(vt, { onClick: e }),
|
9804
9804
|
o && /* @__PURE__ */ t(
|
9805
9805
|
dA,
|
9806
9806
|
{
|
@@ -10091,21 +10091,22 @@ const Cn = ({
|
|
10091
10091
|
] })
|
10092
10092
|
}
|
10093
10093
|
);
|
10094
|
-
},
|
10094
|
+
}, tt = {
|
10095
10095
|
accounts_title: "Accounts",
|
10096
10096
|
manage_connections: "Manage Connections",
|
10097
|
-
sync_accounts: "Sync Accounts"
|
10097
|
+
sync_accounts: "Sync Accounts",
|
10098
|
+
no_accounts: "No accounts available"
|
10098
10099
|
}, Vu = ({ onBackClick: A, sx: e = {} }) => {
|
10099
|
-
const [n, a] = C.useState(!1), [r, i] = C.useState(!1), { accounts: o, refreshMembers: s } = SA(), { setSelectedAccounts: c } = hA(), { isDesktop:
|
10100
|
+
const [n, a] = C.useState(!1), [r, i] = C.useState(!1), { accounts: o, refreshMembers: s } = SA(), { setSelectedAccounts: c, selectedAccountGuids: l } = hA(), { isDesktop: u } = re(), { onEvent: h } = U();
|
10100
10101
|
C.useEffect(() => {
|
10101
10102
|
c(o);
|
10102
10103
|
}, [o]);
|
10103
|
-
const
|
10104
|
+
const g = () => {
|
10104
10105
|
i(!0), s().finally(() => {
|
10105
10106
|
i(!1);
|
10106
|
-
}),
|
10107
|
-
},
|
10108
|
-
a(!0),
|
10107
|
+
}), h(Z.ACCOUNTS_CLICK_SYNC);
|
10108
|
+
}, f = () => {
|
10109
|
+
a(!0), h(Z.ACCOUNTS_CLICK_CONNECT);
|
10109
10110
|
};
|
10110
10111
|
return /* @__PURE__ */ t(
|
10111
10112
|
Fe,
|
@@ -10114,27 +10115,30 @@ const Cn = ({
|
|
10114
10115
|
actions: [
|
10115
10116
|
{
|
10116
10117
|
iconName: "settings",
|
10117
|
-
label:
|
10118
|
-
onClick:
|
10118
|
+
label: tt.manage_connections,
|
10119
|
+
onClick: f
|
10119
10120
|
},
|
10120
10121
|
{
|
10121
10122
|
iconName: "sync",
|
10122
|
-
label:
|
10123
|
-
onClick:
|
10123
|
+
label: tt.sync_accounts,
|
10124
|
+
onClick: g
|
10124
10125
|
}
|
10125
10126
|
],
|
10126
|
-
onAccountsFilterClick: () =>
|
10127
|
+
onAccountsFilterClick: () => h(Z.ACCOUNTS_CLICK_FILTER),
|
10127
10128
|
onBackClick: A,
|
10128
10129
|
sx: e,
|
10129
|
-
title:
|
10130
|
+
title: tt.accounts_title,
|
10130
10131
|
children: r ? /* @__PURE__ */ t(Oe, {}) : /* @__PURE__ */ d(eA, { children: [
|
10131
|
-
/* @__PURE__ */
|
10132
|
+
/* @__PURE__ */ d(b, { sx: { px: u ? 24 : 12 }, children: [
|
10133
|
+
l.length < 1 && /* @__PURE__ */ t(E, { display: "flex", justifyContent: "center", my: 24, children: tt.no_accounts }),
|
10134
|
+
/* @__PURE__ */ t(ju, {})
|
10135
|
+
] }),
|
10132
10136
|
/* @__PURE__ */ t(
|
10133
10137
|
Yu,
|
10134
10138
|
{
|
10135
10139
|
onClose: () => a(!1),
|
10136
10140
|
showConnectionsWidget: n,
|
10137
|
-
title:
|
10141
|
+
title: tt.manage_connections
|
10138
10142
|
}
|
10139
10143
|
)
|
10140
10144
|
] })
|
@@ -10965,7 +10969,7 @@ const sr = {
|
|
10965
10969
|
},
|
10966
10970
|
shouldShowZeroState: n
|
10967
10971
|
}) => {
|
10968
|
-
const a = uA(), { budgets: r } = Wt(), { categories: i } = bA(), { isInitialized: o } = hA(), { availableHeight: s, availableWidth: c } =
|
10972
|
+
const a = uA(), { budgets: r } = Wt(), { categories: i } = bA(), { isInitialized: o } = hA(), { availableHeight: s, availableWidth: c } = ft(), [l, u] = C.useState(!1), h = C.useMemo(
|
10969
10973
|
() => r1(r, i, a),
|
10970
10974
|
[r, s, c]
|
10971
10975
|
), [g, f] = C.useMemo(() => [450, c - 24], [s, c]);
|
@@ -10983,7 +10987,7 @@ const sr = {
|
|
10983
10987
|
width: f
|
10984
10988
|
}
|
10985
10989
|
) });
|
10986
|
-
}, y1 = O(E1),
|
10990
|
+
}, y1 = O(E1), nt = {
|
10987
10991
|
budgets_title: "Budgets",
|
10988
10992
|
details_cta: "Details",
|
10989
10993
|
get_started_cta: "Get Started",
|
@@ -10994,14 +10998,14 @@ const sr = {
|
|
10994
10998
|
return /* @__PURE__ */ d(
|
10995
10999
|
De,
|
10996
11000
|
{
|
10997
|
-
primaryCtaLabel: a ?
|
10998
|
-
title:
|
11001
|
+
primaryCtaLabel: a ? nt.get_started_cta : nt.details_cta,
|
11002
|
+
title: nt.budgets_title,
|
10999
11003
|
...A,
|
11000
11004
|
children: [
|
11001
11005
|
/* @__PURE__ */ t(y1, { shouldShowZeroState: a }),
|
11002
11006
|
!a && /* @__PURE__ */ d(b, { ml: 16, children: [
|
11003
11007
|
/* @__PURE__ */ t(E, { bold: !0, color: n < 0 ? "error.main" : "success.main", children: Q(Math.abs(n), "0,0") }),
|
11004
|
-
/* @__PURE__ */ t(E, { children: n < 0 ?
|
11008
|
+
/* @__PURE__ */ t(E, { children: n < 0 ? nt.overspent_in_budgets : nt.left_in_budgets })
|
11005
11009
|
] })
|
11006
11010
|
]
|
11007
11011
|
}
|
@@ -11857,12 +11861,12 @@ class Q1 {
|
|
11857
11861
|
});
|
11858
11862
|
};
|
11859
11863
|
}
|
11860
|
-
const
|
11864
|
+
const mt = C.createContext(null), X1 = ({
|
11861
11865
|
onEvent: A,
|
11862
11866
|
onPageview: e,
|
11863
11867
|
store: n,
|
11864
11868
|
children: a
|
11865
|
-
}) => /* @__PURE__ */ t(
|
11869
|
+
}) => /* @__PURE__ */ t(mt.Provider, { value: { onEvent: A, onPageview: e, store: n, children: a }, children: a }), U1 = ({ beat: A }) => {
|
11866
11870
|
const [e, n] = Ce(v.UNCATEGORIZED);
|
11867
11871
|
return ge(() => {
|
11868
11872
|
A.primary_category_guid ? n(A.primary_category_guid) : A.category_guids?.length && n(A.category_guids[0]);
|
@@ -12719,24 +12723,24 @@ const vt = C.createContext(null), X1 = ({
|
|
12719
12723
|
XLARGE: 200,
|
12720
12724
|
XXLARGE: 248
|
12721
12725
|
}, $1 = 50, Ni = 1, _e = () => {
|
12722
|
-
const A = C.useContext(
|
12726
|
+
const A = C.useContext(mt);
|
12723
12727
|
if (!A)
|
12724
12728
|
throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
|
12725
12729
|
return A.store.copyStore;
|
12726
12730
|
}, A3 = () => {
|
12727
|
-
const A = C.useContext(
|
12731
|
+
const A = C.useContext(mt);
|
12728
12732
|
if (!A?.store?.insightsMicroWidgetStore)
|
12729
12733
|
throw new Error(
|
12730
12734
|
"useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
|
12731
12735
|
);
|
12732
12736
|
return A.store.insightsMicroWidgetStore;
|
12733
|
-
},
|
12734
|
-
const A = C.useContext(
|
12737
|
+
}, pt = () => {
|
12738
|
+
const A = C.useContext(mt);
|
12735
12739
|
if (!A)
|
12736
12740
|
throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
|
12737
12741
|
return { onEvent: A.onEvent };
|
12738
12742
|
}, Mi = () => {
|
12739
|
-
const A = C.useContext(
|
12743
|
+
const A = C.useContext(mt);
|
12740
12744
|
if (!A)
|
12741
12745
|
throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
|
12742
12746
|
return { onPageview: A.onPageview };
|
@@ -12757,7 +12761,7 @@ const vt = C.createContext(null), X1 = ({
|
|
12757
12761
|
}) => {
|
12758
12762
|
const f = window.app?.config.client_guid, { ref: m, inView: p } = Rr({
|
12759
12763
|
threshold: Ni
|
12760
|
-
}), { cardsCopy: y } = _e(), { onEvent: T } =
|
12764
|
+
}), { cardsCopy: y } = _e(), { onEvent: T } = pt(), { updateBeat: I } = A3();
|
12761
12765
|
ge(() => {
|
12762
12766
|
p && (n.has_been_displayed ? T(bi(n.template)) : (I({
|
12763
12767
|
...n,
|
@@ -12891,7 +12895,7 @@ const vt = C.createContext(null), X1 = ({
|
|
12891
12895
|
variant: l,
|
12892
12896
|
widthOverrides: u
|
12893
12897
|
}) => {
|
12894
|
-
const h = i3(a, c, u), g = C.useRef(null), [f, m] = C.useState(0), [p, y] = C.useState(null), [T, I] = C.useState(null), { carouselCopy: L } = _e(), { onEvent: P } =
|
12898
|
+
const h = i3(a, c, u), g = C.useRef(null), [f, m] = C.useState(0), [p, y] = C.useState(null), [T, I] = C.useState(null), { carouselCopy: L } = _e(), { onEvent: P } = pt(), D = () => {
|
12895
12899
|
P(JA.ON_CAROUSEL_FORWARD_CLICK), g.current && g.current.scrollTo({
|
12896
12900
|
left: (
|
12897
12901
|
// Adds the flex gap to the carousel ulRef's width
|
@@ -13127,7 +13131,7 @@ const vt = C.createContext(null), X1 = ({
|
|
13127
13131
|
posthog: n,
|
13128
13132
|
widthOverrides: a
|
13129
13133
|
}) => {
|
13130
|
-
const { carouselCopy: r } = _e(), { onEvent: i } =
|
13134
|
+
const { carouselCopy: r } = _e(), { onEvent: i } = pt(), o = window.app?.config.client_guid, s = () => {
|
13131
13135
|
i && (i(JA.ON_VIEW_MORE_CLICKED), n?.capture && o && (e(), n.capture("micro_widget_clicked_insight", {
|
13132
13136
|
insight_template: "view_all",
|
13133
13137
|
$groups: { client: o }
|
@@ -13308,7 +13312,7 @@ const vt = C.createContext(null), X1 = ({
|
|
13308
13312
|
variant: c,
|
13309
13313
|
widthOverrides: l
|
13310
13314
|
}) => {
|
13311
|
-
const { cardsCopy: u } = _e(), { onEvent: h } =
|
13315
|
+
const { cardsCopy: u } = _e(), { onEvent: h } = pt(), { onPageview: g } = Mi(), f = window.app?.config.client_guid;
|
13312
13316
|
C.useEffect(() => {
|
13313
13317
|
g(ye.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
|
13314
13318
|
}, []);
|
@@ -13362,7 +13366,7 @@ const vt = C.createContext(null), X1 = ({
|
|
13362
13366
|
}) => {
|
13363
13367
|
const l = mA(), u = window.app?.config.client_guid, { ref: h, inView: g } = Rr({
|
13364
13368
|
threshold: Ni
|
13365
|
-
}), { cardsCopy: f } = _e(), { onEvent: m } =
|
13369
|
+
}), { cardsCopy: f } = _e(), { onEvent: m } = pt();
|
13366
13370
|
ge(() => {
|
13367
13371
|
g && m(Oi.ON_VIEW_MORE_VIEWED);
|
13368
13372
|
}, [g]), ge(() => {
|
@@ -13915,7 +13919,7 @@ const vt = C.createContext(null), X1 = ({
|
|
13915
13919
|
isOpen: p,
|
13916
13920
|
onClose: () => y(!1),
|
13917
13921
|
title: Ee.transactions_drawer_title,
|
13918
|
-
children: /* @__PURE__ */ t(
|
13922
|
+
children: /* @__PURE__ */ t(vt, { onClick: m })
|
13919
13923
|
}
|
13920
13924
|
),
|
13921
13925
|
/* @__PURE__ */ t(
|
@@ -14122,10 +14126,10 @@ export {
|
|
14122
14126
|
$e as TOUCH_TARGET,
|
14123
14127
|
N as TRANSACTION_EVENTS,
|
14124
14128
|
Ht as TabContentContainer,
|
14125
|
-
|
14129
|
+
at as TopActions,
|
14126
14130
|
Ra as TransactionApi,
|
14127
14131
|
$t as TransactionDetails,
|
14128
|
-
|
14132
|
+
vt as TransactionList,
|
14129
14133
|
Jn as TransactionRow,
|
14130
14134
|
Vn as TransactionStatus,
|
14131
14135
|
Mc as TransactionStore,
|
@@ -14177,6 +14181,6 @@ export {
|
|
14177
14181
|
iA as useTransactionStore,
|
14178
14182
|
GA as useTransactionsUiStore,
|
14179
14183
|
Yt as useUserStore,
|
14180
|
-
|
14184
|
+
ft as useWidgetContainerProvider
|
14181
14185
|
};
|
14182
14186
|
//# sourceMappingURL=index.es.js.map
|