@mx-cartographer/experiences 6.12.1-alpha.mega1 → 6.12.1-alpha.mega2
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 +177 -177
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -12600,9 +12600,9 @@ const Pm = (e, n) => {
|
|
|
12600
12600
|
}
|
|
12601
12601
|
);
|
|
12602
12602
|
}), jm = ({ goal: e }) => {
|
|
12603
|
-
const { visibleCheckingAccounts: n, visibleSavingsAccounts: i } = Se(), { accounts: a, goals: o } = I(), { setAlert: r, setSelectedGoal: s, updateGoal: c } = tt(), d = !e.guid
|
|
12604
|
-
const
|
|
12605
|
-
d ? s(
|
|
12603
|
+
const { visibleCheckingAccounts: n, visibleSavingsAccounts: i } = Se(), { accounts: a, goals: o } = I(), { setAlert: r, setSelectedGoal: s, updateGoal: c } = tt(), d = !e.guid, [u, _] = h.useState(!1), g = async ({ balance: m, guid: C }) => {
|
|
12604
|
+
const f = { ...e, account_guid: C, current_amount: m || 0 };
|
|
12605
|
+
d ? s(f) : (await c(f), r(o.alert_account_changed)), _(!1);
|
|
12606
12606
|
};
|
|
12607
12607
|
return /* @__PURE__ */ l(y, { children: [
|
|
12608
12608
|
d ? /* @__PURE__ */ t(Y, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(ue, { onClick: () => _(!0), children: [
|
|
@@ -12625,7 +12625,7 @@ const Pm = (e, n) => {
|
|
|
12625
12625
|
] }),
|
|
12626
12626
|
/* @__PURE__ */ t(ce, { isOpen: u, onClose: () => _(!1), title: o.details_change_account, children: /* @__PURE__ */ l(y, { children: [
|
|
12627
12627
|
/* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[1] }),
|
|
12628
|
-
/* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m
|
|
12628
|
+
/* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m), children: [
|
|
12629
12629
|
/* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(
|
|
12630
12630
|
Ct,
|
|
12631
12631
|
{
|
|
@@ -12643,7 +12643,7 @@ const Pm = (e, n) => {
|
|
|
12643
12643
|
/* @__PURE__ */ t(ht, {})
|
|
12644
12644
|
] }) }, m.guid)) }),
|
|
12645
12645
|
/* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[2] }),
|
|
12646
|
-
/* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: i.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m
|
|
12646
|
+
/* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: i.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m), children: [
|
|
12647
12647
|
/* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(
|
|
12648
12648
|
Ct,
|
|
12649
12649
|
{
|
|
@@ -21778,7 +21778,7 @@ const JC = ({
|
|
|
21778
21778
|
return ri = h.useMemo(() => XC(o), [o]), h.useEffect(() => {
|
|
21779
21779
|
YC(ri, e, n), i && zC(ri);
|
|
21780
21780
|
}, [ri, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ri.nodes().map((r) => /* @__PURE__ */ t(QC, { bubble: r, isDraggable: i, onClick: a }, r.guid)) });
|
|
21781
|
-
},
|
|
21781
|
+
}, e0 = x(JC), t0 = ({
|
|
21782
21782
|
isMiniWidget: e = !1,
|
|
21783
21783
|
onConnectAccountsClick: n,
|
|
21784
21784
|
createBudgetOnClick: i
|
|
@@ -21874,14 +21874,14 @@ const JC = ({
|
|
|
21874
21874
|
};
|
|
21875
21875
|
return d ? /* @__PURE__ */ t(y, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(E), children: /* @__PURE__ */ t(de, {}) }) : /* @__PURE__ */ l(O, { ml: o || m ? 0 : 24, sx: { alignSelf: "center" }, children: [
|
|
21876
21876
|
o || !u ? /* @__PURE__ */ t(
|
|
21877
|
-
|
|
21877
|
+
t0,
|
|
21878
21878
|
{
|
|
21879
21879
|
createBudgetOnClick: e,
|
|
21880
21880
|
isMiniWidget: a,
|
|
21881
21881
|
onConnectAccountsClick: S
|
|
21882
21882
|
}
|
|
21883
21883
|
) : /* @__PURE__ */ t(
|
|
21884
|
-
|
|
21884
|
+
e0,
|
|
21885
21885
|
{
|
|
21886
21886
|
height: n,
|
|
21887
21887
|
isDraggable: i,
|
|
@@ -21899,7 +21899,7 @@ const JC = ({
|
|
|
21899
21899
|
)
|
|
21900
21900
|
] });
|
|
21901
21901
|
}
|
|
21902
|
-
),
|
|
21902
|
+
), n0 = (e) => {
|
|
21903
21903
|
const n = fe(), { accounts: i } = Se(), { budgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = dt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: u } = le(), { reloadCategoryTotals: _ } = Ve(), g = j_(), m = a.length === 0;
|
|
21904
21904
|
return h.useEffect(() => {
|
|
21905
21905
|
s(n);
|
|
@@ -21929,7 +21929,7 @@ const JC = ({
|
|
|
21929
21929
|
] }) : /* @__PURE__ */ t(de, {})
|
|
21930
21930
|
}
|
|
21931
21931
|
) : /* @__PURE__ */ t(de, {});
|
|
21932
|
-
}, DE = x(
|
|
21932
|
+
}, DE = x(n0), i0 = x(() => {
|
|
21933
21933
|
const { budgets: e } = I(), { totalBudgeted: n } = dt(), { projectedIncome: i } = Ze(), a = i - n;
|
|
21934
21934
|
return /* @__PURE__ */ l(y, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
|
|
21935
21935
|
/* @__PURE__ */ l(y, { alignItems: "center", children: [
|
|
@@ -21947,7 +21947,7 @@ const JC = ({
|
|
|
21947
21947
|
/* @__PURE__ */ t(p, { color: "secondary", variant: "Small", children: e.remaining })
|
|
21948
21948
|
] })
|
|
21949
21949
|
] });
|
|
21950
|
-
}),
|
|
21950
|
+
}), a0 = x(
|
|
21951
21951
|
({ category: e }) => {
|
|
21952
21952
|
const { budgets: n } = I(), { budgets: i } = dt(), a = h.useMemo(() => {
|
|
21953
21953
|
const o = i.find((c) => c.category_guid === e.guid), r = H(e.totalAverageAmount, "0,0"), s = o ? T(n.recalculate_previous_budget, H(o.amount, "0,0")) : n.recalculate_new_budget;
|
|
@@ -21961,7 +21961,7 @@ const JC = ({
|
|
|
21961
21961
|
/* @__PURE__ */ t(P, {})
|
|
21962
21962
|
] }, e.guid);
|
|
21963
21963
|
}
|
|
21964
|
-
),
|
|
21964
|
+
), o0 = ({ onRecalculateBudgets: e }) => {
|
|
21965
21965
|
const { budgets: n, common: i } = I(), { spendCategories: a } = Ve(), { recalculateBudgets: o, setAlert: r } = dt(), [s, c] = h.useState(!1), d = a.filter((_) => _.totalAverageAmount > 0), u = async () => {
|
|
21966
21966
|
await o(d), c(!1), r(n.alert_recalculated_budgets), e?.();
|
|
21967
21967
|
};
|
|
@@ -21981,7 +21981,7 @@ const JC = ({
|
|
|
21981
21981
|
/* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
|
|
21982
21982
|
/* @__PURE__ */ t(p, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
|
|
21983
21983
|
] }),
|
|
21984
|
-
/* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(
|
|
21984
|
+
/* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(a0, { category: _ }, _.guid)) }) })
|
|
21985
21985
|
] })
|
|
21986
21986
|
}
|
|
21987
21987
|
)
|
|
@@ -22012,7 +22012,7 @@ const JC = ({
|
|
|
22012
22012
|
}
|
|
22013
22013
|
)
|
|
22014
22014
|
] });
|
|
22015
|
-
},
|
|
22015
|
+
}, r0 = x(({ category: e, onAddBudget: n }) => {
|
|
22016
22016
|
const { budgets: i, common: a } = I(), [o, r] = h.useState(!1), [s, c] = h.useState(
|
|
22017
22017
|
`${e.totalAmount === 0 ? "" : e.totalAmount}`
|
|
22018
22018
|
);
|
|
@@ -22041,21 +22041,21 @@ const JC = ({
|
|
|
22041
22041
|
}
|
|
22042
22042
|
)
|
|
22043
22043
|
] });
|
|
22044
|
-
}),
|
|
22044
|
+
}), s0 = x(({ onRecalculateBudgets: e }) => {
|
|
22045
22045
|
const { budgets: n } = I(), { addBudget: i, setAlert: a, unbudgetedCategories: o } = dt(), r = async (s, c) => {
|
|
22046
22046
|
await i(s, c), a(T(n.alert_budget_created, s.name));
|
|
22047
22047
|
};
|
|
22048
22048
|
return /* @__PURE__ */ l(y, { children: [
|
|
22049
|
-
/* @__PURE__ */ t(
|
|
22049
|
+
/* @__PURE__ */ t(i0, {}),
|
|
22050
22050
|
/* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: o.map((s) => /* @__PURE__ */ t(
|
|
22051
|
-
|
|
22051
|
+
r0,
|
|
22052
22052
|
{
|
|
22053
22053
|
category: s,
|
|
22054
22054
|
onAddBudget: r
|
|
22055
22055
|
},
|
|
22056
22056
|
s.guid
|
|
22057
22057
|
)) }) }),
|
|
22058
|
-
/* @__PURE__ */ t(
|
|
22058
|
+
/* @__PURE__ */ t(o0, { onRecalculateBudgets: e })
|
|
22059
22059
|
] });
|
|
22060
22060
|
}), Rc = ({ budget: e }) => {
|
|
22061
22061
|
const {
|
|
@@ -22077,14 +22077,14 @@ const JC = ({
|
|
|
22077
22077
|
/* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
|
|
22078
22078
|
/* @__PURE__ */ t(pi, { data: c, height: 10 })
|
|
22079
22079
|
] }) }) });
|
|
22080
|
-
},
|
|
22080
|
+
}, c0 = x(() => {
|
|
22081
22081
|
const { budgets: e } = I();
|
|
22082
22082
|
return /* @__PURE__ */ l(y, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
|
|
22083
22083
|
/* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
|
|
22084
22084
|
/* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
|
|
22085
22085
|
/* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
|
|
22086
22086
|
] });
|
|
22087
|
-
}),
|
|
22087
|
+
}), l0 = x(({ budget: e }) => {
|
|
22088
22088
|
const {
|
|
22089
22089
|
amount: n,
|
|
22090
22090
|
budgetColors: { background: i },
|
|
@@ -22105,7 +22105,7 @@ const JC = ({
|
|
|
22105
22105
|
}
|
|
22106
22106
|
)
|
|
22107
22107
|
] }) });
|
|
22108
|
-
}),
|
|
22108
|
+
}), d0 = x(({ category: e, parentBudget: n }) => {
|
|
22109
22109
|
const { budgets: i, common: a } = I(), { setExpandedGuid: o, setOnSelect: r } = dn(), { addBudget: s } = dt(), [c, d] = h.useState(!1), [u, _] = h.useState(!1), [g, m] = h.useState(""), [C, f] = h.useState(void 0);
|
|
22110
22110
|
h.useEffect(() => {
|
|
22111
22111
|
r((S) => {
|
|
@@ -22157,7 +22157,7 @@ const JC = ({
|
|
|
22157
22157
|
}
|
|
22158
22158
|
)
|
|
22159
22159
|
] });
|
|
22160
|
-
}),
|
|
22160
|
+
}), _0 = x(({ budget: e }) => {
|
|
22161
22161
|
const { category: n, subBudgets: i } = e, { budgets: a, common: o } = I(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = dt(), { filter: u, setFilter: _ } = De(), [g, m] = h.useState(!1), [C, f] = h.useState(!1), [E, b] = h.useState("");
|
|
22162
22162
|
h.useEffect(() => {
|
|
22163
22163
|
s && (b(`${s.amount}`), _({
|
|
@@ -22180,11 +22180,11 @@ const JC = ({
|
|
|
22180
22180
|
};
|
|
22181
22181
|
return /* @__PURE__ */ l(h.Fragment, { children: [
|
|
22182
22182
|
/* @__PURE__ */ l(ae, { sx: { bgcolor: "background.paper" }, children: [
|
|
22183
|
-
i.length === 0 ? /* @__PURE__ */ t(
|
|
22184
|
-
/* @__PURE__ */ t(
|
|
22183
|
+
i.length === 0 ? /* @__PURE__ */ t(c0, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
|
|
22184
|
+
/* @__PURE__ */ t(l0, { budget: w }),
|
|
22185
22185
|
/* @__PURE__ */ t(P, {})
|
|
22186
22186
|
] }, w.guid)),
|
|
22187
|
-
/* @__PURE__ */ t(
|
|
22187
|
+
/* @__PURE__ */ t(d0, { category: n, parentBudget: e })
|
|
22188
22188
|
] }),
|
|
22189
22189
|
/* @__PURE__ */ t(
|
|
22190
22190
|
ce,
|
|
@@ -22238,7 +22238,7 @@ const JC = ({
|
|
|
22238
22238
|
)
|
|
22239
22239
|
] })
|
|
22240
22240
|
] });
|
|
22241
|
-
}),
|
|
22241
|
+
}), u0 = x(({ budget: e }) => {
|
|
22242
22242
|
const { budgets: n, common: i, transactions: a } = I(), { setAlert: o } = dt(), { sortedTransactions: r, tags: s } = De(), [c, d] = h.useState(0), [u, _] = h.useState(""), g = h.useMemo(
|
|
22243
22243
|
() => r.find((f) => f.guid === u),
|
|
22244
22244
|
[u]
|
|
@@ -22276,7 +22276,7 @@ const JC = ({
|
|
|
22276
22276
|
) }),
|
|
22277
22277
|
/* @__PURE__ */ t(Dn, { height: "100%", onClick: _ })
|
|
22278
22278
|
] }),
|
|
22279
|
-
c === 1 && /* @__PURE__ */ t(
|
|
22279
|
+
c === 1 && /* @__PURE__ */ t(_0, { budget: e }),
|
|
22280
22280
|
/* @__PURE__ */ t(
|
|
22281
22281
|
ce,
|
|
22282
22282
|
{
|
|
@@ -22289,7 +22289,7 @@ const JC = ({
|
|
|
22289
22289
|
)
|
|
22290
22290
|
] })
|
|
22291
22291
|
] });
|
|
22292
|
-
}),
|
|
22292
|
+
}), h0 = x(() => {
|
|
22293
22293
|
const { selectedAccountGuids: e } = le(), { budgets: n, common: i } = I(), {
|
|
22294
22294
|
dateRange: a,
|
|
22295
22295
|
deleteBudget: o,
|
|
@@ -22333,7 +22333,7 @@ const JC = ({
|
|
|
22333
22333
|
secondaryColor: "error",
|
|
22334
22334
|
secondaryText: n.details_delete_button,
|
|
22335
22335
|
title: n.details_title,
|
|
22336
|
-
children: /* @__PURE__ */ t(
|
|
22336
|
+
children: /* @__PURE__ */ t(u0, { budget: r })
|
|
22337
22337
|
}
|
|
22338
22338
|
),
|
|
22339
22339
|
/* @__PURE__ */ t(
|
|
@@ -22369,7 +22369,7 @@ const JC = ({
|
|
|
22369
22369
|
}
|
|
22370
22370
|
)
|
|
22371
22371
|
] });
|
|
22372
|
-
}),
|
|
22372
|
+
}), g0 = ({ budget: e, onClick: n }) => {
|
|
22373
22373
|
const {
|
|
22374
22374
|
amount: i,
|
|
22375
22375
|
budgetColors: { background: a, description: o },
|
|
@@ -22398,7 +22398,7 @@ const JC = ({
|
|
|
22398
22398
|
}
|
|
22399
22399
|
)
|
|
22400
22400
|
] }) });
|
|
22401
|
-
},
|
|
22401
|
+
}, m0 = x(() => {
|
|
22402
22402
|
const { onEvent: e } = j(), { budgets: n } = I(), { detailedBudgets: i, setSelectedBudget: a } = dt(), o = (r) => {
|
|
22403
22403
|
a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
|
|
22404
22404
|
budget_category: r.category.name,
|
|
@@ -22408,11 +22408,11 @@ const JC = ({
|
|
|
22408
22408
|
return /* @__PURE__ */ l(Nt, { elevation: 2, children: [
|
|
22409
22409
|
/* @__PURE__ */ t(ln, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(lt, { children: n.budget_categories_title }) }),
|
|
22410
22410
|
/* @__PURE__ */ t(Dt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ae, { children: i.map((r) => /* @__PURE__ */ l(h.Fragment, { children: [
|
|
22411
|
-
/* @__PURE__ */ t(
|
|
22411
|
+
/* @__PURE__ */ t(g0, { budget: r, onClick: o }),
|
|
22412
22412
|
/* @__PURE__ */ t(P, {})
|
|
22413
22413
|
] }, r.guid)) }) })
|
|
22414
22414
|
] });
|
|
22415
|
-
}),
|
|
22415
|
+
}), p0 = x(() => {
|
|
22416
22416
|
const e = fe(), { onEvent: n } = j(), { visibleAccounts: i } = Se(), { budgets: a, common: o, recurring: r } = I(), { incomeCategories: s, spendCategories: c } = Ve(), { detailedBudgets: d, totalBudgeted: u } = dt(), { projectedIncome: _ } = Ze(), { setFilter: g } = De(), [m, C] = h.useState(!1), [f, E] = h.useMemo(() => {
|
|
22417
22417
|
const v = c.reduce((B, D) => B + D.totalAmount, 0);
|
|
22418
22418
|
let w = v / u;
|
|
@@ -22566,15 +22566,15 @@ const JC = ({
|
|
|
22566
22566
|
sx: { mr: 24, mt: 48 },
|
|
22567
22567
|
width: G ? "100%" : Ur,
|
|
22568
22568
|
children: [
|
|
22569
|
-
/* @__PURE__ */ t(
|
|
22570
|
-
/* @__PURE__ */ t(
|
|
22569
|
+
/* @__PURE__ */ t(p0, {}),
|
|
22570
|
+
/* @__PURE__ */ t(m0, {})
|
|
22571
22571
|
]
|
|
22572
22572
|
}
|
|
22573
22573
|
)
|
|
22574
22574
|
]
|
|
22575
22575
|
}
|
|
22576
22576
|
),
|
|
22577
|
-
/* @__PURE__ */ t(
|
|
22577
|
+
/* @__PURE__ */ t(h0, {}),
|
|
22578
22578
|
/* @__PURE__ */ t(
|
|
22579
22579
|
ce,
|
|
22580
22580
|
{
|
|
@@ -22582,7 +22582,7 @@ const JC = ({
|
|
|
22582
22582
|
isOpen: L,
|
|
22583
22583
|
onClose: () => U(!1),
|
|
22584
22584
|
title: r.add_new_title,
|
|
22585
|
-
children: /* @__PURE__ */ t(
|
|
22585
|
+
children: /* @__PURE__ */ t(s0, { onRecalculateBudgets: ge })
|
|
22586
22586
|
}
|
|
22587
22587
|
),
|
|
22588
22588
|
/* @__PURE__ */ t(
|
|
@@ -22610,7 +22610,7 @@ const JC = ({
|
|
|
22610
22610
|
]
|
|
22611
22611
|
}
|
|
22612
22612
|
);
|
|
22613
|
-
}),
|
|
22613
|
+
}), C0 = x(() => {
|
|
22614
22614
|
const e = fe(), {
|
|
22615
22615
|
appDataStore: { banner: n, loadBanner: i, user: a }
|
|
22616
22616
|
} = oa();
|
|
@@ -22649,7 +22649,7 @@ const JC = ({
|
|
|
22649
22649
|
)
|
|
22650
22650
|
}
|
|
22651
22651
|
) : null;
|
|
22652
|
-
}),
|
|
22652
|
+
}), f0 = ({ handleConnectClick: e }) => {
|
|
22653
22653
|
const { common: n } = I(), i = an("(max-width: 700px)");
|
|
22654
22654
|
return /* @__PURE__ */ t(O, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
|
|
22655
22655
|
We,
|
|
@@ -22679,7 +22679,7 @@ const JC = ({
|
|
|
22679
22679
|
children: n.add_accounts
|
|
22680
22680
|
}
|
|
22681
22681
|
) });
|
|
22682
|
-
},
|
|
22682
|
+
}, b0 = x(f0), y0 = () => {
|
|
22683
22683
|
const [e, n] = h.useState(!1), { visibleAccounts: i } = Se(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = le(), { common: r, connect: s } = I(), { config: c } = Qn(), { isMobile: d } = Ce(), u = {
|
|
22684
22684
|
accountFilterOptionsCopy: {
|
|
22685
22685
|
accountTypeAccounts: r.account_filter.account_type_accounts,
|
|
@@ -22705,7 +22705,7 @@ const JC = ({
|
|
|
22705
22705
|
/* @__PURE__ */ t(p, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
|
|
22706
22706
|
] }) }),
|
|
22707
22707
|
/* @__PURE__ */ l(y, { flexDirection: "row", children: [
|
|
22708
|
-
c.show_connections_widget_in_master && /* @__PURE__ */ t(
|
|
22708
|
+
c.show_connections_widget_in_master && /* @__PURE__ */ t(b0, { handleConnectClick: () => n(!0) }),
|
|
22709
22709
|
/* @__PURE__ */ t(
|
|
22710
22710
|
vs,
|
|
22711
22711
|
{
|
|
@@ -22734,9 +22734,9 @@ const JC = ({
|
|
|
22734
22734
|
}
|
|
22735
22735
|
)
|
|
22736
22736
|
] });
|
|
22737
|
-
},
|
|
22737
|
+
}, E0 = x(y0);
|
|
22738
22738
|
var Gi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Gi || {});
|
|
22739
|
-
const
|
|
22739
|
+
const S0 = ({ widgets: e, isLoading: n }) => {
|
|
22740
22740
|
const { isDesktop: i, isMobile: a } = Ce(), { copyStore: o } = oa(), { setSelectedAccounts: r } = le(), { visibleAccounts: s } = Se();
|
|
22741
22741
|
h.useEffect(() => {
|
|
22742
22742
|
r(s);
|
|
@@ -22752,9 +22752,9 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22752
22752
|
[c]
|
|
22753
22753
|
);
|
|
22754
22754
|
return /* @__PURE__ */ l(Cn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
|
|
22755
|
-
/* @__PURE__ */ t(Cn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(
|
|
22755
|
+
/* @__PURE__ */ t(Cn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(E0, {}) }),
|
|
22756
22756
|
/* @__PURE__ */ l(Cn, { lg: 8, xs: 12, children: [
|
|
22757
|
-
/* @__PURE__ */ t(
|
|
22757
|
+
/* @__PURE__ */ t(C0, {}),
|
|
22758
22758
|
n && /* @__PURE__ */ l(y, { direction: "column", spacing: 24, children: [
|
|
22759
22759
|
/* @__PURE__ */ t(hn, { height: 100, variant: "rounded", width: "100%" }),
|
|
22760
22760
|
/* @__PURE__ */ t(hn, { height: 300, variant: "rounded", width: "100%" }),
|
|
@@ -22768,7 +22768,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22768
22768
|
/* @__PURE__ */ t(hn, { height: 300, variant: "rounded", width: "100%" })
|
|
22769
22769
|
] }) : /* @__PURE__ */ t(y, { direction: "column", spacing: 24, children: u.map((_) => /* @__PURE__ */ t(h.Fragment, { children: _.component }, _.index)) }) })
|
|
22770
22770
|
] });
|
|
22771
|
-
}, OE = x(
|
|
22771
|
+
}, OE = x(S0), vo = ({ sx: e = {} }) => {
|
|
22772
22772
|
const { investments: n } = I(), { onEvent: i } = j(), { setShowConnectionsWidget: a } = Gn();
|
|
22773
22773
|
return /* @__PURE__ */ l(y, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
|
|
22774
22774
|
/* @__PURE__ */ l(
|
|
@@ -22810,7 +22810,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22810
22810
|
}
|
|
22811
22811
|
)
|
|
22812
22812
|
] });
|
|
22813
|
-
},
|
|
22813
|
+
}, T0 = {
|
|
22814
22814
|
allocations_cash: "#AEDCCC",
|
|
22815
22815
|
allocations_convertible: "#80CAD0",
|
|
22816
22816
|
allocations_foreign_bond: "#51B9D4",
|
|
@@ -22820,7 +22820,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22820
22820
|
allocations_unknown: "#161D6A",
|
|
22821
22821
|
allocations_us_bond: "#254995",
|
|
22822
22822
|
allocations_us_stock: "#1E2D84"
|
|
22823
|
-
},
|
|
22823
|
+
}, A0 = [
|
|
22824
22824
|
{
|
|
22825
22825
|
name: "allocations_cash"
|
|
22826
22826
|
},
|
|
@@ -22848,10 +22848,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22848
22848
|
{
|
|
22849
22849
|
name: "allocations_unknown"
|
|
22850
22850
|
}
|
|
22851
|
-
],
|
|
22851
|
+
], I0 = (e, n, i) => {
|
|
22852
22852
|
const a = n, o = i;
|
|
22853
22853
|
return e >= Math.min(a, o) && e < Math.max(a, o);
|
|
22854
|
-
},
|
|
22854
|
+
}, x0 = (e, n, i) => {
|
|
22855
22855
|
const a = [
|
|
22856
22856
|
...new Set(e.map((s) => s.name.toLowerCase()))
|
|
22857
22857
|
];
|
|
@@ -22868,7 +22868,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22868
22868
|
percentage: c / i
|
|
22869
22869
|
};
|
|
22870
22870
|
});
|
|
22871
|
-
}, Bi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value,
|
|
22871
|
+
}, Bi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, v0 = (e, n, i) => {
|
|
22872
22872
|
const a = Object.values(n.allocations_list), o = [];
|
|
22873
22873
|
let r = 0;
|
|
22874
22874
|
const s = e.map(({ guid: f }) => f), c = i.filter(({ account_guid: f }) => s.includes(f)).map((f) => ({
|
|
@@ -22888,7 +22888,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22888
22888
|
}),
|
|
22889
22889
|
{ marketValue: 0, totalGainLoss: 0 }
|
|
22890
22890
|
), m = _ + d;
|
|
22891
|
-
|
|
22891
|
+
A0.forEach((f, E) => {
|
|
22892
22892
|
const b = c.filter(
|
|
22893
22893
|
(v) => !!v[f.name]
|
|
22894
22894
|
);
|
|
@@ -22896,7 +22896,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22896
22896
|
(v, w) => v + Bi(w) * w[f.name] / 100,
|
|
22897
22897
|
0
|
|
22898
22898
|
);
|
|
22899
|
-
const A =
|
|
22899
|
+
const A = x0(
|
|
22900
22900
|
b,
|
|
22901
22901
|
f.name,
|
|
22902
22902
|
S
|
|
@@ -22918,7 +22918,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22918
22918
|
holdings: A,
|
|
22919
22919
|
percentage: S / m,
|
|
22920
22920
|
value: S,
|
|
22921
|
-
color:
|
|
22921
|
+
color: T0[f.name]
|
|
22922
22922
|
}), r += S);
|
|
22923
22923
|
});
|
|
22924
22924
|
const C = o.map(
|
|
@@ -22937,7 +22937,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
22937
22937
|
totalMarketValue: m,
|
|
22938
22938
|
totalGainLossPercentage: g / u
|
|
22939
22939
|
};
|
|
22940
|
-
}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ai(e), _i = (e) => e === 0 ? H(e, "0,0.00") :
|
|
22940
|
+
}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ai(e), _i = (e) => e === 0 ? H(e, "0,0.00") : I0(e, -0.01, 0.01) ? "< $0.01" : H(e, "0,0.00"), w0 = ({
|
|
22941
22941
|
data: e,
|
|
22942
22942
|
onSelected: n,
|
|
22943
22943
|
selectedId: i,
|
|
@@ -23067,7 +23067,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23067
23067
|
)
|
|
23068
23068
|
] }) : a === 0 && /* @__PURE__ */ t(p, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${_i(e.totalAmount)}` })
|
|
23069
23069
|
] });
|
|
23070
|
-
},
|
|
23070
|
+
}, N0 = ({
|
|
23071
23071
|
data: e,
|
|
23072
23072
|
hoveredId: n,
|
|
23073
23073
|
isPercentage: i,
|
|
@@ -23121,12 +23121,12 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23121
23121
|
] }) }) })
|
|
23122
23122
|
}
|
|
23123
23123
|
);
|
|
23124
|
-
},
|
|
23124
|
+
}, D0 = () => {
|
|
23125
23125
|
const [e, n] = h.useState(0), [i, a] = h.useState(""), [o, r] = h.useState(""), s = (f) => {
|
|
23126
23126
|
i !== f ? a(f) : (a(""), r(""));
|
|
23127
23127
|
}, { selectedAccountGuids: c } = le(), { visibleHoldings: d } = Gn(), { visibleInvestmentAccounts: u } = Se(), {
|
|
23128
23128
|
investments: { allocation: _ }
|
|
23129
|
-
} = I(), g =
|
|
23129
|
+
} = I(), g = v0(
|
|
23130
23130
|
u.filter(({ guid: f }) => c.includes(f)),
|
|
23131
23131
|
_,
|
|
23132
23132
|
d
|
|
@@ -23144,7 +23144,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23144
23144
|
},
|
|
23145
23145
|
children: [
|
|
23146
23146
|
/* @__PURE__ */ t(
|
|
23147
|
-
|
|
23147
|
+
N0,
|
|
23148
23148
|
{
|
|
23149
23149
|
data: g,
|
|
23150
23150
|
hoveredId: o,
|
|
@@ -23162,7 +23162,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23162
23162
|
}
|
|
23163
23163
|
),
|
|
23164
23164
|
/* @__PURE__ */ t(
|
|
23165
|
-
|
|
23165
|
+
w0,
|
|
23166
23166
|
{
|
|
23167
23167
|
data: g,
|
|
23168
23168
|
onSelected: s,
|
|
@@ -23174,7 +23174,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23174
23174
|
]
|
|
23175
23175
|
}
|
|
23176
23176
|
);
|
|
23177
|
-
},
|
|
23177
|
+
}, R0 = x(D0), O0 = ({
|
|
23178
23178
|
analysisDetails: e,
|
|
23179
23179
|
analysisType: n,
|
|
23180
23180
|
copy: i,
|
|
@@ -23263,10 +23263,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23263
23263
|
)
|
|
23264
23264
|
] })
|
|
23265
23265
|
] });
|
|
23266
|
-
},
|
|
23266
|
+
}, L0 = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
|
|
23267
23267
|
/* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n }),
|
|
23268
23268
|
/* @__PURE__ */ t(we, { variant: "ParagraphSmall", children: e })
|
|
23269
|
-
] }),
|
|
23269
|
+
] }), M0 = ({
|
|
23270
23270
|
placement: e = "bottom",
|
|
23271
23271
|
tooltip_info_body: n,
|
|
23272
23272
|
tooltip_info_title: i
|
|
@@ -23275,10 +23275,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23275
23275
|
{
|
|
23276
23276
|
enterTouchDelay: 500,
|
|
23277
23277
|
placement: e,
|
|
23278
|
-
title: /* @__PURE__ */ t(
|
|
23278
|
+
title: /* @__PURE__ */ t(L0, { body: n, title: i }),
|
|
23279
23279
|
children: /* @__PURE__ */ t(We, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(ct, { name: "info", sx: { color: "info.main" } }) })
|
|
23280
23280
|
}
|
|
23281
|
-
),
|
|
23281
|
+
), k0 = () => {
|
|
23282
23282
|
const {
|
|
23283
23283
|
investments: { analysis: e }
|
|
23284
23284
|
} = I(), { analysisChartData: n, analysisDetails: i, analysisType: a, setAnalysisType: o } = Gn(), r = an("(min-width:320px) and (max-width:375px)"), { isMobile: s } = Ce(), d = at().palette.mode === "dark", { cellDimension: u, columns: _, rows: g, textVariant: m } = h.useMemo(() => {
|
|
@@ -23358,7 +23358,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23358
23358
|
children: [
|
|
23359
23359
|
/* @__PURE__ */ t(p, { bold: !0, children: e.invest_analysis }),
|
|
23360
23360
|
/* @__PURE__ */ t(
|
|
23361
|
-
|
|
23361
|
+
M0,
|
|
23362
23362
|
{
|
|
23363
23363
|
tooltip_info_body: e.tooltip_info_body,
|
|
23364
23364
|
tooltip_info_title: e.tooltip_info_title
|
|
@@ -23416,7 +23416,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23416
23416
|
}
|
|
23417
23417
|
),
|
|
23418
23418
|
/* @__PURE__ */ t(
|
|
23419
|
-
|
|
23419
|
+
O0,
|
|
23420
23420
|
{
|
|
23421
23421
|
analysisDetails: i,
|
|
23422
23422
|
analysisType: a,
|
|
@@ -23431,7 +23431,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23431
23431
|
]
|
|
23432
23432
|
}
|
|
23433
23433
|
);
|
|
23434
|
-
},
|
|
23434
|
+
}, G0 = x(k0), B0 = ({
|
|
23435
23435
|
accountHoldingsData: e,
|
|
23436
23436
|
currentEditedCostBasis: n,
|
|
23437
23437
|
editingHoldingId: i,
|
|
@@ -23736,10 +23736,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23736
23736
|
]
|
|
23737
23737
|
}
|
|
23738
23738
|
);
|
|
23739
|
-
},
|
|
23739
|
+
}, P0 = x(B0), Mi = (e) => /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
|
|
23740
23740
|
/* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: e.colDef.headerName }),
|
|
23741
23741
|
/* @__PURE__ */ t(ct, { name: "expand_all", size: 12 })
|
|
23742
|
-
] }),
|
|
23742
|
+
] }), H0 = ({
|
|
23743
23743
|
data: e,
|
|
23744
23744
|
editingHoldingId: n,
|
|
23745
23745
|
currentEditedCostBasis: i,
|
|
@@ -23907,7 +23907,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
23907
23907
|
)
|
|
23908
23908
|
}
|
|
23909
23909
|
);
|
|
23910
|
-
},
|
|
23910
|
+
}, F0 = () => {
|
|
23911
23911
|
const { isMobile: e } = Ce(), [n, i] = Et({}), [a, o] = Et(!1), { selectedAccountGuids: r } = le(), { visibleHoldings: s, updateHoldings: c } = Gn(), [d, u] = h.useState(!1), [_, g] = Et({
|
|
23912
23912
|
accounts: [],
|
|
23913
23913
|
holdings: []
|
|
@@ -24286,7 +24286,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
24286
24286
|
}
|
|
24287
24287
|
),
|
|
24288
24288
|
/* @__PURE__ */ t(Zn, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(St, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
|
|
24289
|
-
|
|
24289
|
+
H0,
|
|
24290
24290
|
{
|
|
24291
24291
|
currentEditedCostBasis: S,
|
|
24292
24292
|
data: ne,
|
|
@@ -24304,7 +24304,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
24304
24304
|
}),
|
|
24305
24305
|
/* @__PURE__ */ t(vo, {}),
|
|
24306
24306
|
/* @__PURE__ */ t(
|
|
24307
|
-
|
|
24307
|
+
P0,
|
|
24308
24308
|
{
|
|
24309
24309
|
accountHoldingsData: _,
|
|
24310
24310
|
currentEditedCostBasis: S,
|
|
@@ -24326,7 +24326,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
24326
24326
|
}
|
|
24327
24327
|
)
|
|
24328
24328
|
] }) : /* @__PURE__ */ t(de, {});
|
|
24329
|
-
},
|
|
24329
|
+
}, W0 = x(F0), $0 = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), LE = x(({ onBackClick: e, sx: n }) => {
|
|
24330
24330
|
const { onEvent: i } = j(), { isMobile: a } = Ce(), { visibleInvestmentAccounts: o } = Se(), {
|
|
24331
24331
|
visibleHoldings: r,
|
|
24332
24332
|
setShowConnectionsWidget: s,
|
|
@@ -24370,7 +24370,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
24370
24370
|
textColor: "primary",
|
|
24371
24371
|
value: A ? -1 : C,
|
|
24372
24372
|
variant: "fullWidth",
|
|
24373
|
-
children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(
|
|
24373
|
+
children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t($0, { title: w }) }, w))
|
|
24374
24374
|
}
|
|
24375
24375
|
),
|
|
24376
24376
|
A ? /* @__PURE__ */ t(
|
|
@@ -24396,9 +24396,9 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
24396
24396
|
}
|
|
24397
24397
|
}
|
|
24398
24398
|
) : /* @__PURE__ */ l(Z, { children: [
|
|
24399
|
-
C === 0 && /* @__PURE__ */ t(
|
|
24400
|
-
C === 1 && /* @__PURE__ */ t(
|
|
24401
|
-
C === 2 && /* @__PURE__ */ t(
|
|
24399
|
+
C === 0 && /* @__PURE__ */ t(W0, {}),
|
|
24400
|
+
C === 1 && /* @__PURE__ */ t(R0, {}),
|
|
24401
|
+
C === 2 && /* @__PURE__ */ t(G0, {})
|
|
24402
24402
|
] })
|
|
24403
24403
|
] }),
|
|
24404
24404
|
/* @__PURE__ */ t(
|
|
@@ -24413,7 +24413,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
|
|
|
24413
24413
|
}
|
|
24414
24414
|
);
|
|
24415
24415
|
});
|
|
24416
|
-
class
|
|
24416
|
+
class U0 {
|
|
24417
24417
|
copyApi = new li("/", "");
|
|
24418
24418
|
copyObject = {};
|
|
24419
24419
|
namespace = "experiences";
|
|
@@ -24459,7 +24459,7 @@ const wo = {
|
|
|
24459
24459
|
MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
|
|
24460
24460
|
}, Wt = window?.app?.clientConfig?.microwidget_instance_id || "", Vr = {
|
|
24461
24461
|
INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
|
|
24462
|
-
}, Oc = (e) => `on${e}Click`, Lc = (e) => `on${e}View`, Mc = (e) => `on${e}ViewFirstTime`, No = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"),
|
|
24462
|
+
}, Oc = (e) => `on${e}Click`, Lc = (e) => `on${e}View`, Mc = (e) => `on${e}ViewFirstTime`, No = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), V0 = () => Object.values(wo).reduce(
|
|
24463
24463
|
(e, n) => ({
|
|
24464
24464
|
...e,
|
|
24465
24465
|
[Oc(n)]: {
|
|
@@ -24470,7 +24470,7 @@ const wo = {
|
|
|
24470
24470
|
}
|
|
24471
24471
|
}),
|
|
24472
24472
|
{}
|
|
24473
|
-
),
|
|
24473
|
+
), K0 = () => Object.values(wo).reduce(
|
|
24474
24474
|
(e, n) => ({
|
|
24475
24475
|
...e,
|
|
24476
24476
|
[Lc(n)]: {
|
|
@@ -24481,7 +24481,7 @@ const wo = {
|
|
|
24481
24481
|
}
|
|
24482
24482
|
}),
|
|
24483
24483
|
{}
|
|
24484
|
-
),
|
|
24484
|
+
), z0 = () => Object.values(wo).reduce(
|
|
24485
24485
|
(e, n) => ({
|
|
24486
24486
|
...e,
|
|
24487
24487
|
[Mc(n)]: {
|
|
@@ -24581,15 +24581,15 @@ const wo = {
|
|
|
24581
24581
|
label: gn.VIEW_MORE,
|
|
24582
24582
|
value: Wt
|
|
24583
24583
|
},
|
|
24584
|
-
...
|
|
24585
|
-
...
|
|
24586
|
-
...
|
|
24584
|
+
...V0(),
|
|
24585
|
+
...K0(),
|
|
24586
|
+
...z0()
|
|
24587
24587
|
}, Yr = async (e, n) => !n || !zr[e] ? null : n.sendAnalyticEvent(zr[e]).then((i) => i).catch((i) => {
|
|
24588
24588
|
throw i;
|
|
24589
24589
|
}), jr = async (e, n) => !n || !Kr[e] ? null : n.sendAnalyticsPageview(Kr[e]).then((i) => i).catch((i) => {
|
|
24590
24590
|
throw i;
|
|
24591
24591
|
});
|
|
24592
|
-
class
|
|
24592
|
+
class Y0 {
|
|
24593
24593
|
onAnalyticEvent = Yr;
|
|
24594
24594
|
onAnalyticPageView = jr;
|
|
24595
24595
|
beatApi = new Kn("/", "");
|
|
@@ -24614,7 +24614,7 @@ class jf {
|
|
|
24614
24614
|
this.beatApi.updateOffer(n);
|
|
24615
24615
|
};
|
|
24616
24616
|
}
|
|
24617
|
-
class
|
|
24617
|
+
class j0 {
|
|
24618
24618
|
copyStore;
|
|
24619
24619
|
endpoint = "/";
|
|
24620
24620
|
insightsMicroWidgetStore;
|
|
@@ -24622,7 +24622,7 @@ class Xf {
|
|
|
24622
24622
|
token = "";
|
|
24623
24623
|
isInitialized = !1;
|
|
24624
24624
|
constructor() {
|
|
24625
|
-
this.copyStore = new
|
|
24625
|
+
this.copyStore = new U0(), this.insightsMicroWidgetStore = new Y0(), Pe(this);
|
|
24626
24626
|
}
|
|
24627
24627
|
initialize = async (n, i, a) => {
|
|
24628
24628
|
await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
|
|
@@ -24632,7 +24632,7 @@ class Xf {
|
|
|
24632
24632
|
});
|
|
24633
24633
|
};
|
|
24634
24634
|
}
|
|
24635
|
-
const vi = h.createContext(null),
|
|
24635
|
+
const vi = h.createContext(null), X0 = ({
|
|
24636
24636
|
onEvent: e,
|
|
24637
24637
|
onPageview: n,
|
|
24638
24638
|
store: i,
|
|
@@ -24769,13 +24769,13 @@ const vi = h.createContext(null), Zf = ({
|
|
|
24769
24769
|
}
|
|
24770
24770
|
);
|
|
24771
24771
|
}
|
|
24772
|
-
),
|
|
24772
|
+
), Z0 = ({ beat: e }) => {
|
|
24773
24773
|
const [n, i] = Et(N.UNCATEGORIZED);
|
|
24774
24774
|
return Mn(() => {
|
|
24775
24775
|
e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
|
|
24776
24776
|
}, []), /* @__PURE__ */ t(Mt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
|
|
24777
|
-
},
|
|
24778
|
-
const n = mt(), i =
|
|
24777
|
+
}, q0 = ({ beat: e }) => {
|
|
24778
|
+
const n = mt(), i = Q0(n);
|
|
24779
24779
|
return /* @__PURE__ */ t(
|
|
24780
24780
|
yn,
|
|
24781
24781
|
{
|
|
@@ -24785,12 +24785,12 @@ const vi = h.createContext(null), Zf = ({
|
|
|
24785
24785
|
size: 16
|
|
24786
24786
|
}
|
|
24787
24787
|
);
|
|
24788
|
-
},
|
|
24788
|
+
}, Q0 = (e) => jt({
|
|
24789
24789
|
marginTop: e.Spacing.XTiny,
|
|
24790
24790
|
"& .kyper-categoryicon": {
|
|
24791
24791
|
display: "flex"
|
|
24792
24792
|
}
|
|
24793
|
-
}),
|
|
24793
|
+
}), J0 = x(q0), ef = ({
|
|
24794
24794
|
color: e = "currentColor",
|
|
24795
24795
|
height: n,
|
|
24796
24796
|
size: i = 16,
|
|
@@ -24816,16 +24816,16 @@ const vi = h.createContext(null), Zf = ({
|
|
|
24816
24816
|
}
|
|
24817
24817
|
)
|
|
24818
24818
|
}
|
|
24819
|
-
),
|
|
24819
|
+
), tf = (e) => e ? e.data ? e.data.map((n) => {
|
|
24820
24820
|
const i = {};
|
|
24821
24821
|
return e.names?.map((a, o) => {
|
|
24822
24822
|
i[a] = n[o];
|
|
24823
24823
|
}), i;
|
|
24824
|
-
}) : [] : [],
|
|
24825
|
-
const i =
|
|
24824
|
+
}) : [] : [], nf = (e, n) => {
|
|
24825
|
+
const i = tf(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
|
|
24826
24826
|
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;
|
|
24827
|
-
},
|
|
24828
|
-
const n = mt(), i =
|
|
24827
|
+
}, af = ({ beat: e }) => {
|
|
24828
|
+
const n = mt(), i = nf(e.data_series, n);
|
|
24829
24829
|
return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
|
|
24830
24830
|
}, Gc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
24831
24831
|
/* @__PURE__ */ t(
|
|
@@ -25610,7 +25610,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25610
25610
|
] })
|
|
25611
25611
|
] }), Xr = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
|
|
25612
25612
|
const o = fe(), r = n?.primary_300 ? n.primary_300 : o.palette.primary.main;
|
|
25613
|
-
return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(
|
|
25613
|
+
return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(Z0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(J0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(af, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
|
|
25614
25614
|
$,
|
|
25615
25615
|
{
|
|
25616
25616
|
fill: !0,
|
|
@@ -25625,7 +25625,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25625
25625
|
if (!e)
|
|
25626
25626
|
throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
|
|
25627
25627
|
return e.store.copyStore;
|
|
25628
|
-
},
|
|
25628
|
+
}, of = () => {
|
|
25629
25629
|
const e = h.useContext(vi);
|
|
25630
25630
|
if (!e?.store?.insightsMicroWidgetStore)
|
|
25631
25631
|
throw new Error(
|
|
@@ -25647,7 +25647,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25647
25647
|
STANDARD: 154,
|
|
25648
25648
|
XLARGE: 200,
|
|
25649
25649
|
XXLARGE: 248
|
|
25650
|
-
},
|
|
25650
|
+
}, rf = 50, Hc = 1, sf = ({
|
|
25651
25651
|
ariaLabel: e,
|
|
25652
25652
|
backgroundColor: n,
|
|
25653
25653
|
beat: i,
|
|
@@ -25664,7 +25664,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25664
25664
|
}) => {
|
|
25665
25665
|
const { ref: C, inView: f } = ps({
|
|
25666
25666
|
threshold: Hc
|
|
25667
|
-
}), { cardsCopy: E } = Rn(), { onEvent: b } = wi(), { updateBeat: S, updateOffer: A } =
|
|
25667
|
+
}), { cardsCopy: E } = Rn(), { onEvent: b } = wi(), { updateBeat: S, updateOffer: A } = of();
|
|
25668
25668
|
Mn(() => {
|
|
25669
25669
|
f && (i.has_been_displayed ? b(Lc(i.template)) : (i.guid.startsWith("OFR") ? A({
|
|
25670
25670
|
...i,
|
|
@@ -25733,7 +25733,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25733
25733
|
widthOverrides: m
|
|
25734
25734
|
}
|
|
25735
25735
|
);
|
|
25736
|
-
},
|
|
25736
|
+
}, cf = ({
|
|
25737
25737
|
clientColorScheme: e,
|
|
25738
25738
|
currentBeatIndex: n,
|
|
25739
25739
|
numBeats: i,
|
|
@@ -25742,7 +25742,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25742
25742
|
scrollRightBoundary: r,
|
|
25743
25743
|
scrollX: s
|
|
25744
25744
|
}) => {
|
|
25745
|
-
const c =
|
|
25745
|
+
const c = lf(), d = at(), { carouselCopy: u } = Rn(), _ = Math.floor(s) > r || n === 0, g = s < 0 || i - 1 === n, m = d.palette.grey[500], C = e?.primary_300 ?? d.palette.primary.main;
|
|
25746
25746
|
return /* @__PURE__ */ l(O, { className: c, children: [
|
|
25747
25747
|
/* @__PURE__ */ t(
|
|
25748
25748
|
We,
|
|
@@ -25789,7 +25789,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25789
25789
|
}
|
|
25790
25790
|
)
|
|
25791
25791
|
] });
|
|
25792
|
-
},
|
|
25792
|
+
}, lf = () => jt({
|
|
25793
25793
|
alignItems: "center",
|
|
25794
25794
|
display: "flex",
|
|
25795
25795
|
justifyContent: "center",
|
|
@@ -25806,7 +25806,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25806
25806
|
// we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
|
|
25807
25807
|
marginRight: 8
|
|
25808
25808
|
}
|
|
25809
|
-
}),
|
|
25809
|
+
}), df = ({
|
|
25810
25810
|
beats: e = [],
|
|
25811
25811
|
clientColorScheme: n,
|
|
25812
25812
|
showCTAColocatedWithText: i,
|
|
@@ -25819,7 +25819,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25819
25819
|
variant: u,
|
|
25820
25820
|
widthOverrides: _
|
|
25821
25821
|
}) => {
|
|
25822
|
-
const g =
|
|
25822
|
+
const g = uf(a, d, _), m = h.useRef(null), [C, f] = h.useState(0), [E, b] = h.useState(null), [S, A] = h.useState(null), { carouselCopy: v } = Rn(), { onEvent: w } = wi(), R = () => {
|
|
25823
25823
|
w($t.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
|
|
25824
25824
|
left: (
|
|
25825
25825
|
// Adds the flex gap to the carousel ref's width
|
|
@@ -25838,7 +25838,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25838
25838
|
m.current && f(m.current.scrollLeft);
|
|
25839
25839
|
}, D = () => {
|
|
25840
25840
|
if (!S || !E) return;
|
|
25841
|
-
S - E >
|
|
25841
|
+
S - E > rf ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
|
|
25842
25842
|
}, G = (te) => {
|
|
25843
25843
|
b(te.targetTouches[0].clientX);
|
|
25844
25844
|
}, L = (te) => {
|
|
@@ -25877,7 +25877,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25877
25877
|
Oe.toString()
|
|
25878
25878
|
), Le = te.micro_title && te.micro_title.length > 0, Tt = te.micro_description && te.micro_description.length > 0, Q = Le ? te.micro_title : te.title, ne = Tt ? te.micro_description : te.description;
|
|
25879
25879
|
return /* @__PURE__ */ t(
|
|
25880
|
-
|
|
25880
|
+
sf,
|
|
25881
25881
|
{
|
|
25882
25882
|
ariaLabel: `${Te}: ${Q}, ${ne}`,
|
|
25883
25883
|
beat: te,
|
|
@@ -25890,7 +25890,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25890
25890
|
);
|
|
25891
25891
|
}),
|
|
25892
25892
|
/* @__PURE__ */ t(
|
|
25893
|
-
|
|
25893
|
+
bf,
|
|
25894
25894
|
{
|
|
25895
25895
|
isActiveCard: ee === e.length,
|
|
25896
25896
|
onCardClick: o,
|
|
@@ -25901,7 +25901,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25901
25901
|
}
|
|
25902
25902
|
),
|
|
25903
25903
|
s && /* @__PURE__ */ t(
|
|
25904
|
-
|
|
25904
|
+
cf,
|
|
25905
25905
|
{
|
|
25906
25906
|
clientColorScheme: n,
|
|
25907
25907
|
currentBeatIndex: ee,
|
|
@@ -25915,7 +25915,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25915
25915
|
]
|
|
25916
25916
|
}
|
|
25917
25917
|
);
|
|
25918
|
-
},
|
|
25918
|
+
}, _f = x(df), uf = (e, n = !0, i) => jt({
|
|
25919
25919
|
alignItems: "center",
|
|
25920
25920
|
boxSizing: "border-box",
|
|
25921
25921
|
display: "flex",
|
|
@@ -25940,7 +25940,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
25940
25940
|
display: "none"
|
|
25941
25941
|
}
|
|
25942
25942
|
}
|
|
25943
|
-
}),
|
|
25943
|
+
}), hf = ({
|
|
25944
25944
|
clientColorScheme: e,
|
|
25945
25945
|
onCardClick: n,
|
|
25946
25946
|
posthog: i,
|
|
@@ -26009,7 +26009,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26009
26009
|
]
|
|
26010
26010
|
}
|
|
26011
26011
|
) : /* @__PURE__ */ t(de, {});
|
|
26012
|
-
},
|
|
26012
|
+
}, gf = x(hf), mf = ({
|
|
26013
26013
|
heightOverrides: e,
|
|
26014
26014
|
widthOverrides: n,
|
|
26015
26015
|
children: i
|
|
@@ -26126,7 +26126,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26126
26126
|
widthOverrides: d
|
|
26127
26127
|
}
|
|
26128
26128
|
);
|
|
26129
|
-
}, kE = x(Wc),
|
|
26129
|
+
}, kE = x(Wc), pf = () => /* @__PURE__ */ t(
|
|
26130
26130
|
O,
|
|
26131
26131
|
{
|
|
26132
26132
|
sx: {
|
|
@@ -26138,7 +26138,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26138
26138
|
},
|
|
26139
26139
|
children: /* @__PURE__ */ t(Va, {})
|
|
26140
26140
|
}
|
|
26141
|
-
), un = new
|
|
26141
|
+
), un = new j0(), Cf = ({
|
|
26142
26142
|
areBeatsLoading: e,
|
|
26143
26143
|
beats: n = [],
|
|
26144
26144
|
// This also determines the length of the carousel controls (beat.length + 1)
|
|
@@ -26193,10 +26193,10 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26193
26193
|
// The Theme provider must wrap the component so that the styles don't break when imported into other applications.
|
|
26194
26194
|
/* @__PURE__ */ l(pl, { theme: R, children: [
|
|
26195
26195
|
/* @__PURE__ */ t(wd, {}),
|
|
26196
|
-
/* @__PURE__ */ t(
|
|
26197
|
-
(e || !un.isInitialized) && /* @__PURE__ */ t(
|
|
26196
|
+
/* @__PURE__ */ t(X0, { onEvent: L, onPageview: U, store: un, children: /* @__PURE__ */ l(mf, { heightOverrides: r, widthOverrides: w, children: [
|
|
26197
|
+
(e || !un.isInitialized) && /* @__PURE__ */ t(pf, {}),
|
|
26198
26198
|
D && C && /* @__PURE__ */ t(
|
|
26199
|
-
|
|
26199
|
+
gf,
|
|
26200
26200
|
{
|
|
26201
26201
|
clientColorScheme: i,
|
|
26202
26202
|
onCardClick: c,
|
|
@@ -26205,7 +26205,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26205
26205
|
}
|
|
26206
26206
|
),
|
|
26207
26207
|
D && !!n.length && /* @__PURE__ */ t(
|
|
26208
|
-
|
|
26208
|
+
_f,
|
|
26209
26209
|
{
|
|
26210
26210
|
beats: n,
|
|
26211
26211
|
clientColorScheme: i,
|
|
@@ -26219,7 +26219,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26219
26219
|
] }) })
|
|
26220
26220
|
] })
|
|
26221
26221
|
);
|
|
26222
|
-
}, GE = x(
|
|
26222
|
+
}, GE = x(Cf), ff = ({
|
|
26223
26223
|
isActiveCard: e,
|
|
26224
26224
|
ariaLabel: n,
|
|
26225
26225
|
clientColorScheme: i,
|
|
@@ -26251,7 +26251,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26251
26251
|
description: m.view_more_card_description,
|
|
26252
26252
|
fontColors: { buttonColor: i?.primary_300 },
|
|
26253
26253
|
heightOverrides: a,
|
|
26254
|
-
icon: /* @__PURE__ */ t(
|
|
26254
|
+
icon: /* @__PURE__ */ t(ef, { color: i?.primary_300 ?? u.palette.primary.main }),
|
|
26255
26255
|
isActiveCard: e,
|
|
26256
26256
|
onCardClick: f,
|
|
26257
26257
|
posthog: r,
|
|
@@ -26262,7 +26262,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26262
26262
|
widthOverrides: d
|
|
26263
26263
|
}
|
|
26264
26264
|
);
|
|
26265
|
-
},
|
|
26265
|
+
}, bf = x(ff), Ia = 5, yf = (e, n) => n.reduce((i, a) => {
|
|
26266
26266
|
if (a.total > 0) {
|
|
26267
26267
|
const o = e.find((u) => u.guid === a.category_guid);
|
|
26268
26268
|
if (!o) return i;
|
|
@@ -26284,7 +26284,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26284
26284
|
}
|
|
26285
26285
|
return i;
|
|
26286
26286
|
}, []), $c = (e, n) => {
|
|
26287
|
-
const i =
|
|
26287
|
+
const i = yf(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, u) => u.amount - d.amount), o = a.reduce(
|
|
26288
26288
|
(d, u) => d + u.amount,
|
|
26289
26289
|
0
|
|
26290
26290
|
), r = a.length > Ia ? Ia : a.length, s = a.slice(0, r), c = s.map((d) => ({
|
|
@@ -26346,7 +26346,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26346
26346
|
}, ji = ({ amount: e, label: n }) => /* @__PURE__ */ l(y, { direction: "column", children: [
|
|
26347
26347
|
/* @__PURE__ */ t(p, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: n }),
|
|
26348
26348
|
/* @__PURE__ */ t(p, { variant: "XSmall", children: H(e, "0,0") })
|
|
26349
|
-
] }),
|
|
26349
|
+
] }), Ef = ({
|
|
26350
26350
|
data: e,
|
|
26351
26351
|
isIncome: n = !1,
|
|
26352
26352
|
onSelected: i,
|
|
@@ -26399,7 +26399,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26399
26399
|
}
|
|
26400
26400
|
)
|
|
26401
26401
|
] }) }) });
|
|
26402
|
-
}, Xi = x(
|
|
26402
|
+
}, Xi = x(Ef), Zr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
|
|
26403
26403
|
y,
|
|
26404
26404
|
{
|
|
26405
26405
|
alignItems: "center",
|
|
@@ -26416,7 +26416,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26416
26416
|
]
|
|
26417
26417
|
},
|
|
26418
26418
|
a.guid
|
|
26419
|
-
)) }),
|
|
26419
|
+
)) }), Sf = () => {
|
|
26420
26420
|
const e = fe(), { spending: n } = I(), { selectedAccounts: i } = le(), {
|
|
26421
26421
|
categories: a,
|
|
26422
26422
|
dateRangeCategoryTotals: o,
|
|
@@ -26511,7 +26511,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26511
26511
|
/* @__PURE__ */ t(Zr, { data: C, onSelected: E, selectedId: d })
|
|
26512
26512
|
] }) })
|
|
26513
26513
|
] }) : /* @__PURE__ */ t(de, { height: 250 });
|
|
26514
|
-
},
|
|
26514
|
+
}, Tf = x(Sf), Af = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
|
|
26515
26515
|
const { spending: i } = I(), { isCopyLoaded: a } = le();
|
|
26516
26516
|
return a ? /* @__PURE__ */ t(
|
|
26517
26517
|
Nn,
|
|
@@ -26521,10 +26521,10 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26521
26521
|
primaryCtaLabel: i.primary_cta,
|
|
26522
26522
|
sx: n,
|
|
26523
26523
|
title: i.mini_title,
|
|
26524
|
-
children: /* @__PURE__ */ t(
|
|
26524
|
+
children: /* @__PURE__ */ t(Tf, {})
|
|
26525
26525
|
}
|
|
26526
26526
|
) : /* @__PURE__ */ t(de, {});
|
|
26527
|
-
}, BE = x(
|
|
26527
|
+
}, BE = x(Af), If = ({
|
|
26528
26528
|
data: e,
|
|
26529
26529
|
onSelected: n,
|
|
26530
26530
|
selectedId: i = "",
|
|
@@ -26603,7 +26603,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26603
26603
|
] }, s.guid)) }),
|
|
26604
26604
|
/* @__PURE__ */ t(p, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${H(e.totalAmount, "0,0")}` })
|
|
26605
26605
|
] });
|
|
26606
|
-
},
|
|
26606
|
+
}, xf = x(If), vf = ({
|
|
26607
26607
|
data: e,
|
|
26608
26608
|
onSelected: n,
|
|
26609
26609
|
onViewTransactions: i,
|
|
@@ -26649,18 +26649,18 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26649
26649
|
variant: "full"
|
|
26650
26650
|
}
|
|
26651
26651
|
),
|
|
26652
|
-
/* @__PURE__ */ t(
|
|
26652
|
+
/* @__PURE__ */ t(xf, { data: e, onSelected: n, selectedId: a, title: o })
|
|
26653
26653
|
]
|
|
26654
26654
|
}
|
|
26655
26655
|
);
|
|
26656
|
-
}, qr = x(
|
|
26656
|
+
}, qr = x(vf), wf = (e) => [
|
|
26657
26657
|
e.palette.chartMono.chartMono5,
|
|
26658
26658
|
e.palette.chartMono.chartMono4,
|
|
26659
26659
|
e.palette.chartMono.chartMono3,
|
|
26660
26660
|
e.palette.chartMono.chartMono2,
|
|
26661
26661
|
e.palette.chartMono.chartMono1,
|
|
26662
26662
|
e.palette.chartMono.chartMono6
|
|
26663
|
-
],
|
|
26663
|
+
], Nf = () => {
|
|
26664
26664
|
const e = cn(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ve(), { spending: o } = I(), { displayedDateRange: r, selectedAccounts: s, selectedAccountGuids: c } = le(), { setFilter: d, sortedTransactions: u } = De(), [_, g] = h.useState(""), [m, C] = h.useState(0), [f, E] = h.useState(""), [b, S] = h.useState(!1);
|
|
26665
26665
|
h.useEffect(() => {
|
|
26666
26666
|
a(
|
|
@@ -26673,7 +26673,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26673
26673
|
() => $c(n, i),
|
|
26674
26674
|
[n, i]
|
|
26675
26675
|
), v = h.useMemo(
|
|
26676
|
-
() => Uc(n, i,
|
|
26676
|
+
() => Uc(n, i, wf(e)),
|
|
26677
26677
|
[n, i]
|
|
26678
26678
|
), w = h.useMemo(
|
|
26679
26679
|
() => u.find((D) => D.guid === f),
|
|
@@ -26774,7 +26774,7 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26774
26774
|
}
|
|
26775
26775
|
)
|
|
26776
26776
|
] });
|
|
26777
|
-
},
|
|
26777
|
+
}, Df = x(Nf), Rf = ({ onBackClick: e, sx: n = {} }) => {
|
|
26778
26778
|
const { visibleAccounts: i } = Se(), { spending: a } = I(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = le(), { onEvent: d } = j(), [u, _] = h.useState(!1);
|
|
26779
26779
|
h.useEffect(() => {
|
|
26780
26780
|
c(i);
|
|
@@ -26793,11 +26793,11 @@ const vi = h.createContext(null), Zf = ({
|
|
|
26793
26793
|
onBackClick: e,
|
|
26794
26794
|
sx: n,
|
|
26795
26795
|
title: a.title,
|
|
26796
|
-
children: /* @__PURE__ */ t(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(
|
|
26796
|
+
children: /* @__PURE__ */ t(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Df, {}) })
|
|
26797
26797
|
}
|
|
26798
26798
|
);
|
|
26799
|
-
}, PE = x(
|
|
26800
|
-
function
|
|
26799
|
+
}, PE = x(Rf), Of = (e) => Tn[e] ?? Tn.default, Lf = (e) => na[e];
|
|
26800
|
+
function Mf(e, n) {
|
|
26801
26801
|
const i = [], a = new Date(e);
|
|
26802
26802
|
for (; a <= n; ) {
|
|
26803
26803
|
const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
|
|
@@ -26805,7 +26805,7 @@ function M0(e, n) {
|
|
|
26805
26805
|
}
|
|
26806
26806
|
return i;
|
|
26807
26807
|
}
|
|
26808
|
-
const
|
|
26808
|
+
const kf = (e) => e.reduce((i, a) => {
|
|
26809
26809
|
const o = {
|
|
26810
26810
|
top_level_category_guid: a.top_level_category_guid,
|
|
26811
26811
|
category_guid: a.category_guid,
|
|
@@ -26813,8 +26813,8 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26813
26813
|
year_month: a.year_month
|
|
26814
26814
|
}, { top_level_category_guid: r, category_guid: s } = o;
|
|
26815
26815
|
return i[s] || (i[s] = []), i[s].push(o), r !== s && (i[r] || (i[r] = []), i[r].push(o)), i;
|
|
26816
|
-
}, {}),
|
|
26817
|
-
const a =
|
|
26816
|
+
}, {}), Gf = (e, n, i) => {
|
|
26817
|
+
const a = kf(e), o = Mf(n, i);
|
|
26818
26818
|
return Object.entries(a).map(([s, c]) => {
|
|
26819
26819
|
const d = c[0].top_level_category_guid, u = o.map((_) => {
|
|
26820
26820
|
const g = c.filter((E) => E.year_month === _).reduce((E, b) => E + Math.abs(b.amount), 0), m = Number(String(_).slice(0, 4)), C = Number(String(_).slice(4));
|
|
@@ -26823,18 +26823,18 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26823
26823
|
return {
|
|
26824
26824
|
top_level_category_guid: d,
|
|
26825
26825
|
category_guid: s,
|
|
26826
|
-
category_name:
|
|
26827
|
-
category_color:
|
|
26826
|
+
category_name: Lf(s),
|
|
26827
|
+
category_color: Of(d),
|
|
26828
26828
|
dataset: u
|
|
26829
26829
|
};
|
|
26830
26830
|
});
|
|
26831
|
-
},
|
|
26831
|
+
}, Bf = (e, n) => {
|
|
26832
26832
|
const i = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof n == "string" ? parseFloat(n.replace(/[^0-9.-]+/g, "")) : n;
|
|
26833
26833
|
return (i || 0) - (a || 0);
|
|
26834
|
-
},
|
|
26834
|
+
}, Pf = (e) => {
|
|
26835
26835
|
const n = e.row[e.field];
|
|
26836
26836
|
return /* @__PURE__ */ t(y, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t(Ue, { amount: n, variant: "Small" }) });
|
|
26837
|
-
},
|
|
26837
|
+
}, Hf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
|
|
26838
26838
|
const { categories: i } = I(), a = na[e];
|
|
26839
26839
|
return /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "center", children: [
|
|
26840
26840
|
/* @__PURE__ */ t(
|
|
@@ -26847,20 +26847,20 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26847
26847
|
),
|
|
26848
26848
|
/* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
|
|
26849
26849
|
] });
|
|
26850
|
-
},
|
|
26851
|
-
|
|
26850
|
+
}, Ff = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
|
|
26851
|
+
Hf,
|
|
26852
26852
|
{
|
|
26853
26853
|
categoryGuid: e.row.category,
|
|
26854
26854
|
topLevelCategoryGuid: e.row.top_level_category_guid
|
|
26855
26855
|
}
|
|
26856
|
-
) }),
|
|
26856
|
+
) }), Wf = (e, n) => {
|
|
26857
26857
|
const i = [], a = new Date(e);
|
|
26858
26858
|
for (; a <= n; ) {
|
|
26859
26859
|
const o = re(a, ie.MONTH);
|
|
26860
26860
|
i.push(o), a.setMonth(a.getMonth() + 1);
|
|
26861
26861
|
}
|
|
26862
26862
|
return i;
|
|
26863
|
-
}, $
|
|
26863
|
+
}, $f = ({
|
|
26864
26864
|
monthlyCategoryTotals: e,
|
|
26865
26865
|
selectedDateRange: n,
|
|
26866
26866
|
selectedCategory: i,
|
|
@@ -26870,13 +26870,13 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26870
26870
|
}) => {
|
|
26871
26871
|
const { onEvent: s } = j(), c = re(/* @__PURE__ */ new Date(), ie.MONTH_SHORT), [d, u] = h.useState([
|
|
26872
26872
|
{ field: c, sort: "desc" }
|
|
26873
|
-
]), _ = h.useMemo(() =>
|
|
26873
|
+
]), _ = h.useMemo(() => Wf(n.start, n.end), [n]), g = [
|
|
26874
26874
|
{
|
|
26875
26875
|
field: "category",
|
|
26876
26876
|
headerName: "Category",
|
|
26877
26877
|
minWidth: 175,
|
|
26878
26878
|
renderHeader: Ft,
|
|
26879
|
-
renderCell:
|
|
26879
|
+
renderCell: Ff,
|
|
26880
26880
|
sortable: !0,
|
|
26881
26881
|
type: "string"
|
|
26882
26882
|
},
|
|
@@ -26886,13 +26886,13 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26886
26886
|
headerName: C,
|
|
26887
26887
|
minWidth: 75,
|
|
26888
26888
|
renderHeader: Ft,
|
|
26889
|
-
renderCell:
|
|
26889
|
+
renderCell: Pf,
|
|
26890
26890
|
align: "right",
|
|
26891
26891
|
headerAlign: "right",
|
|
26892
26892
|
sortable: !0,
|
|
26893
26893
|
hideSortIcons: !1,
|
|
26894
26894
|
type: "number",
|
|
26895
|
-
sortComparator:
|
|
26895
|
+
sortComparator: Bf
|
|
26896
26896
|
})
|
|
26897
26897
|
)
|
|
26898
26898
|
], m = h.useMemo(() => {
|
|
@@ -26934,9 +26934,9 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26934
26934
|
sortingOrder: ["asc", "desc"]
|
|
26935
26935
|
}
|
|
26936
26936
|
) });
|
|
26937
|
-
},
|
|
26937
|
+
}, Uf = {
|
|
26938
26938
|
title: "Transaction List"
|
|
26939
|
-
},
|
|
26939
|
+
}, Vf = ({
|
|
26940
26940
|
categoryGuid: e,
|
|
26941
26941
|
dateRange: n,
|
|
26942
26942
|
isOpen: i,
|
|
@@ -26959,16 +26959,16 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26959
26959
|
ariaLabelClose: s.close_aria,
|
|
26960
26960
|
isOpen: i,
|
|
26961
26961
|
onClose: m,
|
|
26962
|
-
title:
|
|
26962
|
+
title: Uf.title,
|
|
26963
26963
|
children: [
|
|
26964
26964
|
g && /* @__PURE__ */ t(ei, { transaction: g }),
|
|
26965
26965
|
!g && /* @__PURE__ */ t(Dn, { onClick: _ })
|
|
26966
26966
|
]
|
|
26967
26967
|
}
|
|
26968
26968
|
);
|
|
26969
|
-
},
|
|
26969
|
+
}, Kf = x(Vf), zf = {
|
|
26970
26970
|
view_transactions: "View Transactions"
|
|
26971
|
-
},
|
|
26971
|
+
}, Yf = ({ onBackClick: e, sx: n }) => {
|
|
26972
26972
|
const i = at(), { onEvent: a } = j(), { isDesktop: o, isTablet: r, isMobile: s } = Ce(), { visibleAccounts: c } = Se(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: u, getCategoryName: _ } = Ve(), { sortedTransactions: g } = De(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: E } = le(), { trends: b } = I(), S = i.palette.mode === "dark", [A, v] = h.useState(!1), [w, R] = h.useState(!1), [k, B] = h.useState("Chart"), [D, G] = h.useState(""), [L, U] = h.useState({
|
|
26973
26973
|
start: $o(Qe(Kt(/* @__PURE__ */ new Date(), 6)), 1),
|
|
26974
26974
|
end: Qe(/* @__PURE__ */ new Date())
|
|
@@ -26986,7 +26986,7 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
26986
26986
|
}, [C, f, L]);
|
|
26987
26987
|
const ee = h.useMemo(() => {
|
|
26988
26988
|
if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
|
|
26989
|
-
const ne =
|
|
26989
|
+
const ne = Gf(
|
|
26990
26990
|
u,
|
|
26991
26991
|
L.start,
|
|
26992
26992
|
L.end
|
|
@@ -27117,7 +27117,7 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
27117
27117
|
/* @__PURE__ */ t($, { name: "arrow_back" }),
|
|
27118
27118
|
b.all_categories
|
|
27119
27119
|
] }) }),
|
|
27120
|
-
/* @__PURE__ */ t(J, { onClick: () => R(!0), sx: { px: 5 }, children: `${
|
|
27120
|
+
/* @__PURE__ */ t(J, { onClick: () => R(!0), sx: { px: 5 }, children: `${zf.view_transactions} (${g.length})` })
|
|
27121
27121
|
] }),
|
|
27122
27122
|
/* @__PURE__ */ l(O, { children: [
|
|
27123
27123
|
k === "Chart" && /* @__PURE__ */ t(
|
|
@@ -27132,7 +27132,7 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
27132
27132
|
}
|
|
27133
27133
|
),
|
|
27134
27134
|
k === "Table" && /* @__PURE__ */ t(
|
|
27135
|
-
$
|
|
27135
|
+
$f,
|
|
27136
27136
|
{
|
|
27137
27137
|
monthlyCategoryTotals: u,
|
|
27138
27138
|
onClickRow: Oe,
|
|
@@ -27145,7 +27145,7 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
27145
27145
|
}
|
|
27146
27146
|
),
|
|
27147
27147
|
/* @__PURE__ */ t(
|
|
27148
|
-
|
|
27148
|
+
Kf,
|
|
27149
27149
|
{
|
|
27150
27150
|
categoryGuid: D,
|
|
27151
27151
|
dateRange: L,
|
|
@@ -27156,7 +27156,7 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
27156
27156
|
]
|
|
27157
27157
|
}
|
|
27158
27158
|
);
|
|
27159
|
-
}, HE = x(
|
|
27159
|
+
}, HE = x(Yf), jf = () => {
|
|
27160
27160
|
const e = at(), { monthlyCategoryTotals: n } = Ve(), { trends: i } = I(), a = Yg(n);
|
|
27161
27161
|
return /* @__PURE__ */ t(
|
|
27162
27162
|
to,
|
|
@@ -27172,7 +27172,7 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
27172
27172
|
useCustomMark: !0
|
|
27173
27173
|
}
|
|
27174
27174
|
);
|
|
27175
|
-
},
|
|
27175
|
+
}, Xf = x(jf), Zf = ({ onPrimaryCtaClick: e, sx: n }) => {
|
|
27176
27176
|
const { loadMonthlyCategoryTotals: i, monthlyTotalsLoaded: a } = Ve(), { isInitialized: o } = oa(), { trends: r } = I(), { isCopyLoaded: s, selectedAccounts: c } = le();
|
|
27177
27177
|
return h.useEffect(() => {
|
|
27178
27178
|
o && i(c).finally();
|
|
@@ -27184,10 +27184,10 @@ const k0 = (e) => e.reduce((i, a) => {
|
|
|
27184
27184
|
subTitle: r.sub_title,
|
|
27185
27185
|
sx: n,
|
|
27186
27186
|
title: r.mini_title,
|
|
27187
|
-
children: a ? /* @__PURE__ */ t(
|
|
27187
|
+
children: a ? /* @__PURE__ */ t(Xf, {}) : /* @__PURE__ */ t(de, {})
|
|
27188
27188
|
}
|
|
27189
27189
|
) : /* @__PURE__ */ t(de, {});
|
|
27190
|
-
}, FE = x(
|
|
27190
|
+
}, FE = x(Zf);
|
|
27191
27191
|
export {
|
|
27192
27192
|
W as ANALYTICS_EVENTS,
|
|
27193
27193
|
Hr as AccountApi,
|
|
@@ -27206,17 +27206,17 @@ export {
|
|
|
27206
27206
|
Js as AddRecurringTransactionDetails,
|
|
27207
27207
|
Qd as AnalyticsApi,
|
|
27208
27208
|
M as ApiEndpoints,
|
|
27209
|
-
|
|
27209
|
+
j0 as AppStore,
|
|
27210
27210
|
zo as BannerApi,
|
|
27211
27211
|
J4 as BarChart,
|
|
27212
27212
|
Kn as BeatApi,
|
|
27213
|
-
|
|
27213
|
+
sf as BeatCard,
|
|
27214
27214
|
ki as BottomActions,
|
|
27215
27215
|
DE as BubbleBudgetsMiniWidget,
|
|
27216
27216
|
RE as BubbleBudgetsWidget,
|
|
27217
27217
|
p_ as Calendar,
|
|
27218
27218
|
ws as CalendarSelectionTypes,
|
|
27219
|
-
|
|
27219
|
+
gf as CarouselHeader,
|
|
27220
27220
|
_E as CashflowApi,
|
|
27221
27221
|
aE as CashflowMiniWidget,
|
|
27222
27222
|
Og as CashflowOnboarding,
|
|
@@ -27231,7 +27231,7 @@ export {
|
|
|
27231
27231
|
_h as CategorySelector,
|
|
27232
27232
|
ca as CategorySelectorDrawer,
|
|
27233
27233
|
ph as CategoryStore,
|
|
27234
|
-
|
|
27234
|
+
ef as ChartFilledIcon,
|
|
27235
27235
|
Ps as ConnectCard,
|
|
27236
27236
|
Wn as ConnectDrawer,
|
|
27237
27237
|
wE as ConnectMiniWidget,
|
|
@@ -27278,7 +27278,7 @@ export {
|
|
|
27278
27278
|
In as IconBacking,
|
|
27279
27279
|
ro as InformationTooltip,
|
|
27280
27280
|
GE as InsightsMicroWidget,
|
|
27281
|
-
|
|
27281
|
+
X0 as InsightsMicroWidgetDataProvider,
|
|
27282
27282
|
LE as InvestmentsWidget,
|
|
27283
27283
|
Hd as IterationItemTypes,
|
|
27284
27284
|
K4 as LOADING_STATUS,
|
|
@@ -27294,11 +27294,11 @@ export {
|
|
|
27294
27294
|
Ip as MerchantStore,
|
|
27295
27295
|
It as MetaType,
|
|
27296
27296
|
fs as MfaStatuses,
|
|
27297
|
-
|
|
27297
|
+
_f as MicroBeatCarousel,
|
|
27298
27298
|
ha as MicroInsightCard,
|
|
27299
27299
|
Gs as MicroWidgetContainer,
|
|
27300
27300
|
Nn as MiniWidgetContainer,
|
|
27301
|
-
|
|
27301
|
+
af as MonthlySpendComparisonIcon,
|
|
27302
27302
|
nE as MultiSegmentDonut,
|
|
27303
27303
|
vp as NetWorthChart,
|
|
27304
27304
|
Rp as NetWorthList,
|
|
@@ -27378,7 +27378,7 @@ export {
|
|
|
27378
27378
|
Ca as UserApi,
|
|
27379
27379
|
dC as UserStore,
|
|
27380
27380
|
Su as UserVerification,
|
|
27381
|
-
|
|
27381
|
+
bf as ViewMoreMicroCard,
|
|
27382
27382
|
Xo as WidgetApi,
|
|
27383
27383
|
bt as WidgetContainer,
|
|
27384
27384
|
Ds as WidgetContainerContext,
|