@mx-cartographer/experiences 6.14.1-ram1-alpha-bug-testing → 6.14.1
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 +182 -185
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -9492,7 +9492,6 @@ const ug = {
|
|
|
9492
9492
|
e,
|
|
9493
9493
|
r
|
|
9494
9494
|
);
|
|
9495
|
-
console.log(s, "firstSubtitle"), console.log(c, "firstValue"), console.log(d, "secondSubtitle"), console.log(u, "secondValue");
|
|
9496
9495
|
let _;
|
|
9497
9496
|
(e.connectionStatus === On.Error || e.connectionStatus === On.RequiresMfa) && (_ = /* @__PURE__ */ t(hg, { size: 16 }));
|
|
9498
9497
|
const g = /* @__PURE__ */ l(X, { children: [
|
|
@@ -20812,14 +20811,12 @@ const Ta = ({
|
|
|
20812
20811
|
}
|
|
20813
20812
|
) });
|
|
20814
20813
|
};
|
|
20815
|
-
return
|
|
20814
|
+
return /* @__PURE__ */ l(L, { sx: { pt: 24 }, children: [
|
|
20816
20815
|
d.map((b) => {
|
|
20817
20816
|
const S = a.filter(
|
|
20818
20817
|
(v) => v.account_type === b && !v.is_closed && !v.is_hidden
|
|
20819
|
-
)
|
|
20820
|
-
|
|
20821
|
-
const A = S.reduce(
|
|
20822
|
-
(v, w) => (w.balance || 0) + v,
|
|
20818
|
+
), A = S.reduce(
|
|
20819
|
+
(v, w) => (w.available_balance || w.balance || 0) + v,
|
|
20823
20820
|
0
|
|
20824
20821
|
);
|
|
20825
20822
|
return S.length === 0 ? null : /* @__PURE__ */ t(
|
|
@@ -21830,7 +21827,7 @@ const $C = () => {
|
|
|
21830
21827
|
"y",
|
|
21831
21828
|
wt.forceY().y(n / 2).strength(0.01)
|
|
21832
21829
|
);
|
|
21833
|
-
}, JC = (e, n) => wt.scaleLinear().domain([e, n]).range([jC, YC]),
|
|
21830
|
+
}, JC = (e, n) => wt.scaleLinear().domain([e, n]).range([jC, YC]), e0 = (e) => {
|
|
21834
21831
|
const n = e.reduce((r, s) => {
|
|
21835
21832
|
const c = Math.max(s.transaction_total, s.amount);
|
|
21836
21833
|
return c > r ? c : r;
|
|
@@ -21847,15 +21844,15 @@ const $C = () => {
|
|
|
21847
21844
|
return wt.forceSimulation(o).velocityDecay(0.05).force("collide", wt.forceCollide((r) => r.radius + 2).strength(0.5)).on("tick", () => {
|
|
21848
21845
|
wt.selectAll(".bubble").data(o).attr("transform", (r) => `translate(${r.x},${r.y})`);
|
|
21849
21846
|
});
|
|
21850
|
-
}, Ur = 5,
|
|
21851
|
-
function
|
|
21847
|
+
}, Ur = 5, t0 = 2e3;
|
|
21848
|
+
function n0({ bubble: e }) {
|
|
21852
21849
|
const n = Ce(), {
|
|
21853
21850
|
guid: i,
|
|
21854
21851
|
budgetColors: { mercury: a },
|
|
21855
21852
|
radius: o
|
|
21856
21853
|
} = e, r = `mercury-${i}`;
|
|
21857
21854
|
h.useEffect(() => {
|
|
21858
|
-
wt.select(`.${r}`).selectAll(".status").remove(), wt.select(`.${r}`).append("path").transition().duration(
|
|
21855
|
+
wt.select(`.${r}`).selectAll(".status").remove(), wt.select(`.${r}`).append("path").transition().duration(t0).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => ZC(e));
|
|
21859
21856
|
}, [e]);
|
|
21860
21857
|
const s = wt.arc().innerRadius((c) => c - 2 * Ur).outerRadius((c) => c - Ur).startAngle(0).endAngle(2 * Math.PI);
|
|
21861
21858
|
return /* @__PURE__ */ t("g", { className: r, children: /* @__PURE__ */ t(
|
|
@@ -21867,7 +21864,7 @@ function nf({ bubble: e }) {
|
|
|
21867
21864
|
) });
|
|
21868
21865
|
}
|
|
21869
21866
|
const Un = 75, Vr = 50;
|
|
21870
|
-
function
|
|
21867
|
+
function i0({ bubble: e, isDraggable: n, onClick: i = () => {
|
|
21871
21868
|
} }) {
|
|
21872
21869
|
const [a, o] = h.useState(!1);
|
|
21873
21870
|
if (h.useEffect(() => {
|
|
@@ -21966,14 +21963,14 @@ function af({ bubble: e, isDraggable: n, onClick: i = () => {
|
|
|
21966
21963
|
children: _.split(" ")[1]
|
|
21967
21964
|
}
|
|
21968
21965
|
),
|
|
21969
|
-
/* @__PURE__ */ t(
|
|
21966
|
+
/* @__PURE__ */ t(n0, { bubble: e })
|
|
21970
21967
|
]
|
|
21971
21968
|
},
|
|
21972
21969
|
u
|
|
21973
21970
|
);
|
|
21974
21971
|
}
|
|
21975
21972
|
let ci;
|
|
21976
|
-
const
|
|
21973
|
+
const a0 = ({
|
|
21977
21974
|
height: e,
|
|
21978
21975
|
width: n,
|
|
21979
21976
|
isDraggable: i = !1,
|
|
@@ -21981,10 +21978,10 @@ const of = ({
|
|
|
21981
21978
|
}
|
|
21982
21979
|
}) => {
|
|
21983
21980
|
const { detailedBudgets: o } = dt();
|
|
21984
|
-
return ci = h.useMemo(() =>
|
|
21981
|
+
return ci = h.useMemo(() => e0(o), [o]), h.useEffect(() => {
|
|
21985
21982
|
QC(ci, e, n), i && qC(ci);
|
|
21986
|
-
}, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(
|
|
21987
|
-
},
|
|
21983
|
+
}, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(i0, { bubble: r, isDraggable: i, onClick: a }, r.guid)) });
|
|
21984
|
+
}, o0 = x(a0), r0 = ({
|
|
21988
21985
|
isMiniWidget: e = !1,
|
|
21989
21986
|
onConnectAccountsClick: n,
|
|
21990
21987
|
createBudgetOnClick: i
|
|
@@ -22080,14 +22077,14 @@ const of = ({
|
|
|
22080
22077
|
};
|
|
22081
22078
|
return d ? /* @__PURE__ */ t(y, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(E), children: /* @__PURE__ */ t(de, {}) }) : /* @__PURE__ */ l(L, { ml: o || m ? 0 : 24, sx: { alignSelf: "center" }, children: [
|
|
22082
22079
|
o || !u ? /* @__PURE__ */ t(
|
|
22083
|
-
|
|
22080
|
+
r0,
|
|
22084
22081
|
{
|
|
22085
22082
|
createBudgetOnClick: e,
|
|
22086
22083
|
isMiniWidget: a,
|
|
22087
22084
|
onConnectAccountsClick: S
|
|
22088
22085
|
}
|
|
22089
22086
|
) : /* @__PURE__ */ t(
|
|
22090
|
-
|
|
22087
|
+
o0,
|
|
22091
22088
|
{
|
|
22092
22089
|
height: n,
|
|
22093
22090
|
isDraggable: i,
|
|
@@ -22105,7 +22102,7 @@ const of = ({
|
|
|
22105
22102
|
)
|
|
22106
22103
|
] });
|
|
22107
22104
|
}
|
|
22108
|
-
),
|
|
22105
|
+
), s0 = (e) => {
|
|
22109
22106
|
const n = Ce(), { accounts: i } = Te(), { budgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = dt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: u } = le(), { reloadCategoryTotals: _ } = Ue(), g = X_(), m = a.length === 0;
|
|
22110
22107
|
return h.useEffect(() => {
|
|
22111
22108
|
s(n);
|
|
@@ -22135,7 +22132,7 @@ const of = ({
|
|
|
22135
22132
|
] }) : /* @__PURE__ */ t(de, {})
|
|
22136
22133
|
}
|
|
22137
22134
|
) : /* @__PURE__ */ t(de, {});
|
|
22138
|
-
}, GE = x(
|
|
22135
|
+
}, GE = x(s0), c0 = x(() => {
|
|
22139
22136
|
const { budgets: e } = I(), { totalBudgeted: n } = dt(), { projectedIncome: i } = Ye(), a = i - n;
|
|
22140
22137
|
return /* @__PURE__ */ l(y, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
|
|
22141
22138
|
/* @__PURE__ */ l(y, { alignItems: "center", children: [
|
|
@@ -22153,7 +22150,7 @@ const of = ({
|
|
|
22153
22150
|
/* @__PURE__ */ t(p, { color: "secondary", variant: "Small", children: e.remaining })
|
|
22154
22151
|
] })
|
|
22155
22152
|
] });
|
|
22156
|
-
}),
|
|
22153
|
+
}), l0 = x(
|
|
22157
22154
|
({ category: e }) => {
|
|
22158
22155
|
const { budgets: n } = I(), { budgets: i } = dt(), a = h.useMemo(() => {
|
|
22159
22156
|
const o = i.find((c) => c.category_guid === e.guid), r = P(e.totalAverageAmount, "0,0"), s = o ? T(n.recalculate_previous_budget, P(o.amount, "0,0")) : n.recalculate_new_budget;
|
|
@@ -22167,7 +22164,7 @@ const of = ({
|
|
|
22167
22164
|
/* @__PURE__ */ t(H, {})
|
|
22168
22165
|
] }, e.guid);
|
|
22169
22166
|
}
|
|
22170
|
-
),
|
|
22167
|
+
), d0 = ({ onRecalculateBudgets: e }) => {
|
|
22171
22168
|
const { budgets: n, common: i } = I(), { spendCategories: a } = Ue(), { recalculateBudgets: o, setAlert: r } = dt(), [s, c] = h.useState(!1), d = a.filter((_) => _.totalAverageAmount > 0), u = async () => {
|
|
22172
22169
|
await o(d), c(!1), r(n.alert_recalculated_budgets), e?.();
|
|
22173
22170
|
};
|
|
@@ -22187,7 +22184,7 @@ const of = ({
|
|
|
22187
22184
|
/* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
|
|
22188
22185
|
/* @__PURE__ */ t(p, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
|
|
22189
22186
|
] }),
|
|
22190
|
-
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(
|
|
22187
|
+
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(l0, { category: _ }, _.guid)) }) })
|
|
22191
22188
|
] })
|
|
22192
22189
|
}
|
|
22193
22190
|
)
|
|
@@ -22218,7 +22215,7 @@ const of = ({
|
|
|
22218
22215
|
}
|
|
22219
22216
|
)
|
|
22220
22217
|
] });
|
|
22221
|
-
},
|
|
22218
|
+
}, _0 = x(({ category: e, onAddBudget: n }) => {
|
|
22222
22219
|
const { budgets: i, common: a } = I(), [o, r] = h.useState(!1), [s, c] = h.useState(
|
|
22223
22220
|
`${e.totalAmount === 0 ? "" : e.totalAmount}`
|
|
22224
22221
|
);
|
|
@@ -22247,21 +22244,21 @@ const of = ({
|
|
|
22247
22244
|
}
|
|
22248
22245
|
)
|
|
22249
22246
|
] });
|
|
22250
|
-
}),
|
|
22247
|
+
}), u0 = x(({ onRecalculateBudgets: e }) => {
|
|
22251
22248
|
const { budgets: n } = I(), { addBudget: i, setAlert: a, unbudgetedCategories: o } = dt(), r = async (s, c) => {
|
|
22252
22249
|
await i(s, c), a(T(n.alert_budget_created, s.name));
|
|
22253
22250
|
};
|
|
22254
22251
|
return /* @__PURE__ */ l(y, { children: [
|
|
22255
|
-
/* @__PURE__ */ t(
|
|
22252
|
+
/* @__PURE__ */ t(c0, {}),
|
|
22256
22253
|
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: o.map((s) => /* @__PURE__ */ t(
|
|
22257
|
-
|
|
22254
|
+
_0,
|
|
22258
22255
|
{
|
|
22259
22256
|
category: s,
|
|
22260
22257
|
onAddBudget: r
|
|
22261
22258
|
},
|
|
22262
22259
|
s.guid
|
|
22263
22260
|
)) }) }),
|
|
22264
|
-
/* @__PURE__ */ t(
|
|
22261
|
+
/* @__PURE__ */ t(d0, { onRecalculateBudgets: e })
|
|
22265
22262
|
] });
|
|
22266
22263
|
}), Oc = ({ budget: e }) => {
|
|
22267
22264
|
const {
|
|
@@ -22283,14 +22280,14 @@ const of = ({
|
|
|
22283
22280
|
/* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
|
|
22284
22281
|
/* @__PURE__ */ t(Yn, { data: c, height: 10 })
|
|
22285
22282
|
] }) }) });
|
|
22286
|
-
},
|
|
22283
|
+
}, h0 = x(() => {
|
|
22287
22284
|
const { budgets: e } = I();
|
|
22288
22285
|
return /* @__PURE__ */ l(y, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
|
|
22289
22286
|
/* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
|
|
22290
22287
|
/* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
|
|
22291
22288
|
/* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
|
|
22292
22289
|
] });
|
|
22293
|
-
}),
|
|
22290
|
+
}), g0 = x(({ budget: e }) => {
|
|
22294
22291
|
const {
|
|
22295
22292
|
amount: n,
|
|
22296
22293
|
budgetColors: { background: i },
|
|
@@ -22311,7 +22308,7 @@ const of = ({
|
|
|
22311
22308
|
}
|
|
22312
22309
|
)
|
|
22313
22310
|
] }) });
|
|
22314
|
-
}),
|
|
22311
|
+
}), m0 = x(({ category: e, parentBudget: n }) => {
|
|
22315
22312
|
const { budgets: i, common: a } = I(), { setExpandedGuid: o, setOnSelect: r } = _n(), { addBudget: s } = dt(), [c, d] = h.useState(!1), [u, _] = h.useState(!1), [g, m] = h.useState(""), [C, f] = h.useState(void 0);
|
|
22316
22313
|
h.useEffect(() => {
|
|
22317
22314
|
r((S) => {
|
|
@@ -22363,7 +22360,7 @@ const of = ({
|
|
|
22363
22360
|
}
|
|
22364
22361
|
)
|
|
22365
22362
|
] });
|
|
22366
|
-
}),
|
|
22363
|
+
}), p0 = x(({ budget: e }) => {
|
|
22367
22364
|
const { category: n, subBudgets: i } = e, { budgets: a, common: o } = I(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = dt(), { filter: u, setFilter: _ } = Oe(), [g, m] = h.useState(!1), [C, f] = h.useState(!1), [E, b] = h.useState("");
|
|
22368
22365
|
h.useEffect(() => {
|
|
22369
22366
|
s && (b(`${s.amount}`), _({
|
|
@@ -22386,11 +22383,11 @@ const of = ({
|
|
|
22386
22383
|
};
|
|
22387
22384
|
return /* @__PURE__ */ l(h.Fragment, { children: [
|
|
22388
22385
|
/* @__PURE__ */ l(ae, { sx: { bgcolor: "background.paper" }, children: [
|
|
22389
|
-
i.length === 0 ? /* @__PURE__ */ t(
|
|
22390
|
-
/* @__PURE__ */ t(
|
|
22386
|
+
i.length === 0 ? /* @__PURE__ */ t(h0, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
|
|
22387
|
+
/* @__PURE__ */ t(g0, { budget: w }),
|
|
22391
22388
|
/* @__PURE__ */ t(H, {})
|
|
22392
22389
|
] }, w.guid)),
|
|
22393
|
-
/* @__PURE__ */ t(
|
|
22390
|
+
/* @__PURE__ */ t(m0, { category: n, parentBudget: e })
|
|
22394
22391
|
] }),
|
|
22395
22392
|
/* @__PURE__ */ t(
|
|
22396
22393
|
ce,
|
|
@@ -22444,7 +22441,7 @@ const of = ({
|
|
|
22444
22441
|
)
|
|
22445
22442
|
] })
|
|
22446
22443
|
] });
|
|
22447
|
-
}),
|
|
22444
|
+
}), C0 = x(({ budget: e }) => {
|
|
22448
22445
|
const { budgets: n, common: i, transactions: a } = I(), { setAlert: o } = dt(), { sortedTransactions: r, tags: s } = Oe(), [c, d] = h.useState(0), [u, _] = h.useState(""), g = h.useMemo(
|
|
22449
22446
|
() => r.find((f) => f.guid === u),
|
|
22450
22447
|
[u]
|
|
@@ -22482,7 +22479,7 @@ const of = ({
|
|
|
22482
22479
|
) }),
|
|
22483
22480
|
/* @__PURE__ */ t(Dn, { height: "100%", onClick: _ })
|
|
22484
22481
|
] }),
|
|
22485
|
-
c === 1 && /* @__PURE__ */ t(
|
|
22482
|
+
c === 1 && /* @__PURE__ */ t(p0, { budget: e }),
|
|
22486
22483
|
/* @__PURE__ */ t(
|
|
22487
22484
|
ce,
|
|
22488
22485
|
{
|
|
@@ -22495,7 +22492,7 @@ const of = ({
|
|
|
22495
22492
|
)
|
|
22496
22493
|
] })
|
|
22497
22494
|
] });
|
|
22498
|
-
}),
|
|
22495
|
+
}), f0 = x(() => {
|
|
22499
22496
|
const { selectedAccountGuids: e } = le(), { budgets: n, common: i } = I(), {
|
|
22500
22497
|
dateRange: a,
|
|
22501
22498
|
deleteBudget: o,
|
|
@@ -22539,7 +22536,7 @@ const of = ({
|
|
|
22539
22536
|
secondaryColor: "error",
|
|
22540
22537
|
secondaryText: n.details_delete_button,
|
|
22541
22538
|
title: n.details_title,
|
|
22542
|
-
children: /* @__PURE__ */ t(
|
|
22539
|
+
children: /* @__PURE__ */ t(C0, { budget: r })
|
|
22543
22540
|
}
|
|
22544
22541
|
),
|
|
22545
22542
|
/* @__PURE__ */ t(
|
|
@@ -22575,7 +22572,7 @@ const of = ({
|
|
|
22575
22572
|
}
|
|
22576
22573
|
)
|
|
22577
22574
|
] });
|
|
22578
|
-
}),
|
|
22575
|
+
}), b0 = ({ budget: e, onClick: n }) => {
|
|
22579
22576
|
const {
|
|
22580
22577
|
amount: i,
|
|
22581
22578
|
budgetColors: { background: a, description: o },
|
|
@@ -22604,7 +22601,7 @@ const of = ({
|
|
|
22604
22601
|
}
|
|
22605
22602
|
)
|
|
22606
22603
|
] }) });
|
|
22607
|
-
},
|
|
22604
|
+
}, y0 = x(() => {
|
|
22608
22605
|
const { onEvent: e } = Y(), { budgets: n } = I(), { detailedBudgets: i, setSelectedBudget: a } = dt(), o = (r) => {
|
|
22609
22606
|
a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
|
|
22610
22607
|
budget_category: r.category.name,
|
|
@@ -22614,11 +22611,11 @@ const of = ({
|
|
|
22614
22611
|
return /* @__PURE__ */ l(Nt, { elevation: 2, children: [
|
|
22615
22612
|
/* @__PURE__ */ t(dn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(lt, { children: n.budget_categories_title }) }),
|
|
22616
22613
|
/* @__PURE__ */ t(Dt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ae, { children: i.map((r) => /* @__PURE__ */ l(h.Fragment, { children: [
|
|
22617
|
-
/* @__PURE__ */ t(
|
|
22614
|
+
/* @__PURE__ */ t(b0, { budget: r, onClick: o }),
|
|
22618
22615
|
/* @__PURE__ */ t(H, {})
|
|
22619
22616
|
] }, r.guid)) }) })
|
|
22620
22617
|
] });
|
|
22621
|
-
}),
|
|
22618
|
+
}), E0 = x(() => {
|
|
22622
22619
|
const e = Ce(), { onEvent: n } = Y(), { visibleAccounts: i } = Te(), { budgets: a, common: o, recurring: r } = I(), { incomeCategories: s, spendCategories: c } = Ue(), { detailedBudgets: d, totalBudgeted: u } = dt(), { projectedIncome: _ } = Ye(), { setFilter: g } = Oe(), [m, C] = h.useState(!1), [f, E] = h.useMemo(() => {
|
|
22623
22620
|
const v = c.reduce((B, D) => B + D.totalAmount, 0);
|
|
22624
22621
|
let w = v / u;
|
|
@@ -22772,15 +22769,15 @@ const of = ({
|
|
|
22772
22769
|
sx: { mr: 24, mt: 48 },
|
|
22773
22770
|
width: G ? "100%" : Kr,
|
|
22774
22771
|
children: [
|
|
22775
|
-
/* @__PURE__ */ t(
|
|
22776
|
-
/* @__PURE__ */ t(
|
|
22772
|
+
/* @__PURE__ */ t(E0, {}),
|
|
22773
|
+
/* @__PURE__ */ t(y0, {})
|
|
22777
22774
|
]
|
|
22778
22775
|
}
|
|
22779
22776
|
)
|
|
22780
22777
|
]
|
|
22781
22778
|
}
|
|
22782
22779
|
),
|
|
22783
|
-
/* @__PURE__ */ t(
|
|
22780
|
+
/* @__PURE__ */ t(f0, {}),
|
|
22784
22781
|
/* @__PURE__ */ t(
|
|
22785
22782
|
ce,
|
|
22786
22783
|
{
|
|
@@ -22788,7 +22785,7 @@ const of = ({
|
|
|
22788
22785
|
isOpen: O,
|
|
22789
22786
|
onClose: () => U(!1),
|
|
22790
22787
|
title: r.add_new_title,
|
|
22791
|
-
children: /* @__PURE__ */ t(
|
|
22788
|
+
children: /* @__PURE__ */ t(u0, { onRecalculateBudgets: ue })
|
|
22792
22789
|
}
|
|
22793
22790
|
),
|
|
22794
22791
|
/* @__PURE__ */ t(
|
|
@@ -22816,7 +22813,7 @@ const of = ({
|
|
|
22816
22813
|
]
|
|
22817
22814
|
}
|
|
22818
22815
|
);
|
|
22819
|
-
}),
|
|
22816
|
+
}), S0 = x(() => {
|
|
22820
22817
|
const e = Ce(), {
|
|
22821
22818
|
appDataStore: { banner: n, loadBanner: i, user: a }
|
|
22822
22819
|
} = ra();
|
|
@@ -22855,7 +22852,7 @@ const of = ({
|
|
|
22855
22852
|
)
|
|
22856
22853
|
}
|
|
22857
22854
|
) : null;
|
|
22858
|
-
}),
|
|
22855
|
+
}), T0 = ({ handleConnectClick: e }) => {
|
|
22859
22856
|
const { common: n } = I(), i = Ht("(max-width: 700px)");
|
|
22860
22857
|
return /* @__PURE__ */ t(L, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
|
|
22861
22858
|
He,
|
|
@@ -22885,7 +22882,7 @@ const of = ({
|
|
|
22885
22882
|
children: n.add_accounts
|
|
22886
22883
|
}
|
|
22887
22884
|
) });
|
|
22888
|
-
},
|
|
22885
|
+
}, A0 = x(T0), I0 = () => {
|
|
22889
22886
|
const [e, n] = h.useState(!1), { visibleAccounts: i } = Te(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = le(), { common: r, connect: s } = I(), { config: c } = ei(), { isMobile: d } = fe(), u = {
|
|
22890
22887
|
accountFilterOptionsCopy: {
|
|
22891
22888
|
accountTypeAccounts: r.account_filter.account_type_accounts,
|
|
@@ -22911,7 +22908,7 @@ const of = ({
|
|
|
22911
22908
|
/* @__PURE__ */ t(p, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
|
|
22912
22909
|
] }) }),
|
|
22913
22910
|
/* @__PURE__ */ l(y, { flexDirection: "row", children: [
|
|
22914
|
-
c.show_connections_widget_in_master && /* @__PURE__ */ t(
|
|
22911
|
+
c.show_connections_widget_in_master && /* @__PURE__ */ t(A0, { handleConnectClick: () => n(!0) }),
|
|
22915
22912
|
/* @__PURE__ */ t(
|
|
22916
22913
|
Ns,
|
|
22917
22914
|
{
|
|
@@ -22940,9 +22937,9 @@ const of = ({
|
|
|
22940
22937
|
}
|
|
22941
22938
|
)
|
|
22942
22939
|
] });
|
|
22943
|
-
},
|
|
22940
|
+
}, x0 = x(I0);
|
|
22944
22941
|
var Bi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Bi || {});
|
|
22945
|
-
const
|
|
22942
|
+
const v0 = ({ widgets: e, isLoading: n }) => {
|
|
22946
22943
|
const { isDesktop: i, isMobile: a } = fe(), { copyStore: o } = ra(), { setSelectedAccounts: r } = le(), { visibleAccounts: s } = Te();
|
|
22947
22944
|
h.useEffect(() => {
|
|
22948
22945
|
r(s);
|
|
@@ -22958,9 +22955,9 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
22958
22955
|
[c]
|
|
22959
22956
|
);
|
|
22960
22957
|
return /* @__PURE__ */ l(fn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
|
|
22961
|
-
/* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(
|
|
22958
|
+
/* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(x0, {}) }),
|
|
22962
22959
|
/* @__PURE__ */ l(fn, { lg: 8, xs: 12, children: [
|
|
22963
|
-
/* @__PURE__ */ t(
|
|
22960
|
+
/* @__PURE__ */ t(S0, {}),
|
|
22964
22961
|
n && /* @__PURE__ */ l(y, { direction: "column", spacing: 24, children: [
|
|
22965
22962
|
/* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
|
|
22966
22963
|
/* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" }),
|
|
@@ -22974,7 +22971,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
22974
22971
|
/* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" })
|
|
22975
22972
|
] }) : /* @__PURE__ */ t(y, { direction: "column", spacing: 24, children: u.map((_) => /* @__PURE__ */ t(h.Fragment, { children: _.component }, _.index)) }) })
|
|
22976
22973
|
] });
|
|
22977
|
-
}, PE = x(
|
|
22974
|
+
}, PE = x(v0), wo = ({ sx: e = {} }) => {
|
|
22978
22975
|
const { investments: n } = I(), { onEvent: i } = Y(), { setShowConnectionsWidget: a } = Gn();
|
|
22979
22976
|
return /* @__PURE__ */ l(y, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
|
|
22980
22977
|
/* @__PURE__ */ l(
|
|
@@ -23016,7 +23013,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23016
23013
|
}
|
|
23017
23014
|
)
|
|
23018
23015
|
] });
|
|
23019
|
-
},
|
|
23016
|
+
}, w0 = {
|
|
23020
23017
|
allocations_cash: "#AEDCCC",
|
|
23021
23018
|
allocations_convertible: "#80CAD0",
|
|
23022
23019
|
allocations_foreign_bond: "#51B9D4",
|
|
@@ -23026,7 +23023,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23026
23023
|
allocations_unknown: "#161D6A",
|
|
23027
23024
|
allocations_us_bond: "#254995",
|
|
23028
23025
|
allocations_us_stock: "#1E2D84"
|
|
23029
|
-
},
|
|
23026
|
+
}, N0 = [
|
|
23030
23027
|
{
|
|
23031
23028
|
name: "allocations_cash"
|
|
23032
23029
|
},
|
|
@@ -23054,10 +23051,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23054
23051
|
{
|
|
23055
23052
|
name: "allocations_unknown"
|
|
23056
23053
|
}
|
|
23057
|
-
],
|
|
23054
|
+
], D0 = (e, n, i) => {
|
|
23058
23055
|
const a = n, o = i;
|
|
23059
23056
|
return e >= Math.min(a, o) && e < Math.max(a, o);
|
|
23060
|
-
},
|
|
23057
|
+
}, R0 = (e, n, i) => {
|
|
23061
23058
|
const a = [
|
|
23062
23059
|
...new Set(e.map((s) => s.name.toLowerCase()))
|
|
23063
23060
|
];
|
|
@@ -23074,7 +23071,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23074
23071
|
percentage: c / i
|
|
23075
23072
|
};
|
|
23076
23073
|
});
|
|
23077
|
-
}, Pi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value,
|
|
23074
|
+
}, Pi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, O0 = (e, n, i) => {
|
|
23078
23075
|
const a = Object.values(n.allocations_list), o = [];
|
|
23079
23076
|
let r = 0;
|
|
23080
23077
|
const s = e.map(({ guid: f }) => f), c = i.filter(({ account_guid: f }) => s.includes(f)).map((f) => ({
|
|
@@ -23094,7 +23091,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23094
23091
|
}),
|
|
23095
23092
|
{ marketValue: 0, totalGainLoss: 0 }
|
|
23096
23093
|
), m = _ + d;
|
|
23097
|
-
|
|
23094
|
+
N0.forEach((f, E) => {
|
|
23098
23095
|
const b = c.filter(
|
|
23099
23096
|
(v) => !!v[f.name]
|
|
23100
23097
|
);
|
|
@@ -23102,7 +23099,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23102
23099
|
(v, w) => v + Pi(w) * w[f.name] / 100,
|
|
23103
23100
|
0
|
|
23104
23101
|
);
|
|
23105
|
-
const A =
|
|
23102
|
+
const A = R0(
|
|
23106
23103
|
b,
|
|
23107
23104
|
f.name,
|
|
23108
23105
|
S
|
|
@@ -23124,7 +23121,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23124
23121
|
holdings: A,
|
|
23125
23122
|
percentage: S / m,
|
|
23126
23123
|
value: S,
|
|
23127
|
-
color:
|
|
23124
|
+
color: w0[f.name]
|
|
23128
23125
|
}), r += S);
|
|
23129
23126
|
});
|
|
23130
23127
|
const C = o.map(
|
|
@@ -23143,7 +23140,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23143
23140
|
totalMarketValue: m,
|
|
23144
23141
|
totalGainLossPercentage: g / u
|
|
23145
23142
|
};
|
|
23146
|
-
}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ii(e), hi = (e) => e === 0 ? P(e, "0,0.00") :
|
|
23143
|
+
}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ii(e), hi = (e) => e === 0 ? P(e, "0,0.00") : D0(e, -0.01, 0.01) ? "< $0.01" : P(e, "0,0.00"), L0 = ({
|
|
23147
23144
|
data: e,
|
|
23148
23145
|
onSelected: n,
|
|
23149
23146
|
selectedId: i,
|
|
@@ -23273,7 +23270,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23273
23270
|
)
|
|
23274
23271
|
] }) : a === 0 && /* @__PURE__ */ t(p, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${hi(e.totalAmount)}` })
|
|
23275
23272
|
] });
|
|
23276
|
-
},
|
|
23273
|
+
}, M0 = ({
|
|
23277
23274
|
data: e,
|
|
23278
23275
|
hoveredId: n,
|
|
23279
23276
|
isPercentage: i,
|
|
@@ -23327,12 +23324,12 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23327
23324
|
] }) }) })
|
|
23328
23325
|
}
|
|
23329
23326
|
);
|
|
23330
|
-
},
|
|
23327
|
+
}, k0 = () => {
|
|
23331
23328
|
const [e, n] = h.useState(0), [i, a] = h.useState(""), [o, r] = h.useState(""), s = (f) => {
|
|
23332
23329
|
i !== f ? a(f) : (a(""), r(""));
|
|
23333
23330
|
}, { selectedAccountGuids: c } = le(), { visibleHoldings: d } = Gn(), { visibleInvestmentAccounts: u } = Te(), {
|
|
23334
23331
|
investments: { allocation: _ }
|
|
23335
|
-
} = I(), g =
|
|
23332
|
+
} = I(), g = O0(
|
|
23336
23333
|
u.filter(({ guid: f }) => c.includes(f)),
|
|
23337
23334
|
_,
|
|
23338
23335
|
d
|
|
@@ -23350,7 +23347,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23350
23347
|
},
|
|
23351
23348
|
children: [
|
|
23352
23349
|
/* @__PURE__ */ t(
|
|
23353
|
-
|
|
23350
|
+
M0,
|
|
23354
23351
|
{
|
|
23355
23352
|
data: g,
|
|
23356
23353
|
hoveredId: o,
|
|
@@ -23368,7 +23365,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23368
23365
|
}
|
|
23369
23366
|
),
|
|
23370
23367
|
/* @__PURE__ */ t(
|
|
23371
|
-
|
|
23368
|
+
L0,
|
|
23372
23369
|
{
|
|
23373
23370
|
data: g,
|
|
23374
23371
|
onSelected: s,
|
|
@@ -23380,7 +23377,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23380
23377
|
]
|
|
23381
23378
|
}
|
|
23382
23379
|
);
|
|
23383
|
-
},
|
|
23380
|
+
}, G0 = x(k0), B0 = ({
|
|
23384
23381
|
analysisDetails: e,
|
|
23385
23382
|
analysisType: n,
|
|
23386
23383
|
copy: i,
|
|
@@ -23469,10 +23466,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23469
23466
|
)
|
|
23470
23467
|
] })
|
|
23471
23468
|
] });
|
|
23472
|
-
},
|
|
23469
|
+
}, P0 = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
|
|
23473
23470
|
/* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n }),
|
|
23474
23471
|
/* @__PURE__ */ t(ve, { variant: "ParagraphSmall", children: e })
|
|
23475
|
-
] }),
|
|
23472
|
+
] }), H0 = ({
|
|
23476
23473
|
placement: e = "bottom",
|
|
23477
23474
|
tooltip_info_body: n,
|
|
23478
23475
|
tooltip_info_title: i
|
|
@@ -23481,10 +23478,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23481
23478
|
{
|
|
23482
23479
|
enterTouchDelay: 500,
|
|
23483
23480
|
placement: e,
|
|
23484
|
-
title: /* @__PURE__ */ t(
|
|
23481
|
+
title: /* @__PURE__ */ t(P0, { body: n, title: i }),
|
|
23485
23482
|
children: /* @__PURE__ */ t(He, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(ct, { name: "info", sx: { color: "info.main" } }) })
|
|
23486
23483
|
}
|
|
23487
|
-
),
|
|
23484
|
+
), F0 = () => {
|
|
23488
23485
|
const {
|
|
23489
23486
|
investments: { analysis: e }
|
|
23490
23487
|
} = I(), { analysisChartData: n, analysisDetails: i, analysisType: a, setAnalysisType: o } = Gn(), r = Ht("(min-width:320px) and (max-width:375px)"), { isMobile: s } = fe(), d = it().palette.mode === "dark", { cellDimension: u, columns: _, rows: g, textVariant: m } = h.useMemo(() => {
|
|
@@ -23564,7 +23561,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23564
23561
|
children: [
|
|
23565
23562
|
/* @__PURE__ */ t(p, { bold: !0, children: e.invest_analysis }),
|
|
23566
23563
|
/* @__PURE__ */ t(
|
|
23567
|
-
|
|
23564
|
+
H0,
|
|
23568
23565
|
{
|
|
23569
23566
|
tooltip_info_body: e.tooltip_info_body,
|
|
23570
23567
|
tooltip_info_title: e.tooltip_info_title
|
|
@@ -23622,7 +23619,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23622
23619
|
}
|
|
23623
23620
|
),
|
|
23624
23621
|
/* @__PURE__ */ t(
|
|
23625
|
-
|
|
23622
|
+
B0,
|
|
23626
23623
|
{
|
|
23627
23624
|
analysisDetails: i,
|
|
23628
23625
|
analysisType: a,
|
|
@@ -23637,7 +23634,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23637
23634
|
]
|
|
23638
23635
|
}
|
|
23639
23636
|
);
|
|
23640
|
-
},
|
|
23637
|
+
}, W0 = x(F0), $0 = ({
|
|
23641
23638
|
accountHoldingsData: e,
|
|
23642
23639
|
currentEditedCostBasis: n,
|
|
23643
23640
|
editingHoldingId: i,
|
|
@@ -23942,10 +23939,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
23942
23939
|
]
|
|
23943
23940
|
}
|
|
23944
23941
|
);
|
|
23945
|
-
},
|
|
23942
|
+
}, U0 = x($0), ki = (e) => /* @__PURE__ */ l(Se, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
|
|
23946
23943
|
/* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: e.colDef.headerName }),
|
|
23947
23944
|
/* @__PURE__ */ t(ct, { name: "expand_all", size: 12 })
|
|
23948
|
-
] }),
|
|
23945
|
+
] }), V0 = ({
|
|
23949
23946
|
data: e,
|
|
23950
23947
|
editingHoldingId: n,
|
|
23951
23948
|
currentEditedCostBasis: i,
|
|
@@ -24113,7 +24110,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24113
24110
|
)
|
|
24114
24111
|
}
|
|
24115
24112
|
);
|
|
24116
|
-
},
|
|
24113
|
+
}, K0 = () => {
|
|
24117
24114
|
const { isMobile: e } = fe(), [n, i] = St({}), [a, o] = St(!1), { selectedAccountGuids: r } = le(), { visibleHoldings: s, updateHoldings: c } = Gn(), [d, u] = h.useState(!1), [_, g] = St({
|
|
24118
24115
|
accounts: [],
|
|
24119
24116
|
holdings: []
|
|
@@ -24492,7 +24489,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24492
24489
|
}
|
|
24493
24490
|
),
|
|
24494
24491
|
/* @__PURE__ */ t(Qn, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(Tt, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
|
|
24495
|
-
|
|
24492
|
+
V0,
|
|
24496
24493
|
{
|
|
24497
24494
|
currentEditedCostBasis: S,
|
|
24498
24495
|
data: ee,
|
|
@@ -24510,7 +24507,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24510
24507
|
}),
|
|
24511
24508
|
/* @__PURE__ */ t(wo, {}),
|
|
24512
24509
|
/* @__PURE__ */ t(
|
|
24513
|
-
|
|
24510
|
+
U0,
|
|
24514
24511
|
{
|
|
24515
24512
|
accountHoldingsData: _,
|
|
24516
24513
|
currentEditedCostBasis: S,
|
|
@@ -24532,7 +24529,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24532
24529
|
}
|
|
24533
24530
|
)
|
|
24534
24531
|
] }) : /* @__PURE__ */ t(de, {});
|
|
24535
|
-
},
|
|
24532
|
+
}, z0 = x(K0), Y0 = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), HE = x(({ onBackClick: e, sx: n }) => {
|
|
24536
24533
|
const { onEvent: i } = Y(), { isMobile: a } = fe(), { visibleInvestmentAccounts: o } = Te(), {
|
|
24537
24534
|
visibleHoldings: r,
|
|
24538
24535
|
setShowConnectionsWidget: s,
|
|
@@ -24576,7 +24573,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24576
24573
|
textColor: "primary",
|
|
24577
24574
|
value: A ? -1 : C,
|
|
24578
24575
|
variant: "fullWidth",
|
|
24579
|
-
children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(
|
|
24576
|
+
children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(Y0, { title: w }) }, w))
|
|
24580
24577
|
}
|
|
24581
24578
|
),
|
|
24582
24579
|
A ? /* @__PURE__ */ t(
|
|
@@ -24602,9 +24599,9 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24602
24599
|
}
|
|
24603
24600
|
}
|
|
24604
24601
|
) : /* @__PURE__ */ l(X, { children: [
|
|
24605
|
-
C === 0 && /* @__PURE__ */ t(
|
|
24606
|
-
C === 1 && /* @__PURE__ */ t(
|
|
24607
|
-
C === 2 && /* @__PURE__ */ t(
|
|
24602
|
+
C === 0 && /* @__PURE__ */ t(z0, {}),
|
|
24603
|
+
C === 1 && /* @__PURE__ */ t(G0, {}),
|
|
24604
|
+
C === 2 && /* @__PURE__ */ t(W0, {})
|
|
24608
24605
|
] })
|
|
24609
24606
|
] }),
|
|
24610
24607
|
/* @__PURE__ */ t(
|
|
@@ -24619,7 +24616,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
|
|
|
24619
24616
|
}
|
|
24620
24617
|
);
|
|
24621
24618
|
});
|
|
24622
|
-
class
|
|
24619
|
+
class j0 {
|
|
24623
24620
|
copyApi = new _i("/", "");
|
|
24624
24621
|
copyObject = {};
|
|
24625
24622
|
namespace = "experiences";
|
|
@@ -24665,7 +24662,7 @@ const No = {
|
|
|
24665
24662
|
MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
|
|
24666
24663
|
}, Wt = window?.app?.clientConfig?.microwidget_instance_id || "", zr = {
|
|
24667
24664
|
INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
|
|
24668
|
-
}, Lc = (e) => `on${e}Click`, Mc = (e) => `on${e}View`, kc = (e) => `on${e}ViewFirstTime`, Do = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"),
|
|
24665
|
+
}, Lc = (e) => `on${e}Click`, Mc = (e) => `on${e}View`, kc = (e) => `on${e}ViewFirstTime`, Do = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), X0 = () => Object.values(No).reduce(
|
|
24669
24666
|
(e, n) => ({
|
|
24670
24667
|
...e,
|
|
24671
24668
|
[Lc(n)]: {
|
|
@@ -24676,7 +24673,7 @@ const No = {
|
|
|
24676
24673
|
}
|
|
24677
24674
|
}),
|
|
24678
24675
|
{}
|
|
24679
|
-
),
|
|
24676
|
+
), Z0 = () => Object.values(No).reduce(
|
|
24680
24677
|
(e, n) => ({
|
|
24681
24678
|
...e,
|
|
24682
24679
|
[Mc(n)]: {
|
|
@@ -24687,7 +24684,7 @@ const No = {
|
|
|
24687
24684
|
}
|
|
24688
24685
|
}),
|
|
24689
24686
|
{}
|
|
24690
|
-
),
|
|
24687
|
+
), q0 = () => Object.values(No).reduce(
|
|
24691
24688
|
(e, n) => ({
|
|
24692
24689
|
...e,
|
|
24693
24690
|
[kc(n)]: {
|
|
@@ -24787,15 +24784,15 @@ const No = {
|
|
|
24787
24784
|
label: mn.VIEW_MORE,
|
|
24788
24785
|
value: Wt
|
|
24789
24786
|
},
|
|
24790
|
-
...
|
|
24791
|
-
...
|
|
24792
|
-
...
|
|
24787
|
+
...X0(),
|
|
24788
|
+
...Z0(),
|
|
24789
|
+
...q0()
|
|
24793
24790
|
}, Xr = async (e, n) => !n || !jr[e] ? null : n.sendAnalyticEvent(jr[e]).then((i) => i).catch((i) => {
|
|
24794
24791
|
throw i;
|
|
24795
24792
|
}), Zr = async (e, n) => !n || !Yr[e] ? null : n.sendAnalyticsPageview(Yr[e]).then((i) => i).catch((i) => {
|
|
24796
24793
|
throw i;
|
|
24797
24794
|
});
|
|
24798
|
-
class
|
|
24795
|
+
class Q0 {
|
|
24799
24796
|
onAnalyticEvent = Xr;
|
|
24800
24797
|
onAnalyticPageView = Zr;
|
|
24801
24798
|
beatApi = new zn("/", "");
|
|
@@ -24820,7 +24817,7 @@ class Jf {
|
|
|
24820
24817
|
this.beatApi.updateOffer(n);
|
|
24821
24818
|
};
|
|
24822
24819
|
}
|
|
24823
|
-
class
|
|
24820
|
+
class J0 {
|
|
24824
24821
|
copyStore;
|
|
24825
24822
|
endpoint = "/";
|
|
24826
24823
|
insightsMicroWidgetStore;
|
|
@@ -24828,7 +24825,7 @@ class e0 {
|
|
|
24828
24825
|
token = "";
|
|
24829
24826
|
isInitialized = !1;
|
|
24830
24827
|
constructor() {
|
|
24831
|
-
this.copyStore = new
|
|
24828
|
+
this.copyStore = new j0(), this.insightsMicroWidgetStore = new Q0(), ke(this);
|
|
24832
24829
|
}
|
|
24833
24830
|
initialize = async (n, i, a) => {
|
|
24834
24831
|
await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
|
|
@@ -24838,7 +24835,7 @@ class e0 {
|
|
|
24838
24835
|
});
|
|
24839
24836
|
};
|
|
24840
24837
|
}
|
|
24841
|
-
const wi = h.createContext(null),
|
|
24838
|
+
const wi = h.createContext(null), ef = ({
|
|
24842
24839
|
onEvent: e,
|
|
24843
24840
|
onPageview: n,
|
|
24844
24841
|
store: i,
|
|
@@ -24975,13 +24972,13 @@ const wi = h.createContext(null), t0 = ({
|
|
|
24975
24972
|
}
|
|
24976
24973
|
);
|
|
24977
24974
|
}
|
|
24978
|
-
),
|
|
24975
|
+
), tf = ({ beat: e }) => {
|
|
24979
24976
|
const [n, i] = St(N.UNCATEGORIZED);
|
|
24980
24977
|
return Mn(() => {
|
|
24981
24978
|
e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
|
|
24982
24979
|
}, []), /* @__PURE__ */ t(Mt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
|
|
24983
|
-
},
|
|
24984
|
-
const n = mt(), i =
|
|
24980
|
+
}, nf = ({ beat: e }) => {
|
|
24981
|
+
const n = mt(), i = af(n);
|
|
24985
24982
|
return /* @__PURE__ */ t(
|
|
24986
24983
|
on,
|
|
24987
24984
|
{
|
|
@@ -24991,12 +24988,12 @@ const wi = h.createContext(null), t0 = ({
|
|
|
24991
24988
|
size: 16
|
|
24992
24989
|
}
|
|
24993
24990
|
);
|
|
24994
|
-
},
|
|
24991
|
+
}, af = (e) => jt({
|
|
24995
24992
|
marginTop: e.Spacing.XTiny,
|
|
24996
24993
|
"& .kyper-categoryicon": {
|
|
24997
24994
|
display: "flex"
|
|
24998
24995
|
}
|
|
24999
|
-
}),
|
|
24996
|
+
}), of = x(nf), rf = ({
|
|
25000
24997
|
color: e = "currentColor",
|
|
25001
24998
|
height: n,
|
|
25002
24999
|
size: i = 16,
|
|
@@ -25022,16 +25019,16 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25022
25019
|
}
|
|
25023
25020
|
)
|
|
25024
25021
|
}
|
|
25025
|
-
),
|
|
25022
|
+
), sf = (e) => e ? e.data ? e.data.map((n) => {
|
|
25026
25023
|
const i = {};
|
|
25027
25024
|
return e.names?.map((a, o) => {
|
|
25028
25025
|
i[a] = n[o];
|
|
25029
25026
|
}), i;
|
|
25030
|
-
}) : [] : [],
|
|
25031
|
-
const i =
|
|
25027
|
+
}) : [] : [], cf = (e, n) => {
|
|
25028
|
+
const i = sf(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
|
|
25032
25029
|
return !o.length || !r.length ? n.Color.Primary300 : o[0].amount > r[0].amount ? n.Color.Error300 : o[0].amount < r[0].amount ? n.Color.Success300 : n.Color.Primary300;
|
|
25033
|
-
},
|
|
25034
|
-
const n = mt(), i =
|
|
25030
|
+
}, lf = ({ beat: e }) => {
|
|
25031
|
+
const n = mt(), i = cf(e.data_series, n);
|
|
25035
25032
|
return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
|
|
25036
25033
|
}, Bc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
25037
25034
|
/* @__PURE__ */ t(
|
|
@@ -25816,7 +25813,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25816
25813
|
] })
|
|
25817
25814
|
] }), qr = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
|
|
25818
25815
|
const o = Ce(), r = n?.primary_300 ? n.primary_300 : o.palette.primary.main;
|
|
25819
|
-
return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(
|
|
25816
|
+
return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(tf, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(of, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(lf, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
|
|
25820
25817
|
$,
|
|
25821
25818
|
{
|
|
25822
25819
|
fill: !0,
|
|
@@ -25831,7 +25828,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25831
25828
|
if (!e)
|
|
25832
25829
|
throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
|
|
25833
25830
|
return e.store.copyStore;
|
|
25834
|
-
},
|
|
25831
|
+
}, df = () => {
|
|
25835
25832
|
const e = h.useContext(wi);
|
|
25836
25833
|
if (!e?.store?.insightsMicroWidgetStore)
|
|
25837
25834
|
throw new Error(
|
|
@@ -25853,7 +25850,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25853
25850
|
STANDARD: 154,
|
|
25854
25851
|
XLARGE: 200,
|
|
25855
25852
|
XXLARGE: 248
|
|
25856
|
-
},
|
|
25853
|
+
}, _f = 50, Fc = 1, uf = ({
|
|
25857
25854
|
ariaLabel: e,
|
|
25858
25855
|
backgroundColor: n,
|
|
25859
25856
|
beat: i,
|
|
@@ -25870,7 +25867,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25870
25867
|
}) => {
|
|
25871
25868
|
const { ref: C, inView: f } = fs({
|
|
25872
25869
|
threshold: Fc
|
|
25873
|
-
}), { cardsCopy: E } = Rn(), { onEvent: b } = Ni(), { updateBeat: S, updateOffer: A } =
|
|
25870
|
+
}), { cardsCopy: E } = Rn(), { onEvent: b } = Ni(), { updateBeat: S, updateOffer: A } = df();
|
|
25874
25871
|
Mn(() => {
|
|
25875
25872
|
f && (i.has_been_displayed ? b(Mc(i.template)) : (i.guid.startsWith("OFR") ? A({
|
|
25876
25873
|
...i,
|
|
@@ -25939,7 +25936,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25939
25936
|
widthOverrides: m
|
|
25940
25937
|
}
|
|
25941
25938
|
);
|
|
25942
|
-
},
|
|
25939
|
+
}, hf = ({
|
|
25943
25940
|
clientColorScheme: e,
|
|
25944
25941
|
currentBeatIndex: n,
|
|
25945
25942
|
numBeats: i,
|
|
@@ -25948,7 +25945,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25948
25945
|
scrollRightBoundary: r,
|
|
25949
25946
|
scrollX: s
|
|
25950
25947
|
}) => {
|
|
25951
|
-
const c =
|
|
25948
|
+
const c = gf(), d = it(), { carouselCopy: u } = Rn(), _ = Math.floor(s) > r || n === 0, g = s < 0 || i - 1 === n, m = d.palette.grey[500], C = e?.primary_300 ?? d.palette.primary.main;
|
|
25952
25949
|
return /* @__PURE__ */ l(L, { className: c, children: [
|
|
25953
25950
|
/* @__PURE__ */ t(
|
|
25954
25951
|
He,
|
|
@@ -25995,7 +25992,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
25995
25992
|
}
|
|
25996
25993
|
)
|
|
25997
25994
|
] });
|
|
25998
|
-
},
|
|
25995
|
+
}, gf = () => jt({
|
|
25999
25996
|
alignItems: "center",
|
|
26000
25997
|
display: "flex",
|
|
26001
25998
|
justifyContent: "center",
|
|
@@ -26012,7 +26009,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26012
26009
|
// we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
|
|
26013
26010
|
marginRight: 8
|
|
26014
26011
|
}
|
|
26015
|
-
}),
|
|
26012
|
+
}), mf = ({
|
|
26016
26013
|
beats: e = [],
|
|
26017
26014
|
clientColorScheme: n,
|
|
26018
26015
|
showCTAColocatedWithText: i,
|
|
@@ -26025,7 +26022,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26025
26022
|
variant: u,
|
|
26026
26023
|
widthOverrides: _
|
|
26027
26024
|
}) => {
|
|
26028
|
-
const g =
|
|
26025
|
+
const g = Cf(a, d, _), m = h.useRef(null), [C, f] = h.useState(0), [E, b] = h.useState(null), [S, A] = h.useState(null), { carouselCopy: v } = Rn(), { onEvent: w } = Ni(), R = () => {
|
|
26029
26026
|
w($t.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
|
|
26030
26027
|
left: (
|
|
26031
26028
|
// Adds the flex gap to the carousel ref's width
|
|
@@ -26044,7 +26041,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26044
26041
|
m.current && f(m.current.scrollLeft);
|
|
26045
26042
|
}, D = () => {
|
|
26046
26043
|
if (!S || !E) return;
|
|
26047
|
-
S - E >
|
|
26044
|
+
S - E > _f ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
|
|
26048
26045
|
}, G = (ne) => {
|
|
26049
26046
|
b(ne.targetTouches[0].clientX);
|
|
26050
26047
|
}, O = (ne) => {
|
|
@@ -26083,7 +26080,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26083
26080
|
Ve.toString()
|
|
26084
26081
|
), Ge = ne.micro_title && ne.micro_title.length > 0, pt = ne.micro_description && ne.micro_description.length > 0, te = Ge ? ne.micro_title : ne.title, ee = pt ? ne.micro_description : ne.description;
|
|
26085
26082
|
return /* @__PURE__ */ t(
|
|
26086
|
-
|
|
26083
|
+
uf,
|
|
26087
26084
|
{
|
|
26088
26085
|
ariaLabel: `${ye}: ${te}, ${ee}`,
|
|
26089
26086
|
beat: ne,
|
|
@@ -26096,7 +26093,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26096
26093
|
);
|
|
26097
26094
|
}),
|
|
26098
26095
|
/* @__PURE__ */ t(
|
|
26099
|
-
|
|
26096
|
+
Af,
|
|
26100
26097
|
{
|
|
26101
26098
|
isActiveCard: J === e.length,
|
|
26102
26099
|
onCardClick: o,
|
|
@@ -26107,7 +26104,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26107
26104
|
}
|
|
26108
26105
|
),
|
|
26109
26106
|
s && /* @__PURE__ */ t(
|
|
26110
|
-
|
|
26107
|
+
hf,
|
|
26111
26108
|
{
|
|
26112
26109
|
clientColorScheme: n,
|
|
26113
26110
|
currentBeatIndex: J,
|
|
@@ -26121,7 +26118,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26121
26118
|
]
|
|
26122
26119
|
}
|
|
26123
26120
|
);
|
|
26124
|
-
},
|
|
26121
|
+
}, pf = x(mf), Cf = (e, n = !0, i) => jt({
|
|
26125
26122
|
alignItems: "center",
|
|
26126
26123
|
boxSizing: "border-box",
|
|
26127
26124
|
display: "flex",
|
|
@@ -26146,7 +26143,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26146
26143
|
display: "none"
|
|
26147
26144
|
}
|
|
26148
26145
|
}
|
|
26149
|
-
}),
|
|
26146
|
+
}), ff = ({
|
|
26150
26147
|
clientColorScheme: e,
|
|
26151
26148
|
onCardClick: n,
|
|
26152
26149
|
posthog: i,
|
|
@@ -26215,7 +26212,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26215
26212
|
]
|
|
26216
26213
|
}
|
|
26217
26214
|
) : /* @__PURE__ */ t(de, {});
|
|
26218
|
-
},
|
|
26215
|
+
}, bf = x(ff), yf = ({
|
|
26219
26216
|
heightOverrides: e,
|
|
26220
26217
|
widthOverrides: n,
|
|
26221
26218
|
children: i
|
|
@@ -26332,7 +26329,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26332
26329
|
widthOverrides: d
|
|
26333
26330
|
}
|
|
26334
26331
|
);
|
|
26335
|
-
}, WE = x($c),
|
|
26332
|
+
}, WE = x($c), Ef = () => /* @__PURE__ */ t(
|
|
26336
26333
|
L,
|
|
26337
26334
|
{
|
|
26338
26335
|
sx: {
|
|
@@ -26344,7 +26341,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26344
26341
|
},
|
|
26345
26342
|
children: /* @__PURE__ */ t(Va, {})
|
|
26346
26343
|
}
|
|
26347
|
-
), hn = new
|
|
26344
|
+
), hn = new J0(), Sf = ({
|
|
26348
26345
|
areBeatsLoading: e,
|
|
26349
26346
|
beats: n = [],
|
|
26350
26347
|
// This also determines the length of the carousel controls (beat.length + 1)
|
|
@@ -26399,10 +26396,10 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26399
26396
|
// The Theme provider must wrap the component so that the styles don't break when imported into other applications.
|
|
26400
26397
|
/* @__PURE__ */ l(pl, { theme: R, children: [
|
|
26401
26398
|
/* @__PURE__ */ t(Nd, {}),
|
|
26402
|
-
/* @__PURE__ */ t(
|
|
26403
|
-
(e || !hn.isInitialized) && /* @__PURE__ */ t(
|
|
26399
|
+
/* @__PURE__ */ t(ef, { onEvent: O, onPageview: U, store: hn, children: /* @__PURE__ */ l(yf, { heightOverrides: r, widthOverrides: w, children: [
|
|
26400
|
+
(e || !hn.isInitialized) && /* @__PURE__ */ t(Ef, {}),
|
|
26404
26401
|
D && C && /* @__PURE__ */ t(
|
|
26405
|
-
|
|
26402
|
+
bf,
|
|
26406
26403
|
{
|
|
26407
26404
|
clientColorScheme: i,
|
|
26408
26405
|
onCardClick: c,
|
|
@@ -26411,7 +26408,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26411
26408
|
}
|
|
26412
26409
|
),
|
|
26413
26410
|
D && !!n.length && /* @__PURE__ */ t(
|
|
26414
|
-
|
|
26411
|
+
pf,
|
|
26415
26412
|
{
|
|
26416
26413
|
beats: n,
|
|
26417
26414
|
clientColorScheme: i,
|
|
@@ -26425,7 +26422,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26425
26422
|
] }) })
|
|
26426
26423
|
] })
|
|
26427
26424
|
);
|
|
26428
|
-
}, $E = x(
|
|
26425
|
+
}, $E = x(Sf), Tf = ({
|
|
26429
26426
|
isActiveCard: e,
|
|
26430
26427
|
ariaLabel: n,
|
|
26431
26428
|
clientColorScheme: i,
|
|
@@ -26457,7 +26454,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26457
26454
|
description: m.view_more_card_description,
|
|
26458
26455
|
fontColors: { buttonColor: i?.primary_300 },
|
|
26459
26456
|
heightOverrides: a,
|
|
26460
|
-
icon: /* @__PURE__ */ t(
|
|
26457
|
+
icon: /* @__PURE__ */ t(rf, { color: i?.primary_300 ?? u.palette.primary.main }),
|
|
26461
26458
|
isActiveCard: e,
|
|
26462
26459
|
onCardClick: f,
|
|
26463
26460
|
posthog: r,
|
|
@@ -26468,7 +26465,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26468
26465
|
widthOverrides: d
|
|
26469
26466
|
}
|
|
26470
26467
|
);
|
|
26471
|
-
},
|
|
26468
|
+
}, Af = x(Tf), Ia = 5, If = (e, n) => n.reduce((i, a) => {
|
|
26472
26469
|
if (a.total > 0) {
|
|
26473
26470
|
const o = e.find((u) => u.guid === a.category_guid);
|
|
26474
26471
|
if (!o) return i;
|
|
@@ -26490,7 +26487,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26490
26487
|
}
|
|
26491
26488
|
return i;
|
|
26492
26489
|
}, []), Uc = (e, n) => {
|
|
26493
|
-
const i =
|
|
26490
|
+
const i = If(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, u) => u.amount - d.amount), o = a.reduce(
|
|
26494
26491
|
(d, u) => d + u.amount,
|
|
26495
26492
|
0
|
|
26496
26493
|
), r = a.length > Ia ? Ia : a.length, s = a.slice(0, r), c = s.map((d) => ({
|
|
@@ -26552,7 +26549,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26552
26549
|
}, Xi = ({ amount: e, label: n }) => /* @__PURE__ */ l(y, { direction: "column", children: [
|
|
26553
26550
|
/* @__PURE__ */ t(p, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: n }),
|
|
26554
26551
|
/* @__PURE__ */ t(p, { variant: "XSmall", children: P(e, "0,0") })
|
|
26555
|
-
] }),
|
|
26552
|
+
] }), xf = ({
|
|
26556
26553
|
data: e,
|
|
26557
26554
|
isIncome: n = !1,
|
|
26558
26555
|
onSelected: i,
|
|
@@ -26605,7 +26602,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26605
26602
|
}
|
|
26606
26603
|
)
|
|
26607
26604
|
] }) }) });
|
|
26608
|
-
}, Zi = x(
|
|
26605
|
+
}, Zi = x(xf), Qr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
|
|
26609
26606
|
y,
|
|
26610
26607
|
{
|
|
26611
26608
|
alignItems: "center",
|
|
@@ -26622,7 +26619,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26622
26619
|
]
|
|
26623
26620
|
},
|
|
26624
26621
|
a.guid
|
|
26625
|
-
)) }),
|
|
26622
|
+
)) }), vf = () => {
|
|
26626
26623
|
const e = Ce(), { spending: n } = I(), { selectedAccounts: i } = le(), {
|
|
26627
26624
|
categories: a,
|
|
26628
26625
|
dateRangeCategoryTotals: o,
|
|
@@ -26717,7 +26714,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26717
26714
|
/* @__PURE__ */ t(Qr, { data: C, onSelected: E, selectedId: d })
|
|
26718
26715
|
] }) })
|
|
26719
26716
|
] }) : /* @__PURE__ */ t(de, { height: 250 });
|
|
26720
|
-
},
|
|
26717
|
+
}, wf = x(vf), Nf = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
|
|
26721
26718
|
const { spending: i } = I(), { isCopyLoaded: a } = le();
|
|
26722
26719
|
return a ? /* @__PURE__ */ t(
|
|
26723
26720
|
Nn,
|
|
@@ -26727,10 +26724,10 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26727
26724
|
primaryCtaLabel: i.primary_cta,
|
|
26728
26725
|
sx: n,
|
|
26729
26726
|
title: i.mini_title,
|
|
26730
|
-
children: /* @__PURE__ */ t(
|
|
26727
|
+
children: /* @__PURE__ */ t(wf, {})
|
|
26731
26728
|
}
|
|
26732
26729
|
) : /* @__PURE__ */ t(de, {});
|
|
26733
|
-
}, UE = x(
|
|
26730
|
+
}, UE = x(Nf), Df = ({
|
|
26734
26731
|
data: e,
|
|
26735
26732
|
onSelected: n,
|
|
26736
26733
|
selectedId: i = "",
|
|
@@ -26809,7 +26806,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26809
26806
|
] }, s.guid)) }),
|
|
26810
26807
|
/* @__PURE__ */ t(p, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${P(e.totalAmount, "0,0")}` })
|
|
26811
26808
|
] });
|
|
26812
|
-
},
|
|
26809
|
+
}, Rf = x(Df), Of = ({
|
|
26813
26810
|
data: e,
|
|
26814
26811
|
onSelected: n,
|
|
26815
26812
|
onViewTransactions: i,
|
|
@@ -26855,18 +26852,18 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26855
26852
|
variant: "full"
|
|
26856
26853
|
}
|
|
26857
26854
|
),
|
|
26858
|
-
/* @__PURE__ */ t(
|
|
26855
|
+
/* @__PURE__ */ t(Rf, { data: e, onSelected: n, selectedId: a, title: o })
|
|
26859
26856
|
]
|
|
26860
26857
|
}
|
|
26861
26858
|
);
|
|
26862
|
-
}, Jr = x(
|
|
26859
|
+
}, Jr = x(Of), Lf = (e) => [
|
|
26863
26860
|
e.palette.chartMono.chartMono5,
|
|
26864
26861
|
e.palette.chartMono.chartMono4,
|
|
26865
26862
|
e.palette.chartMono.chartMono3,
|
|
26866
26863
|
e.palette.chartMono.chartMono2,
|
|
26867
26864
|
e.palette.chartMono.chartMono1,
|
|
26868
26865
|
e.palette.chartMono.chartMono6
|
|
26869
|
-
],
|
|
26866
|
+
], Mf = () => {
|
|
26870
26867
|
const e = ln(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ue(), { spending: o } = I(), { displayedDateRange: r, selectedAccounts: s, selectedAccountGuids: c } = le(), { setFilter: d, sortedTransactions: u } = Oe(), [_, g] = h.useState(""), [m, C] = h.useState(0), [f, E] = h.useState(""), [b, S] = h.useState(!1);
|
|
26871
26868
|
h.useEffect(() => {
|
|
26872
26869
|
a(
|
|
@@ -26879,7 +26876,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26879
26876
|
() => Uc(n, i),
|
|
26880
26877
|
[n, i]
|
|
26881
26878
|
), v = h.useMemo(
|
|
26882
|
-
() => Vc(n, i,
|
|
26879
|
+
() => Vc(n, i, Lf(e)),
|
|
26883
26880
|
[n, i]
|
|
26884
26881
|
), w = h.useMemo(
|
|
26885
26882
|
() => u.find((D) => D.guid === f),
|
|
@@ -26980,7 +26977,7 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26980
26977
|
}
|
|
26981
26978
|
)
|
|
26982
26979
|
] });
|
|
26983
|
-
},
|
|
26980
|
+
}, kf = x(Mf), Gf = ({ onBackClick: e, sx: n = {} }) => {
|
|
26984
26981
|
const { visibleAccounts: i } = Te(), { spending: a } = I(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = le(), { onEvent: d } = Y(), [u, _] = h.useState(!1);
|
|
26985
26982
|
h.useEffect(() => {
|
|
26986
26983
|
c(i);
|
|
@@ -26999,11 +26996,11 @@ const wi = h.createContext(null), t0 = ({
|
|
|
26999
26996
|
onBackClick: e,
|
|
27000
26997
|
sx: n,
|
|
27001
26998
|
title: a.title,
|
|
27002
|
-
children: /* @__PURE__ */ t(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(
|
|
26999
|
+
children: /* @__PURE__ */ t(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(kf, {}) })
|
|
27003
27000
|
}
|
|
27004
27001
|
);
|
|
27005
|
-
}, VE = x(
|
|
27006
|
-
function
|
|
27002
|
+
}, VE = x(Gf), Bf = (e) => An[e] ?? An.default, Pf = (e) => ia[e];
|
|
27003
|
+
function Hf(e, n) {
|
|
27007
27004
|
const i = [], a = new Date(e);
|
|
27008
27005
|
for (; a <= n; ) {
|
|
27009
27006
|
const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
|
|
@@ -27011,7 +27008,7 @@ function H0(e, n) {
|
|
|
27011
27008
|
}
|
|
27012
27009
|
return i;
|
|
27013
27010
|
}
|
|
27014
|
-
const
|
|
27011
|
+
const Ff = (e) => e.reduce((i, a) => {
|
|
27015
27012
|
const o = {
|
|
27016
27013
|
top_level_category_guid: a.top_level_category_guid,
|
|
27017
27014
|
category_guid: a.category_guid,
|
|
@@ -27019,8 +27016,8 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27019
27016
|
year_month: a.year_month
|
|
27020
27017
|
}, { top_level_category_guid: r, category_guid: s } = o;
|
|
27021
27018
|
return i[s] || (i[s] = []), i[s].push(o), r !== s && (i[r] || (i[r] = []), i[r].push(o)), i;
|
|
27022
|
-
}, {}),
|
|
27023
|
-
const a =
|
|
27019
|
+
}, {}), Wf = (e, n, i) => {
|
|
27020
|
+
const a = Ff(e), o = Hf(n, i);
|
|
27024
27021
|
return Object.entries(a).map(([s, c]) => {
|
|
27025
27022
|
const d = c[0].top_level_category_guid, u = o.map((_) => {
|
|
27026
27023
|
const g = c.filter((E) => E.year_month === _).reduce((E, b) => E + Math.abs(b.amount), 0), m = Number(String(_).slice(0, 4)), C = Number(String(_).slice(4));
|
|
@@ -27029,18 +27026,18 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27029
27026
|
return {
|
|
27030
27027
|
top_level_category_guid: d,
|
|
27031
27028
|
category_guid: s,
|
|
27032
|
-
category_name:
|
|
27033
|
-
category_color:
|
|
27029
|
+
category_name: Pf(s),
|
|
27030
|
+
category_color: Bf(d),
|
|
27034
27031
|
dataset: u
|
|
27035
27032
|
};
|
|
27036
27033
|
});
|
|
27037
|
-
}, $
|
|
27034
|
+
}, $f = (e, n) => {
|
|
27038
27035
|
const i = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof n == "string" ? parseFloat(n.replace(/[^0-9.-]+/g, "")) : n;
|
|
27039
27036
|
return (i || 0) - (a || 0);
|
|
27040
|
-
},
|
|
27037
|
+
}, Uf = (e) => {
|
|
27041
27038
|
const n = e.row[e.field];
|
|
27042
27039
|
return /* @__PURE__ */ t(y, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t($e, { amount: n, variant: "Small" }) });
|
|
27043
|
-
},
|
|
27040
|
+
}, Vf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
|
|
27044
27041
|
const { categories: i } = I(), a = ia[e];
|
|
27045
27042
|
return /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "center", children: [
|
|
27046
27043
|
/* @__PURE__ */ t(
|
|
@@ -27053,20 +27050,20 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27053
27050
|
),
|
|
27054
27051
|
/* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
|
|
27055
27052
|
] });
|
|
27056
|
-
},
|
|
27057
|
-
|
|
27053
|
+
}, Kf = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
|
|
27054
|
+
Vf,
|
|
27058
27055
|
{
|
|
27059
27056
|
categoryGuid: e.row.category,
|
|
27060
27057
|
topLevelCategoryGuid: e.row.top_level_category_guid
|
|
27061
27058
|
}
|
|
27062
|
-
) }),
|
|
27059
|
+
) }), zf = (e, n) => {
|
|
27063
27060
|
const i = [], a = new Date(e);
|
|
27064
27061
|
for (; a <= n; ) {
|
|
27065
27062
|
const o = re(a, ie.MONTH);
|
|
27066
27063
|
i.push(o), a.setMonth(a.getMonth() + 1);
|
|
27067
27064
|
}
|
|
27068
27065
|
return i;
|
|
27069
|
-
},
|
|
27066
|
+
}, Yf = ({
|
|
27070
27067
|
monthlyCategoryTotals: e,
|
|
27071
27068
|
selectedDateRange: n,
|
|
27072
27069
|
selectedCategory: i,
|
|
@@ -27076,13 +27073,13 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27076
27073
|
}) => {
|
|
27077
27074
|
const { onEvent: s } = Y(), c = re(/* @__PURE__ */ new Date(), ie.MONTH_SHORT), [d, u] = h.useState([
|
|
27078
27075
|
{ field: c, sort: "desc" }
|
|
27079
|
-
]), _ = h.useMemo(() =>
|
|
27076
|
+
]), _ = h.useMemo(() => zf(n.start, n.end), [n]), g = [
|
|
27080
27077
|
{
|
|
27081
27078
|
field: "category",
|
|
27082
27079
|
headerName: "Category",
|
|
27083
27080
|
minWidth: 175,
|
|
27084
27081
|
renderHeader: Ft,
|
|
27085
|
-
renderCell:
|
|
27082
|
+
renderCell: Kf,
|
|
27086
27083
|
sortable: !0,
|
|
27087
27084
|
type: "string"
|
|
27088
27085
|
},
|
|
@@ -27092,13 +27089,13 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27092
27089
|
headerName: C,
|
|
27093
27090
|
minWidth: 75,
|
|
27094
27091
|
renderHeader: Ft,
|
|
27095
|
-
renderCell:
|
|
27092
|
+
renderCell: Uf,
|
|
27096
27093
|
align: "right",
|
|
27097
27094
|
headerAlign: "right",
|
|
27098
27095
|
sortable: !0,
|
|
27099
27096
|
hideSortIcons: !1,
|
|
27100
27097
|
type: "number",
|
|
27101
|
-
sortComparator: $
|
|
27098
|
+
sortComparator: $f
|
|
27102
27099
|
})
|
|
27103
27100
|
)
|
|
27104
27101
|
], m = h.useMemo(() => {
|
|
@@ -27140,9 +27137,9 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27140
27137
|
sortingOrder: ["asc", "desc"]
|
|
27141
27138
|
}
|
|
27142
27139
|
) });
|
|
27143
|
-
},
|
|
27140
|
+
}, jf = {
|
|
27144
27141
|
title: "Transaction List"
|
|
27145
|
-
},
|
|
27142
|
+
}, Xf = ({
|
|
27146
27143
|
categoryGuid: e,
|
|
27147
27144
|
dateRange: n,
|
|
27148
27145
|
isOpen: i,
|
|
@@ -27165,16 +27162,16 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27165
27162
|
ariaLabelClose: s.close_aria,
|
|
27166
27163
|
isOpen: i,
|
|
27167
27164
|
onClose: m,
|
|
27168
|
-
title:
|
|
27165
|
+
title: jf.title,
|
|
27169
27166
|
children: [
|
|
27170
27167
|
g && /* @__PURE__ */ t(ni, { transaction: g }),
|
|
27171
27168
|
!g && /* @__PURE__ */ t(Dn, { onClick: _ })
|
|
27172
27169
|
]
|
|
27173
27170
|
}
|
|
27174
27171
|
);
|
|
27175
|
-
},
|
|
27172
|
+
}, Zf = x(Xf), qf = {
|
|
27176
27173
|
view_transactions: "View Transactions"
|
|
27177
|
-
},
|
|
27174
|
+
}, Qf = ({ onBackClick: e, sx: n }) => {
|
|
27178
27175
|
const i = it(), { onEvent: a } = Y(), { isDesktop: o, isTablet: r, isMobile: s } = fe(), { visibleAccounts: c } = Te(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: u, getCategoryName: _ } = Ue(), { sortedTransactions: g } = Oe(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: E } = le(), { trends: b } = I(), S = i.palette.mode === "dark", [A, v] = h.useState(!1), [w, R] = h.useState(!1), [M, B] = h.useState("Chart"), [D, G] = h.useState(""), [O, U] = h.useState({
|
|
27179
27176
|
start: Vo(Qe(Kt(/* @__PURE__ */ new Date(), 6)), 1),
|
|
27180
27177
|
end: Qe(/* @__PURE__ */ new Date())
|
|
@@ -27192,7 +27189,7 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27192
27189
|
}, [C, f, O]);
|
|
27193
27190
|
const J = h.useMemo(() => {
|
|
27194
27191
|
if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
|
|
27195
|
-
const ee =
|
|
27192
|
+
const ee = Wf(
|
|
27196
27193
|
u,
|
|
27197
27194
|
O.start,
|
|
27198
27195
|
O.end
|
|
@@ -27323,7 +27320,7 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27323
27320
|
/* @__PURE__ */ t($, { name: "arrow_back" }),
|
|
27324
27321
|
b.all_categories
|
|
27325
27322
|
] }) }),
|
|
27326
|
-
/* @__PURE__ */ t(Q, { onClick: () => R(!0), sx: { px: 5 }, children: `${
|
|
27323
|
+
/* @__PURE__ */ t(Q, { onClick: () => R(!0), sx: { px: 5 }, children: `${qf.view_transactions} (${g.length})` })
|
|
27327
27324
|
] }),
|
|
27328
27325
|
/* @__PURE__ */ l(L, { children: [
|
|
27329
27326
|
M === "Chart" && /* @__PURE__ */ t(
|
|
@@ -27338,7 +27335,7 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27338
27335
|
}
|
|
27339
27336
|
),
|
|
27340
27337
|
M === "Table" && /* @__PURE__ */ t(
|
|
27341
|
-
|
|
27338
|
+
Yf,
|
|
27342
27339
|
{
|
|
27343
27340
|
monthlyCategoryTotals: u,
|
|
27344
27341
|
onClickRow: Ve,
|
|
@@ -27351,7 +27348,7 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27351
27348
|
}
|
|
27352
27349
|
),
|
|
27353
27350
|
/* @__PURE__ */ t(
|
|
27354
|
-
|
|
27351
|
+
Zf,
|
|
27355
27352
|
{
|
|
27356
27353
|
categoryGuid: D,
|
|
27357
27354
|
dateRange: O,
|
|
@@ -27362,7 +27359,7 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27362
27359
|
]
|
|
27363
27360
|
}
|
|
27364
27361
|
);
|
|
27365
|
-
}, KE = x(
|
|
27362
|
+
}, KE = x(Qf), Jf = () => {
|
|
27366
27363
|
const e = it(), { monthlyCategoryTotals: n } = Ue(), { trends: i } = I(), a = Qg(n);
|
|
27367
27364
|
return /* @__PURE__ */ t(
|
|
27368
27365
|
to,
|
|
@@ -27378,7 +27375,7 @@ const F0 = (e) => e.reduce((i, a) => {
|
|
|
27378
27375
|
useCustomMark: !0
|
|
27379
27376
|
}
|
|
27380
27377
|
);
|
|
27381
|
-
}, eb = x(
|
|
27378
|
+
}, eb = x(Jf), tb = ({ onPrimaryCtaClick: e, sx: n }) => {
|
|
27382
27379
|
const { loadMonthlyCategoryTotals: i, monthlyTotalsLoaded: a } = Ue(), { isInitialized: o } = ra(), { trends: r } = I(), { isCopyLoaded: s, selectedAccounts: c } = le();
|
|
27383
27380
|
return h.useEffect(() => {
|
|
27384
27381
|
o && i(c).finally();
|
|
@@ -27412,17 +27409,17 @@ export {
|
|
|
27412
27409
|
ec as AddRecurringTransactionDetails,
|
|
27413
27410
|
Jd as AnalyticsApi,
|
|
27414
27411
|
k as ApiEndpoints,
|
|
27415
|
-
|
|
27412
|
+
J0 as AppStore,
|
|
27416
27413
|
jo as BannerApi,
|
|
27417
27414
|
aE as BarChart,
|
|
27418
27415
|
zn as BeatApi,
|
|
27419
|
-
|
|
27416
|
+
uf as BeatCard,
|
|
27420
27417
|
Gi as BottomActions,
|
|
27421
27418
|
GE as BubbleBudgetsMiniWidget,
|
|
27422
27419
|
BE as BubbleBudgetsWidget,
|
|
27423
27420
|
C_ as Calendar,
|
|
27424
27421
|
Ds as CalendarSelectionTypes,
|
|
27425
|
-
|
|
27422
|
+
bf as CarouselHeader,
|
|
27426
27423
|
CE as CashflowApi,
|
|
27427
27424
|
lE as CashflowMiniWidget,
|
|
27428
27425
|
Bg as CashflowOnboarding,
|
|
@@ -27437,7 +27434,7 @@ export {
|
|
|
27437
27434
|
uh as CategorySelector,
|
|
27438
27435
|
la as CategorySelectorDrawer,
|
|
27439
27436
|
Ch as CategoryStore,
|
|
27440
|
-
|
|
27437
|
+
rf as ChartFilledIcon,
|
|
27441
27438
|
Hs as ConnectCard,
|
|
27442
27439
|
Wn as ConnectDrawer,
|
|
27443
27440
|
ME as ConnectMiniWidget,
|
|
@@ -27484,7 +27481,7 @@ export {
|
|
|
27484
27481
|
xn as IconBacking,
|
|
27485
27482
|
so as InformationTooltip,
|
|
27486
27483
|
$E as InsightsMicroWidget,
|
|
27487
|
-
|
|
27484
|
+
ef as InsightsMicroWidgetDataProvider,
|
|
27488
27485
|
HE as InvestmentsWidget,
|
|
27489
27486
|
Fd as IterationItemTypes,
|
|
27490
27487
|
Z4 as LOADING_STATUS,
|
|
@@ -27500,11 +27497,11 @@ export {
|
|
|
27500
27497
|
Dp as MerchantStore,
|
|
27501
27498
|
xt as MetaType,
|
|
27502
27499
|
ys as MfaStatuses,
|
|
27503
|
-
|
|
27500
|
+
pf as MicroBeatCarousel,
|
|
27504
27501
|
ga as MicroInsightCard,
|
|
27505
27502
|
ro as MicroWidgetContainer,
|
|
27506
27503
|
Nn as MiniWidgetContainer,
|
|
27507
|
-
|
|
27504
|
+
lf as MonthlySpendComparisonIcon,
|
|
27508
27505
|
sE as MultiSegmentDonut,
|
|
27509
27506
|
Op as NetWorthChart,
|
|
27510
27507
|
Gp as NetWorthList,
|
|
@@ -27585,7 +27582,7 @@ export {
|
|
|
27585
27582
|
Ca as UserApi,
|
|
27586
27583
|
mC as UserStore,
|
|
27587
27584
|
Tu as UserVerification,
|
|
27588
|
-
|
|
27585
|
+
Af as ViewMoreMicroCard,
|
|
27589
27586
|
qo as WidgetApi,
|
|
27590
27587
|
yt as WidgetContainer,
|
|
27591
27588
|
Os as WidgetContainerContext,
|