@mx-cartographer/experiences 9.7.95 → 9.7.97-alpha-harini-mos-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/core/types/localization/InsightsFeedCopy.d.ts +3 -3
- package/dist/insights/components/shared/Charts/BarChart/ChartLegendV2.es.js +20 -24
- package/dist/insights/components/shared/Charts/BarChart/ChartLegendV2.es.js.map +1 -1
- package/dist/insights/types/Charts/BarChart.d.ts +1 -0
- package/dist/insights-v2/actionBlocks/AccountListBlock/AccountListBlock.d.ts +5 -4
- package/dist/insights-v2/actionBlocks/AccountListBlock/AccountListBlock.es.js +25 -24
- package/dist/insights-v2/actionBlocks/AccountListBlock/AccountListBlock.es.js.map +1 -1
- package/dist/insights-v2/actionBlocks/AccountListBlock/AccountListContent.d.ts +2 -2
- package/dist/insights-v2/actionBlocks/AccountListBlock/AccountListContent.es.js +49 -69
- package/dist/insights-v2/actionBlocks/AccountListBlock/AccountListContent.es.js.map +1 -1
- package/dist/insights-v2/actionBlocks/AccountListBlock/layout.d.ts +25 -8
- package/dist/insights-v2/actionBlocks/AccountListBlock/layout.es.js +33 -17
- package/dist/insights-v2/actionBlocks/AccountListBlock/layout.es.js.map +1 -1
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js +25 -24
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js.map +1 -1
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.d.ts +1 -0
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.es.js +7 -4
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.es.js.map +1 -1
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/utils.d.ts +1 -0
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/utils.es.js +29 -21
- package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/utils.es.js.map +1 -1
- package/dist/insights-v2/components/BaseLayout.es.js +13 -13
- package/dist/insights-v2/components/BaseLayout.es.js.map +1 -1
- package/dist/insights-v2/components/chartblocks/BarchartV2.d.ts +1 -1
- package/dist/insights-v2/components/chartblocks/BarchartV2.es.js +24 -24
- package/dist/insights-v2/components/chartblocks/BarchartV2.es.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
## [9.7.98] - 11-04-2026
|
|
2
|
+
|
|
3
|
+
- **CHANGED** - Monthly Obligations Status drawer (WEC-2115): `AccountListBlock` is now a reusable block — its "How is this calculated?" breakdown renders from a generic row list, and the figures are read from the opened CTA's `drilldown_data` (ditto's `monthly_obligations` recipe on `account_list_block`) instead of the card-level `drilldown_data` tupac no longer sends. The calculation moves to the 3-value model matching Figma: **Available Funds − Planned Expenses = Total Remaining** (was the 4-value current-cash / estimated-income / recurring-expenses breakdown); the `account_list` copy keys change accordingly. The accounts list, totals and wiring are unchanged. **Breaking / deploy order:** `AccountListCopy` now requires `available_funds` and `planned_expenses` and treats `remaining` as "Total Remaining", so host apps must serve the new `account_list` copy (mr_copy / mrs_content) and ditto must serve the `monthly_obligations` recipe (ditto ≥ 1.7.45, !103) before this ships — otherwise the breakdown labels resolve blank and the figures are absent.
|
|
4
|
+
|
|
5
|
+
## [9.7.97] - 11-03-2026
|
|
6
|
+
|
|
7
|
+
- **ADDED** - HSA Deposit beat on Insights 2.0: the `with_header_footer` transaction card whose CTA opens Transaction Details for one deposit and the Transaction List for several (WEC-2214)
|
|
8
|
+
- **FIXED** - `BaseLayout` no longer throws on a `null` primary or secondary CTA (WEC-2214)
|
|
9
|
+
|
|
10
|
+
## [9.7.96] - 11-03-2026
|
|
11
|
+
|
|
12
|
+
- **FIXED** - Monthly Spend legend drops amount (MEW2-3428)
|
|
13
|
+
|
|
1
14
|
## [9.7.95] - 11-03-2026
|
|
2
15
|
|
|
3
16
|
- **FIXED** - 20px Transaction Details category icon (MEW2-3427)
|
|
@@ -419,9 +419,9 @@ export interface AccountListCopy {
|
|
|
419
419
|
/** Drawer title. */
|
|
420
420
|
title: string;
|
|
421
421
|
how_is_this_calculated: string;
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
422
|
+
available_funds: string;
|
|
423
|
+
planned_expenses: string;
|
|
424
|
+
/** The emphasised "Total Remaining" row. */
|
|
425
425
|
remaining: string;
|
|
426
426
|
accounts_header: string;
|
|
427
427
|
total_balance: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Text as
|
|
3
|
-
import { jsx as
|
|
4
|
-
import { useTheme as
|
|
5
|
-
var
|
|
6
|
-
const
|
|
7
|
-
return /* @__PURE__ */
|
|
1
|
+
import t from "@mui/material/Stack";
|
|
2
|
+
import { Text as h } from "@mxenabled/mxui";
|
|
3
|
+
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
import { useTheme as o } from "@mui/material/styles";
|
|
5
|
+
var w = ({ color: n, legendStyle: c = {}, monthlyAmount: a, monthlyAmountLabel: i, trendAmount: d, trendAmountLabel: l }) => {
|
|
6
|
+
const g = o();
|
|
7
|
+
return /* @__PURE__ */ r(t, {
|
|
8
8
|
sx: {
|
|
9
9
|
alignItems: "center",
|
|
10
10
|
flexDirection: "row",
|
|
@@ -12,60 +12,56 @@ var m = ({ color: n, legendStyle: h = {}, monthlyAmount: c, monthlyAmountLabel:
|
|
|
12
12
|
justifyContent: "flex-start",
|
|
13
13
|
py: 4,
|
|
14
14
|
width: "100%",
|
|
15
|
-
...
|
|
15
|
+
...c
|
|
16
16
|
},
|
|
17
|
-
children: [
|
|
17
|
+
children: [i && /* @__PURE__ */ r(t, {
|
|
18
18
|
sx: {
|
|
19
19
|
alignItems: "center",
|
|
20
20
|
flexDirection: "row",
|
|
21
21
|
gap: 8
|
|
22
22
|
},
|
|
23
|
-
children: [/* @__PURE__ */
|
|
23
|
+
children: [/* @__PURE__ */ e("svg", {
|
|
24
24
|
"aria-hidden": "true",
|
|
25
25
|
"aria-labelledby": "chartLegendLabel",
|
|
26
26
|
fill: "none",
|
|
27
27
|
height: "12",
|
|
28
28
|
role: "figure",
|
|
29
29
|
width: "12",
|
|
30
|
-
children: /* @__PURE__ */
|
|
30
|
+
children: /* @__PURE__ */ e("rect", {
|
|
31
31
|
fill: n,
|
|
32
32
|
height: "12",
|
|
33
33
|
rx: "2",
|
|
34
34
|
width: "12"
|
|
35
35
|
})
|
|
36
|
-
}), /* @__PURE__ */ e(
|
|
36
|
+
}), /* @__PURE__ */ e(h, {
|
|
37
37
|
id: "chartLegendLabel",
|
|
38
38
|
variant: "caption",
|
|
39
|
-
children:
|
|
40
|
-
t,
|
|
41
|
-
": ",
|
|
42
|
-
c
|
|
43
|
-
]
|
|
39
|
+
children: a ? `${i}: ${a}` : i
|
|
44
40
|
})]
|
|
45
|
-
}),
|
|
41
|
+
}), l && /* @__PURE__ */ r(t, {
|
|
46
42
|
sx: {
|
|
47
43
|
alignItems: "center",
|
|
48
44
|
flexDirection: "row",
|
|
49
45
|
gap: 8
|
|
50
46
|
},
|
|
51
|
-
children: [/* @__PURE__ */
|
|
47
|
+
children: [/* @__PURE__ */ e("svg", {
|
|
52
48
|
"aria-hidden": "true",
|
|
53
49
|
"aria-labelledby": "chartLegendLabel",
|
|
54
50
|
fill: "none",
|
|
55
51
|
height: "12",
|
|
56
52
|
role: "figure",
|
|
57
53
|
width: "12",
|
|
58
|
-
children: /* @__PURE__ */
|
|
59
|
-
fill:
|
|
54
|
+
children: /* @__PURE__ */ e("rect", {
|
|
55
|
+
fill: g.palette.chart.chart7,
|
|
60
56
|
height: "12",
|
|
61
57
|
rx: "2",
|
|
62
58
|
width: "12"
|
|
63
59
|
})
|
|
64
|
-
}), /* @__PURE__ */
|
|
60
|
+
}), /* @__PURE__ */ r(h, {
|
|
65
61
|
id: "chartLegendLabel",
|
|
66
62
|
variant: "caption",
|
|
67
63
|
children: [
|
|
68
|
-
|
|
64
|
+
l,
|
|
69
65
|
": ",
|
|
70
66
|
d
|
|
71
67
|
]
|
|
@@ -74,7 +70,7 @@ var m = ({ color: n, legendStyle: h = {}, monthlyAmount: c, monthlyAmountLabel:
|
|
|
74
70
|
});
|
|
75
71
|
};
|
|
76
72
|
export {
|
|
77
|
-
|
|
73
|
+
w as LegendV2
|
|
78
74
|
};
|
|
79
75
|
|
|
80
76
|
//# sourceMappingURL=ChartLegendV2.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLegendV2.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/Charts/BarChart/ChartLegendV2.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { type SxProps } from '@mui/material/styles'\n\nexport interface LegendV2Props {\n color: string\n legendStyle?: SxProps\n monthlyAmount?: string\n monthlyAmountLabel?: string\n trendAmount?: string\n trendAmountLabel?: string\n}\n\nexport const LegendV2 = ({\n color,\n legendStyle = {},\n monthlyAmount,\n monthlyAmountLabel,\n trendAmount,\n trendAmountLabel,\n}: LegendV2Props) => {\n const theme = useTheme()\n\n return (\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n gap: 24,\n justifyContent: 'flex-start',\n py: 4,\n width: '100%',\n ...legendStyle,\n }}\n >\n {monthlyAmountLabel && (\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n <svg\n aria-hidden=\"true\"\n aria-labelledby=\"chartLegendLabel\"\n fill=\"none\"\n height=\"12\"\n role=\"figure\"\n width=\"12\"\n >\n <rect fill={color} height=\"12\" rx=\"2\" width=\"12\" />\n </svg>\n <Text id=\"chartLegendLabel\" variant=\"caption\">\n {monthlyAmountLabel}: {monthlyAmount}\n </Text>\n </Stack>\n )}\n\n {trendAmountLabel && (\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n <svg\n aria-hidden=\"true\"\n aria-labelledby=\"chartLegendLabel\"\n fill=\"none\"\n height=\"12\"\n role=\"figure\"\n width=\"12\"\n >\n <rect fill={theme.palette.chart.chart7} height=\"12\" rx=\"2\" width=\"12\" />\n </svg>\n <Text id=\"chartLegendLabel\" variant=\"caption\">\n {trendAmountLabel}: {trendAmount}\n </Text>\n </Stack>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;;AAeA,IAAa,IAAA,CAAY,EACvB,OAAA,GACA,aAAA,IAAc,CAAC,GACf,eAAA,GACA,oBAAA,GACA,aAAA,GACA,kBAAA,EAAA,MACmB;AACnB,QAAM,IAAQ,EAAS;AAEvB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,KAAK;AAAA,MACL,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,IATF,UAAA,CAWG,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,eAAe;AAAA,QAAO,KAAK;AAAA,MAAE;AAAA,MAAhE,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,QACE,eAAY;AAAA,QACZ,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACL,QAAO;AAAA,QACP,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAA,EAAC,QAAD;AAAA,UAAM,MAAM;AAAA,UAAO,QAAO;AAAA,UAAK,IAAG;AAAA,UAAI,OAAM;AAAA,QAAM,CAAA;AAAA,MAC/C,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAG;AAAA,QAAmB,SAAQ;AAAA,
|
|
1
|
+
{"version":3,"file":"ChartLegendV2.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/Charts/BarChart/ChartLegendV2.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { type SxProps } from '@mui/material/styles'\n\nexport interface LegendV2Props {\n color: string\n legendStyle?: SxProps\n monthlyAmount?: string\n monthlyAmountLabel?: string\n trendAmount?: string\n trendAmountLabel?: string\n}\n\nexport const LegendV2 = ({\n color,\n legendStyle = {},\n monthlyAmount,\n monthlyAmountLabel,\n trendAmount,\n trendAmountLabel,\n}: LegendV2Props) => {\n const theme = useTheme()\n\n return (\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n gap: 24,\n justifyContent: 'flex-start',\n py: 4,\n width: '100%',\n ...legendStyle,\n }}\n >\n {monthlyAmountLabel && (\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n <svg\n aria-hidden=\"true\"\n aria-labelledby=\"chartLegendLabel\"\n fill=\"none\"\n height=\"12\"\n role=\"figure\"\n width=\"12\"\n >\n <rect fill={color} height=\"12\" rx=\"2\" width=\"12\" />\n </svg>\n <Text id=\"chartLegendLabel\" variant=\"caption\">\n {monthlyAmount ? `${monthlyAmountLabel}: ${monthlyAmount}` : monthlyAmountLabel}\n </Text>\n </Stack>\n )}\n\n {trendAmountLabel && (\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n <svg\n aria-hidden=\"true\"\n aria-labelledby=\"chartLegendLabel\"\n fill=\"none\"\n height=\"12\"\n role=\"figure\"\n width=\"12\"\n >\n <rect fill={theme.palette.chart.chart7} height=\"12\" rx=\"2\" width=\"12\" />\n </svg>\n <Text id=\"chartLegendLabel\" variant=\"caption\">\n {trendAmountLabel}: {trendAmount}\n </Text>\n </Stack>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;;AAeA,IAAa,IAAA,CAAY,EACvB,OAAA,GACA,aAAA,IAAc,CAAC,GACf,eAAA,GACA,oBAAA,GACA,aAAA,GACA,kBAAA,EAAA,MACmB;AACnB,QAAM,IAAQ,EAAS;AAEvB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,KAAK;AAAA,MACL,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,IATF,UAAA,CAWG,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,eAAe;AAAA,QAAO,KAAK;AAAA,MAAE;AAAA,MAAhE,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,QACE,eAAY;AAAA,QACZ,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACL,QAAO;AAAA,QACP,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAA,EAAC,QAAD;AAAA,UAAM,MAAM;AAAA,UAAO,QAAO;AAAA,UAAK,IAAG;AAAA,UAAI,OAAM;AAAA,QAAM,CAAA;AAAA,MAC/C,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAG;AAAA,QAAmB,SAAQ;AAAA,QACjC,UAAA,IAAgB,GAAG,CAAA,KAAuB,CAAA,KAAkB;AAAA,MACzD,CAAA,CACD;AAAA,IAGR,CAAA,GAAA,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,eAAe;AAAA,QAAO,KAAK;AAAA,MAAE;AAAA,MAAhE,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,QACE,eAAY;AAAA,QACZ,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACL,QAAO;AAAA,QACP,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAA,EAAC,QAAD;AAAA,UAAM,MAAM,EAAM,QAAQ,MAAM;AAAA,UAAQ,QAAO;AAAA,UAAK,IAAG;AAAA,UAAI,OAAM;AAAA,QAAM,CAAA;AAAA,MACpE,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAG;AAAA,QAAmB,SAAQ;AAAA,QAApC,UAAA;AAAA,UACG;AAAA,UAAiB;AAAA,UAAG;AAAA,QACjB;AAAA,MACD,CAAA,CAAA;AAAA,IAEJ,CAAA,CAAA;AAAA;AAEX"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ActionBlockProps } from '../../mappings/blocks';
|
|
2
2
|
/**
|
|
3
|
-
* Account List drawer (MEW2-3363): the beat's calculation
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
3
|
+
* Account List drawer (MEW2-3363): the beat's calculation plus the accounts behind it from the
|
|
4
|
+
* account store, largest balance first, with their total. Reusable across insights — the calculation
|
|
5
|
+
* is read from whichever CTA opened the drawer (`getDynamicCtaBasedOnTriggers`), whose `drilldown_data`
|
|
6
|
+
* tupac fills from ditto's `*_cta_drilldown_data` recipe; nothing is tied to one CTA kind. `observer`:
|
|
7
|
+
* reads copy, accounts and the open drawer from MobX stores.
|
|
7
8
|
*/
|
|
8
9
|
export declare const AccountListBlock: (({ beat }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
9
10
|
displayName: string;
|
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useAccountStore as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
1
|
+
import _ from "../../../common/utils/AccountDisplayName.es.js";
|
|
2
|
+
import { useAccountStore as h, useGlobalCopyStore as A, useGlobalStore as S, useInsightsV2Store as b } from "../../../common/context/hooks.es.js";
|
|
3
|
+
import s from "../../../common/components/Loader.es.js";
|
|
4
|
+
import { getDynamicCtaBasedOnTriggers as w } from "../util.es.js";
|
|
5
|
+
import B from "./AccountListContent.es.js";
|
|
6
|
+
import { buildSummary as v, lastFour as C, resolveBeatAccounts as L, sumBalances as x } from "./layout.es.js";
|
|
7
|
+
import { observer as k } from "mobx-react-lite";
|
|
8
|
+
import D from "@mui/material/Stack";
|
|
9
|
+
import { Text as F } from "@mxenabled/mxui";
|
|
9
10
|
import { jsx as t } from "react/jsx-runtime";
|
|
10
|
-
var
|
|
11
|
+
var G = (o) => ({
|
|
11
12
|
balance: o.balance ?? 0,
|
|
12
13
|
guid: o.guid,
|
|
13
14
|
institutionGuid: o.institution_guid ?? "",
|
|
14
|
-
lastFour:
|
|
15
|
-
name:
|
|
16
|
-
}),
|
|
17
|
-
const { copyStore:
|
|
18
|
-
if (!
|
|
19
|
-
if (!
|
|
15
|
+
lastFour: C(o.account_number),
|
|
16
|
+
name: _(o)
|
|
17
|
+
}), H = k(function({ beat: i }) {
|
|
18
|
+
const { copyStore: e } = S(), { common: c, insights_feed: a } = A(), { accountsLoaded: m, cashAccounts: u, visibleAccounts: l } = h(), { actionDrawer: d } = b(), r = a?.account_list;
|
|
19
|
+
if (!e.isInitialized) return /* @__PURE__ */ t(s, {});
|
|
20
|
+
if (!r) return /* @__PURE__ */ t(D, {
|
|
20
21
|
sx: { p: 24 },
|
|
21
|
-
children: /* @__PURE__ */ t(
|
|
22
|
+
children: /* @__PURE__ */ t(F, { children: c?.error_message ?? "Something went wrong." })
|
|
22
23
|
});
|
|
23
|
-
if (!
|
|
24
|
-
const i =
|
|
25
|
-
return /* @__PURE__ */ t(
|
|
26
|
-
accounts:
|
|
27
|
-
copy:
|
|
28
|
-
summary:
|
|
29
|
-
totalBalance:
|
|
24
|
+
if (!m) return /* @__PURE__ */ t(s, {});
|
|
25
|
+
const { primary_cta: p, secondary_cta: f, in_description_cta: g } = i.insights_payload ?? {}, y = w(d, p, f, g)?.drilldown_data, n = L(i, l, u);
|
|
26
|
+
return /* @__PURE__ */ t(B, {
|
|
27
|
+
accounts: n.map(G),
|
|
28
|
+
copy: r,
|
|
29
|
+
summary: v(y, r),
|
|
30
|
+
totalBalance: x(n)
|
|
30
31
|
});
|
|
31
32
|
});
|
|
32
33
|
export {
|
|
33
|
-
|
|
34
|
+
H as AccountListBlock
|
|
34
35
|
};
|
|
35
36
|
|
|
36
37
|
//# sourceMappingURL=AccountListBlock.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountListBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AccountListBlock/AccountListBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {
|
|
1
|
+
{"version":3,"file":"AccountListBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AccountListBlock/AccountListBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n Loader,\n useAccountStore,\n useGlobalCopyStore,\n useGlobalStore,\n useInsightsV2Store,\n} from '../../../common'\nimport getAccountDisplayName from '../../../common/utils/AccountDisplayName'\nimport type { Account } from '../../../core'\nimport type { ActionBlockProps } from '../../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from '../util'\n\nimport AccountListContent, { type AccountListRow } from './AccountListContent'\nimport { buildSummary, lastFour, resolveBeatAccounts, sumBalances } from './layout'\n\nconst toRow = (account: Account): AccountListRow => ({\n balance: account.balance ?? 0,\n guid: account.guid,\n institutionGuid: account.institution_guid ?? '',\n lastFour: lastFour(account.account_number),\n name: getAccountDisplayName(account),\n})\n\n/**\n * Account List drawer (MEW2-3363): the beat's calculation plus the accounts behind it from the\n * account store, largest balance first, with their total. Reusable across insights — the calculation\n * is read from whichever CTA opened the drawer (`getDynamicCtaBasedOnTriggers`), whose `drilldown_data`\n * tupac fills from ditto's `*_cta_drilldown_data` recipe; nothing is tied to one CTA kind. `observer`:\n * reads copy, accounts and the open drawer from MobX stores.\n */\nexport const AccountListBlock = observer(function AccountListBlock({ beat }: ActionBlockProps) {\n const { copyStore } = useGlobalStore()\n const { common: commonCopy, insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n const { accountsLoaded, cashAccounts, visibleAccounts } = useAccountStore()\n const { actionDrawer } = useInsightsV2Store()\n const copy = insightsFeedCopy?.account_list\n\n if (!copyStore.isInitialized) return <Loader />\n\n // Copy loads once at app start, so a retry cannot clear a missing namespace: a plain message.\n if (!copy) {\n return (\n <Stack sx={{ p: 24 }}>\n <Text>{commonCopy?.error_message ?? 'Something went wrong.'}</Text>\n </Stack>\n )\n }\n\n if (!accountsLoaded) return <Loader />\n\n const { primary_cta, secondary_cta, in_description_cta } = beat.insights_payload ?? {}\n // The calculation rides on the CTA that opened the drawer, not the card: tupac resolves ditto's\n // per-CTA drilldown recipe onto it.\n const drilldown = getDynamicCtaBasedOnTriggers(\n actionDrawer,\n primary_cta,\n secondary_cta,\n in_description_cta,\n )?.drilldown_data\n const listed = resolveBeatAccounts(beat, visibleAccounts, cashAccounts)\n\n return (\n <AccountListContent\n accounts={listed.map(toRow)}\n copy={copy}\n summary={buildSummary(drilldown, copy)}\n totalBalance={sumBalances(listed)}\n />\n )\n})\n"],"mappings":";;;;;;;;;;AAoBA,IAAM,IAAA,CAAS,OAAsC;AAAA,EACnD,SAAS,EAAQ,WAAW;AAAA,EAC5B,MAAM,EAAQ;AAAA,EACd,iBAAiB,EAAQ,oBAAoB;AAAA,EAC7C,UAAU,EAAS,EAAQ,cAAc;AAAA,EACzC,MAAM,EAAsB,CAAO;AACrC,IASa,IAAmB,EAAS,SAA0B,EAAE,MAAA,EAAA,GAA0B;AAC7F,QAAM,EAAE,WAAA,EAAA,IAAc,EAAe,GAC/B,EAAE,QAAQ,GAAY,eAAe,EAAA,IAAqB,EAAmB,GAC7E,EAAE,gBAAA,GAAgB,cAAA,GAAc,iBAAA,EAAA,IAAoB,EAAgB,GACpE,EAAE,cAAA,EAAA,IAAiB,EAAmB,GACtC,IAAO,GAAkB;AAE/B,MAAI,CAAC,EAAU,cAAe,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAG9C,MAAI,CAAC,EACH,QACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,GAAG,GAAG;AAAA,IACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,GAAY,iBAAiB,wBAA8B,CAAA;AAAA,EAC7D,CAAA;AAIX,MAAI,CAAC,EAAgB,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAErC,QAAM,EAAE,aAAA,GAAa,eAAA,GAAe,oBAAA,EAAA,IAAuB,EAAK,oBAAoB,CAAC,GAG/E,IAAY,EAChB,GACA,GACA,GACA,CACF,GAAG,gBACG,IAAS,EAAoB,GAAM,GAAiB,CAAY;AAEtE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU,EAAO,IAAI,CAAK;AAAA,IACpB,MAAA;AAAA,IACN,SAAS,EAAa,GAAW,CAAI;AAAA,IACrC,cAAc,EAAY,CAAM;AAAA,EACjC,CAAA;AAEL,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccountListCopy } from '../../../core/types/localization/InsightsFeedCopy';
|
|
2
|
-
import {
|
|
2
|
+
import { AccountListSummary } from './layout';
|
|
3
3
|
export interface AccountListRow {
|
|
4
4
|
guid: string;
|
|
5
5
|
name: string;
|
|
@@ -12,7 +12,7 @@ export interface AccountListRow {
|
|
|
12
12
|
export interface AccountListContentProps {
|
|
13
13
|
copy: AccountListCopy;
|
|
14
14
|
/** Omitted when the beat carries no calculation: the drawer is just the list. */
|
|
15
|
-
summary?:
|
|
15
|
+
summary?: AccountListSummary;
|
|
16
16
|
/** Already ordered. */
|
|
17
17
|
accounts: AccountListRow[];
|
|
18
18
|
totalBalance: number;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { DEFAULT_INSTITUTION_LOGO_URL as
|
|
2
|
-
import { formatSignedCurrency as
|
|
3
|
-
import { createElement as
|
|
1
|
+
import { DEFAULT_INSTITUTION_LOGO_URL as b } from "../../../core/constants/InstitutionLogo.es.js";
|
|
2
|
+
import { formatSignedCurrency as x } from "../../../core/utils/NumberFormatting.es.js";
|
|
3
|
+
import { createElement as g } from "react";
|
|
4
4
|
import n from "@mui/material/Stack";
|
|
5
|
-
import { InstitutionLogo as
|
|
6
|
-
import { jsx as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
var
|
|
5
|
+
import { InstitutionLogo as f, Text as l } from "@mxenabled/mxui";
|
|
6
|
+
import { jsx as r, jsxs as t } from "react/jsx-runtime";
|
|
7
|
+
import c from "@mui/material/Box";
|
|
8
|
+
import m from "@mui/material/Divider";
|
|
9
|
+
var p = ({ children: o }) => /* @__PURE__ */ r(l, {
|
|
10
10
|
bold: !0,
|
|
11
11
|
sx: {
|
|
12
12
|
flexShrink: 0,
|
|
13
13
|
fontVariantNumeric: "tabular-nums"
|
|
14
14
|
},
|
|
15
15
|
variant: "body1",
|
|
16
|
-
children:
|
|
17
|
-
}),
|
|
16
|
+
children: o
|
|
17
|
+
}), u = ({ bold: o = !1, label: e, value: i }) => /* @__PURE__ */ t(n, {
|
|
18
18
|
sx: {
|
|
19
19
|
alignItems: "center",
|
|
20
20
|
flexDirection: "row",
|
|
@@ -22,24 +22,24 @@ var v = (r) => r > 0 ? `+${l(r)}` : l(r), x = ({ children: r }) => /* @__PURE__
|
|
|
22
22
|
minHeight: 44,
|
|
23
23
|
px: 16
|
|
24
24
|
},
|
|
25
|
-
children: [/* @__PURE__ */
|
|
26
|
-
bold:
|
|
25
|
+
children: [/* @__PURE__ */ r(l, {
|
|
26
|
+
bold: o,
|
|
27
27
|
sx: { flexGrow: 1 },
|
|
28
28
|
variant: "body1",
|
|
29
|
-
children:
|
|
30
|
-
}), /* @__PURE__ */
|
|
31
|
-
}),
|
|
29
|
+
children: e
|
|
30
|
+
}), /* @__PURE__ */ r(p, { children: i })]
|
|
31
|
+
}), v = ({ summary: o }) => /* @__PURE__ */ t(n, {
|
|
32
32
|
sx: {
|
|
33
33
|
gap: 12,
|
|
34
34
|
pt: 24,
|
|
35
35
|
px: 24
|
|
36
36
|
},
|
|
37
|
-
children: [/* @__PURE__ */
|
|
37
|
+
children: [/* @__PURE__ */ r(l, {
|
|
38
38
|
bold: !0,
|
|
39
39
|
component: "h3",
|
|
40
40
|
variant: "body1",
|
|
41
|
-
children:
|
|
42
|
-
}), /* @__PURE__ */
|
|
41
|
+
children: o.heading
|
|
42
|
+
}), /* @__PURE__ */ r(n, {
|
|
43
43
|
sx: {
|
|
44
44
|
bgcolor: "background.paper",
|
|
45
45
|
border: "1px solid",
|
|
@@ -47,30 +47,13 @@ var v = (r) => r > 0 ? `+${l(r)}` : l(r), x = ({ children: r }) => /* @__PURE__
|
|
|
47
47
|
borderRadius: "8px",
|
|
48
48
|
overflow: "hidden"
|
|
49
49
|
},
|
|
50
|
-
children: [
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
/* @__PURE__ */ e(p, {}),
|
|
56
|
-
/* @__PURE__ */ e(c, {
|
|
57
|
-
label: r.estimated_income,
|
|
58
|
-
value: v(o.estimatedIncome)
|
|
59
|
-
}),
|
|
60
|
-
/* @__PURE__ */ e(p, {}),
|
|
61
|
-
/* @__PURE__ */ e(c, {
|
|
62
|
-
label: r.recurring_expenses,
|
|
63
|
-
value: l(-o.upcomingExpenses)
|
|
64
|
-
}),
|
|
65
|
-
/* @__PURE__ */ e(p, {}),
|
|
66
|
-
/* @__PURE__ */ e(c, {
|
|
67
|
-
bold: !0,
|
|
68
|
-
label: r.remaining,
|
|
69
|
-
value: l(o.totalRemaining)
|
|
70
|
-
})
|
|
71
|
-
]
|
|
50
|
+
children: o.rows.map((e, i) => /* @__PURE__ */ t(c, { children: [i > 0 && /* @__PURE__ */ r(m, {}), /* @__PURE__ */ r(u, {
|
|
51
|
+
bold: e.bold,
|
|
52
|
+
label: e.label,
|
|
53
|
+
value: e.value
|
|
54
|
+
})] }, e.key))
|
|
72
55
|
})]
|
|
73
|
-
}),
|
|
56
|
+
}), y = ({ balance: o, institutionGuid: e, isLast: i, lastFour: a, name: d }) => /* @__PURE__ */ t(c, {
|
|
74
57
|
component: "li",
|
|
75
58
|
sx: { position: "relative" },
|
|
76
59
|
children: [/* @__PURE__ */ t(n, {
|
|
@@ -82,10 +65,10 @@ var v = (r) => r > 0 ? `+${l(r)}` : l(r), x = ({ children: r }) => /* @__PURE__
|
|
|
82
65
|
py: 12
|
|
83
66
|
},
|
|
84
67
|
children: [
|
|
85
|
-
/* @__PURE__ */
|
|
68
|
+
/* @__PURE__ */ r(f, {
|
|
86
69
|
alt: "",
|
|
87
|
-
institutionGuid:
|
|
88
|
-
logoUrl:
|
|
70
|
+
institutionGuid: e,
|
|
71
|
+
logoUrl: e ? void 0 : b,
|
|
89
72
|
size: 32
|
|
90
73
|
}),
|
|
91
74
|
/* @__PURE__ */ t(n, {
|
|
@@ -93,51 +76,48 @@ var v = (r) => r > 0 ? `+${l(r)}` : l(r), x = ({ children: r }) => /* @__PURE__
|
|
|
93
76
|
flexGrow: 1,
|
|
94
77
|
minWidth: 0
|
|
95
78
|
},
|
|
96
|
-
children: [/* @__PURE__ */
|
|
79
|
+
children: [/* @__PURE__ */ r(l, {
|
|
97
80
|
truncate: !0,
|
|
98
81
|
variant: "body1",
|
|
99
|
-
children:
|
|
100
|
-
}),
|
|
82
|
+
children: d
|
|
83
|
+
}), a && /* @__PURE__ */ r(l, {
|
|
101
84
|
color: "text.secondary",
|
|
102
85
|
variant: "caption",
|
|
103
|
-
children: `•••• ${
|
|
86
|
+
children: `•••• ${a}`
|
|
104
87
|
})]
|
|
105
88
|
}),
|
|
106
|
-
/* @__PURE__ */
|
|
89
|
+
/* @__PURE__ */ r(p, { children: x(o) })
|
|
107
90
|
]
|
|
108
|
-
}), /* @__PURE__ */
|
|
91
|
+
}), /* @__PURE__ */ r(m, { sx: {
|
|
109
92
|
bottom: 0,
|
|
110
|
-
left:
|
|
93
|
+
left: i ? 0 : 24,
|
|
111
94
|
position: "absolute",
|
|
112
95
|
right: 0
|
|
113
96
|
} })]
|
|
114
|
-
}),
|
|
97
|
+
}), R = ({ accounts: o, copy: e, summary: i, totalBalance: a }) => /* @__PURE__ */ t(n, {
|
|
115
98
|
sx: {
|
|
116
99
|
bgcolor: "background.default",
|
|
117
100
|
pb: 24
|
|
118
101
|
},
|
|
119
|
-
children: [
|
|
120
|
-
copy: o,
|
|
121
|
-
summary: a
|
|
122
|
-
}), r.length === 0 ? /* @__PURE__ */ e(i, {
|
|
102
|
+
children: [i && /* @__PURE__ */ r(v, { summary: i }), o.length === 0 ? /* @__PURE__ */ r(l, {
|
|
123
103
|
component: "p",
|
|
124
104
|
sx: { p: 24 },
|
|
125
|
-
children:
|
|
105
|
+
children: e.no_accounts
|
|
126
106
|
}) : /* @__PURE__ */ t(n, { children: [
|
|
127
|
-
/* @__PURE__ */
|
|
107
|
+
/* @__PURE__ */ r(c, {
|
|
128
108
|
sx: {
|
|
129
109
|
pb: 4,
|
|
130
110
|
pt: 16,
|
|
131
111
|
px: 24
|
|
132
112
|
},
|
|
133
|
-
children: /* @__PURE__ */
|
|
113
|
+
children: /* @__PURE__ */ r(l, {
|
|
134
114
|
bold: !0,
|
|
135
115
|
component: "h3",
|
|
136
116
|
variant: "body1",
|
|
137
|
-
children:
|
|
117
|
+
children: e.accounts_header
|
|
138
118
|
})
|
|
139
119
|
}),
|
|
140
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ r(n, {
|
|
141
121
|
component: "ul",
|
|
142
122
|
sx: {
|
|
143
123
|
bgcolor: "background.paper",
|
|
@@ -145,10 +125,10 @@ var v = (r) => r > 0 ? `+${l(r)}` : l(r), x = ({ children: r }) => /* @__PURE__
|
|
|
145
125
|
m: 0,
|
|
146
126
|
p: 0
|
|
147
127
|
},
|
|
148
|
-
children:
|
|
149
|
-
...
|
|
150
|
-
isLast:
|
|
151
|
-
key:
|
|
128
|
+
children: o.map(({ guid: d, ...h }, s) => /* @__PURE__ */ g(y, {
|
|
129
|
+
...h,
|
|
130
|
+
isLast: s === o.length - 1,
|
|
131
|
+
key: d
|
|
152
132
|
}))
|
|
153
133
|
}),
|
|
154
134
|
/* @__PURE__ */ t(n, {
|
|
@@ -160,17 +140,17 @@ var v = (r) => r > 0 ? `+${l(r)}` : l(r), x = ({ children: r }) => /* @__PURE__
|
|
|
160
140
|
px: 24,
|
|
161
141
|
py: 14
|
|
162
142
|
},
|
|
163
|
-
children: [/* @__PURE__ */
|
|
143
|
+
children: [/* @__PURE__ */ r(l, {
|
|
164
144
|
bold: !0,
|
|
165
145
|
sx: { flexGrow: 1 },
|
|
166
146
|
variant: "body1",
|
|
167
|
-
children:
|
|
168
|
-
}), /* @__PURE__ */
|
|
147
|
+
children: e.total_balance
|
|
148
|
+
}), /* @__PURE__ */ r(p, { children: x(a) })]
|
|
169
149
|
})
|
|
170
150
|
] })]
|
|
171
151
|
});
|
|
172
152
|
export {
|
|
173
|
-
|
|
153
|
+
R as default
|
|
174
154
|
};
|
|
175
155
|
|
|
176
156
|
//# sourceMappingURL=AccountListContent.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountListContent.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AccountListBlock/AccountListContent.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport { DEFAULT_INSTITUTION_LOGO_URL } from '../../../core/constants/InstitutionLogo'\nimport type { AccountListCopy } from '../../../core/types/localization/InsightsFeedCopy'\nimport { formatSignedCurrency } from '../../../core/utils/NumberFormatting'\n\nimport type {
|
|
1
|
+
{"version":3,"file":"AccountListContent.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AccountListBlock/AccountListContent.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport { DEFAULT_INSTITUTION_LOGO_URL } from '../../../core/constants/InstitutionLogo'\nimport type { AccountListCopy } from '../../../core/types/localization/InsightsFeedCopy'\nimport { formatSignedCurrency } from '../../../core/utils/NumberFormatting'\n\nimport type { AccountListSummary } from './layout'\n\nexport interface AccountListRow {\n guid: string\n name: string\n /** The last digits of the account number, shown masked; empty when unknown. */\n lastFour: string\n /** Empty when no institution is known: the default logo is shown. */\n institutionGuid: string\n balance: number\n}\n\nexport interface AccountListContentProps {\n copy: AccountListCopy\n /** Omitted when the beat carries no calculation: the drawer is just the list. */\n summary?: AccountListSummary\n /** Already ordered. */\n accounts: AccountListRow[]\n totalBalance: number\n}\n\nconst Amount = ({ children }: { children: string }) => (\n <Text bold={true} sx={{ flexShrink: 0, fontVariantNumeric: 'tabular-nums' }} variant=\"body1\">\n {children}\n </Text>\n)\n\nconst BreakdownRow = ({\n bold = false,\n label,\n value,\n}: {\n bold?: boolean\n label: string\n value: string\n}) => (\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 16, minHeight: 44, px: 16 }}>\n <Text bold={bold} sx={{ flexGrow: 1 }} variant=\"body1\">\n {label}\n </Text>\n <Amount>{value}</Amount>\n </Stack>\n)\n\n/**\n * The drawer's calculation, rendered from an abstract list of rows so any insight can reuse it: a\n * heading, then a boxed breakdown ending in its emphasised total. The block supplies the rows and\n * their formatted values.\n */\nconst Summary = ({ summary }: { summary: AccountListSummary }) => (\n <Stack sx={{ gap: 12, pt: 24, px: 24 }}>\n <Text bold={true} component=\"h3\" variant=\"body1\">\n {summary.heading}\n </Text>\n <Stack\n sx={{\n bgcolor: 'background.paper',\n border: '1px solid',\n borderColor: 'divider',\n borderRadius: '8px',\n overflow: 'hidden',\n }}\n >\n {summary.rows.map((row, index) => (\n <Box key={row.key}>\n {index > 0 && <Divider />}\n <BreakdownRow bold={row.bold} label={row.label} value={row.value} />\n </Box>\n ))}\n </Stack>\n </Stack>\n)\n\n/** One row. The last row's divider runs full width; the rest are inset to the text. */\nconst RowItem = ({\n balance,\n institutionGuid,\n isLast,\n lastFour,\n name,\n}: Omit<AccountListRow, 'guid'> & { isLast: boolean }) => (\n <Box component=\"li\" sx={{ position: 'relative' }}>\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12, px: 24, py: 12 }}>\n <InstitutionLogo\n alt=\"\"\n institutionGuid={institutionGuid}\n logoUrl={institutionGuid ? undefined : DEFAULT_INSTITUTION_LOGO_URL}\n size={32}\n />\n <Stack sx={{ flexGrow: 1, minWidth: 0 }}>\n <Text truncate={true} variant=\"body1\">\n {name}\n </Text>\n {lastFour && (\n <Text color=\"text.secondary\" variant=\"caption\">\n {`•••• ${lastFour}`}\n </Text>\n )}\n </Stack>\n <Amount>{formatSignedCurrency(balance)}</Amount>\n </Stack>\n <Divider sx={{ bottom: 0, left: isLast ? 0 : 24, position: 'absolute', right: 0 }} />\n </Box>\n)\n\n/** Presentational body of the Account List drawer, minus the drawer header. */\nconst AccountListContent = ({ accounts, copy, summary, totalBalance }: AccountListContentProps) => (\n <Stack sx={{ bgcolor: 'background.default', pb: 24 }}>\n {summary && <Summary summary={summary} />}\n {accounts.length === 0 ? (\n <Text component=\"p\" sx={{ p: 24 }}>\n {copy.no_accounts}\n </Text>\n ) : (\n <Stack>\n <Box sx={{ pb: 4, pt: 16, px: 24 }}>\n <Text bold={true} component=\"h3\" variant=\"body1\">\n {copy.accounts_header}\n </Text>\n </Box>\n <Stack component=\"ul\" sx={{ bgcolor: 'background.paper', listStyle: 'none', m: 0, p: 0 }}>\n {accounts.map(({ guid, ...row }, index) => (\n <RowItem {...row} isLast={index === accounts.length - 1} key={guid} />\n ))}\n </Stack>\n <Stack\n sx={{\n alignItems: 'center',\n bgcolor: 'background.paper',\n flexDirection: 'row',\n gap: 16,\n px: 24,\n py: 14,\n }}\n >\n <Text bold={true} sx={{ flexGrow: 1 }} variant=\"body1\">\n {copy.total_balance}\n </Text>\n <Amount>{formatSignedCurrency(totalBalance)}</Amount>\n </Stack>\n </Stack>\n )}\n </Stack>\n)\n\nexport default AccountListContent\n"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Account, Beat } from '../../../core';
|
|
1
|
+
import { Account, Beat, DrilldownData } from '../../../core';
|
|
2
|
+
import { AccountListCopy } from '../../../core/types/localization/InsightsFeedCopy';
|
|
2
3
|
/**
|
|
3
4
|
* The accounts the drawer lists, largest balance first: the beat's `account_guids` among the store's
|
|
4
5
|
* visible accounts, or every visible account the store counts as cash when the beat names none
|
|
@@ -10,11 +11,27 @@ export declare const resolveBeatAccounts: (beat: Beat, visibleAccounts: Account[
|
|
|
10
11
|
export declare const sumBalances: (accounts: Account[]) => number;
|
|
11
12
|
/** The last four digits of an account number; empty when the account has none. */
|
|
12
13
|
export declare const lastFour: (accountNumber?: string) => string;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
/** A generic breakdown row: a label and its already-formatted display value. */
|
|
15
|
+
export interface SummaryRow {
|
|
16
|
+
key: string;
|
|
17
|
+
label: string;
|
|
18
|
+
value: string;
|
|
19
|
+
/** The emphasised total row. */
|
|
20
|
+
bold?: boolean;
|
|
18
21
|
}
|
|
19
|
-
/**
|
|
20
|
-
|
|
22
|
+
/**
|
|
23
|
+
* The drawer's "How is this calculated?" breakdown that AccountListContent renders — a heading and an
|
|
24
|
+
* ordered list of label/value rows, so the presentational component is independent of any one insight's
|
|
25
|
+
* model. Each insight supplies its own builder (see `buildSummary` for Monthly Obligations) for this shape.
|
|
26
|
+
*/
|
|
27
|
+
export interface AccountListSummary {
|
|
28
|
+
heading: string;
|
|
29
|
+
rows: SummaryRow[];
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* The Monthly Obligations breakdown builder: maps the opened CTA's `drilldown_data` (ditto's three
|
|
33
|
+
* `monthly_obligations` recipe keys) and the copy into an `AccountListSummary`. `undefined` unless every
|
|
34
|
+
* figure is a finite number, so a degraded row shows the account list alone. Another insight that reuses
|
|
35
|
+
* AccountListContent adds its own builder for its own keys.
|
|
36
|
+
*/
|
|
37
|
+
export declare const buildSummary: (drilldown: DrilldownData | undefined, copy: AccountListCopy) => AccountListSummary | undefined;
|