@mx-cartographer/experiences 6.16.8-alpha.mega3 → 6.16.8-alpha.mega5
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 +180 -200
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -5549,26 +5549,6 @@ const It = () => {
|
|
|
5549
5549
|
return Ne().uiStore;
|
|
5550
5550
|
}, zs = async (e, n) => {
|
|
5551
5551
|
const i = Bu(Gu(e, n)), a = "transactions.csv";
|
|
5552
|
-
console.log("third exportTransactionsToCSV");
|
|
5553
|
-
try {
|
|
5554
|
-
const o = new Blob([i], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(o), s = window.open(r, "_blank");
|
|
5555
|
-
if (s) {
|
|
5556
|
-
setTimeout(() => {
|
|
5557
|
-
URL.revokeObjectURL(r), s.close();
|
|
5558
|
-
}, 1e3);
|
|
5559
|
-
return;
|
|
5560
|
-
}
|
|
5561
|
-
} catch (o) {
|
|
5562
|
-
console.error("Window open failed:", o);
|
|
5563
|
-
}
|
|
5564
|
-
console.log("fourth exportTransactionsToCSV");
|
|
5565
|
-
try {
|
|
5566
|
-
const o = new Blob([i], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(o), s = document.createElement("a");
|
|
5567
|
-
s.href = r, s.download = a, s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s), setTimeout(() => URL.revokeObjectURL(r), 100);
|
|
5568
|
-
return;
|
|
5569
|
-
} catch (o) {
|
|
5570
|
-
console.error("Download failed:", o);
|
|
5571
|
-
}
|
|
5572
5552
|
console.log("fifth exportTransactionsToCSV");
|
|
5573
5553
|
try {
|
|
5574
5554
|
if (navigator.share && navigator.canShare) {
|
|
@@ -21803,7 +21783,7 @@ const YC = () => {
|
|
|
21803
21783
|
]
|
|
21804
21784
|
}
|
|
21805
21785
|
) : /* @__PURE__ */ t(_e, {});
|
|
21806
|
-
}, P4 = I(qC), zr = 5, QC = 100, JC = 25,
|
|
21786
|
+
}, P4 = I(qC), zr = 5, QC = 100, JC = 25, e0 = (e) => {
|
|
21807
21787
|
const n = (o) => {
|
|
21808
21788
|
o.active || e.alphaTarget(0.3).restart(), o.subject.fx = o.subject.x, o.subject.fy = o.subject.y;
|
|
21809
21789
|
}, i = (o) => {
|
|
@@ -21812,14 +21792,14 @@ const YC = () => {
|
|
|
21812
21792
|
o.active || e.alphaTarget(0), o.subject.fx = null, o.subject.fy = null;
|
|
21813
21793
|
};
|
|
21814
21794
|
return Rt.drag().on("start", n).on("drag", i).on("end", a);
|
|
21815
|
-
},
|
|
21795
|
+
}, t0 = (e) => {
|
|
21816
21796
|
let n = e.transaction_total / e.amount;
|
|
21817
21797
|
n < 0 ? n = 0 : n > 1 && (n = 1);
|
|
21818
21798
|
const i = n * 2 * Math.PI, a = Rt.interpolate(0, i), o = Rt.arc().cornerRadius(5).innerRadius(e.radius - zr * 2).outerRadius(e.radius - zr).startAngle(0).endAngle(0);
|
|
21819
21799
|
return (r) => (o.endAngle(a(r)), o(e) || "");
|
|
21820
|
-
},
|
|
21821
|
-
Rt.selectAll(".bubble").call(
|
|
21822
|
-
},
|
|
21800
|
+
}, n0 = (e) => {
|
|
21801
|
+
Rt.selectAll(".bubble").call(e0(e));
|
|
21802
|
+
}, i0 = (e, n, i) => {
|
|
21823
21803
|
e.alpha(1).restart().force(
|
|
21824
21804
|
"x",
|
|
21825
21805
|
Rt.forceX().x(i / 2).strength(0.01)
|
|
@@ -21827,14 +21807,14 @@ const YC = () => {
|
|
|
21827
21807
|
"y",
|
|
21828
21808
|
Rt.forceY().y(n / 2).strength(0.01)
|
|
21829
21809
|
);
|
|
21830
|
-
},
|
|
21810
|
+
}, a0 = (e, n) => Rt.scaleLinear().domain([e, n]).range([JC, QC]), o0 = (e) => {
|
|
21831
21811
|
const n = e.reduce((r, s) => {
|
|
21832
21812
|
const c = Math.max(s.transaction_total, s.amount);
|
|
21833
21813
|
return c > r ? c : r;
|
|
21834
21814
|
}, 0), i = e.reduce((r, s) => {
|
|
21835
21815
|
const c = Math.max(s.transaction_total, s.amount);
|
|
21836
21816
|
return c < r ? c : r;
|
|
21837
|
-
}, n), a =
|
|
21817
|
+
}, n), a = a0(i, n), o = e.map((r) => {
|
|
21838
21818
|
const s = a(Math.max(r.transaction_total, r.amount)) || 25;
|
|
21839
21819
|
return {
|
|
21840
21820
|
...r,
|
|
@@ -21844,15 +21824,15 @@ const YC = () => {
|
|
|
21844
21824
|
return Rt.forceSimulation(o).velocityDecay(0.05).force("collide", Rt.forceCollide((r) => r.radius + 2).strength(0.5)).on("tick", () => {
|
|
21845
21825
|
Rt.selectAll(".bubble").data(o).attr("transform", (r) => `translate(${r.x},${r.y})`);
|
|
21846
21826
|
});
|
|
21847
|
-
}, Yr = 5,
|
|
21848
|
-
function
|
|
21827
|
+
}, Yr = 5, r0 = 2e3;
|
|
21828
|
+
function s0({ bubble: e }) {
|
|
21849
21829
|
const n = pe(), {
|
|
21850
21830
|
guid: i,
|
|
21851
21831
|
budgetColors: { mercury: a },
|
|
21852
21832
|
radius: o
|
|
21853
21833
|
} = e, r = `mercury-${i}`;
|
|
21854
21834
|
g.useEffect(() => {
|
|
21855
|
-
Rt.select(`.${r}`).selectAll(".status").remove(), Rt.select(`.${r}`).append("path").transition().duration(
|
|
21835
|
+
Rt.select(`.${r}`).selectAll(".status").remove(), Rt.select(`.${r}`).append("path").transition().duration(r0).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => t0(e));
|
|
21856
21836
|
}, [e]);
|
|
21857
21837
|
const s = Rt.arc().innerRadius((c) => c - 2 * Yr).outerRadius((c) => c - Yr).startAngle(0).endAngle(2 * Math.PI);
|
|
21858
21838
|
return /* @__PURE__ */ t("g", { className: r, children: /* @__PURE__ */ t(
|
|
@@ -21864,7 +21844,7 @@ function cf({ bubble: e }) {
|
|
|
21864
21844
|
) });
|
|
21865
21845
|
}
|
|
21866
21846
|
const Vn = 75, jr = 50;
|
|
21867
|
-
function
|
|
21847
|
+
function c0({ bubble: e, isDraggable: n, onClick: i = () => {
|
|
21868
21848
|
} }) {
|
|
21869
21849
|
const [a, o] = g.useState(!1);
|
|
21870
21850
|
if (g.useEffect(() => {
|
|
@@ -21963,14 +21943,14 @@ function lf({ bubble: e, isDraggable: n, onClick: i = () => {
|
|
|
21963
21943
|
children: _.split(" ")[1]
|
|
21964
21944
|
}
|
|
21965
21945
|
),
|
|
21966
|
-
/* @__PURE__ */ t(
|
|
21946
|
+
/* @__PURE__ */ t(s0, { bubble: e })
|
|
21967
21947
|
]
|
|
21968
21948
|
},
|
|
21969
21949
|
u
|
|
21970
21950
|
);
|
|
21971
21951
|
}
|
|
21972
21952
|
let ci;
|
|
21973
|
-
const
|
|
21953
|
+
const l0 = ({
|
|
21974
21954
|
height: e,
|
|
21975
21955
|
width: n,
|
|
21976
21956
|
isDraggable: i = !1,
|
|
@@ -21978,10 +21958,10 @@ const df = ({
|
|
|
21978
21958
|
}
|
|
21979
21959
|
}) => {
|
|
21980
21960
|
const { detailedBudgets: o } = lt();
|
|
21981
|
-
return ci = g.useMemo(() =>
|
|
21982
|
-
|
|
21983
|
-
}, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(
|
|
21984
|
-
},
|
|
21961
|
+
return ci = g.useMemo(() => o0(o), [o]), g.useEffect(() => {
|
|
21962
|
+
i0(ci, e, n), i && n0(ci);
|
|
21963
|
+
}, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(c0, { bubble: r, isDraggable: i, onClick: a }, r.guid)) });
|
|
21964
|
+
}, d0 = I(l0), _0 = ({
|
|
21985
21965
|
isMiniWidget: e = !1,
|
|
21986
21966
|
onConnectAccountsClick: n,
|
|
21987
21967
|
createBudgetOnClick: i
|
|
@@ -22077,14 +22057,14 @@ const df = ({
|
|
|
22077
22057
|
};
|
|
22078
22058
|
return d ? /* @__PURE__ */ t(b, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(E), children: /* @__PURE__ */ t(_e, {}) }) : /* @__PURE__ */ l(L, { ml: o || m ? 0 : 24, sx: { alignSelf: "center" }, children: [
|
|
22079
22059
|
o || !u ? /* @__PURE__ */ t(
|
|
22080
|
-
|
|
22060
|
+
_0,
|
|
22081
22061
|
{
|
|
22082
22062
|
createBudgetOnClick: e,
|
|
22083
22063
|
isMiniWidget: a,
|
|
22084
22064
|
onConnectAccountsClick: S
|
|
22085
22065
|
}
|
|
22086
22066
|
) : /* @__PURE__ */ t(
|
|
22087
|
-
|
|
22067
|
+
d0,
|
|
22088
22068
|
{
|
|
22089
22069
|
height: n,
|
|
22090
22070
|
isDraggable: i,
|
|
@@ -22102,7 +22082,7 @@ const df = ({
|
|
|
22102
22082
|
)
|
|
22103
22083
|
] });
|
|
22104
22084
|
}
|
|
22105
|
-
),
|
|
22085
|
+
), u0 = I(() => {
|
|
22106
22086
|
const { budgets: e } = x(), { totalBudgeted: n } = lt(), { projectedIncome: i } = ze(), a = i - n;
|
|
22107
22087
|
return /* @__PURE__ */ l(b, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
|
|
22108
22088
|
/* @__PURE__ */ l(b, { alignItems: "center", children: [
|
|
@@ -22120,7 +22100,7 @@ const df = ({
|
|
|
22120
22100
|
/* @__PURE__ */ t(C, { color: "secondary", variant: "Small", children: e.remaining })
|
|
22121
22101
|
] })
|
|
22122
22102
|
] });
|
|
22123
|
-
}),
|
|
22103
|
+
}), h0 = I(
|
|
22124
22104
|
({ category: e }) => {
|
|
22125
22105
|
const { budgets: n } = x(), { budgets: i } = lt(), a = g.useMemo(() => {
|
|
22126
22106
|
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;
|
|
@@ -22134,7 +22114,7 @@ const df = ({
|
|
|
22134
22114
|
/* @__PURE__ */ t(H, {})
|
|
22135
22115
|
] }, e.guid);
|
|
22136
22116
|
}
|
|
22137
|
-
),
|
|
22117
|
+
), g0 = ({ onRecalculateBudgets: e }) => {
|
|
22138
22118
|
const { budgets: n, common: i } = x(), { spendCategories: a } = $e(), { recalculateBudgets: o, setAlert: r } = lt(), [s, c] = g.useState(!1), d = a.filter((_) => _.totalAverageAmount > 0), u = async () => {
|
|
22139
22119
|
await o(d), c(!1), r(n.alert_recalculated_budgets), e?.();
|
|
22140
22120
|
};
|
|
@@ -22154,7 +22134,7 @@ const df = ({
|
|
|
22154
22134
|
/* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
|
|
22155
22135
|
/* @__PURE__ */ t(C, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
|
|
22156
22136
|
] }),
|
|
22157
|
-
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: d.map((_) => /* @__PURE__ */ t(
|
|
22137
|
+
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: d.map((_) => /* @__PURE__ */ t(h0, { category: _ }, _.guid)) }) })
|
|
22158
22138
|
] })
|
|
22159
22139
|
}
|
|
22160
22140
|
)
|
|
@@ -22185,7 +22165,7 @@ const df = ({
|
|
|
22185
22165
|
}
|
|
22186
22166
|
)
|
|
22187
22167
|
] });
|
|
22188
|
-
},
|
|
22168
|
+
}, m0 = I(({ category: e, onAddBudget: n }) => {
|
|
22189
22169
|
const { budgets: i, common: a } = x(), [o, r] = g.useState(!1), [s, c] = g.useState(
|
|
22190
22170
|
`${e.totalAmount === 0 ? "" : e.totalAmount}`
|
|
22191
22171
|
);
|
|
@@ -22219,18 +22199,18 @@ const df = ({
|
|
|
22219
22199
|
await i(s, c), a(T(n.alert_budget_created, s.name));
|
|
22220
22200
|
};
|
|
22221
22201
|
return /* @__PURE__ */ l(b, { children: [
|
|
22222
|
-
/* @__PURE__ */ t(
|
|
22202
|
+
/* @__PURE__ */ t(u0, {}),
|
|
22223
22203
|
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: o.map((s) => /* @__PURE__ */ t(
|
|
22224
|
-
|
|
22204
|
+
m0,
|
|
22225
22205
|
{
|
|
22226
22206
|
category: s,
|
|
22227
22207
|
onAddBudget: r
|
|
22228
22208
|
},
|
|
22229
22209
|
s.guid
|
|
22230
22210
|
)) }) }),
|
|
22231
|
-
/* @__PURE__ */ t(
|
|
22211
|
+
/* @__PURE__ */ t(g0, { onRecalculateBudgets: e })
|
|
22232
22212
|
] });
|
|
22233
|
-
}),
|
|
22213
|
+
}), p0 = (e) => {
|
|
22234
22214
|
const n = pe(), { onEvent: i } = j(), { accounts: a } = Se(), { budgets: o, isDataLoaded: r, loadBudgetData: s, setTheme: c } = lt(), { budgets: d, common: u } = x(), { isCopyLoaded: _, isInitialized: h } = de(), { reloadCategoryTotals: m } = $e(), p = nu(), f = o.length === 0, [E, y] = g.useState(!1), S = () => {
|
|
22235
22215
|
y(!0), i(W.BUDGETS_CLICK_ADD);
|
|
22236
22216
|
}, A = () => {
|
|
@@ -22277,7 +22257,7 @@ const df = ({
|
|
|
22277
22257
|
]
|
|
22278
22258
|
}
|
|
22279
22259
|
) : /* @__PURE__ */ t(_e, {});
|
|
22280
|
-
}, F4 = I(
|
|
22260
|
+
}, F4 = I(p0), Hc = ({ budget: e }) => {
|
|
22281
22261
|
const {
|
|
22282
22262
|
amount: n,
|
|
22283
22263
|
budgetColors: { background: i },
|
|
@@ -22297,14 +22277,14 @@ const df = ({
|
|
|
22297
22277
|
/* @__PURE__ */ t(C, { bold: !0, variant: "XSmall", children: a }),
|
|
22298
22278
|
/* @__PURE__ */ t(Xn, { data: c, height: 10 })
|
|
22299
22279
|
] }) }) });
|
|
22300
|
-
},
|
|
22280
|
+
}, C0 = I(() => {
|
|
22301
22281
|
const { budgets: e } = x();
|
|
22302
22282
|
return /* @__PURE__ */ l(b, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
|
|
22303
22283
|
/* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
|
|
22304
22284
|
/* @__PURE__ */ t(C, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
|
|
22305
22285
|
/* @__PURE__ */ t(C, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
|
|
22306
22286
|
] });
|
|
22307
|
-
}),
|
|
22287
|
+
}), f0 = I(({ budget: e }) => {
|
|
22308
22288
|
const {
|
|
22309
22289
|
amount: n,
|
|
22310
22290
|
budgetColors: { background: i },
|
|
@@ -22325,7 +22305,7 @@ const df = ({
|
|
|
22325
22305
|
}
|
|
22326
22306
|
)
|
|
22327
22307
|
] }) });
|
|
22328
|
-
}),
|
|
22308
|
+
}), b0 = I(({ category: e, parentBudget: n }) => {
|
|
22329
22309
|
const { budgets: i, common: a } = x(), { setExpandedGuid: o, setOnSelect: r } = _n(), { addBudget: s } = lt(), [c, d] = g.useState(!1), [u, _] = g.useState(!1), [h, m] = g.useState(""), [p, f] = g.useState(void 0);
|
|
22330
22310
|
g.useEffect(() => {
|
|
22331
22311
|
r((S) => {
|
|
@@ -22377,7 +22357,7 @@ const df = ({
|
|
|
22377
22357
|
}
|
|
22378
22358
|
)
|
|
22379
22359
|
] });
|
|
22380
|
-
}),
|
|
22360
|
+
}), y0 = I(({ budget: e }) => {
|
|
22381
22361
|
const { category: n, subBudgets: i } = e, { budgets: a, common: o } = x(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = lt(), { filter: u, setFilter: _ } = Ne(), [h, m] = g.useState(!1), [p, f] = g.useState(!1), [E, y] = g.useState("");
|
|
22382
22362
|
g.useEffect(() => {
|
|
22383
22363
|
s && (y(`${s.amount}`), _({
|
|
@@ -22400,11 +22380,11 @@ const df = ({
|
|
|
22400
22380
|
};
|
|
22401
22381
|
return /* @__PURE__ */ l(g.Fragment, { children: [
|
|
22402
22382
|
/* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
|
|
22403
|
-
i.length === 0 ? /* @__PURE__ */ t(
|
|
22404
|
-
/* @__PURE__ */ t(
|
|
22383
|
+
i.length === 0 ? /* @__PURE__ */ t(C0, {}) : i.map((v) => /* @__PURE__ */ l(g.Fragment, { children: [
|
|
22384
|
+
/* @__PURE__ */ t(f0, { budget: v }),
|
|
22405
22385
|
/* @__PURE__ */ t(H, {})
|
|
22406
22386
|
] }, v.guid)),
|
|
22407
|
-
/* @__PURE__ */ t(
|
|
22387
|
+
/* @__PURE__ */ t(b0, { category: n, parentBudget: e })
|
|
22408
22388
|
] }),
|
|
22409
22389
|
/* @__PURE__ */ t(
|
|
22410
22390
|
le,
|
|
@@ -22458,7 +22438,7 @@ const df = ({
|
|
|
22458
22438
|
)
|
|
22459
22439
|
] })
|
|
22460
22440
|
] });
|
|
22461
|
-
}),
|
|
22441
|
+
}), E0 = I(({ budget: e }) => {
|
|
22462
22442
|
const { budgets: n, common: i, transactions: a } = x(), { setAlert: o } = lt(), { sortedTransactions: r, tags: s } = Ne(), [c, d] = g.useState(0), [u, _] = g.useState(""), h = g.useMemo(
|
|
22463
22443
|
() => r.find((f) => f.guid === u),
|
|
22464
22444
|
[u, r]
|
|
@@ -22496,7 +22476,7 @@ const df = ({
|
|
|
22496
22476
|
) }),
|
|
22497
22477
|
/* @__PURE__ */ t(Rn, { height: "100%", onClick: _ })
|
|
22498
22478
|
] }),
|
|
22499
|
-
c === 1 && /* @__PURE__ */ t(
|
|
22479
|
+
c === 1 && /* @__PURE__ */ t(y0, { budget: e }),
|
|
22500
22480
|
/* @__PURE__ */ t(
|
|
22501
22481
|
le,
|
|
22502
22482
|
{
|
|
@@ -22509,7 +22489,7 @@ const df = ({
|
|
|
22509
22489
|
)
|
|
22510
22490
|
] })
|
|
22511
22491
|
] });
|
|
22512
|
-
}),
|
|
22492
|
+
}), S0 = I(() => {
|
|
22513
22493
|
const { selectedAccountGuids: e } = de(), { budgets: n, common: i } = x(), {
|
|
22514
22494
|
dateRange: a,
|
|
22515
22495
|
deleteBudget: o,
|
|
@@ -22553,7 +22533,7 @@ const df = ({
|
|
|
22553
22533
|
secondaryColor: "error",
|
|
22554
22534
|
secondaryText: n.details_delete_button,
|
|
22555
22535
|
title: n.details_title,
|
|
22556
|
-
children: /* @__PURE__ */ t(
|
|
22536
|
+
children: /* @__PURE__ */ t(E0, { budget: r })
|
|
22557
22537
|
}
|
|
22558
22538
|
),
|
|
22559
22539
|
/* @__PURE__ */ t(
|
|
@@ -22589,7 +22569,7 @@ const df = ({
|
|
|
22589
22569
|
}
|
|
22590
22570
|
)
|
|
22591
22571
|
] });
|
|
22592
|
-
}),
|
|
22572
|
+
}), T0 = ({ budget: e, onClick: n }) => {
|
|
22593
22573
|
const {
|
|
22594
22574
|
amount: i,
|
|
22595
22575
|
budgetColors: { background: a, description: o },
|
|
@@ -22618,7 +22598,7 @@ const df = ({
|
|
|
22618
22598
|
}
|
|
22619
22599
|
)
|
|
22620
22600
|
] }) });
|
|
22621
|
-
},
|
|
22601
|
+
}, A0 = I(() => {
|
|
22622
22602
|
const { onEvent: e } = j(), { budgets: n } = x(), { detailedBudgets: i, setSelectedBudget: a } = lt(), o = (r) => {
|
|
22623
22603
|
a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
|
|
22624
22604
|
budget_category: r.category.name,
|
|
@@ -22628,11 +22608,11 @@ const df = ({
|
|
|
22628
22608
|
return /* @__PURE__ */ l(Ot, { elevation: 2, children: [
|
|
22629
22609
|
/* @__PURE__ */ t(dn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(mt, { children: n.budget_categories_title }) }),
|
|
22630
22610
|
/* @__PURE__ */ t(Lt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ie, { children: i.map((r) => /* @__PURE__ */ l(g.Fragment, { children: [
|
|
22631
|
-
/* @__PURE__ */ t(
|
|
22611
|
+
/* @__PURE__ */ t(T0, { budget: r, onClick: o }),
|
|
22632
22612
|
/* @__PURE__ */ t(H, {})
|
|
22633
22613
|
] }, r.guid)) }) })
|
|
22634
22614
|
] });
|
|
22635
|
-
}),
|
|
22615
|
+
}), I0 = I(() => {
|
|
22636
22616
|
const e = pe(), { onEvent: n } = j(), { visibleAccounts: i } = Se(), { budgets: a, common: o, recurring: r } = x(), { incomeCategories: s, spendCategories: c } = $e(), { detailedBudgets: d, totalBudgeted: u } = lt(), { projectedIncome: _ } = ze(), { setFilter: h } = Ne(), [m, p] = g.useState(!1), [f, E] = g.useMemo(() => {
|
|
22637
22617
|
const w = c.reduce((M, D) => M + D.totalAmount, 0);
|
|
22638
22618
|
let v = w / u;
|
|
@@ -22786,15 +22766,15 @@ const df = ({
|
|
|
22786
22766
|
sx: { mr: 24, mt: 48 },
|
|
22787
22767
|
width: k ? "100%" : Xr,
|
|
22788
22768
|
children: [
|
|
22789
|
-
/* @__PURE__ */ t(
|
|
22790
|
-
/* @__PURE__ */ t(
|
|
22769
|
+
/* @__PURE__ */ t(I0, {}),
|
|
22770
|
+
/* @__PURE__ */ t(A0, {})
|
|
22791
22771
|
]
|
|
22792
22772
|
}
|
|
22793
22773
|
)
|
|
22794
22774
|
]
|
|
22795
22775
|
}
|
|
22796
22776
|
),
|
|
22797
|
-
/* @__PURE__ */ t(
|
|
22777
|
+
/* @__PURE__ */ t(S0, {}),
|
|
22798
22778
|
/* @__PURE__ */ t(
|
|
22799
22779
|
le,
|
|
22800
22780
|
{
|
|
@@ -22830,7 +22810,7 @@ const df = ({
|
|
|
22830
22810
|
]
|
|
22831
22811
|
}
|
|
22832
22812
|
);
|
|
22833
|
-
}),
|
|
22813
|
+
}), x0 = I(() => {
|
|
22834
22814
|
const e = pe(), {
|
|
22835
22815
|
appDataStore: { banner: n, loadBanner: i, user: a }
|
|
22836
22816
|
} = la();
|
|
@@ -22869,7 +22849,7 @@ const df = ({
|
|
|
22869
22849
|
)
|
|
22870
22850
|
}
|
|
22871
22851
|
) : null;
|
|
22872
|
-
}),
|
|
22852
|
+
}), v0 = ({ handleConnectClick: e }) => {
|
|
22873
22853
|
const { common: n } = x(), i = Wt("(max-width: 700px)");
|
|
22874
22854
|
return /* @__PURE__ */ t(L, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
|
|
22875
22855
|
Pe,
|
|
@@ -22899,7 +22879,7 @@ const df = ({
|
|
|
22899
22879
|
children: n.add_accounts
|
|
22900
22880
|
}
|
|
22901
22881
|
) });
|
|
22902
|
-
},
|
|
22882
|
+
}, w0 = I(v0), N0 = () => {
|
|
22903
22883
|
const [e, n] = g.useState(!1), { visibleAccounts: i } = Se(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = de(), { common: r, connect: s } = x(), { config: c } = Fn(), { isMobile: d } = Ce(), u = {
|
|
22904
22884
|
accountFilterOptionsCopy: {
|
|
22905
22885
|
accountTypeAccounts: r.account_filter.account_type_accounts,
|
|
@@ -22925,7 +22905,7 @@ const df = ({
|
|
|
22925
22905
|
/* @__PURE__ */ t(C, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
|
|
22926
22906
|
] }) }),
|
|
22927
22907
|
/* @__PURE__ */ l(b, { flexDirection: "row", children: [
|
|
22928
|
-
c.show_connections_widget_in_master && /* @__PURE__ */ t(
|
|
22908
|
+
c.show_connections_widget_in_master && /* @__PURE__ */ t(w0, { handleConnectClick: () => n(!0) }),
|
|
22929
22909
|
/* @__PURE__ */ t(
|
|
22930
22910
|
Hs,
|
|
22931
22911
|
{
|
|
@@ -22954,9 +22934,9 @@ const df = ({
|
|
|
22954
22934
|
}
|
|
22955
22935
|
)
|
|
22956
22936
|
] });
|
|
22957
|
-
},
|
|
22937
|
+
}, D0 = I(N0);
|
|
22958
22938
|
var Pi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Pi || {});
|
|
22959
|
-
const
|
|
22939
|
+
const R0 = ({ widgets: e, isLoading: n }) => {
|
|
22960
22940
|
const { isDesktop: i, isMobile: a } = Ce(), { copyStore: o } = la(), { setSelectedAccounts: r } = de(), { visibleAccounts: s } = Se();
|
|
22961
22941
|
g.useEffect(() => {
|
|
22962
22942
|
r(s);
|
|
@@ -22972,9 +22952,9 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
22972
22952
|
[c]
|
|
22973
22953
|
);
|
|
22974
22954
|
return /* @__PURE__ */ l(fn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
|
|
22975
|
-
/* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(
|
|
22955
|
+
/* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(D0, {}) }),
|
|
22976
22956
|
/* @__PURE__ */ l(fn, { lg: 8, xs: 12, children: [
|
|
22977
|
-
/* @__PURE__ */ t(
|
|
22957
|
+
/* @__PURE__ */ t(x0, {}),
|
|
22978
22958
|
n && /* @__PURE__ */ l(b, { direction: "column", spacing: 24, children: [
|
|
22979
22959
|
/* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
|
|
22980
22960
|
/* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" }),
|
|
@@ -22988,7 +22968,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
22988
22968
|
/* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" })
|
|
22989
22969
|
] }) : /* @__PURE__ */ t(b, { direction: "column", spacing: 24, children: u.map((_) => /* @__PURE__ */ t(g.Fragment, { children: _.component }, _.index)) }) })
|
|
22990
22970
|
] });
|
|
22991
|
-
}, $4 = I(
|
|
22971
|
+
}, $4 = I(R0), Do = ({ sx: e = {} }) => {
|
|
22992
22972
|
const { investments: n } = x(), { onEvent: i } = j(), { setShowConnectionsWidget: a } = Gn();
|
|
22993
22973
|
return /* @__PURE__ */ l(b, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
|
|
22994
22974
|
/* @__PURE__ */ l(
|
|
@@ -23030,7 +23010,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23030
23010
|
}
|
|
23031
23011
|
)
|
|
23032
23012
|
] });
|
|
23033
|
-
},
|
|
23013
|
+
}, O0 = {
|
|
23034
23014
|
allocations_cash: "#AEDCCC",
|
|
23035
23015
|
allocations_convertible: "#80CAD0",
|
|
23036
23016
|
allocations_foreign_bond: "#51B9D4",
|
|
@@ -23040,7 +23020,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23040
23020
|
allocations_unknown: "#161D6A",
|
|
23041
23021
|
allocations_us_bond: "#254995",
|
|
23042
23022
|
allocations_us_stock: "#1E2D84"
|
|
23043
|
-
},
|
|
23023
|
+
}, L0 = [
|
|
23044
23024
|
{
|
|
23045
23025
|
name: "allocations_cash"
|
|
23046
23026
|
},
|
|
@@ -23068,10 +23048,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23068
23048
|
{
|
|
23069
23049
|
name: "allocations_unknown"
|
|
23070
23050
|
}
|
|
23071
|
-
],
|
|
23051
|
+
], M0 = (e, n, i) => {
|
|
23072
23052
|
const a = n, o = i;
|
|
23073
23053
|
return e >= Math.min(a, o) && e < Math.max(a, o);
|
|
23074
|
-
},
|
|
23054
|
+
}, k0 = (e, n, i) => {
|
|
23075
23055
|
const a = [
|
|
23076
23056
|
...new Set(e.map((s) => s.name.toLowerCase()))
|
|
23077
23057
|
];
|
|
@@ -23088,7 +23068,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23088
23068
|
percentage: c / i
|
|
23089
23069
|
};
|
|
23090
23070
|
});
|
|
23091
|
-
}, Fi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value,
|
|
23071
|
+
}, Fi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, G0 = (e, n, i) => {
|
|
23092
23072
|
const a = Object.values(n.allocations_list), o = [];
|
|
23093
23073
|
let r = 0;
|
|
23094
23074
|
const s = e.map(({ guid: f }) => f), c = i.filter(({ account_guid: f }) => s.includes(f)).map((f) => ({
|
|
@@ -23108,7 +23088,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23108
23088
|
}),
|
|
23109
23089
|
{ marketValue: 0, totalGainLoss: 0 }
|
|
23110
23090
|
), m = _ + d;
|
|
23111
|
-
|
|
23091
|
+
L0.forEach((f, E) => {
|
|
23112
23092
|
const y = c.filter(
|
|
23113
23093
|
(w) => !!w[f.name]
|
|
23114
23094
|
);
|
|
@@ -23116,7 +23096,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23116
23096
|
(w, v) => w + Fi(v) * v[f.name] / 100,
|
|
23117
23097
|
0
|
|
23118
23098
|
);
|
|
23119
|
-
const A =
|
|
23099
|
+
const A = k0(
|
|
23120
23100
|
y,
|
|
23121
23101
|
f.name,
|
|
23122
23102
|
S
|
|
@@ -23138,7 +23118,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23138
23118
|
holdings: A,
|
|
23139
23119
|
percentage: S / m,
|
|
23140
23120
|
value: S,
|
|
23141
|
-
color:
|
|
23121
|
+
color: O0[f.name]
|
|
23142
23122
|
}), r += S);
|
|
23143
23123
|
});
|
|
23144
23124
|
const p = o.map(
|
|
@@ -23157,7 +23137,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23157
23137
|
totalMarketValue: m,
|
|
23158
23138
|
totalGainLossPercentage: h / u
|
|
23159
23139
|
};
|
|
23160
|
-
}, $a = (e) => e < 1e-3 ? "< 0.1%" : vi(e), hi = (e) => e === 0 ? P(e, "0,0.00") :
|
|
23140
|
+
}, $a = (e) => e < 1e-3 ? "< 0.1%" : vi(e), hi = (e) => e === 0 ? P(e, "0,0.00") : M0(e, -0.01, 0.01) ? "< $0.01" : P(e, "0,0.00"), B0 = ({
|
|
23161
23141
|
data: e,
|
|
23162
23142
|
onSelected: n,
|
|
23163
23143
|
selectedId: i,
|
|
@@ -23287,7 +23267,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23287
23267
|
)
|
|
23288
23268
|
] }) : a === 0 && /* @__PURE__ */ t(C, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${hi(e.totalAmount)}` })
|
|
23289
23269
|
] });
|
|
23290
|
-
},
|
|
23270
|
+
}, H0 = ({
|
|
23291
23271
|
data: e,
|
|
23292
23272
|
hoveredId: n,
|
|
23293
23273
|
isPercentage: i,
|
|
@@ -23341,12 +23321,12 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23341
23321
|
] }) }) })
|
|
23342
23322
|
}
|
|
23343
23323
|
);
|
|
23344
|
-
},
|
|
23324
|
+
}, P0 = () => {
|
|
23345
23325
|
const [e, n] = g.useState(0), [i, a] = g.useState(""), [o, r] = g.useState(""), s = (f) => {
|
|
23346
23326
|
i !== f ? a(f) : (a(""), r(""));
|
|
23347
23327
|
}, { selectedAccountGuids: c } = de(), { visibleHoldings: d } = Gn(), { visibleInvestmentAccounts: u } = Se(), {
|
|
23348
23328
|
investments: { allocation: _ }
|
|
23349
|
-
} = x(), h =
|
|
23329
|
+
} = x(), h = G0(
|
|
23350
23330
|
u.filter(({ guid: f }) => c.includes(f)),
|
|
23351
23331
|
_,
|
|
23352
23332
|
d
|
|
@@ -23364,7 +23344,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23364
23344
|
},
|
|
23365
23345
|
children: [
|
|
23366
23346
|
/* @__PURE__ */ t(
|
|
23367
|
-
|
|
23347
|
+
H0,
|
|
23368
23348
|
{
|
|
23369
23349
|
data: h,
|
|
23370
23350
|
hoveredId: o,
|
|
@@ -23382,7 +23362,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23382
23362
|
}
|
|
23383
23363
|
),
|
|
23384
23364
|
/* @__PURE__ */ t(
|
|
23385
|
-
|
|
23365
|
+
B0,
|
|
23386
23366
|
{
|
|
23387
23367
|
data: h,
|
|
23388
23368
|
onSelected: s,
|
|
@@ -23394,7 +23374,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23394
23374
|
]
|
|
23395
23375
|
}
|
|
23396
23376
|
);
|
|
23397
|
-
},
|
|
23377
|
+
}, F0 = I(P0), W0 = ({
|
|
23398
23378
|
analysisDetails: e,
|
|
23399
23379
|
analysisType: n,
|
|
23400
23380
|
copy: i,
|
|
@@ -23483,10 +23463,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23483
23463
|
)
|
|
23484
23464
|
] })
|
|
23485
23465
|
] });
|
|
23486
|
-
},
|
|
23466
|
+
}, $0 = ({ body: e, title: n }) => /* @__PURE__ */ l(b, { sx: { gap: 4, p: 12 }, children: [
|
|
23487
23467
|
/* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: n }),
|
|
23488
23468
|
/* @__PURE__ */ t(fe, { variant: "ParagraphSmall", children: e })
|
|
23489
|
-
] }),
|
|
23469
|
+
] }), U0 = ({
|
|
23490
23470
|
placement: e = "bottom",
|
|
23491
23471
|
tooltip_info_body: n,
|
|
23492
23472
|
tooltip_info_title: i
|
|
@@ -23495,10 +23475,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23495
23475
|
{
|
|
23496
23476
|
enterTouchDelay: 500,
|
|
23497
23477
|
placement: e,
|
|
23498
|
-
title: /* @__PURE__ */ t(
|
|
23478
|
+
title: /* @__PURE__ */ t($0, { body: n, title: i }),
|
|
23499
23479
|
children: /* @__PURE__ */ t(Pe, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(ct, { name: "info", sx: { color: "info.main" } }) })
|
|
23500
23480
|
}
|
|
23501
|
-
),
|
|
23481
|
+
), V0 = () => {
|
|
23502
23482
|
const {
|
|
23503
23483
|
investments: { analysis: e }
|
|
23504
23484
|
} = x(), { analysisChartData: n, analysisDetails: i, analysisType: a, setAnalysisType: o } = Gn(), r = Wt("(min-width:320px) and (max-width:375px)"), { isMobile: s } = Ce(), d = at().palette.mode === "dark", { cellDimension: u, columns: _, rows: h, textVariant: m } = g.useMemo(() => {
|
|
@@ -23578,7 +23558,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23578
23558
|
children: [
|
|
23579
23559
|
/* @__PURE__ */ t(C, { bold: !0, children: e.invest_analysis }),
|
|
23580
23560
|
/* @__PURE__ */ t(
|
|
23581
|
-
|
|
23561
|
+
U0,
|
|
23582
23562
|
{
|
|
23583
23563
|
tooltip_info_body: e.tooltip_info_body,
|
|
23584
23564
|
tooltip_info_title: e.tooltip_info_title
|
|
@@ -23636,7 +23616,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23636
23616
|
}
|
|
23637
23617
|
),
|
|
23638
23618
|
/* @__PURE__ */ t(
|
|
23639
|
-
|
|
23619
|
+
W0,
|
|
23640
23620
|
{
|
|
23641
23621
|
analysisDetails: i,
|
|
23642
23622
|
analysisType: a,
|
|
@@ -23651,7 +23631,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23651
23631
|
]
|
|
23652
23632
|
}
|
|
23653
23633
|
);
|
|
23654
|
-
},
|
|
23634
|
+
}, K0 = I(V0), z0 = ({
|
|
23655
23635
|
accountHoldingsData: e,
|
|
23656
23636
|
currentEditedCostBasis: n,
|
|
23657
23637
|
editingHoldingId: i,
|
|
@@ -23956,10 +23936,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23956
23936
|
]
|
|
23957
23937
|
}
|
|
23958
23938
|
);
|
|
23959
|
-
},
|
|
23939
|
+
}, Y0 = I(z0), Bi = (e) => /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
|
|
23960
23940
|
/* @__PURE__ */ t(C, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: e.colDef.headerName }),
|
|
23961
23941
|
/* @__PURE__ */ t(ct, { name: "expand_all", size: 12 })
|
|
23962
|
-
] }),
|
|
23942
|
+
] }), j0 = ({
|
|
23963
23943
|
data: e,
|
|
23964
23944
|
editingHoldingId: n,
|
|
23965
23945
|
currentEditedCostBasis: i,
|
|
@@ -24127,7 +24107,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24127
24107
|
)
|
|
24128
24108
|
}
|
|
24129
24109
|
);
|
|
24130
|
-
},
|
|
24110
|
+
}, X0 = () => {
|
|
24131
24111
|
const { isMobile: e } = Ce(), [n, i] = Et({}), [a, o] = Et(!1), { selectedAccountGuids: r } = de(), { visibleHoldings: s, updateHoldings: c } = Gn(), [d, u] = g.useState(!1), [_, h] = Et({
|
|
24132
24112
|
accounts: [],
|
|
24133
24113
|
holdings: []
|
|
@@ -24506,7 +24486,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24506
24486
|
}
|
|
24507
24487
|
),
|
|
24508
24488
|
/* @__PURE__ */ t(Ii, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(St, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
|
|
24509
|
-
|
|
24489
|
+
j0,
|
|
24510
24490
|
{
|
|
24511
24491
|
currentEditedCostBasis: S,
|
|
24512
24492
|
data: ne,
|
|
@@ -24524,7 +24504,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24524
24504
|
}),
|
|
24525
24505
|
/* @__PURE__ */ t(Do, {}),
|
|
24526
24506
|
/* @__PURE__ */ t(
|
|
24527
|
-
|
|
24507
|
+
Y0,
|
|
24528
24508
|
{
|
|
24529
24509
|
accountHoldingsData: _,
|
|
24530
24510
|
currentEditedCostBasis: S,
|
|
@@ -24546,7 +24526,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24546
24526
|
}
|
|
24547
24527
|
)
|
|
24548
24528
|
] }) : /* @__PURE__ */ t(_e, {});
|
|
24549
|
-
},
|
|
24529
|
+
}, Z0 = I(X0), q0 = ({ title: e }) => /* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: e }), U4 = I(({ onBackClick: e, sx: n }) => {
|
|
24550
24530
|
const { onEvent: i } = j(), { isMobile: a } = Ce(), { visibleInvestmentAccounts: o } = Se(), {
|
|
24551
24531
|
visibleHoldings: r,
|
|
24552
24532
|
setShowConnectionsWidget: s,
|
|
@@ -24590,7 +24570,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24590
24570
|
textColor: "primary",
|
|
24591
24571
|
value: A ? -1 : p,
|
|
24592
24572
|
variant: "fullWidth",
|
|
24593
|
-
children: w.map((v) => /* @__PURE__ */ t(et, { disabled: A, label: /* @__PURE__ */ t(
|
|
24573
|
+
children: w.map((v) => /* @__PURE__ */ t(et, { disabled: A, label: /* @__PURE__ */ t(q0, { title: v }) }, v))
|
|
24594
24574
|
}
|
|
24595
24575
|
),
|
|
24596
24576
|
A ? /* @__PURE__ */ t(
|
|
@@ -24616,9 +24596,9 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24616
24596
|
}
|
|
24617
24597
|
}
|
|
24618
24598
|
) : /* @__PURE__ */ l(q, { children: [
|
|
24619
|
-
p === 0 && /* @__PURE__ */ t(
|
|
24620
|
-
p === 1 && /* @__PURE__ */ t(
|
|
24621
|
-
p === 2 && /* @__PURE__ */ t(
|
|
24599
|
+
p === 0 && /* @__PURE__ */ t(Z0, {}),
|
|
24600
|
+
p === 1 && /* @__PURE__ */ t(F0, {}),
|
|
24601
|
+
p === 2 && /* @__PURE__ */ t(K0, {})
|
|
24622
24602
|
] })
|
|
24623
24603
|
] }),
|
|
24624
24604
|
/* @__PURE__ */ t(
|
|
@@ -24633,7 +24613,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24633
24613
|
}
|
|
24634
24614
|
);
|
|
24635
24615
|
});
|
|
24636
|
-
class
|
|
24616
|
+
class Q0 {
|
|
24637
24617
|
copyApi = new _i("/", "");
|
|
24638
24618
|
copyObject = {};
|
|
24639
24619
|
namespace = "experiences";
|
|
@@ -24679,7 +24659,7 @@ const Ro = {
|
|
|
24679
24659
|
MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
|
|
24680
24660
|
}, Ut = window?.app?.clientConfig?.microwidget_instance_id || "", Zr = {
|
|
24681
24661
|
INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
|
|
24682
|
-
}, Pc = (e) => `on${e}Click`, Fc = (e) => `on${e}View`, Wc = (e) => `on${e}ViewFirstTime`, Oo = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"),
|
|
24662
|
+
}, Pc = (e) => `on${e}Click`, Fc = (e) => `on${e}View`, Wc = (e) => `on${e}ViewFirstTime`, Oo = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), J0 = () => Object.values(Ro).reduce(
|
|
24683
24663
|
(e, n) => ({
|
|
24684
24664
|
...e,
|
|
24685
24665
|
[Pc(n)]: {
|
|
@@ -24690,7 +24670,7 @@ const Ro = {
|
|
|
24690
24670
|
}
|
|
24691
24671
|
}),
|
|
24692
24672
|
{}
|
|
24693
|
-
),
|
|
24673
|
+
), ef = () => Object.values(Ro).reduce(
|
|
24694
24674
|
(e, n) => ({
|
|
24695
24675
|
...e,
|
|
24696
24676
|
[Fc(n)]: {
|
|
@@ -24701,7 +24681,7 @@ const Ro = {
|
|
|
24701
24681
|
}
|
|
24702
24682
|
}),
|
|
24703
24683
|
{}
|
|
24704
|
-
),
|
|
24684
|
+
), tf = () => Object.values(Ro).reduce(
|
|
24705
24685
|
(e, n) => ({
|
|
24706
24686
|
...e,
|
|
24707
24687
|
[Wc(n)]: {
|
|
@@ -24801,15 +24781,15 @@ const Ro = {
|
|
|
24801
24781
|
label: mn.VIEW_MORE,
|
|
24802
24782
|
value: Ut
|
|
24803
24783
|
},
|
|
24804
|
-
...
|
|
24805
|
-
...
|
|
24806
|
-
...
|
|
24784
|
+
...J0(),
|
|
24785
|
+
...ef(),
|
|
24786
|
+
...tf()
|
|
24807
24787
|
}, Jr = async (e, n) => !n || !Qr[e] ? null : n.sendAnalyticEvent(Qr[e]).then((i) => i).catch((i) => {
|
|
24808
24788
|
throw i;
|
|
24809
24789
|
}), es = async (e, n) => !n || !qr[e] ? null : n.sendAnalyticsPageview(qr[e]).then((i) => i).catch((i) => {
|
|
24810
24790
|
throw i;
|
|
24811
24791
|
});
|
|
24812
|
-
class
|
|
24792
|
+
class nf {
|
|
24813
24793
|
onAnalyticEvent = Jr;
|
|
24814
24794
|
onAnalyticPageView = es;
|
|
24815
24795
|
beatApi = new jn("/", "");
|
|
@@ -24834,7 +24814,7 @@ class i0 {
|
|
|
24834
24814
|
this.beatApi.updateOffer(n);
|
|
24835
24815
|
};
|
|
24836
24816
|
}
|
|
24837
|
-
class
|
|
24817
|
+
class af {
|
|
24838
24818
|
copyStore;
|
|
24839
24819
|
endpoint = "/";
|
|
24840
24820
|
insightsMicroWidgetStore;
|
|
@@ -24842,7 +24822,7 @@ class a0 {
|
|
|
24842
24822
|
token = "";
|
|
24843
24823
|
isInitialized = !1;
|
|
24844
24824
|
constructor() {
|
|
24845
|
-
this.copyStore = new
|
|
24825
|
+
this.copyStore = new Q0(), this.insightsMicroWidgetStore = new nf(), Be(this);
|
|
24846
24826
|
}
|
|
24847
24827
|
initialize = async (n, i, a) => {
|
|
24848
24828
|
await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
|
|
@@ -24852,7 +24832,7 @@ class a0 {
|
|
|
24852
24832
|
});
|
|
24853
24833
|
};
|
|
24854
24834
|
}
|
|
24855
|
-
const Di = g.createContext(null),
|
|
24835
|
+
const Di = g.createContext(null), of = ({
|
|
24856
24836
|
onEvent: e,
|
|
24857
24837
|
onPageview: n,
|
|
24858
24838
|
store: i,
|
|
@@ -24989,13 +24969,13 @@ const Di = g.createContext(null), o0 = ({
|
|
|
24989
24969
|
}
|
|
24990
24970
|
);
|
|
24991
24971
|
}
|
|
24992
|
-
),
|
|
24972
|
+
), rf = ({ beat: e }) => {
|
|
24993
24973
|
const [n, i] = Et(N.UNCATEGORIZED);
|
|
24994
24974
|
return Mn(() => {
|
|
24995
24975
|
e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
|
|
24996
24976
|
}, []), /* @__PURE__ */ t(Gt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
|
|
24997
|
-
},
|
|
24998
|
-
const n = gt(), i =
|
|
24977
|
+
}, sf = ({ beat: e }) => {
|
|
24978
|
+
const n = gt(), i = cf(n);
|
|
24999
24979
|
return /* @__PURE__ */ t(
|
|
25000
24980
|
rn,
|
|
25001
24981
|
{
|
|
@@ -25005,12 +24985,12 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25005
24985
|
size: 16
|
|
25006
24986
|
}
|
|
25007
24987
|
);
|
|
25008
|
-
},
|
|
24988
|
+
}, cf = (e) => Zt({
|
|
25009
24989
|
marginTop: e.Spacing.XTiny,
|
|
25010
24990
|
"& .kyper-categoryicon": {
|
|
25011
24991
|
display: "flex"
|
|
25012
24992
|
}
|
|
25013
|
-
}),
|
|
24993
|
+
}), lf = I(sf), df = ({
|
|
25014
24994
|
color: e = "currentColor",
|
|
25015
24995
|
height: n,
|
|
25016
24996
|
size: i = 16,
|
|
@@ -25036,16 +25016,16 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25036
25016
|
}
|
|
25037
25017
|
)
|
|
25038
25018
|
}
|
|
25039
|
-
),
|
|
25019
|
+
), _f = (e) => e ? e.data ? e.data.map((n) => {
|
|
25040
25020
|
const i = {};
|
|
25041
25021
|
return e.names?.map((a, o) => {
|
|
25042
25022
|
i[a] = n[o];
|
|
25043
25023
|
}), i;
|
|
25044
|
-
}) : [] : [],
|
|
25045
|
-
const i =
|
|
25024
|
+
}) : [] : [], uf = (e, n) => {
|
|
25025
|
+
const i = _f(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
|
|
25046
25026
|
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;
|
|
25047
|
-
},
|
|
25048
|
-
const n = gt(), i =
|
|
25027
|
+
}, hf = ({ beat: e }) => {
|
|
25028
|
+
const n = gt(), i = uf(e.data_series, n);
|
|
25049
25029
|
return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
|
|
25050
25030
|
}, Uc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
25051
25031
|
/* @__PURE__ */ t(
|
|
@@ -25830,7 +25810,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25830
25810
|
] })
|
|
25831
25811
|
] }), ts = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
|
|
25832
25812
|
const o = pe(), r = n?.primary_300 ? n.primary_300 : o.palette.primary.main;
|
|
25833
|
-
return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(
|
|
25813
|
+
return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(rf, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(lf, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(hf, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
|
|
25834
25814
|
$,
|
|
25835
25815
|
{
|
|
25836
25816
|
fill: !0,
|
|
@@ -25845,7 +25825,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25845
25825
|
if (!e)
|
|
25846
25826
|
throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
|
|
25847
25827
|
return e.store.copyStore;
|
|
25848
|
-
},
|
|
25828
|
+
}, gf = () => {
|
|
25849
25829
|
const e = g.useContext(Di);
|
|
25850
25830
|
if (!e?.store?.insightsMicroWidgetStore)
|
|
25851
25831
|
throw new Error(
|
|
@@ -25867,7 +25847,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25867
25847
|
STANDARD: 154,
|
|
25868
25848
|
XLARGE: 200,
|
|
25869
25849
|
XXLARGE: 248
|
|
25870
|
-
},
|
|
25850
|
+
}, mf = 50, zc = 1, pf = ({
|
|
25871
25851
|
ariaLabel: e,
|
|
25872
25852
|
backgroundColor: n,
|
|
25873
25853
|
beat: i,
|
|
@@ -25884,7 +25864,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25884
25864
|
}) => {
|
|
25885
25865
|
const { ref: p, inView: f } = Ss({
|
|
25886
25866
|
threshold: zc
|
|
25887
|
-
}), { cardsCopy: E } = On(), { onEvent: y } = Ri(), { updateBeat: S, updateOffer: A } =
|
|
25867
|
+
}), { cardsCopy: E } = On(), { onEvent: y } = Ri(), { updateBeat: S, updateOffer: A } = gf();
|
|
25888
25868
|
Mn(() => {
|
|
25889
25869
|
f && (i.has_been_displayed ? y(Fc(i.template)) : (i.guid.startsWith("OFR") ? A({
|
|
25890
25870
|
...i,
|
|
@@ -25953,7 +25933,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25953
25933
|
widthOverrides: m
|
|
25954
25934
|
}
|
|
25955
25935
|
);
|
|
25956
|
-
},
|
|
25936
|
+
}, Cf = ({
|
|
25957
25937
|
clientColorScheme: e,
|
|
25958
25938
|
currentBeatIndex: n,
|
|
25959
25939
|
numBeats: i,
|
|
@@ -25962,7 +25942,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25962
25942
|
scrollRightBoundary: r,
|
|
25963
25943
|
scrollX: s
|
|
25964
25944
|
}) => {
|
|
25965
|
-
const c =
|
|
25945
|
+
const c = ff(), d = at(), { carouselCopy: u } = On(), _ = Math.floor(s) > r || n === 0, h = s < 0 || i - 1 === n, m = d.palette.grey[500], p = e?.primary_300 ?? d.palette.primary.main;
|
|
25966
25946
|
return /* @__PURE__ */ l(L, { className: c, children: [
|
|
25967
25947
|
/* @__PURE__ */ t(
|
|
25968
25948
|
Pe,
|
|
@@ -26009,7 +25989,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26009
25989
|
}
|
|
26010
25990
|
)
|
|
26011
25991
|
] });
|
|
26012
|
-
},
|
|
25992
|
+
}, ff = () => Zt({
|
|
26013
25993
|
alignItems: "center",
|
|
26014
25994
|
display: "flex",
|
|
26015
25995
|
justifyContent: "center",
|
|
@@ -26026,7 +26006,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26026
26006
|
// we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
|
|
26027
26007
|
marginRight: 8
|
|
26028
26008
|
}
|
|
26029
|
-
}),
|
|
26009
|
+
}), bf = ({
|
|
26030
26010
|
beats: e = [],
|
|
26031
26011
|
clientColorScheme: n,
|
|
26032
26012
|
showCTAColocatedWithText: i,
|
|
@@ -26039,7 +26019,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26039
26019
|
variant: u,
|
|
26040
26020
|
widthOverrides: _
|
|
26041
26021
|
}) => {
|
|
26042
|
-
const h =
|
|
26022
|
+
const h = Ef(a, d, _), m = g.useRef(null), [p, f] = g.useState(0), [E, y] = g.useState(null), [S, A] = g.useState(null), { carouselCopy: w } = On(), { onEvent: v } = Ri(), R = () => {
|
|
26043
26023
|
v(Vt.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
|
|
26044
26024
|
left: (
|
|
26045
26025
|
// Adds the flex gap to the carousel ref's width
|
|
@@ -26058,7 +26038,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26058
26038
|
m.current && f(m.current.scrollLeft);
|
|
26059
26039
|
}, D = () => {
|
|
26060
26040
|
if (!S || !E) return;
|
|
26061
|
-
S - E >
|
|
26041
|
+
S - E > mf ? v(Vt.ON_CAROUSEL_FORWARD_SWIPE) : v(Vt.ON_CAROUSEL_BACK_SWIPE);
|
|
26062
26042
|
}, k = (J) => {
|
|
26063
26043
|
y(J.targetTouches[0].clientX);
|
|
26064
26044
|
}, O = (J) => {
|
|
@@ -26097,7 +26077,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26097
26077
|
Re.toString()
|
|
26098
26078
|
), Oe = J.micro_title && J.micro_title.length > 0, xt = J.micro_description && J.micro_description.length > 0, ee = Oe ? J.micro_title : J.title, ne = xt ? J.micro_description : J.description;
|
|
26099
26079
|
return /* @__PURE__ */ t(
|
|
26100
|
-
|
|
26080
|
+
pf,
|
|
26101
26081
|
{
|
|
26102
26082
|
ariaLabel: `${Te}: ${ee}, ${ne}`,
|
|
26103
26083
|
beat: J,
|
|
@@ -26110,7 +26090,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26110
26090
|
);
|
|
26111
26091
|
}),
|
|
26112
26092
|
/* @__PURE__ */ t(
|
|
26113
|
-
|
|
26093
|
+
wf,
|
|
26114
26094
|
{
|
|
26115
26095
|
isActiveCard: Q === e.length,
|
|
26116
26096
|
onCardClick: o,
|
|
@@ -26121,7 +26101,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26121
26101
|
}
|
|
26122
26102
|
),
|
|
26123
26103
|
s && /* @__PURE__ */ t(
|
|
26124
|
-
|
|
26104
|
+
Cf,
|
|
26125
26105
|
{
|
|
26126
26106
|
clientColorScheme: n,
|
|
26127
26107
|
currentBeatIndex: Q,
|
|
@@ -26135,7 +26115,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26135
26115
|
]
|
|
26136
26116
|
}
|
|
26137
26117
|
);
|
|
26138
|
-
},
|
|
26118
|
+
}, yf = I(bf), Ef = (e, n = !0, i) => Zt({
|
|
26139
26119
|
alignItems: "center",
|
|
26140
26120
|
boxSizing: "border-box",
|
|
26141
26121
|
display: "flex",
|
|
@@ -26160,7 +26140,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26160
26140
|
display: "none"
|
|
26161
26141
|
}
|
|
26162
26142
|
}
|
|
26163
|
-
}),
|
|
26143
|
+
}), Sf = ({
|
|
26164
26144
|
clientColorScheme: e,
|
|
26165
26145
|
onCardClick: n,
|
|
26166
26146
|
posthog: i,
|
|
@@ -26229,7 +26209,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26229
26209
|
]
|
|
26230
26210
|
}
|
|
26231
26211
|
) : /* @__PURE__ */ t(_e, {});
|
|
26232
|
-
},
|
|
26212
|
+
}, Tf = I(Sf), Af = ({
|
|
26233
26213
|
heightOverrides: e,
|
|
26234
26214
|
widthOverrides: n,
|
|
26235
26215
|
children: i
|
|
@@ -26346,7 +26326,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26346
26326
|
widthOverrides: d
|
|
26347
26327
|
}
|
|
26348
26328
|
);
|
|
26349
|
-
}, K4 = I(jc),
|
|
26329
|
+
}, K4 = I(jc), If = () => /* @__PURE__ */ t(
|
|
26350
26330
|
L,
|
|
26351
26331
|
{
|
|
26352
26332
|
sx: {
|
|
@@ -26358,7 +26338,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26358
26338
|
},
|
|
26359
26339
|
children: /* @__PURE__ */ t(za, {})
|
|
26360
26340
|
}
|
|
26361
|
-
), hn = new
|
|
26341
|
+
), hn = new af(), xf = ({
|
|
26362
26342
|
areBeatsLoading: e,
|
|
26363
26343
|
beats: n = [],
|
|
26364
26344
|
// This also determines the length of the carousel controls (beat.length + 1)
|
|
@@ -26413,10 +26393,10 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26413
26393
|
// The Theme provider must wrap the component so that the styles don't break when imported into other applications.
|
|
26414
26394
|
/* @__PURE__ */ l(Tl, { theme: R, children: [
|
|
26415
26395
|
/* @__PURE__ */ t(Gd, {}),
|
|
26416
|
-
/* @__PURE__ */ t(
|
|
26417
|
-
(e || !hn.isInitialized) && /* @__PURE__ */ t(
|
|
26396
|
+
/* @__PURE__ */ t(of, { onEvent: O, onPageview: U, store: hn, children: /* @__PURE__ */ l(Af, { heightOverrides: r, widthOverrides: v, children: [
|
|
26397
|
+
(e || !hn.isInitialized) && /* @__PURE__ */ t(If, {}),
|
|
26418
26398
|
D && p && /* @__PURE__ */ t(
|
|
26419
|
-
|
|
26399
|
+
Tf,
|
|
26420
26400
|
{
|
|
26421
26401
|
clientColorScheme: i,
|
|
26422
26402
|
onCardClick: c,
|
|
@@ -26425,7 +26405,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26425
26405
|
}
|
|
26426
26406
|
),
|
|
26427
26407
|
D && !!n.length && /* @__PURE__ */ t(
|
|
26428
|
-
|
|
26408
|
+
yf,
|
|
26429
26409
|
{
|
|
26430
26410
|
beats: n,
|
|
26431
26411
|
clientColorScheme: i,
|
|
@@ -26439,7 +26419,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26439
26419
|
] }) })
|
|
26440
26420
|
] })
|
|
26441
26421
|
);
|
|
26442
|
-
}, z4 = I(
|
|
26422
|
+
}, z4 = I(xf), vf = ({
|
|
26443
26423
|
isActiveCard: e,
|
|
26444
26424
|
ariaLabel: n,
|
|
26445
26425
|
clientColorScheme: i,
|
|
@@ -26471,7 +26451,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26471
26451
|
description: m.view_more_card_description,
|
|
26472
26452
|
fontColors: { buttonColor: i?.primary_300 },
|
|
26473
26453
|
heightOverrides: a,
|
|
26474
|
-
icon: /* @__PURE__ */ t(
|
|
26454
|
+
icon: /* @__PURE__ */ t(df, { color: i?.primary_300 ?? u.palette.primary.main }),
|
|
26475
26455
|
isActiveCard: e,
|
|
26476
26456
|
onCardClick: f,
|
|
26477
26457
|
posthog: r,
|
|
@@ -26482,7 +26462,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26482
26462
|
widthOverrides: d
|
|
26483
26463
|
}
|
|
26484
26464
|
);
|
|
26485
|
-
},
|
|
26465
|
+
}, wf = I(vf), wa = 5, Nf = (e, n) => n.reduce((i, a) => {
|
|
26486
26466
|
if (a.total > 0) {
|
|
26487
26467
|
const o = e.find((u) => u.guid === a.category_guid);
|
|
26488
26468
|
if (!o) return i;
|
|
@@ -26504,7 +26484,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26504
26484
|
}
|
|
26505
26485
|
return i;
|
|
26506
26486
|
}, []), Xc = (e, n) => {
|
|
26507
|
-
const i =
|
|
26487
|
+
const i = Nf(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, u) => u.amount - d.amount), o = a.reduce(
|
|
26508
26488
|
(d, u) => d + u.amount,
|
|
26509
26489
|
0
|
|
26510
26490
|
), r = a.length > wa ? wa : a.length, s = a.slice(0, r), c = s.map((d) => ({
|
|
@@ -26566,7 +26546,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26566
26546
|
}, Qi = ({ amount: e, label: n }) => /* @__PURE__ */ l(b, { direction: "column", children: [
|
|
26567
26547
|
/* @__PURE__ */ t(C, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: n }),
|
|
26568
26548
|
/* @__PURE__ */ t(C, { variant: "XSmall", children: P(e, "0,0") })
|
|
26569
|
-
] }),
|
|
26549
|
+
] }), Df = ({
|
|
26570
26550
|
data: e,
|
|
26571
26551
|
isIncome: n = !1,
|
|
26572
26552
|
onSelected: i,
|
|
@@ -26619,7 +26599,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26619
26599
|
}
|
|
26620
26600
|
)
|
|
26621
26601
|
] }) }) });
|
|
26622
|
-
}, Ji = I(
|
|
26602
|
+
}, Ji = I(Df), ns = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(b, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
|
|
26623
26603
|
b,
|
|
26624
26604
|
{
|
|
26625
26605
|
alignItems: "center",
|
|
@@ -26636,7 +26616,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26636
26616
|
]
|
|
26637
26617
|
},
|
|
26638
26618
|
a.guid
|
|
26639
|
-
)) }),
|
|
26619
|
+
)) }), Rf = () => {
|
|
26640
26620
|
const e = pe(), { spending: n } = x(), { selectedAccounts: i } = de(), {
|
|
26641
26621
|
categories: a,
|
|
26642
26622
|
dateRangeCategoryTotals: o,
|
|
@@ -26731,7 +26711,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26731
26711
|
/* @__PURE__ */ t(ns, { data: p, onSelected: E, selectedId: d })
|
|
26732
26712
|
] }) })
|
|
26733
26713
|
] }) : /* @__PURE__ */ t(_e, { height: 250 });
|
|
26734
|
-
},
|
|
26714
|
+
}, Of = I(Rf), Lf = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
|
|
26735
26715
|
const { spending: i } = x(), { isCopyLoaded: a } = de();
|
|
26736
26716
|
return a ? /* @__PURE__ */ t(
|
|
26737
26717
|
Dn,
|
|
@@ -26741,10 +26721,10 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26741
26721
|
primaryCtaLabel: i.primary_cta,
|
|
26742
26722
|
sx: n,
|
|
26743
26723
|
title: i.mini_title,
|
|
26744
|
-
children: /* @__PURE__ */ t(
|
|
26724
|
+
children: /* @__PURE__ */ t(Of, {})
|
|
26745
26725
|
}
|
|
26746
26726
|
) : /* @__PURE__ */ t(_e, {});
|
|
26747
|
-
}, Y4 = I(
|
|
26727
|
+
}, Y4 = I(Lf), Mf = ({
|
|
26748
26728
|
data: e,
|
|
26749
26729
|
onSelected: n,
|
|
26750
26730
|
selectedId: i = "",
|
|
@@ -26823,7 +26803,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26823
26803
|
] }, s.guid)) }),
|
|
26824
26804
|
/* @__PURE__ */ t(C, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${P(e.totalAmount, "0,0")}` })
|
|
26825
26805
|
] });
|
|
26826
|
-
},
|
|
26806
|
+
}, kf = I(Mf), Gf = ({
|
|
26827
26807
|
data: e,
|
|
26828
26808
|
onSelected: n,
|
|
26829
26809
|
onViewTransactions: i,
|
|
@@ -26869,18 +26849,18 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26869
26849
|
variant: "full"
|
|
26870
26850
|
}
|
|
26871
26851
|
),
|
|
26872
|
-
/* @__PURE__ */ t(
|
|
26852
|
+
/* @__PURE__ */ t(kf, { data: e, onSelected: n, selectedId: a, title: o })
|
|
26873
26853
|
]
|
|
26874
26854
|
}
|
|
26875
26855
|
);
|
|
26876
|
-
}, is = I(
|
|
26856
|
+
}, is = I(Gf), Bf = (e) => [
|
|
26877
26857
|
e.palette.chartMono.chartMono5,
|
|
26878
26858
|
e.palette.chartMono.chartMono4,
|
|
26879
26859
|
e.palette.chartMono.chartMono3,
|
|
26880
26860
|
e.palette.chartMono.chartMono2,
|
|
26881
26861
|
e.palette.chartMono.chartMono1,
|
|
26882
26862
|
e.palette.chartMono.chartMono6
|
|
26883
|
-
],
|
|
26863
|
+
], Hf = () => {
|
|
26884
26864
|
const e = ln(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = $e(), { spending: o } = x(), { displayedDateRange: r, selectedAccounts: s, selectedAccountGuids: c } = de(), { setFilter: d, sortedTransactions: u } = Ne(), [_, h] = g.useState(""), [m, p] = g.useState(0), [f, E] = g.useState(""), [y, S] = g.useState(!1);
|
|
26885
26865
|
g.useEffect(() => {
|
|
26886
26866
|
a(
|
|
@@ -26893,7 +26873,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26893
26873
|
() => Xc(n, i),
|
|
26894
26874
|
[n, i]
|
|
26895
26875
|
), w = g.useMemo(
|
|
26896
|
-
() => Zc(n, i,
|
|
26876
|
+
() => Zc(n, i, Bf(e)),
|
|
26897
26877
|
[n, i]
|
|
26898
26878
|
), v = g.useMemo(
|
|
26899
26879
|
() => u.find((D) => D.guid === f),
|
|
@@ -26994,7 +26974,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26994
26974
|
}
|
|
26995
26975
|
)
|
|
26996
26976
|
] });
|
|
26997
|
-
},
|
|
26977
|
+
}, Pf = I(Hf), Ff = ({ onBackClick: e, sx: n = {} }) => {
|
|
26998
26978
|
const { visibleAccounts: i } = Se(), { spending: a } = x(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = de(), { onEvent: d } = j(), [u, _] = g.useState(!1);
|
|
26999
26979
|
g.useEffect(() => {
|
|
27000
26980
|
c(i);
|
|
@@ -27013,11 +26993,11 @@ const Di = g.createContext(null), o0 = ({
|
|
|
27013
26993
|
onBackClick: e,
|
|
27014
26994
|
sx: n,
|
|
27015
26995
|
title: a.title,
|
|
27016
|
-
children: /* @__PURE__ */ t(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(
|
|
26996
|
+
children: /* @__PURE__ */ t(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Pf, {}) })
|
|
27017
26997
|
}
|
|
27018
26998
|
);
|
|
27019
|
-
}, j4 = I(
|
|
27020
|
-
function
|
|
26999
|
+
}, j4 = I(Ff), Wf = (e) => In[e] ?? In.default, $f = (e) => ra[e];
|
|
27000
|
+
function Uf(e, n) {
|
|
27021
27001
|
const i = [], a = new Date(e);
|
|
27022
27002
|
for (; a <= n; ) {
|
|
27023
27003
|
const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
|
|
@@ -27025,7 +27005,7 @@ function U0(e, n) {
|
|
|
27025
27005
|
}
|
|
27026
27006
|
return i;
|
|
27027
27007
|
}
|
|
27028
|
-
const
|
|
27008
|
+
const Vf = (e) => e.reduce((i, a) => {
|
|
27029
27009
|
const o = {
|
|
27030
27010
|
top_level_category_guid: a.top_level_category_guid,
|
|
27031
27011
|
category_guid: a.category_guid,
|
|
@@ -27033,8 +27013,8 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27033
27013
|
year_month: a.year_month
|
|
27034
27014
|
}, { top_level_category_guid: r, category_guid: s } = o;
|
|
27035
27015
|
return i[s] || (i[s] = []), i[s].push(o), r !== s && (i[r] || (i[r] = []), i[r].push(o)), i;
|
|
27036
|
-
}, {}),
|
|
27037
|
-
const a =
|
|
27016
|
+
}, {}), Kf = (e, n, i) => {
|
|
27017
|
+
const a = Vf(e), o = Uf(n, i);
|
|
27038
27018
|
return Object.entries(a).map(([s, c]) => {
|
|
27039
27019
|
const d = c[0].top_level_category_guid, u = o.map((_) => {
|
|
27040
27020
|
const h = c.filter((E) => E.year_month === _).reduce((E, y) => E + Math.abs(y.amount), 0), m = Number(String(_).slice(0, 4)), p = Number(String(_).slice(4));
|
|
@@ -27043,18 +27023,18 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27043
27023
|
return {
|
|
27044
27024
|
top_level_category_guid: d,
|
|
27045
27025
|
category_guid: s,
|
|
27046
|
-
category_name: $
|
|
27047
|
-
category_color:
|
|
27026
|
+
category_name: $f(s),
|
|
27027
|
+
category_color: Wf(d),
|
|
27048
27028
|
dataset: u
|
|
27049
27029
|
};
|
|
27050
27030
|
});
|
|
27051
|
-
},
|
|
27031
|
+
}, zf = (e, n) => {
|
|
27052
27032
|
const i = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof n == "string" ? parseFloat(n.replace(/[^0-9.-]+/g, "")) : n;
|
|
27053
27033
|
return (i || 0) - (a || 0);
|
|
27054
|
-
},
|
|
27034
|
+
}, Yf = (e) => {
|
|
27055
27035
|
const n = e.row[e.field];
|
|
27056
27036
|
return /* @__PURE__ */ t(b, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t(We, { amount: n, variant: "Small" }) });
|
|
27057
|
-
},
|
|
27037
|
+
}, jf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
|
|
27058
27038
|
const { categories: i } = x(), a = ra[e];
|
|
27059
27039
|
return /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
|
|
27060
27040
|
/* @__PURE__ */ t(
|
|
@@ -27067,20 +27047,20 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27067
27047
|
),
|
|
27068
27048
|
/* @__PURE__ */ t(C, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
|
|
27069
27049
|
] });
|
|
27070
|
-
},
|
|
27071
|
-
|
|
27050
|
+
}, Xf = (e) => /* @__PURE__ */ t(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
|
|
27051
|
+
jf,
|
|
27072
27052
|
{
|
|
27073
27053
|
categoryGuid: e.row.category,
|
|
27074
27054
|
topLevelCategoryGuid: e.row.top_level_category_guid
|
|
27075
27055
|
}
|
|
27076
|
-
) }),
|
|
27056
|
+
) }), Zf = (e, n) => {
|
|
27077
27057
|
const i = [], a = new Date(e);
|
|
27078
27058
|
for (; a <= n; ) {
|
|
27079
27059
|
const o = ce(a, re.MONTH);
|
|
27080
27060
|
i.push(o), a.setMonth(a.getMonth() + 1);
|
|
27081
27061
|
}
|
|
27082
27062
|
return i;
|
|
27083
|
-
},
|
|
27063
|
+
}, qf = ({
|
|
27084
27064
|
monthlyCategoryTotals: e,
|
|
27085
27065
|
selectedDateRange: n,
|
|
27086
27066
|
selectedCategory: i,
|
|
@@ -27090,13 +27070,13 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27090
27070
|
}) => {
|
|
27091
27071
|
const { onEvent: s } = j(), c = ce(/* @__PURE__ */ new Date(), re.MONTH_SHORT), [d, u] = g.useState([
|
|
27092
27072
|
{ field: c, sort: "desc" }
|
|
27093
|
-
]), _ = g.useMemo(() =>
|
|
27073
|
+
]), _ = g.useMemo(() => Zf(n.start, n.end), [n]), h = [
|
|
27094
27074
|
{
|
|
27095
27075
|
field: "category",
|
|
27096
27076
|
headerName: "Category",
|
|
27097
27077
|
minWidth: 175,
|
|
27098
27078
|
renderHeader: $t,
|
|
27099
|
-
renderCell:
|
|
27079
|
+
renderCell: Xf,
|
|
27100
27080
|
sortable: !0,
|
|
27101
27081
|
type: "string"
|
|
27102
27082
|
},
|
|
@@ -27106,13 +27086,13 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27106
27086
|
headerName: p,
|
|
27107
27087
|
minWidth: 75,
|
|
27108
27088
|
renderHeader: $t,
|
|
27109
|
-
renderCell:
|
|
27089
|
+
renderCell: Yf,
|
|
27110
27090
|
align: "right",
|
|
27111
27091
|
headerAlign: "right",
|
|
27112
27092
|
sortable: !0,
|
|
27113
27093
|
hideSortIcons: !1,
|
|
27114
27094
|
type: "number",
|
|
27115
|
-
sortComparator:
|
|
27095
|
+
sortComparator: zf
|
|
27116
27096
|
})
|
|
27117
27097
|
)
|
|
27118
27098
|
], m = g.useMemo(() => {
|
|
@@ -27154,9 +27134,9 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27154
27134
|
sortingOrder: ["asc", "desc"]
|
|
27155
27135
|
}
|
|
27156
27136
|
) });
|
|
27157
|
-
},
|
|
27137
|
+
}, Qf = {
|
|
27158
27138
|
title: "Transaction List"
|
|
27159
|
-
},
|
|
27139
|
+
}, Jf = ({
|
|
27160
27140
|
categoryGuid: e,
|
|
27161
27141
|
dateRange: n,
|
|
27162
27142
|
isOpen: i,
|
|
@@ -27182,14 +27162,14 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27182
27162
|
ariaLabelClose: s.close_aria,
|
|
27183
27163
|
isOpen: i,
|
|
27184
27164
|
onClose: m,
|
|
27185
|
-
title:
|
|
27165
|
+
title: Qf.title,
|
|
27186
27166
|
children: [
|
|
27187
27167
|
h && /* @__PURE__ */ t(ni, { transaction: h }),
|
|
27188
27168
|
!h && /* @__PURE__ */ t(Rn, { onClick: _ })
|
|
27189
27169
|
]
|
|
27190
27170
|
}
|
|
27191
27171
|
);
|
|
27192
|
-
}, eb = I(
|
|
27172
|
+
}, eb = I(Jf), tb = {
|
|
27193
27173
|
view_transactions: "View Transactions"
|
|
27194
27174
|
}, nb = ({ onBackClick: e, sx: n }) => {
|
|
27195
27175
|
const i = at(), { onEvent: a } = j(), { isDesktop: o, isTablet: r, isMobile: s } = Ce(), { visibleAccounts: c } = Se(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: u, getCategoryName: _ } = $e(), { sortedTransactions: h } = Ne(), { isCopyLoaded: m, isInitialized: p, selectedAccounts: f, setSelectedAccounts: E } = de(), { trends: y } = x(), S = i.palette.mode === "dark", [A, w] = g.useState(!1), [v, R] = g.useState(!1), [B, M] = g.useState("Chart"), [D, k] = g.useState(""), [O, U] = g.useState({
|
|
@@ -27209,7 +27189,7 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27209
27189
|
}, [p, f, O]);
|
|
27210
27190
|
const Q = g.useMemo(() => {
|
|
27211
27191
|
if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
|
|
27212
|
-
const ne =
|
|
27192
|
+
const ne = Kf(
|
|
27213
27193
|
u,
|
|
27214
27194
|
O.start,
|
|
27215
27195
|
O.end
|
|
@@ -27355,7 +27335,7 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27355
27335
|
}
|
|
27356
27336
|
),
|
|
27357
27337
|
B === "Table" && /* @__PURE__ */ t(
|
|
27358
|
-
|
|
27338
|
+
qf,
|
|
27359
27339
|
{
|
|
27360
27340
|
monthlyCategoryTotals: u,
|
|
27361
27341
|
onClickRow: Re,
|
|
@@ -27431,11 +27411,11 @@ export {
|
|
|
27431
27411
|
ac as AddRecurringTransactionDetails,
|
|
27432
27412
|
r_ as AnalyticsApi,
|
|
27433
27413
|
G as ApiEndpoints,
|
|
27434
|
-
|
|
27414
|
+
af as AppStore,
|
|
27435
27415
|
Zo as BannerApi,
|
|
27436
27416
|
d4 as BarChart,
|
|
27437
27417
|
jn as BeatApi,
|
|
27438
|
-
|
|
27418
|
+
pf as BeatCard,
|
|
27439
27419
|
Hi as BottomActions,
|
|
27440
27420
|
F4 as BubbleBudgetsMiniWidget,
|
|
27441
27421
|
W4 as BubbleBudgetsWidget,
|
|
@@ -27443,7 +27423,7 @@ export {
|
|
|
27443
27423
|
qn as BudgetNotificationTypes,
|
|
27444
27424
|
x_ as Calendar,
|
|
27445
27425
|
Ps as CalendarSelectionTypes,
|
|
27446
|
-
|
|
27426
|
+
Tf as CarouselHeader,
|
|
27447
27427
|
E4 as CashflowApi,
|
|
27448
27428
|
h4 as CashflowMiniWidget,
|
|
27449
27429
|
Vg as CashflowOnboarding,
|
|
@@ -27458,7 +27438,7 @@ export {
|
|
|
27458
27438
|
bh as CategorySelector,
|
|
27459
27439
|
ua as CategorySelectorDrawer,
|
|
27460
27440
|
Ah as CategoryStore,
|
|
27461
|
-
|
|
27441
|
+
df as ChartFilledIcon,
|
|
27462
27442
|
Us as ConnectCard,
|
|
27463
27443
|
$n as ConnectDrawer,
|
|
27464
27444
|
H4 as ConnectMiniWidget,
|
|
@@ -27506,7 +27486,7 @@ export {
|
|
|
27506
27486
|
lo as InformationTooltip,
|
|
27507
27487
|
Ve as InsightNotificationTypes,
|
|
27508
27488
|
z4 as InsightsMicroWidget,
|
|
27509
|
-
|
|
27489
|
+
of as InsightsMicroWidgetDataProvider,
|
|
27510
27490
|
Wr as InsightsNotificationProfiles,
|
|
27511
27491
|
U4 as InvestmentsWidget,
|
|
27512
27492
|
Yd as IterationItemTypes,
|
|
@@ -27523,11 +27503,11 @@ export {
|
|
|
27523
27503
|
Bp as MerchantStore,
|
|
27524
27504
|
Nt as MetaType,
|
|
27525
27505
|
As as MfaStatuses,
|
|
27526
|
-
|
|
27506
|
+
yf as MicroBeatCarousel,
|
|
27527
27507
|
Ca as MicroInsightCard,
|
|
27528
27508
|
co as MicroWidgetContainer,
|
|
27529
27509
|
Dn as MiniWidgetContainer,
|
|
27530
|
-
|
|
27510
|
+
hf as MonthlySpendComparisonIcon,
|
|
27531
27511
|
_4 as MultiSegmentDonut,
|
|
27532
27512
|
Pp as NetWorthChart,
|
|
27533
27513
|
Up as NetWorthList,
|
|
@@ -27608,7 +27588,7 @@ export {
|
|
|
27608
27588
|
ya as UserApi,
|
|
27609
27589
|
yC as UserStore,
|
|
27610
27590
|
Du as UserVerification,
|
|
27611
|
-
|
|
27591
|
+
wf as ViewMoreMicroCard,
|
|
27612
27592
|
Jo as WidgetApi,
|
|
27613
27593
|
bt as WidgetContainer,
|
|
27614
27594
|
Os as WidgetContainerContext,
|