@mx-cartographer/experiences 6.16.8-alpha.mega4 → 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 -188
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -5549,14 +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("fourth exportTransactionsToCSV");
|
|
5553
|
-
try {
|
|
5554
|
-
const o = new Blob([i], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(o), s = document.createElement("a");
|
|
5555
|
-
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);
|
|
5556
|
-
return;
|
|
5557
|
-
} catch (o) {
|
|
5558
|
-
console.error("Download failed:", o);
|
|
5559
|
-
}
|
|
5560
5552
|
console.log("fifth exportTransactionsToCSV");
|
|
5561
5553
|
try {
|
|
5562
5554
|
if (navigator.share && navigator.canShare) {
|
|
@@ -21791,7 +21783,7 @@ const YC = () => {
|
|
|
21791
21783
|
]
|
|
21792
21784
|
}
|
|
21793
21785
|
) : /* @__PURE__ */ t(_e, {});
|
|
21794
|
-
}, P4 = I(qC), zr = 5, QC = 100, JC = 25,
|
|
21786
|
+
}, P4 = I(qC), zr = 5, QC = 100, JC = 25, e0 = (e) => {
|
|
21795
21787
|
const n = (o) => {
|
|
21796
21788
|
o.active || e.alphaTarget(0.3).restart(), o.subject.fx = o.subject.x, o.subject.fy = o.subject.y;
|
|
21797
21789
|
}, i = (o) => {
|
|
@@ -21800,14 +21792,14 @@ const YC = () => {
|
|
|
21800
21792
|
o.active || e.alphaTarget(0), o.subject.fx = null, o.subject.fy = null;
|
|
21801
21793
|
};
|
|
21802
21794
|
return Rt.drag().on("start", n).on("drag", i).on("end", a);
|
|
21803
|
-
},
|
|
21795
|
+
}, t0 = (e) => {
|
|
21804
21796
|
let n = e.transaction_total / e.amount;
|
|
21805
21797
|
n < 0 ? n = 0 : n > 1 && (n = 1);
|
|
21806
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);
|
|
21807
21799
|
return (r) => (o.endAngle(a(r)), o(e) || "");
|
|
21808
|
-
},
|
|
21809
|
-
Rt.selectAll(".bubble").call(
|
|
21810
|
-
},
|
|
21800
|
+
}, n0 = (e) => {
|
|
21801
|
+
Rt.selectAll(".bubble").call(e0(e));
|
|
21802
|
+
}, i0 = (e, n, i) => {
|
|
21811
21803
|
e.alpha(1).restart().force(
|
|
21812
21804
|
"x",
|
|
21813
21805
|
Rt.forceX().x(i / 2).strength(0.01)
|
|
@@ -21815,14 +21807,14 @@ const YC = () => {
|
|
|
21815
21807
|
"y",
|
|
21816
21808
|
Rt.forceY().y(n / 2).strength(0.01)
|
|
21817
21809
|
);
|
|
21818
|
-
},
|
|
21810
|
+
}, a0 = (e, n) => Rt.scaleLinear().domain([e, n]).range([JC, QC]), o0 = (e) => {
|
|
21819
21811
|
const n = e.reduce((r, s) => {
|
|
21820
21812
|
const c = Math.max(s.transaction_total, s.amount);
|
|
21821
21813
|
return c > r ? c : r;
|
|
21822
21814
|
}, 0), i = e.reduce((r, s) => {
|
|
21823
21815
|
const c = Math.max(s.transaction_total, s.amount);
|
|
21824
21816
|
return c < r ? c : r;
|
|
21825
|
-
}, n), a =
|
|
21817
|
+
}, n), a = a0(i, n), o = e.map((r) => {
|
|
21826
21818
|
const s = a(Math.max(r.transaction_total, r.amount)) || 25;
|
|
21827
21819
|
return {
|
|
21828
21820
|
...r,
|
|
@@ -21832,15 +21824,15 @@ const YC = () => {
|
|
|
21832
21824
|
return Rt.forceSimulation(o).velocityDecay(0.05).force("collide", Rt.forceCollide((r) => r.radius + 2).strength(0.5)).on("tick", () => {
|
|
21833
21825
|
Rt.selectAll(".bubble").data(o).attr("transform", (r) => `translate(${r.x},${r.y})`);
|
|
21834
21826
|
});
|
|
21835
|
-
}, Yr = 5,
|
|
21836
|
-
function
|
|
21827
|
+
}, Yr = 5, r0 = 2e3;
|
|
21828
|
+
function s0({ bubble: e }) {
|
|
21837
21829
|
const n = pe(), {
|
|
21838
21830
|
guid: i,
|
|
21839
21831
|
budgetColors: { mercury: a },
|
|
21840
21832
|
radius: o
|
|
21841
21833
|
} = e, r = `mercury-${i}`;
|
|
21842
21834
|
g.useEffect(() => {
|
|
21843
|
-
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));
|
|
21844
21836
|
}, [e]);
|
|
21845
21837
|
const s = Rt.arc().innerRadius((c) => c - 2 * Yr).outerRadius((c) => c - Yr).startAngle(0).endAngle(2 * Math.PI);
|
|
21846
21838
|
return /* @__PURE__ */ t("g", { className: r, children: /* @__PURE__ */ t(
|
|
@@ -21852,7 +21844,7 @@ function cf({ bubble: e }) {
|
|
|
21852
21844
|
) });
|
|
21853
21845
|
}
|
|
21854
21846
|
const Vn = 75, jr = 50;
|
|
21855
|
-
function
|
|
21847
|
+
function c0({ bubble: e, isDraggable: n, onClick: i = () => {
|
|
21856
21848
|
} }) {
|
|
21857
21849
|
const [a, o] = g.useState(!1);
|
|
21858
21850
|
if (g.useEffect(() => {
|
|
@@ -21951,14 +21943,14 @@ function lf({ bubble: e, isDraggable: n, onClick: i = () => {
|
|
|
21951
21943
|
children: _.split(" ")[1]
|
|
21952
21944
|
}
|
|
21953
21945
|
),
|
|
21954
|
-
/* @__PURE__ */ t(
|
|
21946
|
+
/* @__PURE__ */ t(s0, { bubble: e })
|
|
21955
21947
|
]
|
|
21956
21948
|
},
|
|
21957
21949
|
u
|
|
21958
21950
|
);
|
|
21959
21951
|
}
|
|
21960
21952
|
let ci;
|
|
21961
|
-
const
|
|
21953
|
+
const l0 = ({
|
|
21962
21954
|
height: e,
|
|
21963
21955
|
width: n,
|
|
21964
21956
|
isDraggable: i = !1,
|
|
@@ -21966,10 +21958,10 @@ const df = ({
|
|
|
21966
21958
|
}
|
|
21967
21959
|
}) => {
|
|
21968
21960
|
const { detailedBudgets: o } = lt();
|
|
21969
|
-
return ci = g.useMemo(() =>
|
|
21970
|
-
|
|
21971
|
-
}, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(
|
|
21972
|
-
},
|
|
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 = ({
|
|
21973
21965
|
isMiniWidget: e = !1,
|
|
21974
21966
|
onConnectAccountsClick: n,
|
|
21975
21967
|
createBudgetOnClick: i
|
|
@@ -22065,14 +22057,14 @@ const df = ({
|
|
|
22065
22057
|
};
|
|
22066
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: [
|
|
22067
22059
|
o || !u ? /* @__PURE__ */ t(
|
|
22068
|
-
|
|
22060
|
+
_0,
|
|
22069
22061
|
{
|
|
22070
22062
|
createBudgetOnClick: e,
|
|
22071
22063
|
isMiniWidget: a,
|
|
22072
22064
|
onConnectAccountsClick: S
|
|
22073
22065
|
}
|
|
22074
22066
|
) : /* @__PURE__ */ t(
|
|
22075
|
-
|
|
22067
|
+
d0,
|
|
22076
22068
|
{
|
|
22077
22069
|
height: n,
|
|
22078
22070
|
isDraggable: i,
|
|
@@ -22090,7 +22082,7 @@ const df = ({
|
|
|
22090
22082
|
)
|
|
22091
22083
|
] });
|
|
22092
22084
|
}
|
|
22093
|
-
),
|
|
22085
|
+
), u0 = I(() => {
|
|
22094
22086
|
const { budgets: e } = x(), { totalBudgeted: n } = lt(), { projectedIncome: i } = ze(), a = i - n;
|
|
22095
22087
|
return /* @__PURE__ */ l(b, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
|
|
22096
22088
|
/* @__PURE__ */ l(b, { alignItems: "center", children: [
|
|
@@ -22108,7 +22100,7 @@ const df = ({
|
|
|
22108
22100
|
/* @__PURE__ */ t(C, { color: "secondary", variant: "Small", children: e.remaining })
|
|
22109
22101
|
] })
|
|
22110
22102
|
] });
|
|
22111
|
-
}),
|
|
22103
|
+
}), h0 = I(
|
|
22112
22104
|
({ category: e }) => {
|
|
22113
22105
|
const { budgets: n } = x(), { budgets: i } = lt(), a = g.useMemo(() => {
|
|
22114
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;
|
|
@@ -22122,7 +22114,7 @@ const df = ({
|
|
|
22122
22114
|
/* @__PURE__ */ t(H, {})
|
|
22123
22115
|
] }, e.guid);
|
|
22124
22116
|
}
|
|
22125
|
-
),
|
|
22117
|
+
), g0 = ({ onRecalculateBudgets: e }) => {
|
|
22126
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 () => {
|
|
22127
22119
|
await o(d), c(!1), r(n.alert_recalculated_budgets), e?.();
|
|
22128
22120
|
};
|
|
@@ -22142,7 +22134,7 @@ const df = ({
|
|
|
22142
22134
|
/* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
|
|
22143
22135
|
/* @__PURE__ */ t(C, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
|
|
22144
22136
|
] }),
|
|
22145
|
-
/* @__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)) }) })
|
|
22146
22138
|
] })
|
|
22147
22139
|
}
|
|
22148
22140
|
)
|
|
@@ -22173,7 +22165,7 @@ const df = ({
|
|
|
22173
22165
|
}
|
|
22174
22166
|
)
|
|
22175
22167
|
] });
|
|
22176
|
-
},
|
|
22168
|
+
}, m0 = I(({ category: e, onAddBudget: n }) => {
|
|
22177
22169
|
const { budgets: i, common: a } = x(), [o, r] = g.useState(!1), [s, c] = g.useState(
|
|
22178
22170
|
`${e.totalAmount === 0 ? "" : e.totalAmount}`
|
|
22179
22171
|
);
|
|
@@ -22207,18 +22199,18 @@ const df = ({
|
|
|
22207
22199
|
await i(s, c), a(T(n.alert_budget_created, s.name));
|
|
22208
22200
|
};
|
|
22209
22201
|
return /* @__PURE__ */ l(b, { children: [
|
|
22210
|
-
/* @__PURE__ */ t(
|
|
22202
|
+
/* @__PURE__ */ t(u0, {}),
|
|
22211
22203
|
/* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: o.map((s) => /* @__PURE__ */ t(
|
|
22212
|
-
|
|
22204
|
+
m0,
|
|
22213
22205
|
{
|
|
22214
22206
|
category: s,
|
|
22215
22207
|
onAddBudget: r
|
|
22216
22208
|
},
|
|
22217
22209
|
s.guid
|
|
22218
22210
|
)) }) }),
|
|
22219
|
-
/* @__PURE__ */ t(
|
|
22211
|
+
/* @__PURE__ */ t(g0, { onRecalculateBudgets: e })
|
|
22220
22212
|
] });
|
|
22221
|
-
}),
|
|
22213
|
+
}), p0 = (e) => {
|
|
22222
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 = () => {
|
|
22223
22215
|
y(!0), i(W.BUDGETS_CLICK_ADD);
|
|
22224
22216
|
}, A = () => {
|
|
@@ -22265,7 +22257,7 @@ const df = ({
|
|
|
22265
22257
|
]
|
|
22266
22258
|
}
|
|
22267
22259
|
) : /* @__PURE__ */ t(_e, {});
|
|
22268
|
-
}, F4 = I(
|
|
22260
|
+
}, F4 = I(p0), Hc = ({ budget: e }) => {
|
|
22269
22261
|
const {
|
|
22270
22262
|
amount: n,
|
|
22271
22263
|
budgetColors: { background: i },
|
|
@@ -22285,14 +22277,14 @@ const df = ({
|
|
|
22285
22277
|
/* @__PURE__ */ t(C, { bold: !0, variant: "XSmall", children: a }),
|
|
22286
22278
|
/* @__PURE__ */ t(Xn, { data: c, height: 10 })
|
|
22287
22279
|
] }) }) });
|
|
22288
|
-
},
|
|
22280
|
+
}, C0 = I(() => {
|
|
22289
22281
|
const { budgets: e } = x();
|
|
22290
22282
|
return /* @__PURE__ */ l(b, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
|
|
22291
22283
|
/* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
|
|
22292
22284
|
/* @__PURE__ */ t(C, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
|
|
22293
22285
|
/* @__PURE__ */ t(C, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
|
|
22294
22286
|
] });
|
|
22295
|
-
}),
|
|
22287
|
+
}), f0 = I(({ budget: e }) => {
|
|
22296
22288
|
const {
|
|
22297
22289
|
amount: n,
|
|
22298
22290
|
budgetColors: { background: i },
|
|
@@ -22313,7 +22305,7 @@ const df = ({
|
|
|
22313
22305
|
}
|
|
22314
22306
|
)
|
|
22315
22307
|
] }) });
|
|
22316
|
-
}),
|
|
22308
|
+
}), b0 = I(({ category: e, parentBudget: n }) => {
|
|
22317
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);
|
|
22318
22310
|
g.useEffect(() => {
|
|
22319
22311
|
r((S) => {
|
|
@@ -22365,7 +22357,7 @@ const df = ({
|
|
|
22365
22357
|
}
|
|
22366
22358
|
)
|
|
22367
22359
|
] });
|
|
22368
|
-
}),
|
|
22360
|
+
}), y0 = I(({ budget: e }) => {
|
|
22369
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("");
|
|
22370
22362
|
g.useEffect(() => {
|
|
22371
22363
|
s && (y(`${s.amount}`), _({
|
|
@@ -22388,11 +22380,11 @@ const df = ({
|
|
|
22388
22380
|
};
|
|
22389
22381
|
return /* @__PURE__ */ l(g.Fragment, { children: [
|
|
22390
22382
|
/* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
|
|
22391
|
-
i.length === 0 ? /* @__PURE__ */ t(
|
|
22392
|
-
/* @__PURE__ */ t(
|
|
22383
|
+
i.length === 0 ? /* @__PURE__ */ t(C0, {}) : i.map((v) => /* @__PURE__ */ l(g.Fragment, { children: [
|
|
22384
|
+
/* @__PURE__ */ t(f0, { budget: v }),
|
|
22393
22385
|
/* @__PURE__ */ t(H, {})
|
|
22394
22386
|
] }, v.guid)),
|
|
22395
|
-
/* @__PURE__ */ t(
|
|
22387
|
+
/* @__PURE__ */ t(b0, { category: n, parentBudget: e })
|
|
22396
22388
|
] }),
|
|
22397
22389
|
/* @__PURE__ */ t(
|
|
22398
22390
|
le,
|
|
@@ -22446,7 +22438,7 @@ const df = ({
|
|
|
22446
22438
|
)
|
|
22447
22439
|
] })
|
|
22448
22440
|
] });
|
|
22449
|
-
}),
|
|
22441
|
+
}), E0 = I(({ budget: e }) => {
|
|
22450
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(
|
|
22451
22443
|
() => r.find((f) => f.guid === u),
|
|
22452
22444
|
[u, r]
|
|
@@ -22484,7 +22476,7 @@ const df = ({
|
|
|
22484
22476
|
) }),
|
|
22485
22477
|
/* @__PURE__ */ t(Rn, { height: "100%", onClick: _ })
|
|
22486
22478
|
] }),
|
|
22487
|
-
c === 1 && /* @__PURE__ */ t(
|
|
22479
|
+
c === 1 && /* @__PURE__ */ t(y0, { budget: e }),
|
|
22488
22480
|
/* @__PURE__ */ t(
|
|
22489
22481
|
le,
|
|
22490
22482
|
{
|
|
@@ -22497,7 +22489,7 @@ const df = ({
|
|
|
22497
22489
|
)
|
|
22498
22490
|
] })
|
|
22499
22491
|
] });
|
|
22500
|
-
}),
|
|
22492
|
+
}), S0 = I(() => {
|
|
22501
22493
|
const { selectedAccountGuids: e } = de(), { budgets: n, common: i } = x(), {
|
|
22502
22494
|
dateRange: a,
|
|
22503
22495
|
deleteBudget: o,
|
|
@@ -22541,7 +22533,7 @@ const df = ({
|
|
|
22541
22533
|
secondaryColor: "error",
|
|
22542
22534
|
secondaryText: n.details_delete_button,
|
|
22543
22535
|
title: n.details_title,
|
|
22544
|
-
children: /* @__PURE__ */ t(
|
|
22536
|
+
children: /* @__PURE__ */ t(E0, { budget: r })
|
|
22545
22537
|
}
|
|
22546
22538
|
),
|
|
22547
22539
|
/* @__PURE__ */ t(
|
|
@@ -22577,7 +22569,7 @@ const df = ({
|
|
|
22577
22569
|
}
|
|
22578
22570
|
)
|
|
22579
22571
|
] });
|
|
22580
|
-
}),
|
|
22572
|
+
}), T0 = ({ budget: e, onClick: n }) => {
|
|
22581
22573
|
const {
|
|
22582
22574
|
amount: i,
|
|
22583
22575
|
budgetColors: { background: a, description: o },
|
|
@@ -22606,7 +22598,7 @@ const df = ({
|
|
|
22606
22598
|
}
|
|
22607
22599
|
)
|
|
22608
22600
|
] }) });
|
|
22609
|
-
},
|
|
22601
|
+
}, A0 = I(() => {
|
|
22610
22602
|
const { onEvent: e } = j(), { budgets: n } = x(), { detailedBudgets: i, setSelectedBudget: a } = lt(), o = (r) => {
|
|
22611
22603
|
a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
|
|
22612
22604
|
budget_category: r.category.name,
|
|
@@ -22616,11 +22608,11 @@ const df = ({
|
|
|
22616
22608
|
return /* @__PURE__ */ l(Ot, { elevation: 2, children: [
|
|
22617
22609
|
/* @__PURE__ */ t(dn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(mt, { children: n.budget_categories_title }) }),
|
|
22618
22610
|
/* @__PURE__ */ t(Lt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ie, { children: i.map((r) => /* @__PURE__ */ l(g.Fragment, { children: [
|
|
22619
|
-
/* @__PURE__ */ t(
|
|
22611
|
+
/* @__PURE__ */ t(T0, { budget: r, onClick: o }),
|
|
22620
22612
|
/* @__PURE__ */ t(H, {})
|
|
22621
22613
|
] }, r.guid)) }) })
|
|
22622
22614
|
] });
|
|
22623
|
-
}),
|
|
22615
|
+
}), I0 = I(() => {
|
|
22624
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(() => {
|
|
22625
22617
|
const w = c.reduce((M, D) => M + D.totalAmount, 0);
|
|
22626
22618
|
let v = w / u;
|
|
@@ -22774,15 +22766,15 @@ const df = ({
|
|
|
22774
22766
|
sx: { mr: 24, mt: 48 },
|
|
22775
22767
|
width: k ? "100%" : Xr,
|
|
22776
22768
|
children: [
|
|
22777
|
-
/* @__PURE__ */ t(
|
|
22778
|
-
/* @__PURE__ */ t(
|
|
22769
|
+
/* @__PURE__ */ t(I0, {}),
|
|
22770
|
+
/* @__PURE__ */ t(A0, {})
|
|
22779
22771
|
]
|
|
22780
22772
|
}
|
|
22781
22773
|
)
|
|
22782
22774
|
]
|
|
22783
22775
|
}
|
|
22784
22776
|
),
|
|
22785
|
-
/* @__PURE__ */ t(
|
|
22777
|
+
/* @__PURE__ */ t(S0, {}),
|
|
22786
22778
|
/* @__PURE__ */ t(
|
|
22787
22779
|
le,
|
|
22788
22780
|
{
|
|
@@ -22818,7 +22810,7 @@ const df = ({
|
|
|
22818
22810
|
]
|
|
22819
22811
|
}
|
|
22820
22812
|
);
|
|
22821
|
-
}),
|
|
22813
|
+
}), x0 = I(() => {
|
|
22822
22814
|
const e = pe(), {
|
|
22823
22815
|
appDataStore: { banner: n, loadBanner: i, user: a }
|
|
22824
22816
|
} = la();
|
|
@@ -22857,7 +22849,7 @@ const df = ({
|
|
|
22857
22849
|
)
|
|
22858
22850
|
}
|
|
22859
22851
|
) : null;
|
|
22860
|
-
}),
|
|
22852
|
+
}), v0 = ({ handleConnectClick: e }) => {
|
|
22861
22853
|
const { common: n } = x(), i = Wt("(max-width: 700px)");
|
|
22862
22854
|
return /* @__PURE__ */ t(L, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
|
|
22863
22855
|
Pe,
|
|
@@ -22887,7 +22879,7 @@ const df = ({
|
|
|
22887
22879
|
children: n.add_accounts
|
|
22888
22880
|
}
|
|
22889
22881
|
) });
|
|
22890
|
-
},
|
|
22882
|
+
}, w0 = I(v0), N0 = () => {
|
|
22891
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 = {
|
|
22892
22884
|
accountFilterOptionsCopy: {
|
|
22893
22885
|
accountTypeAccounts: r.account_filter.account_type_accounts,
|
|
@@ -22913,7 +22905,7 @@ const df = ({
|
|
|
22913
22905
|
/* @__PURE__ */ t(C, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
|
|
22914
22906
|
] }) }),
|
|
22915
22907
|
/* @__PURE__ */ l(b, { flexDirection: "row", children: [
|
|
22916
|
-
c.show_connections_widget_in_master && /* @__PURE__ */ t(
|
|
22908
|
+
c.show_connections_widget_in_master && /* @__PURE__ */ t(w0, { handleConnectClick: () => n(!0) }),
|
|
22917
22909
|
/* @__PURE__ */ t(
|
|
22918
22910
|
Hs,
|
|
22919
22911
|
{
|
|
@@ -22942,9 +22934,9 @@ const df = ({
|
|
|
22942
22934
|
}
|
|
22943
22935
|
)
|
|
22944
22936
|
] });
|
|
22945
|
-
},
|
|
22937
|
+
}, D0 = I(N0);
|
|
22946
22938
|
var Pi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Pi || {});
|
|
22947
|
-
const
|
|
22939
|
+
const R0 = ({ widgets: e, isLoading: n }) => {
|
|
22948
22940
|
const { isDesktop: i, isMobile: a } = Ce(), { copyStore: o } = la(), { setSelectedAccounts: r } = de(), { visibleAccounts: s } = Se();
|
|
22949
22941
|
g.useEffect(() => {
|
|
22950
22942
|
r(s);
|
|
@@ -22960,9 +22952,9 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
22960
22952
|
[c]
|
|
22961
22953
|
);
|
|
22962
22954
|
return /* @__PURE__ */ l(fn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
|
|
22963
|
-
/* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(
|
|
22955
|
+
/* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(D0, {}) }),
|
|
22964
22956
|
/* @__PURE__ */ l(fn, { lg: 8, xs: 12, children: [
|
|
22965
|
-
/* @__PURE__ */ t(
|
|
22957
|
+
/* @__PURE__ */ t(x0, {}),
|
|
22966
22958
|
n && /* @__PURE__ */ l(b, { direction: "column", spacing: 24, children: [
|
|
22967
22959
|
/* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
|
|
22968
22960
|
/* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" }),
|
|
@@ -22976,7 +22968,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
22976
22968
|
/* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" })
|
|
22977
22969
|
] }) : /* @__PURE__ */ t(b, { direction: "column", spacing: 24, children: u.map((_) => /* @__PURE__ */ t(g.Fragment, { children: _.component }, _.index)) }) })
|
|
22978
22970
|
] });
|
|
22979
|
-
}, $4 = I(
|
|
22971
|
+
}, $4 = I(R0), Do = ({ sx: e = {} }) => {
|
|
22980
22972
|
const { investments: n } = x(), { onEvent: i } = j(), { setShowConnectionsWidget: a } = Gn();
|
|
22981
22973
|
return /* @__PURE__ */ l(b, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
|
|
22982
22974
|
/* @__PURE__ */ l(
|
|
@@ -23018,7 +23010,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23018
23010
|
}
|
|
23019
23011
|
)
|
|
23020
23012
|
] });
|
|
23021
|
-
},
|
|
23013
|
+
}, O0 = {
|
|
23022
23014
|
allocations_cash: "#AEDCCC",
|
|
23023
23015
|
allocations_convertible: "#80CAD0",
|
|
23024
23016
|
allocations_foreign_bond: "#51B9D4",
|
|
@@ -23028,7 +23020,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23028
23020
|
allocations_unknown: "#161D6A",
|
|
23029
23021
|
allocations_us_bond: "#254995",
|
|
23030
23022
|
allocations_us_stock: "#1E2D84"
|
|
23031
|
-
},
|
|
23023
|
+
}, L0 = [
|
|
23032
23024
|
{
|
|
23033
23025
|
name: "allocations_cash"
|
|
23034
23026
|
},
|
|
@@ -23056,10 +23048,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23056
23048
|
{
|
|
23057
23049
|
name: "allocations_unknown"
|
|
23058
23050
|
}
|
|
23059
|
-
],
|
|
23051
|
+
], M0 = (e, n, i) => {
|
|
23060
23052
|
const a = n, o = i;
|
|
23061
23053
|
return e >= Math.min(a, o) && e < Math.max(a, o);
|
|
23062
|
-
},
|
|
23054
|
+
}, k0 = (e, n, i) => {
|
|
23063
23055
|
const a = [
|
|
23064
23056
|
...new Set(e.map((s) => s.name.toLowerCase()))
|
|
23065
23057
|
];
|
|
@@ -23076,7 +23068,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23076
23068
|
percentage: c / i
|
|
23077
23069
|
};
|
|
23078
23070
|
});
|
|
23079
|
-
}, 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) => {
|
|
23080
23072
|
const a = Object.values(n.allocations_list), o = [];
|
|
23081
23073
|
let r = 0;
|
|
23082
23074
|
const s = e.map(({ guid: f }) => f), c = i.filter(({ account_guid: f }) => s.includes(f)).map((f) => ({
|
|
@@ -23096,7 +23088,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23096
23088
|
}),
|
|
23097
23089
|
{ marketValue: 0, totalGainLoss: 0 }
|
|
23098
23090
|
), m = _ + d;
|
|
23099
|
-
|
|
23091
|
+
L0.forEach((f, E) => {
|
|
23100
23092
|
const y = c.filter(
|
|
23101
23093
|
(w) => !!w[f.name]
|
|
23102
23094
|
);
|
|
@@ -23104,7 +23096,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23104
23096
|
(w, v) => w + Fi(v) * v[f.name] / 100,
|
|
23105
23097
|
0
|
|
23106
23098
|
);
|
|
23107
|
-
const A =
|
|
23099
|
+
const A = k0(
|
|
23108
23100
|
y,
|
|
23109
23101
|
f.name,
|
|
23110
23102
|
S
|
|
@@ -23126,7 +23118,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23126
23118
|
holdings: A,
|
|
23127
23119
|
percentage: S / m,
|
|
23128
23120
|
value: S,
|
|
23129
|
-
color:
|
|
23121
|
+
color: O0[f.name]
|
|
23130
23122
|
}), r += S);
|
|
23131
23123
|
});
|
|
23132
23124
|
const p = o.map(
|
|
@@ -23145,7 +23137,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23145
23137
|
totalMarketValue: m,
|
|
23146
23138
|
totalGainLossPercentage: h / u
|
|
23147
23139
|
};
|
|
23148
|
-
}, $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 = ({
|
|
23149
23141
|
data: e,
|
|
23150
23142
|
onSelected: n,
|
|
23151
23143
|
selectedId: i,
|
|
@@ -23275,7 +23267,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23275
23267
|
)
|
|
23276
23268
|
] }) : a === 0 && /* @__PURE__ */ t(C, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${hi(e.totalAmount)}` })
|
|
23277
23269
|
] });
|
|
23278
|
-
},
|
|
23270
|
+
}, H0 = ({
|
|
23279
23271
|
data: e,
|
|
23280
23272
|
hoveredId: n,
|
|
23281
23273
|
isPercentage: i,
|
|
@@ -23329,12 +23321,12 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23329
23321
|
] }) }) })
|
|
23330
23322
|
}
|
|
23331
23323
|
);
|
|
23332
|
-
},
|
|
23324
|
+
}, P0 = () => {
|
|
23333
23325
|
const [e, n] = g.useState(0), [i, a] = g.useState(""), [o, r] = g.useState(""), s = (f) => {
|
|
23334
23326
|
i !== f ? a(f) : (a(""), r(""));
|
|
23335
23327
|
}, { selectedAccountGuids: c } = de(), { visibleHoldings: d } = Gn(), { visibleInvestmentAccounts: u } = Se(), {
|
|
23336
23328
|
investments: { allocation: _ }
|
|
23337
|
-
} = x(), h =
|
|
23329
|
+
} = x(), h = G0(
|
|
23338
23330
|
u.filter(({ guid: f }) => c.includes(f)),
|
|
23339
23331
|
_,
|
|
23340
23332
|
d
|
|
@@ -23352,7 +23344,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23352
23344
|
},
|
|
23353
23345
|
children: [
|
|
23354
23346
|
/* @__PURE__ */ t(
|
|
23355
|
-
|
|
23347
|
+
H0,
|
|
23356
23348
|
{
|
|
23357
23349
|
data: h,
|
|
23358
23350
|
hoveredId: o,
|
|
@@ -23370,7 +23362,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23370
23362
|
}
|
|
23371
23363
|
),
|
|
23372
23364
|
/* @__PURE__ */ t(
|
|
23373
|
-
|
|
23365
|
+
B0,
|
|
23374
23366
|
{
|
|
23375
23367
|
data: h,
|
|
23376
23368
|
onSelected: s,
|
|
@@ -23382,7 +23374,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23382
23374
|
]
|
|
23383
23375
|
}
|
|
23384
23376
|
);
|
|
23385
|
-
},
|
|
23377
|
+
}, F0 = I(P0), W0 = ({
|
|
23386
23378
|
analysisDetails: e,
|
|
23387
23379
|
analysisType: n,
|
|
23388
23380
|
copy: i,
|
|
@@ -23471,10 +23463,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23471
23463
|
)
|
|
23472
23464
|
] })
|
|
23473
23465
|
] });
|
|
23474
|
-
},
|
|
23466
|
+
}, $0 = ({ body: e, title: n }) => /* @__PURE__ */ l(b, { sx: { gap: 4, p: 12 }, children: [
|
|
23475
23467
|
/* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: n }),
|
|
23476
23468
|
/* @__PURE__ */ t(fe, { variant: "ParagraphSmall", children: e })
|
|
23477
|
-
] }),
|
|
23469
|
+
] }), U0 = ({
|
|
23478
23470
|
placement: e = "bottom",
|
|
23479
23471
|
tooltip_info_body: n,
|
|
23480
23472
|
tooltip_info_title: i
|
|
@@ -23483,10 +23475,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23483
23475
|
{
|
|
23484
23476
|
enterTouchDelay: 500,
|
|
23485
23477
|
placement: e,
|
|
23486
|
-
title: /* @__PURE__ */ t(
|
|
23478
|
+
title: /* @__PURE__ */ t($0, { body: n, title: i }),
|
|
23487
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" } }) })
|
|
23488
23480
|
}
|
|
23489
|
-
),
|
|
23481
|
+
), V0 = () => {
|
|
23490
23482
|
const {
|
|
23491
23483
|
investments: { analysis: e }
|
|
23492
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(() => {
|
|
@@ -23566,7 +23558,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23566
23558
|
children: [
|
|
23567
23559
|
/* @__PURE__ */ t(C, { bold: !0, children: e.invest_analysis }),
|
|
23568
23560
|
/* @__PURE__ */ t(
|
|
23569
|
-
|
|
23561
|
+
U0,
|
|
23570
23562
|
{
|
|
23571
23563
|
tooltip_info_body: e.tooltip_info_body,
|
|
23572
23564
|
tooltip_info_title: e.tooltip_info_title
|
|
@@ -23624,7 +23616,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23624
23616
|
}
|
|
23625
23617
|
),
|
|
23626
23618
|
/* @__PURE__ */ t(
|
|
23627
|
-
|
|
23619
|
+
W0,
|
|
23628
23620
|
{
|
|
23629
23621
|
analysisDetails: i,
|
|
23630
23622
|
analysisType: a,
|
|
@@ -23639,7 +23631,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23639
23631
|
]
|
|
23640
23632
|
}
|
|
23641
23633
|
);
|
|
23642
|
-
},
|
|
23634
|
+
}, K0 = I(V0), z0 = ({
|
|
23643
23635
|
accountHoldingsData: e,
|
|
23644
23636
|
currentEditedCostBasis: n,
|
|
23645
23637
|
editingHoldingId: i,
|
|
@@ -23944,10 +23936,10 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
23944
23936
|
]
|
|
23945
23937
|
}
|
|
23946
23938
|
);
|
|
23947
|
-
},
|
|
23939
|
+
}, Y0 = I(z0), Bi = (e) => /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
|
|
23948
23940
|
/* @__PURE__ */ t(C, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: e.colDef.headerName }),
|
|
23949
23941
|
/* @__PURE__ */ t(ct, { name: "expand_all", size: 12 })
|
|
23950
|
-
] }),
|
|
23942
|
+
] }), j0 = ({
|
|
23951
23943
|
data: e,
|
|
23952
23944
|
editingHoldingId: n,
|
|
23953
23945
|
currentEditedCostBasis: i,
|
|
@@ -24115,7 +24107,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24115
24107
|
)
|
|
24116
24108
|
}
|
|
24117
24109
|
);
|
|
24118
|
-
},
|
|
24110
|
+
}, X0 = () => {
|
|
24119
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({
|
|
24120
24112
|
accounts: [],
|
|
24121
24113
|
holdings: []
|
|
@@ -24494,7 +24486,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24494
24486
|
}
|
|
24495
24487
|
),
|
|
24496
24488
|
/* @__PURE__ */ t(Ii, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(St, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
|
|
24497
|
-
|
|
24489
|
+
j0,
|
|
24498
24490
|
{
|
|
24499
24491
|
currentEditedCostBasis: S,
|
|
24500
24492
|
data: ne,
|
|
@@ -24512,7 +24504,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24512
24504
|
}),
|
|
24513
24505
|
/* @__PURE__ */ t(Do, {}),
|
|
24514
24506
|
/* @__PURE__ */ t(
|
|
24515
|
-
|
|
24507
|
+
Y0,
|
|
24516
24508
|
{
|
|
24517
24509
|
accountHoldingsData: _,
|
|
24518
24510
|
currentEditedCostBasis: S,
|
|
@@ -24534,7 +24526,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24534
24526
|
}
|
|
24535
24527
|
)
|
|
24536
24528
|
] }) : /* @__PURE__ */ t(_e, {});
|
|
24537
|
-
},
|
|
24529
|
+
}, Z0 = I(X0), q0 = ({ title: e }) => /* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: e }), U4 = I(({ onBackClick: e, sx: n }) => {
|
|
24538
24530
|
const { onEvent: i } = j(), { isMobile: a } = Ce(), { visibleInvestmentAccounts: o } = Se(), {
|
|
24539
24531
|
visibleHoldings: r,
|
|
24540
24532
|
setShowConnectionsWidget: s,
|
|
@@ -24578,7 +24570,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24578
24570
|
textColor: "primary",
|
|
24579
24571
|
value: A ? -1 : p,
|
|
24580
24572
|
variant: "fullWidth",
|
|
24581
|
-
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))
|
|
24582
24574
|
}
|
|
24583
24575
|
),
|
|
24584
24576
|
A ? /* @__PURE__ */ t(
|
|
@@ -24604,9 +24596,9 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24604
24596
|
}
|
|
24605
24597
|
}
|
|
24606
24598
|
) : /* @__PURE__ */ l(q, { children: [
|
|
24607
|
-
p === 0 && /* @__PURE__ */ t(
|
|
24608
|
-
p === 1 && /* @__PURE__ */ t(
|
|
24609
|
-
p === 2 && /* @__PURE__ */ t(
|
|
24599
|
+
p === 0 && /* @__PURE__ */ t(Z0, {}),
|
|
24600
|
+
p === 1 && /* @__PURE__ */ t(F0, {}),
|
|
24601
|
+
p === 2 && /* @__PURE__ */ t(K0, {})
|
|
24610
24602
|
] })
|
|
24611
24603
|
] }),
|
|
24612
24604
|
/* @__PURE__ */ t(
|
|
@@ -24621,7 +24613,7 @@ const Of = ({ widgets: e, isLoading: n }) => {
|
|
|
24621
24613
|
}
|
|
24622
24614
|
);
|
|
24623
24615
|
});
|
|
24624
|
-
class
|
|
24616
|
+
class Q0 {
|
|
24625
24617
|
copyApi = new _i("/", "");
|
|
24626
24618
|
copyObject = {};
|
|
24627
24619
|
namespace = "experiences";
|
|
@@ -24667,7 +24659,7 @@ const Ro = {
|
|
|
24667
24659
|
MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
|
|
24668
24660
|
}, Ut = window?.app?.clientConfig?.microwidget_instance_id || "", Zr = {
|
|
24669
24661
|
INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
|
|
24670
|
-
}, 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(
|
|
24671
24663
|
(e, n) => ({
|
|
24672
24664
|
...e,
|
|
24673
24665
|
[Pc(n)]: {
|
|
@@ -24678,7 +24670,7 @@ const Ro = {
|
|
|
24678
24670
|
}
|
|
24679
24671
|
}),
|
|
24680
24672
|
{}
|
|
24681
|
-
),
|
|
24673
|
+
), ef = () => Object.values(Ro).reduce(
|
|
24682
24674
|
(e, n) => ({
|
|
24683
24675
|
...e,
|
|
24684
24676
|
[Fc(n)]: {
|
|
@@ -24689,7 +24681,7 @@ const Ro = {
|
|
|
24689
24681
|
}
|
|
24690
24682
|
}),
|
|
24691
24683
|
{}
|
|
24692
|
-
),
|
|
24684
|
+
), tf = () => Object.values(Ro).reduce(
|
|
24693
24685
|
(e, n) => ({
|
|
24694
24686
|
...e,
|
|
24695
24687
|
[Wc(n)]: {
|
|
@@ -24789,15 +24781,15 @@ const Ro = {
|
|
|
24789
24781
|
label: mn.VIEW_MORE,
|
|
24790
24782
|
value: Ut
|
|
24791
24783
|
},
|
|
24792
|
-
...
|
|
24793
|
-
...
|
|
24794
|
-
...
|
|
24784
|
+
...J0(),
|
|
24785
|
+
...ef(),
|
|
24786
|
+
...tf()
|
|
24795
24787
|
}, Jr = async (e, n) => !n || !Qr[e] ? null : n.sendAnalyticEvent(Qr[e]).then((i) => i).catch((i) => {
|
|
24796
24788
|
throw i;
|
|
24797
24789
|
}), es = async (e, n) => !n || !qr[e] ? null : n.sendAnalyticsPageview(qr[e]).then((i) => i).catch((i) => {
|
|
24798
24790
|
throw i;
|
|
24799
24791
|
});
|
|
24800
|
-
class
|
|
24792
|
+
class nf {
|
|
24801
24793
|
onAnalyticEvent = Jr;
|
|
24802
24794
|
onAnalyticPageView = es;
|
|
24803
24795
|
beatApi = new jn("/", "");
|
|
@@ -24822,7 +24814,7 @@ class i0 {
|
|
|
24822
24814
|
this.beatApi.updateOffer(n);
|
|
24823
24815
|
};
|
|
24824
24816
|
}
|
|
24825
|
-
class
|
|
24817
|
+
class af {
|
|
24826
24818
|
copyStore;
|
|
24827
24819
|
endpoint = "/";
|
|
24828
24820
|
insightsMicroWidgetStore;
|
|
@@ -24830,7 +24822,7 @@ class a0 {
|
|
|
24830
24822
|
token = "";
|
|
24831
24823
|
isInitialized = !1;
|
|
24832
24824
|
constructor() {
|
|
24833
|
-
this.copyStore = new
|
|
24825
|
+
this.copyStore = new Q0(), this.insightsMicroWidgetStore = new nf(), Be(this);
|
|
24834
24826
|
}
|
|
24835
24827
|
initialize = async (n, i, a) => {
|
|
24836
24828
|
await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
|
|
@@ -24840,7 +24832,7 @@ class a0 {
|
|
|
24840
24832
|
});
|
|
24841
24833
|
};
|
|
24842
24834
|
}
|
|
24843
|
-
const Di = g.createContext(null),
|
|
24835
|
+
const Di = g.createContext(null), of = ({
|
|
24844
24836
|
onEvent: e,
|
|
24845
24837
|
onPageview: n,
|
|
24846
24838
|
store: i,
|
|
@@ -24977,13 +24969,13 @@ const Di = g.createContext(null), o0 = ({
|
|
|
24977
24969
|
}
|
|
24978
24970
|
);
|
|
24979
24971
|
}
|
|
24980
|
-
),
|
|
24972
|
+
), rf = ({ beat: e }) => {
|
|
24981
24973
|
const [n, i] = Et(N.UNCATEGORIZED);
|
|
24982
24974
|
return Mn(() => {
|
|
24983
24975
|
e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
|
|
24984
24976
|
}, []), /* @__PURE__ */ t(Gt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
|
|
24985
|
-
},
|
|
24986
|
-
const n = gt(), i =
|
|
24977
|
+
}, sf = ({ beat: e }) => {
|
|
24978
|
+
const n = gt(), i = cf(n);
|
|
24987
24979
|
return /* @__PURE__ */ t(
|
|
24988
24980
|
rn,
|
|
24989
24981
|
{
|
|
@@ -24993,12 +24985,12 @@ const Di = g.createContext(null), o0 = ({
|
|
|
24993
24985
|
size: 16
|
|
24994
24986
|
}
|
|
24995
24987
|
);
|
|
24996
|
-
},
|
|
24988
|
+
}, cf = (e) => Zt({
|
|
24997
24989
|
marginTop: e.Spacing.XTiny,
|
|
24998
24990
|
"& .kyper-categoryicon": {
|
|
24999
24991
|
display: "flex"
|
|
25000
24992
|
}
|
|
25001
|
-
}),
|
|
24993
|
+
}), lf = I(sf), df = ({
|
|
25002
24994
|
color: e = "currentColor",
|
|
25003
24995
|
height: n,
|
|
25004
24996
|
size: i = 16,
|
|
@@ -25024,16 +25016,16 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25024
25016
|
}
|
|
25025
25017
|
)
|
|
25026
25018
|
}
|
|
25027
|
-
),
|
|
25019
|
+
), _f = (e) => e ? e.data ? e.data.map((n) => {
|
|
25028
25020
|
const i = {};
|
|
25029
25021
|
return e.names?.map((a, o) => {
|
|
25030
25022
|
i[a] = n[o];
|
|
25031
25023
|
}), i;
|
|
25032
|
-
}) : [] : [],
|
|
25033
|
-
const i =
|
|
25024
|
+
}) : [] : [], uf = (e, n) => {
|
|
25025
|
+
const i = _f(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
|
|
25034
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;
|
|
25035
|
-
},
|
|
25036
|
-
const n = gt(), i =
|
|
25027
|
+
}, hf = ({ beat: e }) => {
|
|
25028
|
+
const n = gt(), i = uf(e.data_series, n);
|
|
25037
25029
|
return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
|
|
25038
25030
|
}, Uc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
25039
25031
|
/* @__PURE__ */ t(
|
|
@@ -25818,7 +25810,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25818
25810
|
] })
|
|
25819
25811
|
] }), ts = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
|
|
25820
25812
|
const o = pe(), r = n?.primary_300 ? n.primary_300 : o.palette.primary.main;
|
|
25821
|
-
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(
|
|
25822
25814
|
$,
|
|
25823
25815
|
{
|
|
25824
25816
|
fill: !0,
|
|
@@ -25833,7 +25825,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25833
25825
|
if (!e)
|
|
25834
25826
|
throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
|
|
25835
25827
|
return e.store.copyStore;
|
|
25836
|
-
},
|
|
25828
|
+
}, gf = () => {
|
|
25837
25829
|
const e = g.useContext(Di);
|
|
25838
25830
|
if (!e?.store?.insightsMicroWidgetStore)
|
|
25839
25831
|
throw new Error(
|
|
@@ -25855,7 +25847,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25855
25847
|
STANDARD: 154,
|
|
25856
25848
|
XLARGE: 200,
|
|
25857
25849
|
XXLARGE: 248
|
|
25858
|
-
},
|
|
25850
|
+
}, mf = 50, zc = 1, pf = ({
|
|
25859
25851
|
ariaLabel: e,
|
|
25860
25852
|
backgroundColor: n,
|
|
25861
25853
|
beat: i,
|
|
@@ -25872,7 +25864,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25872
25864
|
}) => {
|
|
25873
25865
|
const { ref: p, inView: f } = Ss({
|
|
25874
25866
|
threshold: zc
|
|
25875
|
-
}), { cardsCopy: E } = On(), { onEvent: y } = Ri(), { updateBeat: S, updateOffer: A } =
|
|
25867
|
+
}), { cardsCopy: E } = On(), { onEvent: y } = Ri(), { updateBeat: S, updateOffer: A } = gf();
|
|
25876
25868
|
Mn(() => {
|
|
25877
25869
|
f && (i.has_been_displayed ? y(Fc(i.template)) : (i.guid.startsWith("OFR") ? A({
|
|
25878
25870
|
...i,
|
|
@@ -25941,7 +25933,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25941
25933
|
widthOverrides: m
|
|
25942
25934
|
}
|
|
25943
25935
|
);
|
|
25944
|
-
},
|
|
25936
|
+
}, Cf = ({
|
|
25945
25937
|
clientColorScheme: e,
|
|
25946
25938
|
currentBeatIndex: n,
|
|
25947
25939
|
numBeats: i,
|
|
@@ -25950,7 +25942,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25950
25942
|
scrollRightBoundary: r,
|
|
25951
25943
|
scrollX: s
|
|
25952
25944
|
}) => {
|
|
25953
|
-
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;
|
|
25954
25946
|
return /* @__PURE__ */ l(L, { className: c, children: [
|
|
25955
25947
|
/* @__PURE__ */ t(
|
|
25956
25948
|
Pe,
|
|
@@ -25997,7 +25989,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
25997
25989
|
}
|
|
25998
25990
|
)
|
|
25999
25991
|
] });
|
|
26000
|
-
},
|
|
25992
|
+
}, ff = () => Zt({
|
|
26001
25993
|
alignItems: "center",
|
|
26002
25994
|
display: "flex",
|
|
26003
25995
|
justifyContent: "center",
|
|
@@ -26014,7 +26006,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26014
26006
|
// we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
|
|
26015
26007
|
marginRight: 8
|
|
26016
26008
|
}
|
|
26017
|
-
}),
|
|
26009
|
+
}), bf = ({
|
|
26018
26010
|
beats: e = [],
|
|
26019
26011
|
clientColorScheme: n,
|
|
26020
26012
|
showCTAColocatedWithText: i,
|
|
@@ -26027,7 +26019,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26027
26019
|
variant: u,
|
|
26028
26020
|
widthOverrides: _
|
|
26029
26021
|
}) => {
|
|
26030
|
-
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 = () => {
|
|
26031
26023
|
v(Vt.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
|
|
26032
26024
|
left: (
|
|
26033
26025
|
// Adds the flex gap to the carousel ref's width
|
|
@@ -26046,7 +26038,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26046
26038
|
m.current && f(m.current.scrollLeft);
|
|
26047
26039
|
}, D = () => {
|
|
26048
26040
|
if (!S || !E) return;
|
|
26049
|
-
S - E >
|
|
26041
|
+
S - E > mf ? v(Vt.ON_CAROUSEL_FORWARD_SWIPE) : v(Vt.ON_CAROUSEL_BACK_SWIPE);
|
|
26050
26042
|
}, k = (J) => {
|
|
26051
26043
|
y(J.targetTouches[0].clientX);
|
|
26052
26044
|
}, O = (J) => {
|
|
@@ -26085,7 +26077,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26085
26077
|
Re.toString()
|
|
26086
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;
|
|
26087
26079
|
return /* @__PURE__ */ t(
|
|
26088
|
-
|
|
26080
|
+
pf,
|
|
26089
26081
|
{
|
|
26090
26082
|
ariaLabel: `${Te}: ${ee}, ${ne}`,
|
|
26091
26083
|
beat: J,
|
|
@@ -26098,7 +26090,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26098
26090
|
);
|
|
26099
26091
|
}),
|
|
26100
26092
|
/* @__PURE__ */ t(
|
|
26101
|
-
|
|
26093
|
+
wf,
|
|
26102
26094
|
{
|
|
26103
26095
|
isActiveCard: Q === e.length,
|
|
26104
26096
|
onCardClick: o,
|
|
@@ -26109,7 +26101,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26109
26101
|
}
|
|
26110
26102
|
),
|
|
26111
26103
|
s && /* @__PURE__ */ t(
|
|
26112
|
-
|
|
26104
|
+
Cf,
|
|
26113
26105
|
{
|
|
26114
26106
|
clientColorScheme: n,
|
|
26115
26107
|
currentBeatIndex: Q,
|
|
@@ -26123,7 +26115,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26123
26115
|
]
|
|
26124
26116
|
}
|
|
26125
26117
|
);
|
|
26126
|
-
},
|
|
26118
|
+
}, yf = I(bf), Ef = (e, n = !0, i) => Zt({
|
|
26127
26119
|
alignItems: "center",
|
|
26128
26120
|
boxSizing: "border-box",
|
|
26129
26121
|
display: "flex",
|
|
@@ -26148,7 +26140,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26148
26140
|
display: "none"
|
|
26149
26141
|
}
|
|
26150
26142
|
}
|
|
26151
|
-
}),
|
|
26143
|
+
}), Sf = ({
|
|
26152
26144
|
clientColorScheme: e,
|
|
26153
26145
|
onCardClick: n,
|
|
26154
26146
|
posthog: i,
|
|
@@ -26217,7 +26209,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26217
26209
|
]
|
|
26218
26210
|
}
|
|
26219
26211
|
) : /* @__PURE__ */ t(_e, {});
|
|
26220
|
-
},
|
|
26212
|
+
}, Tf = I(Sf), Af = ({
|
|
26221
26213
|
heightOverrides: e,
|
|
26222
26214
|
widthOverrides: n,
|
|
26223
26215
|
children: i
|
|
@@ -26334,7 +26326,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26334
26326
|
widthOverrides: d
|
|
26335
26327
|
}
|
|
26336
26328
|
);
|
|
26337
|
-
}, K4 = I(jc),
|
|
26329
|
+
}, K4 = I(jc), If = () => /* @__PURE__ */ t(
|
|
26338
26330
|
L,
|
|
26339
26331
|
{
|
|
26340
26332
|
sx: {
|
|
@@ -26346,7 +26338,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26346
26338
|
},
|
|
26347
26339
|
children: /* @__PURE__ */ t(za, {})
|
|
26348
26340
|
}
|
|
26349
|
-
), hn = new
|
|
26341
|
+
), hn = new af(), xf = ({
|
|
26350
26342
|
areBeatsLoading: e,
|
|
26351
26343
|
beats: n = [],
|
|
26352
26344
|
// This also determines the length of the carousel controls (beat.length + 1)
|
|
@@ -26401,10 +26393,10 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26401
26393
|
// The Theme provider must wrap the component so that the styles don't break when imported into other applications.
|
|
26402
26394
|
/* @__PURE__ */ l(Tl, { theme: R, children: [
|
|
26403
26395
|
/* @__PURE__ */ t(Gd, {}),
|
|
26404
|
-
/* @__PURE__ */ t(
|
|
26405
|
-
(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, {}),
|
|
26406
26398
|
D && p && /* @__PURE__ */ t(
|
|
26407
|
-
|
|
26399
|
+
Tf,
|
|
26408
26400
|
{
|
|
26409
26401
|
clientColorScheme: i,
|
|
26410
26402
|
onCardClick: c,
|
|
@@ -26413,7 +26405,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26413
26405
|
}
|
|
26414
26406
|
),
|
|
26415
26407
|
D && !!n.length && /* @__PURE__ */ t(
|
|
26416
|
-
|
|
26408
|
+
yf,
|
|
26417
26409
|
{
|
|
26418
26410
|
beats: n,
|
|
26419
26411
|
clientColorScheme: i,
|
|
@@ -26427,7 +26419,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26427
26419
|
] }) })
|
|
26428
26420
|
] })
|
|
26429
26421
|
);
|
|
26430
|
-
}, z4 = I(
|
|
26422
|
+
}, z4 = I(xf), vf = ({
|
|
26431
26423
|
isActiveCard: e,
|
|
26432
26424
|
ariaLabel: n,
|
|
26433
26425
|
clientColorScheme: i,
|
|
@@ -26459,7 +26451,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26459
26451
|
description: m.view_more_card_description,
|
|
26460
26452
|
fontColors: { buttonColor: i?.primary_300 },
|
|
26461
26453
|
heightOverrides: a,
|
|
26462
|
-
icon: /* @__PURE__ */ t(
|
|
26454
|
+
icon: /* @__PURE__ */ t(df, { color: i?.primary_300 ?? u.palette.primary.main }),
|
|
26463
26455
|
isActiveCard: e,
|
|
26464
26456
|
onCardClick: f,
|
|
26465
26457
|
posthog: r,
|
|
@@ -26470,7 +26462,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26470
26462
|
widthOverrides: d
|
|
26471
26463
|
}
|
|
26472
26464
|
);
|
|
26473
|
-
},
|
|
26465
|
+
}, wf = I(vf), wa = 5, Nf = (e, n) => n.reduce((i, a) => {
|
|
26474
26466
|
if (a.total > 0) {
|
|
26475
26467
|
const o = e.find((u) => u.guid === a.category_guid);
|
|
26476
26468
|
if (!o) return i;
|
|
@@ -26492,7 +26484,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26492
26484
|
}
|
|
26493
26485
|
return i;
|
|
26494
26486
|
}, []), Xc = (e, n) => {
|
|
26495
|
-
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(
|
|
26496
26488
|
(d, u) => d + u.amount,
|
|
26497
26489
|
0
|
|
26498
26490
|
), r = a.length > wa ? wa : a.length, s = a.slice(0, r), c = s.map((d) => ({
|
|
@@ -26554,7 +26546,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26554
26546
|
}, Qi = ({ amount: e, label: n }) => /* @__PURE__ */ l(b, { direction: "column", children: [
|
|
26555
26547
|
/* @__PURE__ */ t(C, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: n }),
|
|
26556
26548
|
/* @__PURE__ */ t(C, { variant: "XSmall", children: P(e, "0,0") })
|
|
26557
|
-
] }),
|
|
26549
|
+
] }), Df = ({
|
|
26558
26550
|
data: e,
|
|
26559
26551
|
isIncome: n = !1,
|
|
26560
26552
|
onSelected: i,
|
|
@@ -26607,7 +26599,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26607
26599
|
}
|
|
26608
26600
|
)
|
|
26609
26601
|
] }) }) });
|
|
26610
|
-
}, 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(
|
|
26611
26603
|
b,
|
|
26612
26604
|
{
|
|
26613
26605
|
alignItems: "center",
|
|
@@ -26624,7 +26616,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26624
26616
|
]
|
|
26625
26617
|
},
|
|
26626
26618
|
a.guid
|
|
26627
|
-
)) }),
|
|
26619
|
+
)) }), Rf = () => {
|
|
26628
26620
|
const e = pe(), { spending: n } = x(), { selectedAccounts: i } = de(), {
|
|
26629
26621
|
categories: a,
|
|
26630
26622
|
dateRangeCategoryTotals: o,
|
|
@@ -26719,7 +26711,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26719
26711
|
/* @__PURE__ */ t(ns, { data: p, onSelected: E, selectedId: d })
|
|
26720
26712
|
] }) })
|
|
26721
26713
|
] }) : /* @__PURE__ */ t(_e, { height: 250 });
|
|
26722
|
-
},
|
|
26714
|
+
}, Of = I(Rf), Lf = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
|
|
26723
26715
|
const { spending: i } = x(), { isCopyLoaded: a } = de();
|
|
26724
26716
|
return a ? /* @__PURE__ */ t(
|
|
26725
26717
|
Dn,
|
|
@@ -26729,10 +26721,10 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26729
26721
|
primaryCtaLabel: i.primary_cta,
|
|
26730
26722
|
sx: n,
|
|
26731
26723
|
title: i.mini_title,
|
|
26732
|
-
children: /* @__PURE__ */ t(
|
|
26724
|
+
children: /* @__PURE__ */ t(Of, {})
|
|
26733
26725
|
}
|
|
26734
26726
|
) : /* @__PURE__ */ t(_e, {});
|
|
26735
|
-
}, Y4 = I(
|
|
26727
|
+
}, Y4 = I(Lf), Mf = ({
|
|
26736
26728
|
data: e,
|
|
26737
26729
|
onSelected: n,
|
|
26738
26730
|
selectedId: i = "",
|
|
@@ -26811,7 +26803,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26811
26803
|
] }, s.guid)) }),
|
|
26812
26804
|
/* @__PURE__ */ t(C, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${P(e.totalAmount, "0,0")}` })
|
|
26813
26805
|
] });
|
|
26814
|
-
},
|
|
26806
|
+
}, kf = I(Mf), Gf = ({
|
|
26815
26807
|
data: e,
|
|
26816
26808
|
onSelected: n,
|
|
26817
26809
|
onViewTransactions: i,
|
|
@@ -26857,18 +26849,18 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26857
26849
|
variant: "full"
|
|
26858
26850
|
}
|
|
26859
26851
|
),
|
|
26860
|
-
/* @__PURE__ */ t(
|
|
26852
|
+
/* @__PURE__ */ t(kf, { data: e, onSelected: n, selectedId: a, title: o })
|
|
26861
26853
|
]
|
|
26862
26854
|
}
|
|
26863
26855
|
);
|
|
26864
|
-
}, is = I(
|
|
26856
|
+
}, is = I(Gf), Bf = (e) => [
|
|
26865
26857
|
e.palette.chartMono.chartMono5,
|
|
26866
26858
|
e.palette.chartMono.chartMono4,
|
|
26867
26859
|
e.palette.chartMono.chartMono3,
|
|
26868
26860
|
e.palette.chartMono.chartMono2,
|
|
26869
26861
|
e.palette.chartMono.chartMono1,
|
|
26870
26862
|
e.palette.chartMono.chartMono6
|
|
26871
|
-
],
|
|
26863
|
+
], Hf = () => {
|
|
26872
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);
|
|
26873
26865
|
g.useEffect(() => {
|
|
26874
26866
|
a(
|
|
@@ -26881,7 +26873,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26881
26873
|
() => Xc(n, i),
|
|
26882
26874
|
[n, i]
|
|
26883
26875
|
), w = g.useMemo(
|
|
26884
|
-
() => Zc(n, i,
|
|
26876
|
+
() => Zc(n, i, Bf(e)),
|
|
26885
26877
|
[n, i]
|
|
26886
26878
|
), v = g.useMemo(
|
|
26887
26879
|
() => u.find((D) => D.guid === f),
|
|
@@ -26982,7 +26974,7 @@ const Di = g.createContext(null), o0 = ({
|
|
|
26982
26974
|
}
|
|
26983
26975
|
)
|
|
26984
26976
|
] });
|
|
26985
|
-
},
|
|
26977
|
+
}, Pf = I(Hf), Ff = ({ onBackClick: e, sx: n = {} }) => {
|
|
26986
26978
|
const { visibleAccounts: i } = Se(), { spending: a } = x(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = de(), { onEvent: d } = j(), [u, _] = g.useState(!1);
|
|
26987
26979
|
g.useEffect(() => {
|
|
26988
26980
|
c(i);
|
|
@@ -27001,11 +26993,11 @@ const Di = g.createContext(null), o0 = ({
|
|
|
27001
26993
|
onBackClick: e,
|
|
27002
26994
|
sx: n,
|
|
27003
26995
|
title: a.title,
|
|
27004
|
-
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, {}) })
|
|
27005
26997
|
}
|
|
27006
26998
|
);
|
|
27007
|
-
}, j4 = I(
|
|
27008
|
-
function
|
|
26999
|
+
}, j4 = I(Ff), Wf = (e) => In[e] ?? In.default, $f = (e) => ra[e];
|
|
27000
|
+
function Uf(e, n) {
|
|
27009
27001
|
const i = [], a = new Date(e);
|
|
27010
27002
|
for (; a <= n; ) {
|
|
27011
27003
|
const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
|
|
@@ -27013,7 +27005,7 @@ function U0(e, n) {
|
|
|
27013
27005
|
}
|
|
27014
27006
|
return i;
|
|
27015
27007
|
}
|
|
27016
|
-
const
|
|
27008
|
+
const Vf = (e) => e.reduce((i, a) => {
|
|
27017
27009
|
const o = {
|
|
27018
27010
|
top_level_category_guid: a.top_level_category_guid,
|
|
27019
27011
|
category_guid: a.category_guid,
|
|
@@ -27021,8 +27013,8 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27021
27013
|
year_month: a.year_month
|
|
27022
27014
|
}, { top_level_category_guid: r, category_guid: s } = o;
|
|
27023
27015
|
return i[s] || (i[s] = []), i[s].push(o), r !== s && (i[r] || (i[r] = []), i[r].push(o)), i;
|
|
27024
|
-
}, {}),
|
|
27025
|
-
const a =
|
|
27016
|
+
}, {}), Kf = (e, n, i) => {
|
|
27017
|
+
const a = Vf(e), o = Uf(n, i);
|
|
27026
27018
|
return Object.entries(a).map(([s, c]) => {
|
|
27027
27019
|
const d = c[0].top_level_category_guid, u = o.map((_) => {
|
|
27028
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));
|
|
@@ -27031,18 +27023,18 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27031
27023
|
return {
|
|
27032
27024
|
top_level_category_guid: d,
|
|
27033
27025
|
category_guid: s,
|
|
27034
|
-
category_name: $
|
|
27035
|
-
category_color:
|
|
27026
|
+
category_name: $f(s),
|
|
27027
|
+
category_color: Wf(d),
|
|
27036
27028
|
dataset: u
|
|
27037
27029
|
};
|
|
27038
27030
|
});
|
|
27039
|
-
},
|
|
27031
|
+
}, zf = (e, n) => {
|
|
27040
27032
|
const i = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof n == "string" ? parseFloat(n.replace(/[^0-9.-]+/g, "")) : n;
|
|
27041
27033
|
return (i || 0) - (a || 0);
|
|
27042
|
-
},
|
|
27034
|
+
}, Yf = (e) => {
|
|
27043
27035
|
const n = e.row[e.field];
|
|
27044
27036
|
return /* @__PURE__ */ t(b, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t(We, { amount: n, variant: "Small" }) });
|
|
27045
|
-
},
|
|
27037
|
+
}, jf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
|
|
27046
27038
|
const { categories: i } = x(), a = ra[e];
|
|
27047
27039
|
return /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
|
|
27048
27040
|
/* @__PURE__ */ t(
|
|
@@ -27055,20 +27047,20 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27055
27047
|
),
|
|
27056
27048
|
/* @__PURE__ */ t(C, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
|
|
27057
27049
|
] });
|
|
27058
|
-
},
|
|
27059
|
-
|
|
27050
|
+
}, Xf = (e) => /* @__PURE__ */ t(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
|
|
27051
|
+
jf,
|
|
27060
27052
|
{
|
|
27061
27053
|
categoryGuid: e.row.category,
|
|
27062
27054
|
topLevelCategoryGuid: e.row.top_level_category_guid
|
|
27063
27055
|
}
|
|
27064
|
-
) }),
|
|
27056
|
+
) }), Zf = (e, n) => {
|
|
27065
27057
|
const i = [], a = new Date(e);
|
|
27066
27058
|
for (; a <= n; ) {
|
|
27067
27059
|
const o = ce(a, re.MONTH);
|
|
27068
27060
|
i.push(o), a.setMonth(a.getMonth() + 1);
|
|
27069
27061
|
}
|
|
27070
27062
|
return i;
|
|
27071
|
-
},
|
|
27063
|
+
}, qf = ({
|
|
27072
27064
|
monthlyCategoryTotals: e,
|
|
27073
27065
|
selectedDateRange: n,
|
|
27074
27066
|
selectedCategory: i,
|
|
@@ -27078,13 +27070,13 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27078
27070
|
}) => {
|
|
27079
27071
|
const { onEvent: s } = j(), c = ce(/* @__PURE__ */ new Date(), re.MONTH_SHORT), [d, u] = g.useState([
|
|
27080
27072
|
{ field: c, sort: "desc" }
|
|
27081
|
-
]), _ = g.useMemo(() =>
|
|
27073
|
+
]), _ = g.useMemo(() => Zf(n.start, n.end), [n]), h = [
|
|
27082
27074
|
{
|
|
27083
27075
|
field: "category",
|
|
27084
27076
|
headerName: "Category",
|
|
27085
27077
|
minWidth: 175,
|
|
27086
27078
|
renderHeader: $t,
|
|
27087
|
-
renderCell:
|
|
27079
|
+
renderCell: Xf,
|
|
27088
27080
|
sortable: !0,
|
|
27089
27081
|
type: "string"
|
|
27090
27082
|
},
|
|
@@ -27094,13 +27086,13 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27094
27086
|
headerName: p,
|
|
27095
27087
|
minWidth: 75,
|
|
27096
27088
|
renderHeader: $t,
|
|
27097
|
-
renderCell:
|
|
27089
|
+
renderCell: Yf,
|
|
27098
27090
|
align: "right",
|
|
27099
27091
|
headerAlign: "right",
|
|
27100
27092
|
sortable: !0,
|
|
27101
27093
|
hideSortIcons: !1,
|
|
27102
27094
|
type: "number",
|
|
27103
|
-
sortComparator:
|
|
27095
|
+
sortComparator: zf
|
|
27104
27096
|
})
|
|
27105
27097
|
)
|
|
27106
27098
|
], m = g.useMemo(() => {
|
|
@@ -27142,9 +27134,9 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27142
27134
|
sortingOrder: ["asc", "desc"]
|
|
27143
27135
|
}
|
|
27144
27136
|
) });
|
|
27145
|
-
},
|
|
27137
|
+
}, Qf = {
|
|
27146
27138
|
title: "Transaction List"
|
|
27147
|
-
},
|
|
27139
|
+
}, Jf = ({
|
|
27148
27140
|
categoryGuid: e,
|
|
27149
27141
|
dateRange: n,
|
|
27150
27142
|
isOpen: i,
|
|
@@ -27170,14 +27162,14 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27170
27162
|
ariaLabelClose: s.close_aria,
|
|
27171
27163
|
isOpen: i,
|
|
27172
27164
|
onClose: m,
|
|
27173
|
-
title:
|
|
27165
|
+
title: Qf.title,
|
|
27174
27166
|
children: [
|
|
27175
27167
|
h && /* @__PURE__ */ t(ni, { transaction: h }),
|
|
27176
27168
|
!h && /* @__PURE__ */ t(Rn, { onClick: _ })
|
|
27177
27169
|
]
|
|
27178
27170
|
}
|
|
27179
27171
|
);
|
|
27180
|
-
}, eb = I(
|
|
27172
|
+
}, eb = I(Jf), tb = {
|
|
27181
27173
|
view_transactions: "View Transactions"
|
|
27182
27174
|
}, nb = ({ onBackClick: e, sx: n }) => {
|
|
27183
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({
|
|
@@ -27197,7 +27189,7 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27197
27189
|
}, [p, f, O]);
|
|
27198
27190
|
const Q = g.useMemo(() => {
|
|
27199
27191
|
if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
|
|
27200
|
-
const ne =
|
|
27192
|
+
const ne = Kf(
|
|
27201
27193
|
u,
|
|
27202
27194
|
O.start,
|
|
27203
27195
|
O.end
|
|
@@ -27343,7 +27335,7 @@ const V0 = (e) => e.reduce((i, a) => {
|
|
|
27343
27335
|
}
|
|
27344
27336
|
),
|
|
27345
27337
|
B === "Table" && /* @__PURE__ */ t(
|
|
27346
|
-
|
|
27338
|
+
qf,
|
|
27347
27339
|
{
|
|
27348
27340
|
monthlyCategoryTotals: u,
|
|
27349
27341
|
onClickRow: Re,
|
|
@@ -27419,11 +27411,11 @@ export {
|
|
|
27419
27411
|
ac as AddRecurringTransactionDetails,
|
|
27420
27412
|
r_ as AnalyticsApi,
|
|
27421
27413
|
G as ApiEndpoints,
|
|
27422
|
-
|
|
27414
|
+
af as AppStore,
|
|
27423
27415
|
Zo as BannerApi,
|
|
27424
27416
|
d4 as BarChart,
|
|
27425
27417
|
jn as BeatApi,
|
|
27426
|
-
|
|
27418
|
+
pf as BeatCard,
|
|
27427
27419
|
Hi as BottomActions,
|
|
27428
27420
|
F4 as BubbleBudgetsMiniWidget,
|
|
27429
27421
|
W4 as BubbleBudgetsWidget,
|
|
@@ -27431,7 +27423,7 @@ export {
|
|
|
27431
27423
|
qn as BudgetNotificationTypes,
|
|
27432
27424
|
x_ as Calendar,
|
|
27433
27425
|
Ps as CalendarSelectionTypes,
|
|
27434
|
-
|
|
27426
|
+
Tf as CarouselHeader,
|
|
27435
27427
|
E4 as CashflowApi,
|
|
27436
27428
|
h4 as CashflowMiniWidget,
|
|
27437
27429
|
Vg as CashflowOnboarding,
|
|
@@ -27446,7 +27438,7 @@ export {
|
|
|
27446
27438
|
bh as CategorySelector,
|
|
27447
27439
|
ua as CategorySelectorDrawer,
|
|
27448
27440
|
Ah as CategoryStore,
|
|
27449
|
-
|
|
27441
|
+
df as ChartFilledIcon,
|
|
27450
27442
|
Us as ConnectCard,
|
|
27451
27443
|
$n as ConnectDrawer,
|
|
27452
27444
|
H4 as ConnectMiniWidget,
|
|
@@ -27494,7 +27486,7 @@ export {
|
|
|
27494
27486
|
lo as InformationTooltip,
|
|
27495
27487
|
Ve as InsightNotificationTypes,
|
|
27496
27488
|
z4 as InsightsMicroWidget,
|
|
27497
|
-
|
|
27489
|
+
of as InsightsMicroWidgetDataProvider,
|
|
27498
27490
|
Wr as InsightsNotificationProfiles,
|
|
27499
27491
|
U4 as InvestmentsWidget,
|
|
27500
27492
|
Yd as IterationItemTypes,
|
|
@@ -27511,11 +27503,11 @@ export {
|
|
|
27511
27503
|
Bp as MerchantStore,
|
|
27512
27504
|
Nt as MetaType,
|
|
27513
27505
|
As as MfaStatuses,
|
|
27514
|
-
|
|
27506
|
+
yf as MicroBeatCarousel,
|
|
27515
27507
|
Ca as MicroInsightCard,
|
|
27516
27508
|
co as MicroWidgetContainer,
|
|
27517
27509
|
Dn as MiniWidgetContainer,
|
|
27518
|
-
|
|
27510
|
+
hf as MonthlySpendComparisonIcon,
|
|
27519
27511
|
_4 as MultiSegmentDonut,
|
|
27520
27512
|
Pp as NetWorthChart,
|
|
27521
27513
|
Up as NetWorthList,
|
|
@@ -27596,7 +27588,7 @@ export {
|
|
|
27596
27588
|
ya as UserApi,
|
|
27597
27589
|
yC as UserStore,
|
|
27598
27590
|
Du as UserVerification,
|
|
27599
|
-
|
|
27591
|
+
wf as ViewMoreMicroCard,
|
|
27600
27592
|
Jo as WidgetApi,
|
|
27601
27593
|
bt as WidgetContainer,
|
|
27602
27594
|
Os as WidgetContainerContext,
|