@mx-cartographer/experiences 3.7.0-alpha.al19 → 3.7.0-alpha.al20
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/dist/index.es.js
CHANGED
|
@@ -6,14 +6,14 @@ import q from "@mui/material/Divider";
|
|
|
6
6
|
import oA from "@mui/material/List";
|
|
7
7
|
import Fe from "@mui/material/ListSubheader";
|
|
8
8
|
import Ia from "@mui/system/Stack";
|
|
9
|
-
import { AccountsIcon as vo, P as vA, Icon as P, useTokens as SA, Text as y, H2 as
|
|
9
|
+
import { AccountsIcon as vo, P as vA, Icon as P, useTokens as SA, Text as y, H2 as An, CategoryIcon as _e, DialogHeader as po, DialogFooter as yo, Drawer as Eo, Footer as wo, DateRangePicker as Da, H3 as To, H1 as Ee, TextField as Ne, IconWeight as BA, MerchantLogo as He, CategoryIconVariants as Xr, InstitutionLogo as we, THEMES as Oa, createMXTheme as St } from "@kyper/mui";
|
|
10
10
|
import Lo from "bowser";
|
|
11
11
|
import { getUnixTime as CA } from "date-fns/getUnixTime";
|
|
12
|
-
import { Honeybadger as
|
|
12
|
+
import { Honeybadger as Pt } from "@honeybadger-io/react";
|
|
13
13
|
import xa from "numeral";
|
|
14
14
|
import { intlFormat as So } from "date-fns/intlFormat";
|
|
15
15
|
import iA from "@mui/material/Button";
|
|
16
|
-
import
|
|
16
|
+
import bt from "@mui/material/Tooltip";
|
|
17
17
|
import HA from "@mui/material/IconButton";
|
|
18
18
|
import Nn from "@mui/material/FormControlLabel";
|
|
19
19
|
import j from "@mui/material/ListItem";
|
|
@@ -21,9 +21,9 @@ import dA from "@mui/material/ListItemButton";
|
|
|
21
21
|
import lA from "@mui/material/ListItemText";
|
|
22
22
|
import bo from "@mui/material/Popover";
|
|
23
23
|
import T from "@mui/material/Stack";
|
|
24
|
-
import
|
|
24
|
+
import Kt from "@mui/material/Checkbox";
|
|
25
25
|
import fA from "@mui/material/styles/useTheme";
|
|
26
|
-
import
|
|
26
|
+
import Nt from "@mui/material/useMediaQuery";
|
|
27
27
|
import { css as GA, keyframes as Io } from "@mxenabled/cssinjs";
|
|
28
28
|
import { addDays as ge } from "date-fns/addDays";
|
|
29
29
|
import { addMonths as YA } from "date-fns/addMonths";
|
|
@@ -63,7 +63,7 @@ import Qn from "@mui/material/CardHeader";
|
|
|
63
63
|
import Wr from "@mui/material/CardContent";
|
|
64
64
|
import { v4 as Jo } from "uuid";
|
|
65
65
|
import Fn from "@mui/material/CircularProgress";
|
|
66
|
-
import
|
|
66
|
+
import kt from "@mui/material/InputAdornment";
|
|
67
67
|
import Zo from "@mui/material/Radio";
|
|
68
68
|
import Te from "@mui/material/Avatar";
|
|
69
69
|
import PA from "@mui/material/ListItemAvatar";
|
|
@@ -93,10 +93,10 @@ import os from "@mui/material/RadioGroup";
|
|
|
93
93
|
import Zr from "@mui/icons-material/ExpandMore";
|
|
94
94
|
import Et from "@mui/icons-material/DeleteOutlined";
|
|
95
95
|
import Yn from "@mui/material/Switch";
|
|
96
|
-
import
|
|
97
|
-
import
|
|
96
|
+
import en from "@mui/material/TextField";
|
|
97
|
+
import Gt from "@mui/icons-material/Cancel";
|
|
98
98
|
import mn from "@mui/material/Grid";
|
|
99
|
-
import
|
|
99
|
+
import tn from "@mui/icons-material/ChevronRight";
|
|
100
100
|
import ss from "@mui/icons-material/HighlightOff";
|
|
101
101
|
import cs from "@mui/icons-material/Search";
|
|
102
102
|
import ls from "@mui/icons-material/Edit";
|
|
@@ -104,7 +104,7 @@ import ds from "@mui/material/FormGroup";
|
|
|
104
104
|
import us from "@mui/icons-material/FlagOutlined";
|
|
105
105
|
import hs from "@mui/icons-material/ReceiptOutlined";
|
|
106
106
|
import { getWeeksInMonth as za } from "date-fns/getWeeksInMonth";
|
|
107
|
-
import { AdapterDateFns as
|
|
107
|
+
import { AdapterDateFns as nn } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
108
108
|
import { DateCalendar as Vn } from "@mui/x-date-pickers/DateCalendar";
|
|
109
109
|
import { LocalizationProvider as Jn } from "@mui/x-date-pickers/LocalizationProvider";
|
|
110
110
|
import $r from "@mui/material/Badge";
|
|
@@ -193,7 +193,7 @@ const zs = async (A, e, n = "1.0.0", a = "Experiences") => {
|
|
|
193
193
|
[]
|
|
194
194
|
);
|
|
195
195
|
return n ? r : r.join("");
|
|
196
|
-
}, g7 = (A, e, n, ...a) => !A || !e ? "" : H(n === 1 ? A : e, ...a), Me = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase(),
|
|
196
|
+
}, g7 = (A, e, n, ...a) => !A || !e ? "" : H(n === 1 ? A : e, ...a), Me = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase(), Mt = [500, 502, 503, 504], Rt = "";
|
|
197
197
|
class XA {
|
|
198
198
|
endpoint = "/";
|
|
199
199
|
headers = {};
|
|
@@ -211,10 +211,10 @@ class XA {
|
|
|
211
211
|
method: "GET",
|
|
212
212
|
headers: this.headers
|
|
213
213
|
};
|
|
214
|
-
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() :
|
|
214
|
+
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() : Mt.includes(a.status) ? a.text().then((r) => {
|
|
215
215
|
throw new Error(r);
|
|
216
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`),
|
|
217
|
-
if (
|
|
216
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`), Rt)).then((a) => a.length ? JSON.parse(a) : {}).then((a) => a).catch((a) => {
|
|
217
|
+
if (Pt.notify(a), this.propagateError)
|
|
218
218
|
throw new Error(a);
|
|
219
219
|
return a;
|
|
220
220
|
});
|
|
@@ -225,10 +225,10 @@ class XA {
|
|
|
225
225
|
headers: this.headers,
|
|
226
226
|
body: a
|
|
227
227
|
};
|
|
228
|
-
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() :
|
|
228
|
+
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() : Mt.includes(i.status) ? i.text().then((o) => {
|
|
229
229
|
throw new Error(o);
|
|
230
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`),
|
|
231
|
-
if (
|
|
230
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`), Rt)).then((i) => i.length ? JSON.parse(i) : {}).then((i) => i).catch((i) => {
|
|
231
|
+
if (Pt.notify(i), this.propagateError)
|
|
232
232
|
throw new Error(i);
|
|
233
233
|
return i;
|
|
234
234
|
});
|
|
@@ -239,10 +239,10 @@ class XA {
|
|
|
239
239
|
headers: this.headers,
|
|
240
240
|
body: a
|
|
241
241
|
};
|
|
242
|
-
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() :
|
|
242
|
+
return fetch(`${this.endpoint}${e}`, r).then((i) => i.ok ? i.text() : Mt.includes(i.status) ? i.text().then((o) => {
|
|
243
243
|
throw new Error(o);
|
|
244
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`),
|
|
245
|
-
if (
|
|
244
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${i.status}`), Rt)).then((i) => i.length ? JSON.parse(i) : {}).then((i) => i).catch((i) => {
|
|
245
|
+
if (Pt.notify(i), this.propagateError)
|
|
246
246
|
throw new Error(i);
|
|
247
247
|
return i;
|
|
248
248
|
});
|
|
@@ -252,10 +252,10 @@ class XA {
|
|
|
252
252
|
method: "DELETE",
|
|
253
253
|
headers: this.headers
|
|
254
254
|
};
|
|
255
|
-
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() :
|
|
255
|
+
return fetch(`${this.endpoint}${e}`, n).then((a) => a.ok ? a.text() : Mt.includes(a.status) ? a.text().then((r) => {
|
|
256
256
|
throw new Error(r);
|
|
257
|
-
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`),
|
|
258
|
-
if (
|
|
257
|
+
}) : (console.error(`client-side failure in Fetch ${e}: ${a.status}`), Rt)).then((a) => a.length ? JSON.parse(a) : {}).then((a) => a).catch((a) => {
|
|
258
|
+
if (Pt.notify(a), this.propagateError)
|
|
259
259
|
throw new Error(a);
|
|
260
260
|
return a;
|
|
261
261
|
});
|
|
@@ -434,7 +434,7 @@ const qA = {
|
|
|
434
434
|
5: "Locked",
|
|
435
435
|
1: "Prevented",
|
|
436
436
|
4: "Rejected"
|
|
437
|
-
},
|
|
437
|
+
}, Xt = {
|
|
438
438
|
0: "Any",
|
|
439
439
|
9: "Cash",
|
|
440
440
|
1: "Checking",
|
|
@@ -804,7 +804,7 @@ const qA = {
|
|
|
804
804
|
[p.UNCATEGORIZED]: "category",
|
|
805
805
|
UNKNOWN: "help"
|
|
806
806
|
}, Ka = 9999999999e-2;
|
|
807
|
-
var
|
|
807
|
+
var Qt = /* @__PURE__ */ ((A) => (A.CAD = "CAD", A.USD = "USD", A))(Qt || {}), _ = /* @__PURE__ */ ((A) => (A[A.Unknown = 0] = "Unknown", A[A.EveryWeek = 1] = "EveryWeek", A[A.EveryOtherWeek = 2] = "EveryOtherWeek", A[A.EveryMonth = 3] = "EveryMonth", A[A.EveryOtherMonth = 4] = "EveryOtherMonth", A[A.EveryQuarter = 5] = "EveryQuarter", A[A.EveryOtherQuarter = 6] = "EveryOtherQuarter", A[A.EveryYear = 7] = "EveryYear", A))(_ || {});
|
|
808
808
|
const f7 = [
|
|
809
809
|
{ id: 0, copy: "frequency_unknown" },
|
|
810
810
|
{ id: 1, copy: "frequency_every_week" },
|
|
@@ -832,9 +832,9 @@ const st = 44, X = (A, e, n) => {
|
|
|
832
832
|
}, Ws = () => {
|
|
833
833
|
switch (Me()) {
|
|
834
834
|
case "fr-ca":
|
|
835
|
-
return
|
|
835
|
+
return Qt.CAD;
|
|
836
836
|
default:
|
|
837
|
-
return
|
|
837
|
+
return Qt.USD;
|
|
838
838
|
}
|
|
839
839
|
}, Hn = (A) => A != null && A !== "" && isFinite(A), Ys = {
|
|
840
840
|
style: "percent",
|
|
@@ -906,7 +906,7 @@ class ka {
|
|
|
906
906
|
removeCategory = async (e) => this.fetchInstance.delete(`${N.CATEGORIES}/${e}`);
|
|
907
907
|
updateCategory = async (e) => this.fetchInstance.put(`${N.CATEGORIES}/${e.guid}`, e).then((n) => n.category);
|
|
908
908
|
}
|
|
909
|
-
class
|
|
909
|
+
class Ft {
|
|
910
910
|
fetchInstance;
|
|
911
911
|
constructor(e, n) {
|
|
912
912
|
this.fetchInstance = new XA(e, n);
|
|
@@ -967,7 +967,7 @@ class Fa {
|
|
|
967
967
|
requestWidgetUrl = async (e) => this.fetchInstance.post(N.WIDGET_URLS, e).then((n) => n.widget_url);
|
|
968
968
|
}
|
|
969
969
|
const vn = (A, e) => A.reduce((n, a) => (n[a.guid] = e?.includes(a.guid), n), {}), Ac = (A) => A.reduce((e, n) => {
|
|
970
|
-
const a =
|
|
970
|
+
const a = Xt[n.account_type], r = {
|
|
971
971
|
accountNumber: n.account_number,
|
|
972
972
|
name: n.name || n.feed_name,
|
|
973
973
|
guid: n.guid
|
|
@@ -1053,7 +1053,7 @@ const vn = (A, e) => A.reduce((n, a) => (n[a.guid] = e?.includes(a.guid), n), {}
|
|
|
1053
1053
|
Nn,
|
|
1054
1054
|
{
|
|
1055
1055
|
control: /* @__PURE__ */ t(
|
|
1056
|
-
|
|
1056
|
+
Kt,
|
|
1057
1057
|
{
|
|
1058
1058
|
checked: v,
|
|
1059
1059
|
"data-ui-test": `checked-${v}`,
|
|
@@ -1124,7 +1124,7 @@ const vn = (A, e) => A.reduce((n, a) => (n[a.guid] = e?.includes(a.guid), n), {}
|
|
|
1124
1124
|
Nn,
|
|
1125
1125
|
{
|
|
1126
1126
|
control: /* @__PURE__ */ t(
|
|
1127
|
-
|
|
1127
|
+
Kt,
|
|
1128
1128
|
{
|
|
1129
1129
|
checked: I,
|
|
1130
1130
|
"data-ui-test": `checked-${I}`,
|
|
@@ -1189,13 +1189,13 @@ const ec = (A, e) => {
|
|
|
1189
1189
|
}, [A, n]);
|
|
1190
1190
|
}, jA = () => ({
|
|
1191
1191
|
// Larger than 1200
|
|
1192
|
-
isDesktop:
|
|
1192
|
+
isDesktop: Nt(fA().breakpoints.up("xl")),
|
|
1193
1193
|
// Smaller than 768
|
|
1194
|
-
isMobile:
|
|
1194
|
+
isMobile: Nt(fA().breakpoints.down("md")),
|
|
1195
1195
|
// Between 768 and 992
|
|
1196
|
-
isSmallTablet:
|
|
1196
|
+
isSmallTablet: Nt(fA().breakpoints.between("md", "lg")),
|
|
1197
1197
|
// Between 768 and 1200
|
|
1198
|
-
isTablet:
|
|
1198
|
+
isTablet: Nt(fA().breakpoints.between("md", "xl"))
|
|
1199
1199
|
}), hi = (A) => {
|
|
1200
1200
|
const e = Gr();
|
|
1201
1201
|
return he(() => {
|
|
@@ -1224,7 +1224,7 @@ const ec = (A, e) => {
|
|
|
1224
1224
|
d(null);
|
|
1225
1225
|
};
|
|
1226
1226
|
return /* @__PURE__ */ u(S, { className: "mx-cmn-account-filter", m: 4, sx: { ...o }, children: [
|
|
1227
|
-
c ? /* @__PURE__ */ t(
|
|
1227
|
+
c ? /* @__PURE__ */ t(bt, { id: "filter-accounts", placement: "bottom", title: e.title, children: /* @__PURE__ */ t(
|
|
1228
1228
|
HA,
|
|
1229
1229
|
{
|
|
1230
1230
|
"aria-controls": "filter_accounts",
|
|
@@ -1528,7 +1528,7 @@ const ec = (A, e) => {
|
|
|
1528
1528
|
}), uc = ({ copy: A, date: e, onNextClick: n, onPreviousClick: a }) => {
|
|
1529
1529
|
const r = SA(), i = hc(r);
|
|
1530
1530
|
return /* @__PURE__ */ u("div", { className: `mx-cmn-calendar-header ${i}`, children: [
|
|
1531
|
-
/* @__PURE__ */ t(
|
|
1531
|
+
/* @__PURE__ */ t(An, { className: "mx-cmn-calendar-header-title", variant: "H3", children: U(e, F.MONTH_YEAR) }),
|
|
1532
1532
|
/* @__PURE__ */ u("div", { className: "mx-cmn-calendar-header-button-container", children: [
|
|
1533
1533
|
/* @__PURE__ */ t(iA, { "aria-label": A.prevAria, onClick: a, children: /* @__PURE__ */ t(Po, {}) }),
|
|
1534
1534
|
/* @__PURE__ */ t(iA, { "aria-label": A.nextAria, onClick: n, children: /* @__PURE__ */ t(No, {}) })
|
|
@@ -2381,7 +2381,7 @@ const mc = ({
|
|
|
2381
2381
|
margin: "auto",
|
|
2382
2382
|
textAlign: "center"
|
|
2383
2383
|
},
|
|
2384
|
-
children: /* @__PURE__ */ t(
|
|
2384
|
+
children: /* @__PURE__ */ t(An, { bold: !0, variant: "Body", children: a })
|
|
2385
2385
|
}
|
|
2386
2386
|
)
|
|
2387
2387
|
]
|
|
@@ -2470,7 +2470,7 @@ const mc = ({
|
|
|
2470
2470
|
};
|
|
2471
2471
|
return /* @__PURE__ */ u(S, { className: "mx-cmn-date-range-selector", m: 4, children: [
|
|
2472
2472
|
/* @__PURE__ */ t(
|
|
2473
|
-
|
|
2473
|
+
bt,
|
|
2474
2474
|
{
|
|
2475
2475
|
id: "select-date",
|
|
2476
2476
|
placement: "bottom",
|
|
@@ -2793,12 +2793,12 @@ const mc = ({
|
|
|
2793
2793
|
if (!e)
|
|
2794
2794
|
throw new Error(`${A}() must be used within the GlobalDataContext`);
|
|
2795
2795
|
return e;
|
|
2796
|
-
}, DA = () => KA("useAccountStore").globalStore.accountStore,
|
|
2796
|
+
}, DA = () => KA("useAccountStore").globalStore.accountStore, an = () => KA("useBudgetsStore").globalStore.budgetsStore, ia = () => KA("useCashflowStore").globalStore.cashflowStore, xA = () => KA("useCategoryStore").globalStore.categoryStore, pi = () => KA("useConnectStore").globalStore.connectStore, wt = () => KA("useGlobalStore").globalStore, mA = () => KA("useGlobalUiStore").globalStore.globalUiStore, W = () => KA("globalCopyStore").globalStore.copyStore.copy, _c = () => KA("useMerchantStore").globalStore.merchantStore, Hc = () => KA("useNetWorthStore").globalStore.netWorthStore, yi = () => KA("useNotificationStore").globalStore.notificationStore, kA = () => KA("useRecurringActivityStore").globalStore.recurringActivityStore, uA = () => KA("useTransactionStore").globalStore.transactionStore, rn = () => KA("useUserStore").globalStore.userStore, V = () => ({ onEvent: KA().onEvent }), T7 = () => ({ onPageView: KA().onPageView }), zc = (A = "useWidgetContainerContext") => {
|
|
2797
2797
|
const e = g.useContext(mi);
|
|
2798
2798
|
if (!e)
|
|
2799
2799
|
throw new Error(`${A}() must be used within the WidgetContainerContext`);
|
|
2800
2800
|
return e;
|
|
2801
|
-
},
|
|
2801
|
+
}, It = () => zc(), qc = (A, e) => g.useMemo(() => {
|
|
2802
2802
|
let n = null;
|
|
2803
2803
|
return (...a) => {
|
|
2804
2804
|
n && clearTimeout(n), n = setTimeout(() => {
|
|
@@ -3045,7 +3045,7 @@ const qe = ({
|
|
|
3045
3045
|
const I = g.useRef(Jo());
|
|
3046
3046
|
if (A)
|
|
3047
3047
|
switch (Ws()) {
|
|
3048
|
-
case
|
|
3048
|
+
case Qt.CAD:
|
|
3049
3049
|
w = L;
|
|
3050
3050
|
break;
|
|
3051
3051
|
default:
|
|
@@ -3128,7 +3128,7 @@ const qe = ({
|
|
|
3128
3128
|
}
|
|
3129
3129
|
),
|
|
3130
3130
|
/* @__PURE__ */ t(
|
|
3131
|
-
|
|
3131
|
+
bt,
|
|
3132
3132
|
{
|
|
3133
3133
|
describeChild: !0,
|
|
3134
3134
|
placement: a,
|
|
@@ -3158,8 +3158,8 @@ const qe = ({
|
|
|
3158
3158
|
Ne,
|
|
3159
3159
|
{
|
|
3160
3160
|
InputProps: {
|
|
3161
|
-
startAdornment: /* @__PURE__ */ t(
|
|
3162
|
-
endAdornment: /* @__PURE__ */ t(
|
|
3161
|
+
startAdornment: /* @__PURE__ */ t(kt, { position: "start", children: /* @__PURE__ */ t(P, { color: "disabled", name: "search", size: 26 }) }),
|
|
3162
|
+
endAdornment: /* @__PURE__ */ t(kt, { position: "end", sx: { p: 0 }, children: r ? o : null })
|
|
3163
3163
|
},
|
|
3164
3164
|
"aria-label": A,
|
|
3165
3165
|
name: "search",
|
|
@@ -3189,7 +3189,7 @@ const qe = ({
|
|
|
3189
3189
|
pr: 8,
|
|
3190
3190
|
py: 4,
|
|
3191
3191
|
sx: { "&:hover": { borderColor: i.palette.action.active }, ...n },
|
|
3192
|
-
children: /* @__PURE__ */ t(
|
|
3192
|
+
children: /* @__PURE__ */ t(bt, { title: a, children: /* @__PURE__ */ t(
|
|
3193
3193
|
Nn,
|
|
3194
3194
|
{
|
|
3195
3195
|
control: /* @__PURE__ */ t(
|
|
@@ -3207,7 +3207,7 @@ const qe = ({
|
|
|
3207
3207
|
) })
|
|
3208
3208
|
}
|
|
3209
3209
|
);
|
|
3210
|
-
},
|
|
3210
|
+
}, Ut = ({
|
|
3211
3211
|
children: A,
|
|
3212
3212
|
index: e,
|
|
3213
3213
|
name: n,
|
|
@@ -3255,7 +3255,7 @@ const qe = ({
|
|
|
3255
3255
|
)
|
|
3256
3256
|
]
|
|
3257
3257
|
}
|
|
3258
|
-
),
|
|
3258
|
+
), jt = ({ iconName: A, label: e, onClick: n, value: a }) => {
|
|
3259
3259
|
const r = /* @__PURE__ */ u(nA, { children: [
|
|
3260
3260
|
/* @__PURE__ */ t(PA, { children: /* @__PURE__ */ t(Te, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: A, sx: { color: "text.primary" }, weight: BA.Dark }) }) }),
|
|
3261
3261
|
/* @__PURE__ */ t(
|
|
@@ -3272,12 +3272,12 @@ const qe = ({
|
|
|
3272
3272
|
r,
|
|
3273
3273
|
/* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(P, { name: "chevron_right", size: 24 }) })
|
|
3274
3274
|
] }) }) : /* @__PURE__ */ t(j, { disableGutters: !1, disablePadding: !1, children: r });
|
|
3275
|
-
},
|
|
3275
|
+
}, Wt = ({
|
|
3276
3276
|
body: A,
|
|
3277
3277
|
iconName: e = "info",
|
|
3278
3278
|
title: n
|
|
3279
3279
|
}) => /* @__PURE__ */ t(
|
|
3280
|
-
|
|
3280
|
+
bt,
|
|
3281
3281
|
{
|
|
3282
3282
|
title: /* @__PURE__ */ u(T, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
|
|
3283
3283
|
/* @__PURE__ */ t(y, { bold: !0, variant: "Body", children: n }),
|
|
@@ -3320,13 +3320,13 @@ const qe = ({
|
|
|
3320
3320
|
class Qc {
|
|
3321
3321
|
copy = {};
|
|
3322
3322
|
featureNamespace = "experiences";
|
|
3323
|
-
api = new
|
|
3323
|
+
api = new Ft("/", "");
|
|
3324
3324
|
isInitialized = !1;
|
|
3325
3325
|
constructor() {
|
|
3326
3326
|
bA(this);
|
|
3327
3327
|
}
|
|
3328
3328
|
initialize = async (e, n) => {
|
|
3329
|
-
this.api = new
|
|
3329
|
+
this.api = new Ft(e, n), await this.getCopy(this.featureNamespace), Y(() => {
|
|
3330
3330
|
this.isInitialized = !0;
|
|
3331
3331
|
});
|
|
3332
3332
|
};
|
|
@@ -3411,7 +3411,7 @@ const ot = () => {
|
|
|
3411
3411
|
/* @__PURE__ */ t(_A, { amount: A, bold: !0, sx: { fontSize: 12 } })
|
|
3412
3412
|
] });
|
|
3413
3413
|
}, jc = ({ onAddIncomeClick: A }) => {
|
|
3414
|
-
const e = fA(), { availableWidth: n } =
|
|
3414
|
+
const e = fA(), { availableWidth: n } = It(), { cashAccounts: a, cashBalance: r } = DA(), { selectedAccountGuids: i } = mA(), { cashflow: o } = W(), { userProfile: s } = rn(), {
|
|
3415
3415
|
daysUntilNextIncome: c,
|
|
3416
3416
|
expensesTilNextIncome: l,
|
|
3417
3417
|
selectedCashAccounts: d,
|
|
@@ -3462,7 +3462,7 @@ const ot = () => {
|
|
|
3462
3462
|
/* @__PURE__ */ t(_A, { amount: b, variant: "H2" }),
|
|
3463
3463
|
/* @__PURE__ */ u(T, { alignItems: "center", direction: "row", gap: 8, children: [
|
|
3464
3464
|
/* @__PURE__ */ t(vA, { variant: "XSmall", whiteSpace: "nowrap", children: o.available_to_spend }),
|
|
3465
|
-
/* @__PURE__ */ t(
|
|
3465
|
+
/* @__PURE__ */ t(Wt, { body: o.tooltip_body, title: o.tooltip_title })
|
|
3466
3466
|
] })
|
|
3467
3467
|
] }),
|
|
3468
3468
|
/* @__PURE__ */ t(T, { borderLeft: `1px solid ${e.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: w ? /* @__PURE__ */ u(nA, { children: [
|
|
@@ -3631,7 +3631,7 @@ class Za {
|
|
|
3631
3631
|
updateTag = async (e) => this.fetchInstance.put(`${N.TAGS}/${e.guid}`, e).then((n) => n.tag);
|
|
3632
3632
|
updateTransaction = async (e) => this.fetchInstance.put(`${N.TRANSACTIONS}/${e.guid}`, e).then((n) => n.transaction);
|
|
3633
3633
|
}
|
|
3634
|
-
var ht = /* @__PURE__ */ ((A) => (A[A.Category = 0] = "Category", A[A.Date = 1] = "Date", A[A.Memo = 2] = "Memo", A[A.Tags = 3] = "Tags", A))(ht || {}),
|
|
3634
|
+
var ht = /* @__PURE__ */ ((A) => (A[A.Category = 0] = "Category", A[A.Date = 1] = "Date", A[A.Memo = 2] = "Memo", A[A.Tags = 3] = "Tags", A))(ht || {}), Bt = /* @__PURE__ */ ((A) => (A[A.SplitTransaction = 0] = "SplitTransaction", A[A.HideTransaction = 1] = "HideTransaction", A[A.MerchantLogo = 2] = "MerchantLogo", A))(Bt || {});
|
|
3635
3635
|
const Vc = [
|
|
3636
3636
|
0,
|
|
3637
3637
|
1,
|
|
@@ -4430,7 +4430,7 @@ const WA = () => {
|
|
|
4430
4430
|
]
|
|
4431
4431
|
}
|
|
4432
4432
|
) }) });
|
|
4433
|
-
},
|
|
4433
|
+
}, Dt = x(vl), pl = (A) => /* @__PURE__ */ u(y, { tabIndex: A.tabIndex, variant: "Small", children: [
|
|
4434
4434
|
`${A.row.account}`,
|
|
4435
4435
|
A.row.number && ` | ${A.row.number}`
|
|
4436
4436
|
] }), yl = (A) => {
|
|
@@ -4845,7 +4845,7 @@ const Il = ({
|
|
|
4845
4845
|
primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
|
|
4846
4846
|
}
|
|
4847
4847
|
),
|
|
4848
|
-
/* @__PURE__ */ t(oe, { children: o || a ? /* @__PURE__ */ t(Zr, {}) : /* @__PURE__ */ t(
|
|
4848
|
+
/* @__PURE__ */ t(oe, { children: o || a ? /* @__PURE__ */ t(Zr, {}) : /* @__PURE__ */ t(tn, {}) })
|
|
4849
4849
|
]
|
|
4850
4850
|
},
|
|
4851
4851
|
A.guid
|
|
@@ -5436,7 +5436,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5436
5436
|
children: [
|
|
5437
5437
|
/* @__PURE__ */ t(Ii, { transaction: A }),
|
|
5438
5438
|
/* @__PURE__ */ t(
|
|
5439
|
-
|
|
5439
|
+
en,
|
|
5440
5440
|
{
|
|
5441
5441
|
"aria-label": i.memo_desc_aria,
|
|
5442
5442
|
focused: !0,
|
|
@@ -5476,7 +5476,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5476
5476
|
/* @__PURE__ */ t(
|
|
5477
5477
|
iA,
|
|
5478
5478
|
{
|
|
5479
|
-
endIcon: /* @__PURE__ */ t(
|
|
5479
|
+
endIcon: /* @__PURE__ */ t(tn, {}),
|
|
5480
5480
|
onClick: () => h(!0),
|
|
5481
5481
|
startIcon: /* @__PURE__ */ t(_e, { categoryGuid: r.top_level_category_guid }),
|
|
5482
5482
|
sx: { px: i.Spacing.Small, py: i.Spacing.XSmall },
|
|
@@ -5491,7 +5491,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5491
5491
|
gap: i.Spacing.XSmall,
|
|
5492
5492
|
p: i.Spacing.Small,
|
|
5493
5493
|
children: [
|
|
5494
|
-
/* @__PURE__ */ t(
|
|
5494
|
+
/* @__PURE__ */ t(Gt, { sx: { fontSize: i.FontSize.Body } }),
|
|
5495
5495
|
/* @__PURE__ */ t(y, { variant: "Small", children: s.split_transaction_errors_select_category })
|
|
5496
5496
|
]
|
|
5497
5497
|
}
|
|
@@ -5532,7 +5532,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5532
5532
|
gap: i.Spacing.XSmall,
|
|
5533
5533
|
py: i.Spacing.Small,
|
|
5534
5534
|
children: [
|
|
5535
|
-
/* @__PURE__ */ t(
|
|
5535
|
+
/* @__PURE__ */ t(Gt, { sx: { fontSize: i.FontSize.Body } }),
|
|
5536
5536
|
/* @__PURE__ */ t(y, { variant: "Small", children: s.split_transaction_errors_enter_an_amount })
|
|
5537
5537
|
]
|
|
5538
5538
|
}
|
|
@@ -5590,7 +5590,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5590
5590
|
gap: o.Spacing.XSmall,
|
|
5591
5591
|
p: o.Spacing.Medium,
|
|
5592
5592
|
children: [
|
|
5593
|
-
/* @__PURE__ */ t(
|
|
5593
|
+
/* @__PURE__ */ t(Gt, { sx: { fontSize: o.FontSize.Body } }),
|
|
5594
5594
|
/* @__PURE__ */ t(y, { variant: "Small", children: l })
|
|
5595
5595
|
]
|
|
5596
5596
|
}
|
|
@@ -5802,8 +5802,8 @@ const Si = ({ transaction: A }) => {
|
|
|
5802
5802
|
Ne,
|
|
5803
5803
|
{
|
|
5804
5804
|
InputProps: {
|
|
5805
|
-
startAdornment: /* @__PURE__ */ t(
|
|
5806
|
-
endAdornment: /* @__PURE__ */ t(
|
|
5805
|
+
startAdornment: /* @__PURE__ */ t(kt, { position: "start", children: /* @__PURE__ */ t(cs, { color: "disabled" }) }),
|
|
5806
|
+
endAdornment: /* @__PURE__ */ t(kt, { position: "end", sx: { padding: 0 }, children: e ? i : null })
|
|
5807
5807
|
},
|
|
5808
5808
|
"aria-label": n.search_aria,
|
|
5809
5809
|
name: "search",
|
|
@@ -5861,7 +5861,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5861
5861
|
onClick: () => A(n.guid),
|
|
5862
5862
|
role: "checkbox",
|
|
5863
5863
|
children: [
|
|
5864
|
-
/* @__PURE__ */ t(oe, { sx: { ml: 0 }, children: /* @__PURE__ */ t(
|
|
5864
|
+
/* @__PURE__ */ t(oe, { sx: { ml: 0 }, children: /* @__PURE__ */ t(Kt, { checked: e.includes(n.guid), edge: "start", tabIndex: -1 }) }),
|
|
5865
5865
|
/* @__PURE__ */ t(lA, { children: n.name })
|
|
5866
5866
|
]
|
|
5867
5867
|
}
|
|
@@ -5992,7 +5992,7 @@ const Si = ({ transaction: A }) => {
|
|
|
5992
5992
|
};
|
|
5993
5993
|
return /* @__PURE__ */ t(S, { className: "mx-txn-transaction-description", children: i ? /* @__PURE__ */ u(ds, { row: !0, children: [
|
|
5994
5994
|
/* @__PURE__ */ t(
|
|
5995
|
-
|
|
5995
|
+
en,
|
|
5996
5996
|
{
|
|
5997
5997
|
"aria-label": a.description_add_a_subcategory,
|
|
5998
5998
|
name: "add-subcategory",
|
|
@@ -6115,9 +6115,9 @@ const Si = ({ transaction: A }) => {
|
|
|
6115
6115
|
/* @__PURE__ */ t(y, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
|
|
6116
6116
|
/* @__PURE__ */ t(ue, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ u(oA, { children: [
|
|
6117
6117
|
A.map((o, s) => /* @__PURE__ */ u(g.Fragment, { children: [
|
|
6118
|
-
o ===
|
|
6119
|
-
o ===
|
|
6120
|
-
o ===
|
|
6118
|
+
o === Bt.SplitTransaction && /* @__PURE__ */ t(Ad, { transaction: n }),
|
|
6119
|
+
o === Bt.HideTransaction && /* @__PURE__ */ t(Jl, { transaction: n }),
|
|
6120
|
+
o === Bt.MerchantLogo && /* @__PURE__ */ t(Vl, { transaction: n }),
|
|
6121
6121
|
/* @__PURE__ */ t(q, { variant: s < A.length - 1 ? "inset" : "fullWidth" })
|
|
6122
6122
|
] }, o)),
|
|
6123
6123
|
n.is_manual && /* @__PURE__ */ t(Yl, { transaction: n })
|
|
@@ -6167,7 +6167,7 @@ const Si = ({ transaction: A }) => {
|
|
|
6167
6167
|
}, fd = (A, e) => A.tags.map((n) => e.filter((r) => r.guid === n)[0]?.name ?? "").join(" "), rr = {
|
|
6168
6168
|
loading: "Loading...",
|
|
6169
6169
|
oops: "Oops! Something went wrong. Please try again later."
|
|
6170
|
-
},
|
|
6170
|
+
}, Yt = ({ status: A = Pe.Loading }) => /* @__PURE__ */ t(
|
|
6171
6171
|
S,
|
|
6172
6172
|
{
|
|
6173
6173
|
sx: {
|
|
@@ -6232,8 +6232,8 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6232
6232
|
},
|
|
6233
6233
|
title: a,
|
|
6234
6234
|
children: /* @__PURE__ */ u("div", { id: ir, children: [
|
|
6235
|
-
l && /* @__PURE__ */ t(
|
|
6236
|
-
s && /* @__PURE__ */ t(
|
|
6235
|
+
l && /* @__PURE__ */ t(Yt, { status: Pe.Error }),
|
|
6236
|
+
s && /* @__PURE__ */ t(Yt, { status: Pe.Loading })
|
|
6237
6237
|
] })
|
|
6238
6238
|
}
|
|
6239
6239
|
);
|
|
@@ -6509,7 +6509,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6509
6509
|
[o.breakpoints.up("md")]: { display: "none" }
|
|
6510
6510
|
},
|
|
6511
6511
|
children: /* @__PURE__ */ t(
|
|
6512
|
-
|
|
6512
|
+
Dt,
|
|
6513
6513
|
{
|
|
6514
6514
|
height: `calc(${e} - ${sr}px)`,
|
|
6515
6515
|
onClick: (IA) => {
|
|
@@ -6648,7 +6648,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6648
6648
|
}, C = l.find((f) => f.id === A.recurrenceType);
|
|
6649
6649
|
return /* @__PURE__ */ u(nA, { children: [
|
|
6650
6650
|
/* @__PURE__ */ t(
|
|
6651
|
-
|
|
6651
|
+
jt,
|
|
6652
6652
|
{
|
|
6653
6653
|
iconName: "sync",
|
|
6654
6654
|
label: le.activity_schedule,
|
|
@@ -6709,7 +6709,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6709
6709
|
};
|
|
6710
6710
|
return /* @__PURE__ */ u(nA, { children: [
|
|
6711
6711
|
/* @__PURE__ */ t(
|
|
6712
|
-
|
|
6712
|
+
jt,
|
|
6713
6713
|
{
|
|
6714
6714
|
iconName: "calendar_month",
|
|
6715
6715
|
label: pn.activity_payment_date,
|
|
@@ -6725,7 +6725,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6725
6725
|
onClose: () => s(!1),
|
|
6726
6726
|
onPrimaryAction: C,
|
|
6727
6727
|
title: pn.activity_payment_date,
|
|
6728
|
-
children: /* @__PURE__ */ t(Jn, { dateAdapter:
|
|
6728
|
+
children: /* @__PURE__ */ t(Jn, { dateAdapter: nn, children: /* @__PURE__ */ t(
|
|
6729
6729
|
Vn,
|
|
6730
6730
|
{
|
|
6731
6731
|
minDate: Z(),
|
|
@@ -6797,7 +6797,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6797
6797
|
/* @__PURE__ */ u(oA, { sx: { bgcolor: "background.paper" }, children: [
|
|
6798
6798
|
A.institution && /* @__PURE__ */ u(nA, { children: [
|
|
6799
6799
|
/* @__PURE__ */ t(
|
|
6800
|
-
|
|
6800
|
+
jt,
|
|
6801
6801
|
{
|
|
6802
6802
|
iconName: "checkbook",
|
|
6803
6803
|
label: JA.activity_account,
|
|
@@ -6808,7 +6808,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6808
6808
|
] }),
|
|
6809
6809
|
v && /* @__PURE__ */ u(nA, { children: [
|
|
6810
6810
|
/* @__PURE__ */ t(
|
|
6811
|
-
|
|
6811
|
+
jt,
|
|
6812
6812
|
{
|
|
6813
6813
|
iconName: "monetization_on",
|
|
6814
6814
|
label: JA.activity_category,
|
|
@@ -6834,7 +6834,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6834
6834
|
}
|
|
6835
6835
|
),
|
|
6836
6836
|
/* @__PURE__ */ t(y, { bold: !0, sx: { ml: 24, mt: 16, mb: 4 }, variant: "Body", children: JA.activity_paid_transactions }),
|
|
6837
|
-
/* @__PURE__ */ t(
|
|
6837
|
+
/* @__PURE__ */ t(Dt, { height: "30dvh", onClick: m }),
|
|
6838
6838
|
/* @__PURE__ */ t(
|
|
6839
6839
|
hA,
|
|
6840
6840
|
{
|
|
@@ -6863,7 +6863,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6863
6863
|
gridRow: 1,
|
|
6864
6864
|
gridColumn: 1,
|
|
6865
6865
|
zIndex: 2
|
|
6866
|
-
}, un = (A) => A ? { margin: "0 0 -6px -4px" } : void 0, fa = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(Cs, { color: "primary", sx: { fontSize: e, ...dn } }) }), ma = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(fs, { sx: { color: "categories.income", fontSize: e, ...dn } }) }), va = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(
|
|
6866
|
+
}, un = (A) => A ? { margin: "0 0 -6px -4px" } : void 0, fa = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(Cs, { color: "primary", sx: { fontSize: e, ...dn } }) }), ma = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(fs, { sx: { color: "categories.income", fontSize: e, ...dn } }) }), va = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(Gt, { color: "error", sx: { fontSize: e, ...dn } }) }), pa = ({ isOffset: A = !1, size: e = 16 }) => /* @__PURE__ */ t(xe, { size: e, sx: { ...un(A) }, children: /* @__PURE__ */ t(Ai, { color: "success", sx: { fontSize: e, ...dn } }) }), cr = (A, e = null) => {
|
|
6867
6867
|
const n = {
|
|
6868
6868
|
monthly: "monthly",
|
|
6869
6869
|
monthly_ordinal: "monthly on the _1{day}",
|
|
@@ -6940,7 +6940,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
6940
6940
|
default:
|
|
6941
6941
|
return e.unknown;
|
|
6942
6942
|
}
|
|
6943
|
-
},
|
|
6943
|
+
}, Vt = ({
|
|
6944
6944
|
activity: A,
|
|
6945
6945
|
isMini: e = !1,
|
|
6946
6946
|
onActivityClick: n = () => {
|
|
@@ -7111,7 +7111,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7111
7111
|
searchValue: r
|
|
7112
7112
|
}
|
|
7113
7113
|
),
|
|
7114
|
-
/* @__PURE__ */ t(
|
|
7114
|
+
/* @__PURE__ */ t(Dt, { bgcolor: A, height: "auto", onClick: a, showLoader: !1 })
|
|
7115
7115
|
] });
|
|
7116
7116
|
}, Ri = x(Nd), ZA = {
|
|
7117
7117
|
expense_date_label: "Next expense date",
|
|
@@ -7183,7 +7183,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7183
7183
|
] }),
|
|
7184
7184
|
/* @__PURE__ */ t(y, { bold: !0, sx: { mx: 24 }, variant: "Body", children: n ? ZA.income_schedule : ZA.expense_schedule }),
|
|
7185
7185
|
/* @__PURE__ */ t(
|
|
7186
|
-
|
|
7186
|
+
en,
|
|
7187
7187
|
{
|
|
7188
7188
|
InputLabelProps: { shrink: !0 },
|
|
7189
7189
|
SelectProps: {
|
|
@@ -7199,7 +7199,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7199
7199
|
children: s.map((l) => /* @__PURE__ */ t(Wn, { value: l.id, children: l.label }, l.id))
|
|
7200
7200
|
}
|
|
7201
7201
|
),
|
|
7202
|
-
/* @__PURE__ */ t(Jn, { dateAdapter:
|
|
7202
|
+
/* @__PURE__ */ t(Jn, { dateAdapter: nn, children: /* @__PURE__ */ t(
|
|
7203
7203
|
vs,
|
|
7204
7204
|
{
|
|
7205
7205
|
disablePast: !0,
|
|
@@ -7210,7 +7210,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7210
7210
|
}
|
|
7211
7211
|
) })
|
|
7212
7212
|
] });
|
|
7213
|
-
}, qn = (A) => A.top_level_category_guid !== p.INCOME && A.transaction_type === UA.DEBIT, Md = (A, e) => qn(A) ? A.payee?.toLowerCase().includes(e.toLowerCase()) || A.description.toLowerCase().includes(e.toLowerCase()) || A.feed_description.toLowerCase().includes(e.toLowerCase()) : !1,
|
|
7213
|
+
}, qn = (A) => A.top_level_category_guid !== p.INCOME && A.transaction_type === UA.DEBIT, Md = (A, e) => qn(A) ? A.payee?.toLowerCase().includes(e.toLowerCase()) || A.description.toLowerCase().includes(e.toLowerCase()) || A.feed_description.toLowerCase().includes(e.toLowerCase()) : !1, Tt = (A) => A.top_level_category_guid === p.INCOME || A.top_level_category_guid === p.TRANSFER && A.transaction_type === UA.CREDIT, Hi = (A, e) => Tt(A) ? A.payee?.toLowerCase().includes(e.toLowerCase()) || A.description?.toLowerCase().includes(e.toLowerCase()) || A.feed_description?.toLowerCase().includes(e.toLowerCase()) : !1, We = {
|
|
7214
7214
|
add_expense_description: "Here are all your debit transactions for the past 90 days. Choose one to get started on adding a recurring expense.",
|
|
7215
7215
|
add_income_description: "Here are all your credit transactions for the past 90 days. Choose one to get started on adding recurring income.",
|
|
7216
7216
|
close_drawer_aria: "Close",
|
|
@@ -7227,7 +7227,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7227
7227
|
() => c.find((D) => D.guid === h),
|
|
7228
7228
|
[h]
|
|
7229
7229
|
), b = () => {
|
|
7230
|
-
d(!0), s(A ? { ...o, custom:
|
|
7230
|
+
d(!0), s(A ? { ...o, custom: Tt } : { ...o, custom: qn });
|
|
7231
7231
|
}, w = async () => {
|
|
7232
7232
|
if (n(), !L || !v) {
|
|
7233
7233
|
I();
|
|
@@ -7270,7 +7270,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7270
7270
|
onSearch: (D) => {
|
|
7271
7271
|
s({
|
|
7272
7272
|
...o,
|
|
7273
|
-
custom: (O) => A ? D ? Hi(O, D) :
|
|
7273
|
+
custom: (O) => A ? D ? Hi(O, D) : Tt(O) : D ? Md(O, D) : qn(O)
|
|
7274
7274
|
});
|
|
7275
7275
|
},
|
|
7276
7276
|
onSelected: (D) => C(D)
|
|
@@ -7328,7 +7328,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7328
7328
|
};
|
|
7329
7329
|
return /* @__PURE__ */ u(oA, { sx: { bgcolor: "background.paper" }, children: [
|
|
7330
7330
|
r.map((s, c) => /* @__PURE__ */ u(g.Fragment, { children: [
|
|
7331
|
-
/* @__PURE__ */ t(
|
|
7331
|
+
/* @__PURE__ */ t(Vt, { activity: s, onActivityClick: i, showOrdinal: !0 }),
|
|
7332
7332
|
/* @__PURE__ */ t(q, { variant: c < r.length - 1 ? "inset" : "fullWidth" })
|
|
7333
7333
|
] }, s.scheduledPaymentGuid)),
|
|
7334
7334
|
/* @__PURE__ */ t(zi, { label: _d.manage_expenses_label, onAddActivity: o })
|
|
@@ -7531,7 +7531,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7531
7531
|
};
|
|
7532
7532
|
return /* @__PURE__ */ u(oA, { sx: { bgcolor: "background.paper" }, children: [
|
|
7533
7533
|
o.map((l, d) => /* @__PURE__ */ u(g.Fragment, { children: [
|
|
7534
|
-
/* @__PURE__ */ t(
|
|
7534
|
+
/* @__PURE__ */ t(Vt, { activity: l, onActivityClick: s, showOrdinal: !0 }),
|
|
7535
7535
|
/* @__PURE__ */ t(q, { variant: d < o.length - 1 ? "inset" : "fullWidth" })
|
|
7536
7536
|
] }, l.sequenceGuid)),
|
|
7537
7537
|
/* @__PURE__ */ t(zi, { isIncome: !0, label: kd.manage_income_add, onAddActivity: c })
|
|
@@ -7562,7 +7562,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7562
7562
|
}, lt = (A, e) => A + e.amount, En = (A) => A.activityType === EA.Income && et(A.expectedDate, {
|
|
7563
7563
|
start: LA(Z()),
|
|
7564
7564
|
end: OA(Z())
|
|
7565
|
-
}),
|
|
7565
|
+
}), _t = (A) => A.activityType === EA.Expense && et(A.expectedDate, {
|
|
7566
7566
|
start: LA(Z()),
|
|
7567
7567
|
end: OA(Z())
|
|
7568
7568
|
}), wn = (A) => A.occurredOnDate && et(A.occurredOnDate, {
|
|
@@ -7629,7 +7629,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7629
7629
|
)
|
|
7630
7630
|
}
|
|
7631
7631
|
);
|
|
7632
|
-
}, Fd = x(Qd),
|
|
7632
|
+
}, Fd = x(Qd), Ht = ({ icon: A, label: e }) => /* @__PURE__ */ u(T, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
|
|
7633
7633
|
/* @__PURE__ */ t(A, {}),
|
|
7634
7634
|
/* @__PURE__ */ t(y, { variant: "XSmall", children: e })
|
|
7635
7635
|
] }), Ud = () => /* @__PURE__ */ u(
|
|
@@ -7642,10 +7642,10 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7642
7642
|
justifyContent: "center",
|
|
7643
7643
|
mt: 12,
|
|
7644
7644
|
children: [
|
|
7645
|
-
/* @__PURE__ */ t(
|
|
7646
|
-
/* @__PURE__ */ t(
|
|
7647
|
-
/* @__PURE__ */ t(
|
|
7648
|
-
/* @__PURE__ */ t(
|
|
7645
|
+
/* @__PURE__ */ t(Ht, { icon: fa, label: "Expense" }),
|
|
7646
|
+
/* @__PURE__ */ t(Ht, { icon: ma, label: "Income" }),
|
|
7647
|
+
/* @__PURE__ */ t(Ht, { icon: va, label: "Missed" }),
|
|
7648
|
+
/* @__PURE__ */ t(Ht, { icon: pa, label: "Paid" })
|
|
7649
7649
|
]
|
|
7650
7650
|
}
|
|
7651
7651
|
), lr = 58, jd = () => {
|
|
@@ -7699,7 +7699,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7699
7699
|
views: ["day"]
|
|
7700
7700
|
}
|
|
7701
7701
|
);
|
|
7702
|
-
return /* @__PURE__ */ t(T, { justifyContent: "center", children: /* @__PURE__ */ u(Jn, { dateAdapter:
|
|
7702
|
+
return /* @__PURE__ */ t(T, { justifyContent: "center", children: /* @__PURE__ */ u(Jn, { dateAdapter: nn, children: [
|
|
7703
7703
|
n && o,
|
|
7704
7704
|
!n && o,
|
|
7705
7705
|
/* @__PURE__ */ t(Ud, {})
|
|
@@ -7732,7 +7732,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7732
7732
|
] }),
|
|
7733
7733
|
A.length === 0 ? /* @__PURE__ */ t(y, { fontStyle: "italic", py: 24, sx: { textAlign: "center" }, children: s.no_activities }) : /* @__PURE__ */ t(oA, { children: e ? A.map((l, d) => /* @__PURE__ */ u(nA, { children: [
|
|
7734
7734
|
/* @__PURE__ */ t(
|
|
7735
|
-
|
|
7735
|
+
Vt,
|
|
7736
7736
|
{
|
|
7737
7737
|
activity: l,
|
|
7738
7738
|
isMini: e,
|
|
@@ -7752,7 +7752,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7752
7752
|
sx: { width: "100%" },
|
|
7753
7753
|
children: l.activities.map((d, h) => /* @__PURE__ */ u(nA, { children: [
|
|
7754
7754
|
/* @__PURE__ */ t(
|
|
7755
|
-
|
|
7755
|
+
Vt,
|
|
7756
7756
|
{
|
|
7757
7757
|
activity: d,
|
|
7758
7758
|
isMini: e,
|
|
@@ -7820,7 +7820,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7820
7820
|
selectedDayActivities: i,
|
|
7821
7821
|
setSelectedDay: o,
|
|
7822
7822
|
upcomingActivities: s
|
|
7823
|
-
} = kA(), [c, l] = g.useState(0), { onEvent: d } = V(), h = e.filter(wn), C = a.filter(wn), f = n.filter(wn), m = h.filter(
|
|
7823
|
+
} = kA(), [c, l] = g.useState(0), { onEvent: d } = V(), h = e.filter(wn), C = a.filter(wn), f = n.filter(wn), m = h.filter(_t).reduce(lt, 0), v = C.filter(_t).reduce(lt, 0), E = f.filter(_t).reduce(lt, 0), L = h.filter(_t).length, b = h.filter(En).reduce(lt, 0), w = C.filter(En).reduce(lt, 0), I = h.filter(En).length, D = ($, B) => {
|
|
7824
7824
|
l(B);
|
|
7825
7825
|
}, O = ($) => {
|
|
7826
7826
|
d(J.RECURRING_ACTIVITY_CLICK_UPCOMING, {
|
|
@@ -7901,7 +7901,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7901
7901
|
)
|
|
7902
7902
|
] }) })
|
|
7903
7903
|
] });
|
|
7904
|
-
}, Vd = x(Yd),
|
|
7904
|
+
}, Vd = x(Yd), zt = {
|
|
7905
7905
|
close_drawer_aria: "Close",
|
|
7906
7906
|
recurring_activity_title: "Recurring Transactions",
|
|
7907
7907
|
recurring_activity_settings: "Settings"
|
|
@@ -7922,7 +7922,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7922
7922
|
accountOptions: n,
|
|
7923
7923
|
actions: [
|
|
7924
7924
|
{
|
|
7925
|
-
label:
|
|
7925
|
+
label: zt.recurring_activity_settings,
|
|
7926
7926
|
iconName: "settings",
|
|
7927
7927
|
onClick: () => {
|
|
7928
7928
|
d(!0), c(J.RECURRING_ACTIVITY_CLICK_SETTINGS);
|
|
@@ -7932,7 +7932,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7932
7932
|
onAccountsFilterClick: () => c(J.RECURRING_ACTIVITY_CLICK_FILTER),
|
|
7933
7933
|
onBackClick: A,
|
|
7934
7934
|
sx: e,
|
|
7935
|
-
title:
|
|
7935
|
+
title: zt.recurring_activity_title,
|
|
7936
7936
|
children: [
|
|
7937
7937
|
a || !s ? /* @__PURE__ */ t(Vd, {}) : /* @__PURE__ */ u(T, { direction: "column", p: 48, spacing: 24, children: [
|
|
7938
7938
|
/* @__PURE__ */ t(fe, { height: 100, variant: "rounded", width: "100%" }),
|
|
@@ -7942,11 +7942,11 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7942
7942
|
/* @__PURE__ */ t(
|
|
7943
7943
|
hA,
|
|
7944
7944
|
{
|
|
7945
|
-
ariaLabelClose:
|
|
7945
|
+
ariaLabelClose: zt.close_drawer_aria,
|
|
7946
7946
|
isOpen: l,
|
|
7947
7947
|
onClose: () => d(!1),
|
|
7948
7948
|
shouldShowHeaderBorders: !1,
|
|
7949
|
-
title:
|
|
7949
|
+
title: zt.recurring_activity_settings,
|
|
7950
7950
|
children: /* @__PURE__ */ t(Bi, {})
|
|
7951
7951
|
}
|
|
7952
7952
|
)
|
|
@@ -7962,7 +7962,7 @@ const ir = "connect_widget", or = "connections_widget", md = {
|
|
|
7962
7962
|
(c) => A.includes(c.accountGuid || "")
|
|
7963
7963
|
),
|
|
7964
7964
|
[A, r]
|
|
7965
|
-
), { availableWidth: o } =
|
|
7965
|
+
), { availableWidth: o } = It(), s = o < 750;
|
|
7966
7966
|
return /* @__PURE__ */ u(T, { flexDirection: s ? "column" : "row", width: "100%", children: [
|
|
7967
7967
|
/* @__PURE__ */ t(Ki, {}),
|
|
7968
7968
|
!s && /* @__PURE__ */ t(q, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
|
|
@@ -8249,7 +8249,7 @@ const tu = {
|
|
|
8249
8249
|
valueFormatter: (a) => X(a, "0,0.00")
|
|
8250
8250
|
});
|
|
8251
8251
|
const n = Object.keys(Q).filter((a) => Number(a)).map((a) => ({
|
|
8252
|
-
label:
|
|
8252
|
+
label: Xt[a],
|
|
8253
8253
|
value: Number(a),
|
|
8254
8254
|
icon: /* @__PURE__ */ t(P, { name: Gs[a] })
|
|
8255
8255
|
}));
|
|
@@ -8412,7 +8412,7 @@ const tu = {
|
|
|
8412
8412
|
children: /* @__PURE__ */ t(sa, { remaining: A })
|
|
8413
8413
|
}
|
|
8414
8414
|
);
|
|
8415
|
-
var
|
|
8415
|
+
var Lt = /* @__PURE__ */ ((A) => (A.EXPENSE = "expense", A.INCOME = "income", A))(Lt || {});
|
|
8416
8416
|
const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
8417
8417
|
/* @__PURE__ */ u(j, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
|
|
8418
8418
|
/* @__PURE__ */ u(T, { alignItems: "center", height: 32, width: 32, children: [
|
|
@@ -8446,9 +8446,9 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8446
8446
|
px: 24
|
|
8447
8447
|
},
|
|
8448
8448
|
children: [
|
|
8449
|
-
/* @__PURE__ */ t(y, { bold: !0, sx: { fontSize: 12 }, children: e ===
|
|
8449
|
+
/* @__PURE__ */ t(y, { bold: !0, sx: { fontSize: 12 }, children: e === Lt.EXPENSE ? n.expenses : n.income }),
|
|
8450
8450
|
/* @__PURE__ */ u(y, { bold: !0, sx: { fontSize: 13 }, children: [
|
|
8451
|
-
e ===
|
|
8451
|
+
e === Lt.EXPENSE ? "-" : "+",
|
|
8452
8452
|
X(A, "0,0.00")
|
|
8453
8453
|
] })
|
|
8454
8454
|
]
|
|
@@ -8503,7 +8503,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8503
8503
|
o.length > 0 && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
|
|
8504
8504
|
oA,
|
|
8505
8505
|
{
|
|
8506
|
-
subheader: /* @__PURE__ */ t(Cr, { total: c, type:
|
|
8506
|
+
subheader: /* @__PURE__ */ t(Cr, { total: c, type: Lt.INCOME }),
|
|
8507
8507
|
sx: { width: "100%" },
|
|
8508
8508
|
children: o.map((d) => /* @__PURE__ */ t(gr, { activity: d }, d.sequenceGuid))
|
|
8509
8509
|
}
|
|
@@ -8511,7 +8511,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8511
8511
|
s.length > 0 && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
|
|
8512
8512
|
oA,
|
|
8513
8513
|
{
|
|
8514
|
-
subheader: /* @__PURE__ */ t(Cr, { total: l, type:
|
|
8514
|
+
subheader: /* @__PURE__ */ t(Cr, { total: l, type: Lt.EXPENSE }),
|
|
8515
8515
|
sx: { width: "100%" },
|
|
8516
8516
|
children: s.map((d) => /* @__PURE__ */ t(gr, { activity: d }, d.scheduledPaymentGuid))
|
|
8517
8517
|
}
|
|
@@ -8532,7 +8532,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8532
8532
|
tooltip_title: "How is this calculated?",
|
|
8533
8533
|
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."
|
|
8534
8534
|
}, fu = () => {
|
|
8535
|
-
const { availableWidth: A } =
|
|
8535
|
+
const { availableWidth: A } = It(), e = fA(), { cashflow: n } = W(), { upcomingExpenses: a, upcomingIncome: r } = kA(), { dateRange: i, selectedCashAccounts: o } = ot(), s = [
|
|
8536
8536
|
{
|
|
8537
8537
|
field: "account",
|
|
8538
8538
|
flex: 1.5,
|
|
@@ -8611,7 +8611,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8611
8611
|
/* @__PURE__ */ u(T, { direction: "row", justifyContent: "space-between", mb: 12, children: [
|
|
8612
8612
|
/* @__PURE__ */ u(T, { alignItems: "center", direction: "row", gap: 8, children: [
|
|
8613
8613
|
/* @__PURE__ */ t(y, { bold: !0, sx: { fontSize: 15 }, children: n.cash_inflow_and_outflow }),
|
|
8614
|
-
/* @__PURE__ */ t(
|
|
8614
|
+
/* @__PURE__ */ t(Wt, { body: mr.tooltip_body, title: mr.tooltip_title })
|
|
8615
8615
|
] }),
|
|
8616
8616
|
/* @__PURE__ */ u(y, { bold: !0, sx: { fontSize: 15 }, children: [
|
|
8617
8617
|
U(i.start, F.FULL_MONTH_DAY),
|
|
@@ -8765,8 +8765,8 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8765
8765
|
}
|
|
8766
8766
|
),
|
|
8767
8767
|
/* @__PURE__ */ t(S, { sx: { mb: 32 } }),
|
|
8768
|
-
/* @__PURE__ */ t(
|
|
8769
|
-
/* @__PURE__ */ t(
|
|
8768
|
+
/* @__PURE__ */ t(Ut, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ t(S, { sx: { m: e ? 48 : 16 }, children: /* @__PURE__ */ t(mu, {}) }) }),
|
|
8769
|
+
/* @__PURE__ */ t(Ut, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ t(S, { sx: { m: e ? 48 : 16 }, children: /* @__PURE__ */ t(Cu, {}) }) })
|
|
8770
8770
|
] });
|
|
8771
8771
|
}, pu = x(vu), Se = ({
|
|
8772
8772
|
amount: A,
|
|
@@ -8799,7 +8799,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8799
8799
|
remaining_income_tooltip_title: "How is this calculated?",
|
|
8800
8800
|
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."
|
|
8801
8801
|
}, vr = (A, e) => (n) => n.accountGuid && A.includes(n.accountGuid) && ($n(n.expectedDate) || yt(n.expectedDate, e.start)) && gA(n.expectedDate, e.end), yu = () => {
|
|
8802
|
-
const [A, e] = g.useState(!1), { availableWidth: n } =
|
|
8802
|
+
const [A, e] = g.useState(!1), { availableWidth: n } = It(), { cashflow: a } = W(), { upcomingExpenses: r, upcomingIncome: i } = kA(), { selectedAccountGuids: o } = mA(), { dateRange: s, selectedCashAccounts: c } = ot(), { userProfile: l } = rn(), d = g.useMemo(
|
|
8803
8803
|
() => r.filter(vr(o, s)),
|
|
8804
8804
|
[s, o, r]
|
|
8805
8805
|
), h = g.useMemo(
|
|
@@ -8856,7 +8856,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8856
8856
|
isTotal: !0,
|
|
8857
8857
|
label: a.remaining_cash,
|
|
8858
8858
|
tooltip: /* @__PURE__ */ t(
|
|
8859
|
-
|
|
8859
|
+
Wt,
|
|
8860
8860
|
{
|
|
8861
8861
|
body: be.remaining_income_tooltip_body,
|
|
8862
8862
|
title: be.remaining_income_tooltip_title
|
|
@@ -8893,7 +8893,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8893
8893
|
amount: v,
|
|
8894
8894
|
label: a.remaining_cash,
|
|
8895
8895
|
tooltip: /* @__PURE__ */ t(
|
|
8896
|
-
|
|
8896
|
+
Wt,
|
|
8897
8897
|
{
|
|
8898
8898
|
body: be.remaining_income_tooltip_body,
|
|
8899
8899
|
title: be.remaining_income_tooltip_title
|
|
@@ -8919,7 +8919,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
8919
8919
|
return /* @__PURE__ */ u(T, { children: [
|
|
8920
8920
|
/* @__PURE__ */ t(Ee, { pb: 12, children: n.welcome_title }),
|
|
8921
8921
|
/* @__PURE__ */ t(
|
|
8922
|
-
|
|
8922
|
+
An,
|
|
8923
8923
|
{
|
|
8924
8924
|
color: a.palette.action.active,
|
|
8925
8925
|
pb: 8,
|
|
@@ -9007,7 +9007,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
9007
9007
|
// Beginning of the month, 90 days before today
|
|
9008
9008
|
LA(ie(Z(), 90)),
|
|
9009
9009
|
Z()
|
|
9010
|
-
), d({ ...l, custom:
|
|
9010
|
+
), d({ ...l, custom: Tt }), O(3);
|
|
9011
9011
|
}, rA = async () => {
|
|
9012
9012
|
if (!(k.length < 1)) {
|
|
9013
9013
|
b(!0);
|
|
@@ -9092,7 +9092,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(nA, { children: [
|
|
|
9092
9092
|
bgcolor: "background.paper",
|
|
9093
9093
|
onSearch: (sA) => d({
|
|
9094
9094
|
...l,
|
|
9095
|
-
custom: (G) => sA ? Hi(G, sA) :
|
|
9095
|
+
custom: (G) => sA ? Hi(G, sA) : Tt(G)
|
|
9096
9096
|
}),
|
|
9097
9097
|
onSelected: (sA) => {
|
|
9098
9098
|
R(sA), m(!1);
|
|
@@ -9500,7 +9500,7 @@ const Gu = (A, e) => {
|
|
|
9500
9500
|
const n = _a(e[A].delivered_at), a = _a(e[A - 1]?.delivered_at);
|
|
9501
9501
|
return !es(n, a);
|
|
9502
9502
|
}, Xu = ({ notification: A }) => {
|
|
9503
|
-
const { accounts: e } = DA(), { budgets: n } =
|
|
9503
|
+
const { accounts: e } = DA(), { budgets: n } = an(), a = e.find((s) => s.guid === A.entity_guid), r = n.find((s) => s.guid === A.entity_guid), i = A.entity_guid.includes("GOL"), o = {
|
|
9504
9504
|
badge: {
|
|
9505
9505
|
display: "flex",
|
|
9506
9506
|
alignItems: "center",
|
|
@@ -9597,7 +9597,16 @@ class Wu {
|
|
|
9597
9597
|
}
|
|
9598
9598
|
};
|
|
9599
9599
|
}
|
|
9600
|
-
|
|
9600
|
+
class wr {
|
|
9601
|
+
fetchInstance;
|
|
9602
|
+
constructor(e, n) {
|
|
9603
|
+
this.fetchInstance = new XA(e, n);
|
|
9604
|
+
}
|
|
9605
|
+
getAccounts = async () => this.fetchInstance.get(N.ACCOUNTS).then((e) => e.accounts).catch((e) => e);
|
|
9606
|
+
getMembers = async () => this.fetchInstance.get(N.MEMBERS).then((e) => e.members).catch((e) => e);
|
|
9607
|
+
getMonthlyAccountBalances = async (e) => this.fetchInstance.get(`${N.ACCOUNTS}/${e.guid}/monthly_account_balances`).then((n) => n.monthly_account_balances).catch((n) => n);
|
|
9608
|
+
}
|
|
9609
|
+
const Tr = [
|
|
9601
9610
|
{
|
|
9602
9611
|
id: 1,
|
|
9603
9612
|
accounts: [
|
|
@@ -9899,24 +9908,8 @@ const wr = [
|
|
|
9899
9908
|
change: 0
|
|
9900
9909
|
}
|
|
9901
9910
|
];
|
|
9902
|
-
class Tr {
|
|
9903
|
-
fetchInstance;
|
|
9904
|
-
constructor(e, n) {
|
|
9905
|
-
this.fetchInstance = new XA(e, n);
|
|
9906
|
-
}
|
|
9907
|
-
//TODO: move formatMonth out of api
|
|
9908
|
-
formatMonth = (e) => {
|
|
9909
|
-
const n = new Date(e * 1e3);
|
|
9910
|
-
return Vr(n, "MMMM yyyy");
|
|
9911
|
-
};
|
|
9912
|
-
getAccounts = async () => this.fetchInstance.get(N.ACCOUNTS).then((e) => e.accounts).catch((e) => e);
|
|
9913
|
-
getMembers = async () => this.fetchInstance.get(N.MEMBERS).then((e) => e.members).catch((e) => e);
|
|
9914
|
-
getMonthlyAccountBalances = async (e) => this.fetchInstance.get(`${N.ACCOUNTS}/${e.guid}/monthly_account_balances`).then((n) => n.monthly_account_balances).catch((n) => n);
|
|
9915
|
-
getNetWorthChartData = async () => wr.map((n) => ({ x: this.formatMonth(n.x), y: n.y }));
|
|
9916
|
-
getNetWorthMonthlyList = async () => wr;
|
|
9917
|
-
}
|
|
9918
9911
|
class Yu {
|
|
9919
|
-
api = new
|
|
9912
|
+
api = new wr("/", "");
|
|
9920
9913
|
globalStore;
|
|
9921
9914
|
netWorthData = {};
|
|
9922
9915
|
netWorthChartData = [];
|
|
@@ -9925,15 +9918,25 @@ class Yu {
|
|
|
9925
9918
|
this.globalStore = e, bA(this);
|
|
9926
9919
|
}
|
|
9927
9920
|
initialize = (e, n) => {
|
|
9928
|
-
this.api = new
|
|
9921
|
+
this.api = new wr(e, n);
|
|
9922
|
+
};
|
|
9923
|
+
flattenBalances = (e, n) => [
|
|
9924
|
+
...e,
|
|
9925
|
+
n
|
|
9926
|
+
];
|
|
9927
|
+
formatMonth = (e) => {
|
|
9928
|
+
const n = new Date(e * 1e3);
|
|
9929
|
+
return Vr(n, "MMMM yyyy");
|
|
9929
9930
|
};
|
|
9930
9931
|
loadNetWorthData = async () => {
|
|
9931
9932
|
try {
|
|
9932
|
-
const e = await this.api.getAccounts(), n = e.map((
|
|
9933
|
-
|
|
9933
|
+
const e = await this.api.getAccounts(), n = e.map((i) => this.api.getMonthlyAccountBalances(i)), r = (await Promise.all(n)).reduce(this.flattenBalances, []);
|
|
9934
|
+
Y(() => {
|
|
9934
9935
|
this.netWorthData = {
|
|
9935
9936
|
accounts: e,
|
|
9936
|
-
monthlyAccountBalances:
|
|
9937
|
+
monthlyAccountBalances: r.sort(
|
|
9938
|
+
(i, o) => i.year_month - o.year_month
|
|
9939
|
+
)
|
|
9937
9940
|
};
|
|
9938
9941
|
});
|
|
9939
9942
|
} catch (e) {
|
|
@@ -9942,7 +9945,7 @@ class Yu {
|
|
|
9942
9945
|
};
|
|
9943
9946
|
loadChartData = async () => {
|
|
9944
9947
|
try {
|
|
9945
|
-
const e = await this.
|
|
9948
|
+
const e = await this.getNetWorthMonthlyList(), n = await this.getNetWorthChartData();
|
|
9946
9949
|
Y(() => {
|
|
9947
9950
|
this.netWorthMonthlyList = e, this.netWorthChartData = n;
|
|
9948
9951
|
});
|
|
@@ -9950,6 +9953,8 @@ class Yu {
|
|
|
9950
9953
|
console.error(`Error occured while loading chart data: ${e}`);
|
|
9951
9954
|
}
|
|
9952
9955
|
};
|
|
9956
|
+
getNetWorthChartData = async () => Tr.map((n) => ({ x: this.formatMonth(n.x), y: n.y }));
|
|
9957
|
+
getNetWorthMonthlyList = async () => Tr;
|
|
9953
9958
|
}
|
|
9954
9959
|
class H7 {
|
|
9955
9960
|
accountStore;
|
|
@@ -10423,7 +10428,7 @@ const Ln = ({
|
|
|
10423
10428
|
}
|
|
10424
10429
|
);
|
|
10425
10430
|
case QA.Date:
|
|
10426
|
-
return /* @__PURE__ */ t(bs, { dateAdapter:
|
|
10431
|
+
return /* @__PURE__ */ t(bs, { dateAdapter: nn, children: /* @__PURE__ */ t(
|
|
10427
10432
|
Vn,
|
|
10428
10433
|
{
|
|
10429
10434
|
maxDate: YA(/* @__PURE__ */ new Date(), 1),
|
|
@@ -10436,7 +10441,7 @@ const Ln = ({
|
|
|
10436
10441
|
) });
|
|
10437
10442
|
default:
|
|
10438
10443
|
return /* @__PURE__ */ t(
|
|
10439
|
-
|
|
10444
|
+
en,
|
|
10440
10445
|
{
|
|
10441
10446
|
defaultValue: r[A.name],
|
|
10442
10447
|
error: !!s,
|
|
@@ -10586,7 +10591,7 @@ const Ln = ({
|
|
|
10586
10591
|
accounts: [a.guid]
|
|
10587
10592
|
});
|
|
10588
10593
|
}, [a]), g.useEffect(() => n(J.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ u(nA, { children: [
|
|
10589
|
-
/* @__PURE__ */ t(
|
|
10594
|
+
/* @__PURE__ */ t(Dt, { onClick: e }),
|
|
10590
10595
|
o && /* @__PURE__ */ t(
|
|
10591
10596
|
hA,
|
|
10592
10597
|
{
|
|
@@ -10634,8 +10639,8 @@ const Ln = ({
|
|
|
10634
10639
|
]
|
|
10635
10640
|
}
|
|
10636
10641
|
),
|
|
10637
|
-
/* @__PURE__ */ t(
|
|
10638
|
-
/* @__PURE__ */ t(
|
|
10642
|
+
/* @__PURE__ */ t(Ut, { index: 0, name: "transaction-details", value: A, children: /* @__PURE__ */ t(l1, {}) }),
|
|
10643
|
+
/* @__PURE__ */ t(Ut, { index: 1, name: "account-details", value: A, children: /* @__PURE__ */ t(r1, {}) })
|
|
10639
10644
|
] });
|
|
10640
10645
|
}, ya = (A) => A.top_level_category_guid === p.INCOME || A.category_guid === p.INCOME, Xi = (A) => Ba.includes(A.top_level_category_guid) || Ba.includes(A.category_guid), u1 = (A) => A.top_level_category_guid === p.TRANSFER || A.category_guid === p.TRANSFER, Qi = (A) => !ya(A) && !Xi(A) && !u1(A), br = (A) => [...new Set(A.map((n) => n.category_guid))].map((n) => A.filter((a) => a.category_guid === n).map((a) => ({
|
|
10641
10646
|
x: U(new Date(a.year, a.month), F.MONTH_SHORT_YEAR),
|
|
@@ -10697,7 +10702,7 @@ const Ln = ({
|
|
|
10697
10702
|
}
|
|
10698
10703
|
) });
|
|
10699
10704
|
}, E1 = x(y1), w1 = ({ sx: A }) => {
|
|
10700
|
-
const { loadMonthlyCategoryTotals: e } = xA(), { isInitialized: n } =
|
|
10705
|
+
const { loadMonthlyCategoryTotals: e } = xA(), { isInitialized: n } = wt(), { selectedAccount: a } = se(), [r, i] = g.useState(!1), o = {
|
|
10701
10706
|
ctaLabel: "View Trends",
|
|
10702
10707
|
title: U(/* @__PURE__ */ new Date(), F.MONTH_LONG)
|
|
10703
10708
|
};
|
|
@@ -10744,7 +10749,7 @@ const Ln = ({
|
|
|
10744
10749
|
/* @__PURE__ */ t(y, { variant: "Small", children: s?.name })
|
|
10745
10750
|
] }),
|
|
10746
10751
|
/* @__PURE__ */ u(T, { gap: 8, mb: 24, mt: 4, children: [
|
|
10747
|
-
/* @__PURE__ */ t(
|
|
10752
|
+
/* @__PURE__ */ t(An, { children: e.name || e.feed_name }),
|
|
10748
10753
|
/* @__PURE__ */ u(T, { direction: "row", justifyContent: "space-between", children: [
|
|
10749
10754
|
/* @__PURE__ */ t(y, { bold: r, variant: "Body", children: n }),
|
|
10750
10755
|
/* @__PURE__ */ t(y, { bold: !0, variant: "Body", children: X(a, "0,0.00") })
|
|
@@ -10779,7 +10784,7 @@ const Ln = ({
|
|
|
10779
10784
|
const d = n.filter((m) => m.account_type === l), h = d.reduce(
|
|
10780
10785
|
(m, v) => (v.available_balance || v.balance || 0) + m,
|
|
10781
10786
|
0
|
|
10782
|
-
), C =
|
|
10787
|
+
), C = Xt[d[0].account_type], f = (m) => {
|
|
10783
10788
|
e(m.guid), o(J.ACCOUNTS_CLICK_ACCOUNT, {
|
|
10784
10789
|
account_guid: m.guid,
|
|
10785
10790
|
account_type: m.account_type
|
|
@@ -10796,7 +10801,7 @@ const Ln = ({
|
|
|
10796
10801
|
direction: "row",
|
|
10797
10802
|
sx: { display: "flex", justifyContent: "space-between" },
|
|
10798
10803
|
children: [
|
|
10799
|
-
/* @__PURE__ */ t(y, { bold: !0, variant: "Body", children:
|
|
10804
|
+
/* @__PURE__ */ t(y, { bold: !0, variant: "Body", children: Xt[l] }),
|
|
10800
10805
|
/* @__PURE__ */ t(y, { bold: !0, variant: "Body", children: X(h, "0,0.00") })
|
|
10801
10806
|
]
|
|
10802
10807
|
}
|
|
@@ -10878,8 +10883,8 @@ const Ln = ({
|
|
|
10878
10883
|
},
|
|
10879
10884
|
title: n,
|
|
10880
10885
|
children: /* @__PURE__ */ u("div", { id: or, children: [
|
|
10881
|
-
l && /* @__PURE__ */ t(
|
|
10882
|
-
s && /* @__PURE__ */ t(
|
|
10886
|
+
l && /* @__PURE__ */ t(Yt, { status: Pe.Error }),
|
|
10887
|
+
s && /* @__PURE__ */ t(Yt, { status: Pe.Loading })
|
|
10883
10888
|
] })
|
|
10884
10889
|
}
|
|
10885
10890
|
);
|
|
@@ -11614,7 +11619,7 @@ const Or = {
|
|
|
11614
11619
|
mercury: n.palette.success.lighter
|
|
11615
11620
|
}, r;
|
|
11616
11621
|
}, K1 = () => {
|
|
11617
|
-
const { budgets: A } =
|
|
11622
|
+
const { budgets: A } = an();
|
|
11618
11623
|
return A.map((n) => {
|
|
11619
11624
|
const a = n.transaction_total;
|
|
11620
11625
|
return n.amount - a;
|
|
@@ -11636,7 +11641,7 @@ const Or = {
|
|
|
11636
11641
|
textColor: r.text,
|
|
11637
11642
|
totalAmount: a.amount
|
|
11638
11643
|
};
|
|
11639
|
-
}), At = 75, Fi = 50,
|
|
11644
|
+
}), At = 75, Fi = 50, Jt = 5, G1 = 100, xr = 20, X1 = 5e3, Q1 = (A, e, n, a, r = !1, i = () => {
|
|
11640
11645
|
}) => {
|
|
11641
11646
|
const o = Ae.select(e), s = U1(o, A, r, i), c = $1(A, n, a);
|
|
11642
11647
|
return j1(s), A.forEach((l, d) => {
|
|
@@ -11690,12 +11695,12 @@ const Or = {
|
|
|
11690
11695
|
}, J1 = (A) => {
|
|
11691
11696
|
A.append("path").attr("style", "fill: white; fill-opacity: 0.35;").attr(
|
|
11692
11697
|
"d",
|
|
11693
|
-
Ae.arc().innerRadius((e) => e.radius -
|
|
11698
|
+
Ae.arc().innerRadius((e) => e.radius - Jt * 2).outerRadius((e) => e.radius - Jt).startAngle(0).endAngle(2 * Math.PI)
|
|
11694
11699
|
), A.append("path").transition().duration(X1).delay(0).attr("style", (e) => `fill: ${e.progressColor}; fill-opacity: 1;`).attrTween("d", Z1);
|
|
11695
11700
|
}, Z1 = (A) => {
|
|
11696
11701
|
let e = A.currentAmount / A.totalAmount;
|
|
11697
11702
|
e < 0 ? e = 0 : e > 1 && (e = 1);
|
|
11698
|
-
const n = e * 2 * Math.PI, a = Ae.interpolate(0, n), r = Ae.arc().cornerRadius(5).innerRadius(A.radius -
|
|
11703
|
+
const n = e * 2 * Math.PI, a = Ae.interpolate(0, n), r = Ae.arc().cornerRadius(5).innerRadius(A.radius - Jt * 2).outerRadius(A.radius - Jt).startAngle(0).endAngle(0);
|
|
11699
11704
|
return (i) => (r.endAngle(a(i)), r(A) || "");
|
|
11700
11705
|
}, $1 = (A, e, n) => {
|
|
11701
11706
|
const a = A.reduce((o, s) => {
|
|
@@ -11757,7 +11762,7 @@ const Or = {
|
|
|
11757
11762
|
},
|
|
11758
11763
|
shouldShowZeroState: n
|
|
11759
11764
|
}) => {
|
|
11760
|
-
const a = fA(), { budgets: r } =
|
|
11765
|
+
const a = fA(), { budgets: r } = an(), { categories: i } = xA(), { isInitialized: o } = mA(), { availableHeight: s, availableWidth: c } = It(), [l, d] = g.useState(!1), h = g.useMemo(
|
|
11761
11766
|
() => k1(r, i, a),
|
|
11762
11767
|
[r, s, c]
|
|
11763
11768
|
), [C, f] = g.useMemo(() => [450, c - 24], [s, c]);
|
|
@@ -11782,7 +11787,7 @@ const Or = {
|
|
|
11782
11787
|
left_in_budgets: "Left in Budgets",
|
|
11783
11788
|
overspent_in_budgets: "Overspent in Budgets"
|
|
11784
11789
|
}, ah = (A) => {
|
|
11785
|
-
const { budgets: e } =
|
|
11790
|
+
const { budgets: e } = an(), n = K1(), a = e.length === 0;
|
|
11786
11791
|
return /* @__PURE__ */ u(
|
|
11787
11792
|
qe,
|
|
11788
11793
|
{
|
|
@@ -11800,7 +11805,7 @@ const Or = {
|
|
|
11800
11805
|
);
|
|
11801
11806
|
}, K7 = x(ah);
|
|
11802
11807
|
var kn = /* @__PURE__ */ ((A) => (A[A.Main = 0] = "Main", A[A.RightSide = 1] = "RightSide", A))(kn || {});
|
|
11803
|
-
const
|
|
11808
|
+
const qt = {
|
|
11804
11809
|
good_afternoon: "Good afternoon!",
|
|
11805
11810
|
good_evening: "Good evening!",
|
|
11806
11811
|
good_morning: "Good morning!",
|
|
@@ -11825,9 +11830,9 @@ const zt = {
|
|
|
11825
11830
|
/* @__PURE__ */ u(T, { children: [
|
|
11826
11831
|
/* @__PURE__ */ t(Ee, { children: (() => {
|
|
11827
11832
|
const c = (/* @__PURE__ */ new Date()).getHours();
|
|
11828
|
-
return c > 1 && c < 12 ?
|
|
11833
|
+
return c > 1 && c < 12 ? qt.good_morning : c >= 12 && c < 18 ? qt.good_afternoon : qt.good_evening;
|
|
11829
11834
|
})() }),
|
|
11830
|
-
/* @__PURE__ */ t(y, { color: "text.secondary", sx: { fontSize: 15 }, children:
|
|
11835
|
+
/* @__PURE__ */ t(y, { color: "text.secondary", sx: { fontSize: 15 }, children: qt.heres_your_spending_overview })
|
|
11831
11836
|
] }),
|
|
11832
11837
|
/* @__PURE__ */ t(
|
|
11833
11838
|
gi,
|
|
@@ -11845,7 +11850,7 @@ const zt = {
|
|
|
11845
11850
|
)
|
|
11846
11851
|
] }) });
|
|
11847
11852
|
}, ih = x(rh), oh = ({ widgets: A, isLoading: e }) => {
|
|
11848
|
-
const { isDesktop: n, isMobile: a } = jA(), { copyStore: r } =
|
|
11853
|
+
const { isDesktop: n, isMobile: a } = jA(), { copyStore: r } = wt(), { setSelectedAccounts: i } = mA(), { accounts: o } = DA();
|
|
11849
11854
|
g.useEffect(() => {
|
|
11850
11855
|
i(o);
|
|
11851
11856
|
}, [o]);
|
|
@@ -11996,7 +12001,7 @@ const zt = {
|
|
|
11996
12001
|
useDarkMode: n = !1
|
|
11997
12002
|
}) => {
|
|
11998
12003
|
const { groupedAccounts: a, toggleAccount: r } = e, [i, o] = g.useState(!1);
|
|
11999
|
-
return /* @__PURE__ */ u(Aa, { theme:
|
|
12004
|
+
return /* @__PURE__ */ u(Aa, { theme: St(n ? "dark" : "light"), children: [
|
|
12000
12005
|
/* @__PURE__ */ t(
|
|
12001
12006
|
Ui,
|
|
12002
12007
|
{
|
|
@@ -12273,7 +12278,7 @@ const Yi = ({
|
|
|
12273
12278
|
}
|
|
12274
12279
|
),
|
|
12275
12280
|
/* @__PURE__ */ t(
|
|
12276
|
-
|
|
12281
|
+
Kt,
|
|
12277
12282
|
{
|
|
12278
12283
|
checked: l[w.name] ? l[w.name] : !1,
|
|
12279
12284
|
edge: "end",
|
|
@@ -12534,7 +12539,7 @@ const Yi = ({
|
|
|
12534
12539
|
content: A,
|
|
12535
12540
|
disabledBeatTemplatesStore: e,
|
|
12536
12541
|
useDarkMode: n = !1
|
|
12537
|
-
}) => /* @__PURE__ */ t(Aa, { theme:
|
|
12542
|
+
}) => /* @__PURE__ */ t(Aa, { theme: St(n ? "dark" : "light"), children: /* @__PURE__ */ t(ch, { children: /* @__PURE__ */ t(
|
|
12538
12543
|
mh,
|
|
12539
12544
|
{
|
|
12540
12545
|
content: A,
|
|
@@ -12547,7 +12552,7 @@ const Yi = ({
|
|
|
12547
12552
|
onClose: a = () => {
|
|
12548
12553
|
},
|
|
12549
12554
|
useDarkMode: r = !1
|
|
12550
|
-
}) => /* @__PURE__ */ t(Aa, { theme:
|
|
12555
|
+
}) => /* @__PURE__ */ t(Aa, { theme: St(r ? "dark" : "light"), children: /* @__PURE__ */ t(
|
|
12551
12556
|
hA,
|
|
12552
12557
|
{
|
|
12553
12558
|
ariaLabelClose: e.close,
|
|
@@ -12572,7 +12577,7 @@ const Yi = ({
|
|
|
12572
12577
|
rightLowerText: c,
|
|
12573
12578
|
rightUpperText: l
|
|
12574
12579
|
}) => {
|
|
12575
|
-
const d =
|
|
12580
|
+
const d = St(i ? "dark" : "light"), h = {
|
|
12576
12581
|
containerHeight: o ? 140 : 186,
|
|
12577
12582
|
logoSize: o ? 20 : 48,
|
|
12578
12583
|
card: {
|
|
@@ -12766,7 +12771,7 @@ const Yi = ({
|
|
|
12766
12771
|
) });
|
|
12767
12772
|
};
|
|
12768
12773
|
class ph {
|
|
12769
|
-
copyApi = new
|
|
12774
|
+
copyApi = new Ft("/", "");
|
|
12770
12775
|
copyObject = {};
|
|
12771
12776
|
namespace = "experiences";
|
|
12772
12777
|
translationKey = "micro_insights";
|
|
@@ -12774,7 +12779,7 @@ class ph {
|
|
|
12774
12779
|
bA(this);
|
|
12775
12780
|
}
|
|
12776
12781
|
initialize = async (e, n) => {
|
|
12777
|
-
this.copyApi = new
|
|
12782
|
+
this.copyApi = new Ft(e, n), await this.loadCopy();
|
|
12778
12783
|
};
|
|
12779
12784
|
loadCopy = async () => {
|
|
12780
12785
|
const e = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
|
|
@@ -12964,12 +12969,12 @@ class bh {
|
|
|
12964
12969
|
});
|
|
12965
12970
|
};
|
|
12966
12971
|
}
|
|
12967
|
-
const
|
|
12972
|
+
const Ot = g.createContext(null), Ih = ({
|
|
12968
12973
|
onEvent: A,
|
|
12969
12974
|
onPageview: e,
|
|
12970
12975
|
store: n,
|
|
12971
12976
|
children: a
|
|
12972
|
-
}) => /* @__PURE__ */ t(
|
|
12977
|
+
}) => /* @__PURE__ */ t(Ot.Provider, { value: { onEvent: A, onPageview: e, store: n, children: a }, children: a }), Dh = ({ beat: A }) => {
|
|
12973
12978
|
const [e, n] = de(p.UNCATEGORIZED);
|
|
12974
12979
|
return he(() => {
|
|
12975
12980
|
A.primary_category_guid ? n(A.primary_category_guid) : A.category_guids?.length && n(A.category_guids[0]);
|
|
@@ -13826,24 +13831,24 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
13826
13831
|
XLARGE: 200,
|
|
13827
13832
|
XXLARGE: 248
|
|
13828
13833
|
}, Hh = 50, to = 1, je = () => {
|
|
13829
|
-
const A = g.useContext(
|
|
13834
|
+
const A = g.useContext(Ot);
|
|
13830
13835
|
if (!A)
|
|
13831
13836
|
throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
|
|
13832
13837
|
return A.store.copyStore;
|
|
13833
13838
|
}, zh = () => {
|
|
13834
|
-
const A = g.useContext(
|
|
13839
|
+
const A = g.useContext(Ot);
|
|
13835
13840
|
if (!A?.store?.insightsMicroWidgetStore)
|
|
13836
13841
|
throw new Error(
|
|
13837
13842
|
"useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
|
|
13838
13843
|
);
|
|
13839
13844
|
return A.store.insightsMicroWidgetStore;
|
|
13840
|
-
},
|
|
13841
|
-
const A = g.useContext(
|
|
13845
|
+
}, xt = () => {
|
|
13846
|
+
const A = g.useContext(Ot);
|
|
13842
13847
|
if (!A)
|
|
13843
13848
|
throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
|
|
13844
13849
|
return { onEvent: A.onEvent };
|
|
13845
13850
|
}, no = () => {
|
|
13846
|
-
const A = g.useContext(
|
|
13851
|
+
const A = g.useContext(Ot);
|
|
13847
13852
|
if (!A)
|
|
13848
13853
|
throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
|
|
13849
13854
|
return { onPageview: A.onPageview };
|
|
@@ -13864,7 +13869,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
13864
13869
|
}) => {
|
|
13865
13870
|
const f = window.app?.config.client_guid, { ref: m, inView: v } = ri({
|
|
13866
13871
|
threshold: to
|
|
13867
|
-
}), { cardsCopy: E } = je(), { onEvent: L } =
|
|
13872
|
+
}), { cardsCopy: E } = je(), { onEvent: L } = xt(), { updateBeat: b } = zh();
|
|
13868
13873
|
he(() => {
|
|
13869
13874
|
v && (n.has_been_displayed ? L(Ji(n.template)) : (b({
|
|
13870
13875
|
...n,
|
|
@@ -13958,7 +13963,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
13958
13963
|
disabled: d,
|
|
13959
13964
|
onClick: a,
|
|
13960
13965
|
children: /* @__PURE__ */ t(
|
|
13961
|
-
|
|
13966
|
+
tn,
|
|
13962
13967
|
{
|
|
13963
13968
|
style: {
|
|
13964
13969
|
color: d ? h : C
|
|
@@ -13998,7 +14003,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
13998
14003
|
variant: l,
|
|
13999
14004
|
widthOverrides: d
|
|
14000
14005
|
}) => {
|
|
14001
|
-
const h = Xh(a, c, d), C = g.useRef(null), [f, m] = g.useState(0), [v, E] = g.useState(null), [L, b] = g.useState(null), { carouselCopy: w } = je(), { onEvent: I } =
|
|
14006
|
+
const h = Xh(a, c, d), C = g.useRef(null), [f, m] = g.useState(0), [v, E] = g.useState(null), [L, b] = g.useState(null), { carouselCopy: w } = je(), { onEvent: I } = xt(), D = () => {
|
|
14002
14007
|
I(te.ON_CAROUSEL_FORWARD_CLICK), C.current && C.current.scrollTo({
|
|
14003
14008
|
left: (
|
|
14004
14009
|
// Adds the flex gap to the carousel ulRef's width
|
|
@@ -14234,7 +14239,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14234
14239
|
posthog: n,
|
|
14235
14240
|
widthOverrides: a
|
|
14236
14241
|
}) => {
|
|
14237
|
-
const { carouselCopy: r } = je(), { onEvent: i } =
|
|
14242
|
+
const { carouselCopy: r } = je(), { onEvent: i } = xt(), o = window.app?.config.client_guid, s = () => {
|
|
14238
14243
|
i && (i(te.ON_VIEW_MORE_CLICKED), n?.capture && o && (e(), n.capture("micro_widget_clicked_insight", {
|
|
14239
14244
|
insight_template: "view_all",
|
|
14240
14245
|
$groups: { client: o }
|
|
@@ -14293,7 +14298,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14293
14298
|
children: r.view_all_insights_in_full_feed_cta_aria
|
|
14294
14299
|
}
|
|
14295
14300
|
),
|
|
14296
|
-
/* @__PURE__ */ t(
|
|
14301
|
+
/* @__PURE__ */ t(tn, { sx: { color: A?.primary_300, ml: "8px" } })
|
|
14297
14302
|
]
|
|
14298
14303
|
}
|
|
14299
14304
|
)
|
|
@@ -14364,7 +14369,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14364
14369
|
};
|
|
14365
14370
|
return (
|
|
14366
14371
|
// The Theme provider must wrap the component so that the styles don't break when imported into other applications.
|
|
14367
|
-
/* @__PURE__ */ u(Qr, { theme:
|
|
14372
|
+
/* @__PURE__ */ u(Qr, { theme: St(E ? "dark" : "light"), children: [
|
|
14368
14373
|
/* @__PURE__ */ t(Hs, {}),
|
|
14369
14374
|
/* @__PURE__ */ t(Ih, { onEvent: $, onPageview: B, store: ke, children: /* @__PURE__ */ u(
|
|
14370
14375
|
S,
|
|
@@ -14415,7 +14420,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14415
14420
|
variant: c,
|
|
14416
14421
|
widthOverrides: l
|
|
14417
14422
|
}) => {
|
|
14418
|
-
const { cardsCopy: d } = je(), { onEvent: h } =
|
|
14423
|
+
const { cardsCopy: d } = je(), { onEvent: h } = xt(), { onPageview: C } = no(), f = window.app?.config.client_guid;
|
|
14419
14424
|
g.useEffect(() => {
|
|
14420
14425
|
C(De.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
|
|
14421
14426
|
}, []);
|
|
@@ -14469,7 +14474,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14469
14474
|
}) => {
|
|
14470
14475
|
const l = SA(), d = window.app?.config.client_guid, { ref: h, inView: C } = ri({
|
|
14471
14476
|
threshold: to
|
|
14472
|
-
}), { cardsCopy: f } = je(), { onEvent: m } =
|
|
14477
|
+
}), { cardsCopy: f } = je(), { onEvent: m } = xt();
|
|
14473
14478
|
he(() => {
|
|
14474
14479
|
C && m($i.ON_VIEW_MORE_VIEWED);
|
|
14475
14480
|
}, [C]), he(() => {
|
|
@@ -14585,12 +14590,14 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14585
14590
|
] })) })
|
|
14586
14591
|
] });
|
|
14587
14592
|
}, s3 = x(o3), c3 = ({ onBackClick: A }) => {
|
|
14588
|
-
const { accounts: e } = DA(), { isInitialized: n } =
|
|
14593
|
+
const { accounts: e } = DA(), { isInitialized: n } = wt(), { loadNetWorthData: a, loadChartData: r, netWorthData: i, netWorthChartData: o, netWorthMonthlyList: s } = Hc(), [c, l] = g.useState(!1);
|
|
14589
14594
|
return g.useEffect(() => {
|
|
14590
|
-
n && (a(), r(),
|
|
14591
|
-
}, [n]),
|
|
14592
|
-
|
|
14593
|
-
|
|
14595
|
+
n && (a(), r(), l(!0));
|
|
14596
|
+
}, [n]), g.useEffect(() => {
|
|
14597
|
+
console.log(`networthdata is ${JSON.parse(JSON.stringify(wt))}`);
|
|
14598
|
+
}, [i]), !n || !c ? /* @__PURE__ */ t(Ce, {}) : /* @__PURE__ */ u(Re, { accountOptions: e, onBackClick: A, sx: { px: 16 }, children: [
|
|
14599
|
+
/* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(n3, { chartData: o }) }),
|
|
14600
|
+
/* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(s3, { netWorthList: s }) })
|
|
14594
14601
|
] });
|
|
14595
14602
|
}, W7 = x(c3), xn = 5, l3 = (A, e) => e.reduce((n, a) => {
|
|
14596
14603
|
if (a.total > 0) {
|
|
@@ -14673,10 +14680,10 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14673
14680
|
donutData: o,
|
|
14674
14681
|
totalAmount: i
|
|
14675
14682
|
};
|
|
14676
|
-
},
|
|
14683
|
+
}, Zt = ({ amount: A, label: e }) => /* @__PURE__ */ u(T, { direction: "column", children: [
|
|
14677
14684
|
/* @__PURE__ */ t(y, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: e }),
|
|
14678
14685
|
/* @__PURE__ */ t(y, { variant: "XSmall", children: X(A, "0,0") })
|
|
14679
|
-
] }),
|
|
14686
|
+
] }), $t = ({
|
|
14680
14687
|
data: A,
|
|
14681
14688
|
isIncome: e = !1,
|
|
14682
14689
|
onSelected: n,
|
|
@@ -14784,12 +14791,12 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14784
14791
|
};
|
|
14785
14792
|
return /* @__PURE__ */ u(S, { width: "100%", children: [
|
|
14786
14793
|
/* @__PURE__ */ u(rt, { onChange: C, value: c, variant: "fullWidth", children: [
|
|
14787
|
-
/* @__PURE__ */ t(ae, { label: /* @__PURE__ */ t(
|
|
14788
|
-
/* @__PURE__ */ t(ae, { label: /* @__PURE__ */ t(
|
|
14794
|
+
/* @__PURE__ */ t(ae, { label: /* @__PURE__ */ t(Zt, { amount: d.totalAmount, label: "Spending" }) }),
|
|
14795
|
+
/* @__PURE__ */ t(ae, { label: /* @__PURE__ */ t(Zt, { amount: h.totalAmount, label: "Income" }) })
|
|
14789
14796
|
] }),
|
|
14790
14797
|
c === 0 && /* @__PURE__ */ t(S, { children: /* @__PURE__ */ u(T, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
|
|
14791
14798
|
/* @__PURE__ */ t(
|
|
14792
|
-
|
|
14799
|
+
$t,
|
|
14793
14800
|
{
|
|
14794
14801
|
data: d,
|
|
14795
14802
|
onSelected: f,
|
|
@@ -14808,7 +14815,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14808
14815
|
] }) }),
|
|
14809
14816
|
c === 1 && /* @__PURE__ */ t(S, { children: /* @__PURE__ */ u(T, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
|
|
14810
14817
|
/* @__PURE__ */ t(
|
|
14811
|
-
|
|
14818
|
+
$t,
|
|
14812
14819
|
{
|
|
14813
14820
|
data: h,
|
|
14814
14821
|
isIncome: !0,
|
|
@@ -14936,7 +14943,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14936
14943
|
px: 8,
|
|
14937
14944
|
children: [
|
|
14938
14945
|
s && /* @__PURE__ */ t(
|
|
14939
|
-
|
|
14946
|
+
$t,
|
|
14940
14947
|
{
|
|
14941
14948
|
data: {
|
|
14942
14949
|
categoryData: [],
|
|
@@ -14952,7 +14959,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
14952
14959
|
}
|
|
14953
14960
|
),
|
|
14954
14961
|
!s && /* @__PURE__ */ t(
|
|
14955
|
-
|
|
14962
|
+
$t,
|
|
14956
14963
|
{
|
|
14957
14964
|
data: A,
|
|
14958
14965
|
onSelected: e,
|
|
@@ -15031,13 +15038,13 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
15031
15038
|
/* @__PURE__ */ t(
|
|
15032
15039
|
ae,
|
|
15033
15040
|
{
|
|
15034
|
-
label: /* @__PURE__ */ t(
|
|
15041
|
+
label: /* @__PURE__ */ t(Zt, { amount: L.totalAmount, label: Ie.spend_tab_title })
|
|
15035
15042
|
}
|
|
15036
15043
|
),
|
|
15037
15044
|
/* @__PURE__ */ t(
|
|
15038
15045
|
ae,
|
|
15039
15046
|
{
|
|
15040
|
-
label: /* @__PURE__ */ t(
|
|
15047
|
+
label: /* @__PURE__ */ t(Zt, { amount: b.totalAmount, label: Ie.income_tab_title })
|
|
15041
15048
|
}
|
|
15042
15049
|
)
|
|
15043
15050
|
] }),
|
|
@@ -15068,7 +15075,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
15068
15075
|
isOpen: v,
|
|
15069
15076
|
onClose: () => E(!1),
|
|
15070
15077
|
title: Ie.transactions_drawer_title,
|
|
15071
|
-
children: /* @__PURE__ */ t(
|
|
15078
|
+
children: /* @__PURE__ */ t(Dt, { onClick: m })
|
|
15072
15079
|
}
|
|
15073
15080
|
),
|
|
15074
15081
|
/* @__PURE__ */ t(
|
|
@@ -15376,7 +15383,7 @@ const Dt = g.createContext(null), Ih = ({
|
|
|
15376
15383
|
subTitle: "Your total spending over the last 6 months",
|
|
15377
15384
|
title: "Spending Overview"
|
|
15378
15385
|
}, P3 = ({ onPrimaryCtaClick: A, sx: e }) => {
|
|
15379
|
-
const { loadMonthlyCategoryTotals: n } = xA(), { isInitialized: a } =
|
|
15386
|
+
const { loadMonthlyCategoryTotals: n } = xA(), { isInitialized: a } = wt(), { selectedAccounts: r } = mA(), [i, o] = g.useState(!1);
|
|
15380
15387
|
return g.useEffect(() => {
|
|
15381
15388
|
a && n(r).finally(() => {
|
|
15382
15389
|
o(!0);
|
|
@@ -15401,7 +15408,7 @@ export {
|
|
|
15401
15408
|
z1 as AccountStore,
|
|
15402
15409
|
Ks as AccountSubType,
|
|
15403
15410
|
Q as AccountType,
|
|
15404
|
-
|
|
15411
|
+
Xt as AccountTypeName,
|
|
15405
15412
|
q7 as AccountsMiniWidget,
|
|
15406
15413
|
z7 as AccountsWidget,
|
|
15407
15414
|
Bi as ActivitySettings,
|
|
@@ -15414,7 +15421,7 @@ export {
|
|
|
15414
15421
|
p7 as BarChart,
|
|
15415
15422
|
nt as BeatApi,
|
|
15416
15423
|
qh as BeatCard,
|
|
15417
|
-
|
|
15424
|
+
Bt as BottomActions,
|
|
15418
15425
|
K7 as BubbleBudgetsMiniWidget,
|
|
15419
15426
|
mc as Calendar,
|
|
15420
15427
|
Ci as CalendarSelectionTypes,
|
|
@@ -15436,14 +15443,14 @@ export {
|
|
|
15436
15443
|
B7 as ConnectMiniWidget,
|
|
15437
15444
|
Oe as ConnectionStatus,
|
|
15438
15445
|
RA as ConnectionStatusEnums,
|
|
15439
|
-
|
|
15446
|
+
Qt as CurrencyCodes,
|
|
15440
15447
|
oa as CurrencyInput,
|
|
15441
15448
|
F as DATE_FORMATS_INTL,
|
|
15442
15449
|
li as DEFAULT_DONUT_SIZE,
|
|
15443
15450
|
di as DEFAULT_STROKE_WIDTH,
|
|
15444
15451
|
k7 as Dashboard,
|
|
15445
15452
|
kn as DashboardLocation,
|
|
15446
|
-
|
|
15453
|
+
jt as DataRow,
|
|
15447
15454
|
Ya as DateRangeSelector,
|
|
15448
15455
|
zA as Dialog,
|
|
15449
15456
|
wc as Donut,
|
|
@@ -15452,7 +15459,7 @@ export {
|
|
|
15452
15459
|
rl as ExpenseStatus,
|
|
15453
15460
|
XA as Fetch,
|
|
15454
15461
|
QA as FieldType,
|
|
15455
|
-
|
|
15462
|
+
Ft as GlobalCopyApi,
|
|
15456
15463
|
Qc as GlobalCopyStore,
|
|
15457
15464
|
it as GlobalDataContext,
|
|
15458
15465
|
w7 as GlobalDataProvider,
|
|
@@ -15461,7 +15468,7 @@ export {
|
|
|
15461
15468
|
Q7 as HiddenInsightsDrawer,
|
|
15462
15469
|
ea as INCOME_ACCOUNT_TYPES,
|
|
15463
15470
|
xe as IconBacking,
|
|
15464
|
-
|
|
15471
|
+
Wt as InformationTooltip,
|
|
15465
15472
|
j7 as InsightsMicroWidget,
|
|
15466
15473
|
Ih as InsightsMicroWidgetDataProvider,
|
|
15467
15474
|
Us as IterationItemTypes,
|
|
@@ -15518,11 +15525,11 @@ export {
|
|
|
15518
15525
|
qA as StatusName,
|
|
15519
15526
|
st as TOUCH_TARGET,
|
|
15520
15527
|
M as TRANSACTION_EVENTS,
|
|
15521
|
-
|
|
15528
|
+
Ut as TabContentContainer,
|
|
15522
15529
|
ht as TopActions,
|
|
15523
15530
|
Za as TransactionApi,
|
|
15524
15531
|
ln as TransactionDetails,
|
|
15525
|
-
|
|
15532
|
+
Dt as TransactionList,
|
|
15526
15533
|
la as TransactionRow,
|
|
15527
15534
|
ca as TransactionStatus,
|
|
15528
15535
|
cl as TransactionStore,
|
|
@@ -15555,7 +15562,7 @@ export {
|
|
|
15555
15562
|
R7 as getNotificationDetailRoute,
|
|
15556
15563
|
Hn as isValidNumber,
|
|
15557
15564
|
DA as useAccountStore,
|
|
15558
|
-
|
|
15565
|
+
an as useBudgetsStore,
|
|
15559
15566
|
ia as useCashflowStore,
|
|
15560
15567
|
xA as useCategoryStore,
|
|
15561
15568
|
Ue as useCategoryUiStore,
|
|
@@ -15564,7 +15571,7 @@ export {
|
|
|
15564
15571
|
V as useEvent,
|
|
15565
15572
|
Vu as useGetMergeableAccounts,
|
|
15566
15573
|
W as useGlobalCopyStore,
|
|
15567
|
-
|
|
15574
|
+
wt as useGlobalStore,
|
|
15568
15575
|
mA as useGlobalUiStore,
|
|
15569
15576
|
_c as useMerchantStore,
|
|
15570
15577
|
Hc as useNetWorthStore,
|
|
@@ -15576,6 +15583,6 @@ export {
|
|
|
15576
15583
|
uA as useTransactionStore,
|
|
15577
15584
|
WA as useTransactionsUiStore,
|
|
15578
15585
|
rn as useUserStore,
|
|
15579
|
-
|
|
15586
|
+
It as useWidgetContainerProvider
|
|
15580
15587
|
};
|
|
15581
15588
|
//# sourceMappingURL=index.es.js.map
|