@mx-cartographer/experiences 9.3.8-alpha.al0 → 9.4.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [9.4.0] - 08-25-2026
+
+- **ADDED** - insights-v2.0 module: comprehensive reusable component library for insights UI
+- **ADDED** - Chart blocks: BarChart, DoubleBarChart, DonutChart, StepChart, DoubleProgressBar (WEC-1256, WEC-1257, WEC-1258, WEC-1259, WEC-1260)
+- **ADDED** - Content blocks: AccountBlock (with/without confetti variants), BudgetBlock (category/merchant), ActionBlock foundation (WEC-1309, WEC-1312, WEC-1315, WEC-1704)
+- **ADDED** - Image blocks: SVG Block (with CIBC support), Image Block (WEC-1295, WEC-1296, WEC-1335)
+- **ADDED** - Reusable components: AccountHeroCard, TransferLogoCard, MerchantHighlightCard, MerchantLogo, LogoClusterCard, LogoTile, MerchantLogoCard, P2PLogoStack, RankBadge, InsightTransactionRow, TransactionListCard, TransactionRow, DesignateEmergencySavingsCard, SaveAnExtraCard, SavingsOpportunityCard, UpcomingBillCard (WEC-1303, WEC-1305, WEC-1313, WEC-1714, WEC-1750)
+- **ADDED** - Support components: StatusMessageCard, StatusPill, AmountPill, celebrationGradients module with confetti animations
+- **ADDED** - Block type system: standardized block structure (BlockType, BlockConfig, BlockData), moved to `src/core/types/blocks/`, renamed `block_data` to `instance_slot_data` (WEC-1344)
+- **ADDED** - Insight template system and mini layout support (WEC-1253, WEC-1254)
+- **ADDED** - Storybook stories for all 40+ new components and blocks with interactive examples
+- **ADDED** - RTL tests for all components with 85%+ code coverage across the insights-v2.0 module
+- **CHANGED** - Block type definitions now centralized in `src/core/types/blocks/` with proper TypeScript exports
+- **NOTE** - All insights-v2.0 components are presentational (stateless); data provided by consumers; ready for integration into blocks and containers
+
 ## [9.3.7] - 08-20-2026
 
 - **FIXED** - Prevent duplicate items caused by race conditions between REST responses and WebSocket events

package/dist/accounts/components/AccountListItem.es.js

@@ -11,8 +11,8 @@ import { Fragment as d, jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useTheme as j } from "@mui/material/styles";
 import c from "@mui/material/Box";
 import T from "@mui/material/ListItem";
-import M from "@mui/material/ListItemButton";
-import $ from "@mui/material/ListItemText";
+import $ from "@mui/material/ListItemButton";
+import M from "@mui/material/ListItemText";
 import k from "@mui/material/ListItemAvatar";
 import D from "@mui/material/Badge";
 var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStatus: p = !1 }) => {
@@ -26,7 +26,7 @@ var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStat
       alt: "MX",
       institutionGuid: t.institution_guid || ""
     })
-  }) }), /* @__PURE__ */ e($, {
+  }) }), /* @__PURE__ */ e(M, {
     disableTypography: !0,
     primary: /* @__PURE__ */ r(i, {
       bold: !0,
@@ -76,7 +76,7 @@ var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStat
       color: t.is_closed ? "grey.700" : "",
       ...s?.sx
     },
-    children: n ? /* @__PURE__ */ e(M, {
+    children: n ? /* @__PURE__ */ e($, {
       alignItems: "flex-start",
       onClick: n,
       sx: { px: 24 },

package/dist/accounts/components/AccountsListCompact.es.js

@@ -9,17 +9,17 @@ import { InstitutionLogo as D, P as k, Text as b } from "@mxenabled/mxui";
 import { Fragment as w, jsx as t, jsxs as s } from "react/jsx-runtime";
 import y from "@mui/material/Divider";
 import S from "@mui/material/List";
-import j from "@mui/material/ListItem";
-import G from "@mui/material/ListItemButton";
-import N from "@mui/material/ListItemText";
-import $ from "@mui/material/ListItemAvatar";
+import $ from "@mui/material/ListItem";
+import j from "@mui/material/ListItemButton";
+import G from "@mui/material/ListItemText";
+import N from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListSubheader";
-var P = ({ onClick: i, shouldShowBalance: m = !0, loadAccounts: c }) => {
+var P = ({ onClick: i, shouldShowBalance: c = !0, loadAccounts: m }) => {
   const { config: p } = L(), { accounts: l } = A(), { selectedAccounts: n } = C(), h = a.useCallback((e) => {
     i?.(e);
-  }, [i]), _ = a.useMemo(() => Array.from(new Set(n.map((e) => e.account_type))).filter((e) => c ? c.includes(e) : !0), [n, c]);
-  return n.length ? /* @__PURE__ */ t(a.Fragment, { children: _.map((e) => {
-    const { accountsForType: u, totalBalanceForType: g } = n.reduce((r, o) => (o.account_type === e && (r.accountsForType.push(o), r.totalBalanceForType += o.balance || 0), r), {
+  }, [i]), g = a.useMemo(() => Array.from(new Set(n.map((e) => e.account_type))).filter((e) => m ? m.includes(e) : !0), [n, m]);
+  return n.length ? /* @__PURE__ */ t(a.Fragment, { children: g.map((e) => {
+    const { accountsForType: u, totalBalanceForType: _ } = n.reduce((r, o) => (o.account_type === e && (r.accountsForType.push(o), r.totalBalanceForType += o.balance || 0), r), {
       accountsForType: [],
       totalBalanceForType: 0
     });
@@ -40,21 +40,21 @@ var P = ({ onClick: i, shouldShowBalance: m = !0, loadAccounts: c }) => {
             bold: !0,
             variant: "caption",
             children: l.account_types[e]
-          }), m && /* @__PURE__ */ t(b, {
+          }), c && /* @__PURE__ */ t(b, {
             bold: !0,
             variant: "caption",
-            children: f(g, "0,0.00")
+            children: f(_, "0,0.00")
           })]
         })
       }),
       sx: { bgcolor: "background.paper" },
       children: [u.map((r, o) => {
         const { firstValue: x } = T(r, l, p.display_available_balance_in_accounts), v = F(r, { allowNickname: p?.show_account_nicknames_in_master }), d = /* @__PURE__ */ s(w, { children: [
-          /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(D, {
+          /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(D, {
             alt: "MX",
             institutionGuid: r.institution_guid ?? ""
           }) }),
-          /* @__PURE__ */ t(N, {
+          /* @__PURE__ */ t(G, {
             primary: `${v}${r.account_number ? ` *${r.account_number}` : ""}`,
             slotProps: { primary: {
               noWrap: !0,
@@ -62,15 +62,15 @@ var P = ({ onClick: i, shouldShowBalance: m = !0, loadAccounts: c }) => {
               variant: "body1"
             } }
           }),
-          m && /* @__PURE__ */ t(k, {
+          c && /* @__PURE__ */ t(k, {
             bold: !0,
             variant: "body2",
             children: f(x ?? 0, "0,0.00")
           })
         ] });
-        return /* @__PURE__ */ s(a.Fragment, { children: [/* @__PURE__ */ t(j, {
+        return /* @__PURE__ */ s(a.Fragment, { children: [/* @__PURE__ */ t($, {
           sx: { px: i ? 0 : 24 },
-          children: i ? /* @__PURE__ */ t(G, {
+          children: i ? /* @__PURE__ */ t(j, {
             onClick: () => h(r),
             children: d
           }) : d

package/dist/accounts/components/detailsdrawer/Accounts/AccountActions.es.js

@@ -1,6 +1,6 @@
 import { buildDynamicCopy as A } from "../../../../core/utils/Localization.es.js";
 import { useAccountStore as M, useEvent as k, useGlobalCopyStore as v, useTransactionStore as D } from "../../../../common/context/hooks.es.js";
-import C from "../../../../common/components/dialog/Dialog.es.js";
+import g from "../../../../common/components/dialog/Dialog.es.js";
 import E from "../../../../common/components/drawer/Drawer.es.js";
 import { ANALYTICS_EVENTS as _ } from "../../../../common/constants/Analytics.es.js";
 import { useAccountUiStore as O } from "../../../hooks/useUiStore.es.js";
@@ -9,7 +9,7 @@ import { useGetMergeableAccounts as P } from "../../../hooks/useGetMergeableAcco
 import U from "../../AccountListItem.es.js";
 import n from "react";
 import { observer as K } from "mobx-react-lite";
-import { Icon as g, Text as r } from "@mxenabled/mxui";
+import { Icon as C, Text as r } from "@mxenabled/mxui";
 import { Fragment as N, jsx as t, jsxs as s } from "react/jsx-runtime";
 import R from "@mui/material/List";
 import G from "@mui/material/Switch";
@@ -57,9 +57,9 @@ var B = () => {
       },
       primaryText: e.is_closed ? o.mark_as_open : o.mark_as_closed,
       secondaryText: e.is_closed ? o.this_will_set_the_closed_account : o.this_will_set_the_account_balance_to_0,
-      children: [/* @__PURE__ */ t(g, { name: "chevron_right" }), /* @__PURE__ */ t("div", {
+      children: [/* @__PURE__ */ t(C, { name: "chevron_right" }), /* @__PURE__ */ t("div", {
         onClick: (c) => c.stopPropagation(),
-        children: /* @__PURE__ */ t(C, {
+        children: /* @__PURE__ */ t(g, {
           copy: {
             close_aria: o.close_modal,
             title: e.is_closed ? o.confirm_mark_as_open : o.confirm_mark_closed
@@ -83,7 +83,7 @@ var B = () => {
       },
       primaryText: o.mark_as_duplicate,
       secondaryText: o.if_a_connected_account_is_showing_up_twice,
-      children: /* @__PURE__ */ t(g, { name: "chevron_right" })
+      children: /* @__PURE__ */ t(C, { name: "chevron_right" })
     }),
     /* @__PURE__ */ s(E, {
       ariaLabelClose: o.close_drawer,
@@ -110,7 +110,7 @@ var B = () => {
             h(!0), b(c);
           }
         }, c.guid);
-      }) }), m && /* @__PURE__ */ s(C, {
+      }) }), m && /* @__PURE__ */ s(g, {
         copy: {
           close_aria: o.close_modal,
           title: o.confirm_merge

package/dist/accounts/components/detailsdrawer/Accounts/AccountConnection.es.js

@@ -7,7 +7,7 @@ import { getConnectionMessages as S } from "../../../utils/getConnectionMessages
 import v from "react";
 import { observer as M } from "mobx-react-lite";
 import w from "@mui/material/Stack";
-import { Icon as g, Text as h } from "@mxenabled/mxui";
+import { Icon as p, Text as h } from "@mxenabled/mxui";
 import { CheckCircle as I, Error as L, Language as z } from "@mxenabled/mx-icons";
 import { Fragment as a, jsx as o, jsxs as n } from "react/jsx-runtime";
 import { useTheme as R } from "@mui/material/styles";
@@ -23,7 +23,7 @@ var m = {
   gridColumn: 1,
   zIndex: 2
 }, B = () => {
-  const [l, d] = v.useState(!1), { palette: { mode: u } } = R(), { selectedMember: e } = _(), { accounts: p, connect: C } = y(), t = S(e, C), r = x.includes(e.connection_status) ? {
+  const [l, d] = v.useState(!1), { palette: { mode: u } } = R(), { selectedMember: e } = _(), { accounts: g, connect: C } = y(), t = S(e, C), r = x.includes(e.connection_status) ? {
     color: "error.main",
     ctaCopy: t.cta ?? "",
     icon: /* @__PURE__ */ o(L, {
@@ -52,7 +52,7 @@ var m = {
         bold: !0,
         component: "h2",
         variant: "caption",
-        children: p.connection_status
+        children: g.connection_status
       })
     }),
     /* @__PURE__ */ o(b, {
@@ -109,7 +109,7 @@ var m = {
               })
             ] })
           }),
-          /* @__PURE__ */ o(g, { name: "chevron_right" })
+          /* @__PURE__ */ o(p, { name: "chevron_right" })
         ]
       })
     }),
@@ -139,7 +139,7 @@ var m = {
             primary: e.name,
             secondary: e.institution_url
           }),
-          /* @__PURE__ */ o(g, { name: "launch" })
+          /* @__PURE__ */ o(p, { name: "launch" })
         ]
       })
     }) }),
@@ -147,7 +147,7 @@ var m = {
       loadWidgetProps: { current_member_guid: e.guid },
       onClose: () => d(!1),
       showConnectWidget: l,
-      title: p.manage_connection
+      title: g.manage_connection
     })
   ] });
 }, X = M(B);

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetails.es.js

@@ -1,17 +1,17 @@
 import { useEvent as v, useGlobalCopyStore as y } from "../../../../common/context/hooks.es.js";
 import { useAccountUiStore as C } from "../../../hooks/useUiStore.es.js";
 import { getAccountDetailFields as E } from "../../../utils/AccountFields.es.js";
-import S from "./AccountDetailEdit.es.js";
+import F from "./AccountDetailEdit.es.js";
 import n from "react";
-import { observer as A } from "mobx-react-lite";
-import { Icon as D, Text as p } from "@mxenabled/mxui";
-import { Fragment as F, jsx as e, jsxs as b } from "react/jsx-runtime";
+import { observer as S } from "mobx-react-lite";
+import { Icon as A, Text as p } from "@mxenabled/mxui";
+import { Fragment as D, jsx as e, jsxs as b } from "react/jsx-runtime";
 import g from "@mui/material/ListItem";
 import k from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
 var T = () => {
-  const f = window.app?.config, { onEvent: h } = v(), { selectedAccount: o } = C(), { accounts: _ } = y(), i = E(o, _), a = o.member_is_managed_by_user || !o.member_is_managed_by_user && f.enable_renaming_home_accounts, [s, c] = n.useState(!1), [m, x] = n.useState(i[0]), r = i.filter((t) => a || o[t.name] || o[t.name] === 0);
-  return /* @__PURE__ */ b(F, { children: [r.map((t) => {
+  const f = window.app?.config, { onEvent: h } = v(), { selectedAccount: o } = C(), { accounts: _ } = y(), a = E(o, _), i = o.member_is_managed_by_user || !o.member_is_managed_by_user && f.enable_renaming_home_accounts, [s, c] = n.useState(!1), [m, x] = n.useState(a[0]), r = a.filter((t) => i || o[t.name] || o[t.name] === 0);
+  return /* @__PURE__ */ b(D, { children: [r.map((t) => {
     const l = o[t.name] || o[t.name] === 0, d = r.indexOf(t) === r.length - 1, u = /* @__PURE__ */ e(w, {
       disableTypography: !0,
       primary: /* @__PURE__ */ e(p, {
@@ -24,7 +24,7 @@ var T = () => {
         children: l ? t.valueFormatter(o[t.name]) : t.placeholder
       })
     });
-    return /* @__PURE__ */ e(n.Fragment, { children: a ? /* @__PURE__ */ e(g, {
+    return /* @__PURE__ */ e(n.Fragment, { children: i ? /* @__PURE__ */ e(g, {
       sx: {
         backgroundColor: "background.paper",
         px: 0,
@@ -43,7 +43,7 @@ var T = () => {
         onClick: () => {
           x(t), c(!0), t?.event && h(t.event, { account_guid: o.guid });
         },
-        children: [u, /* @__PURE__ */ e(D, { name: "chevron_right" })]
+        children: [u, /* @__PURE__ */ e(A, { name: "chevron_right" })]
       })
     }) : l && /* @__PURE__ */ e(g, {
       sx: {
@@ -62,14 +62,14 @@ var T = () => {
       },
       children: u
     }) }, t.name);
-  }), s && m && /* @__PURE__ */ e(S, {
+  }), s && m && /* @__PURE__ */ e(F, {
     field: m,
     isOpen: s,
     onClose: () => c(!1)
   })] });
-}, q = A(T);
+}, $ = S(T);
 export {
-  q as default
+  $ as default
 };
 
 //# sourceMappingURL=AccountDetails.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.es.js

@@ -1,8 +1,8 @@
 import { useGlobalCopyStore as s } from "../../../../common/context/hooks.es.js";
 import r from "../../../../common/components/TabContentContainer.es.js";
 import c from "./AccountDetailsTab.es.js";
-import d from "./ConnectionErrorMessage.es.js";
-import m from "../Transactions/TransactionsTab.es.js";
+import m from "./ConnectionErrorMessage.es.js";
+import d from "../Transactions/TransactionsTab.es.js";
 import u from "react";
 import { observer as b } from "mobx-react-lite";
 import { Fragment as f, jsx as a, jsxs as n } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ import p from "@mui/material/Tabs";
 var C = () => {
   const [t, o] = u.useState(0), { accounts: e } = s();
   return /* @__PURE__ */ n(f, { children: [
-    /* @__PURE__ */ a(d, { setTabValue: o }),
+    /* @__PURE__ */ a(m, { setTabValue: o }),
     /* @__PURE__ */ n(p, {
       "aria-label": e.transactions_and_details_aria,
       centered: !0,
@@ -33,7 +33,7 @@ var C = () => {
       index: 0,
       name: "transaction-details",
       value: t,
-      children: /* @__PURE__ */ a(m, {})
+      children: /* @__PURE__ */ a(d, {})
     }),
     /* @__PURE__ */ a(r, {
       index: 1,
@@ -42,9 +42,9 @@ var C = () => {
       children: /* @__PURE__ */ a(c, {})
     })
   ] });
-}, V = b(C);
+}, S = b(C);
 export {
-  V as default
+  S as default
 };
 
 //# sourceMappingURL=AccountDetailsContent.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage.es.js

@@ -8,23 +8,23 @@ import { observer as C } from "mobx-react-lite";
 import { Text as b } from "@mxenabled/mxui";
 import h from "@mui/material/Paper";
 import { Error as x } from "@mxenabled/mx-icons";
-import { Fragment as S, jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Fragment as S, jsx as o, jsxs as a } from "react/jsx-runtime";
 import _ from "@mui/material/Alert";
 import v from "@mui/material/AlertTitle";
 import w from "@mui/material/Link";
-var y = ({ setTabValue: a }) => {
+var y = ({ setTabValue: c }) => {
   const [n, i] = s.useState(!1), { selectedMember: e } = p(), { accounts: m, connect: l } = f(), t = e.connection_status && u.includes(e.connection_status);
   if (s.useEffect(() => {
-    t && a(1);
+    t && c(1);
   }, [t]), !t) return;
   const r = g(e, l);
-  return /* @__PURE__ */ c(S, { children: [/* @__PURE__ */ o(h, {
+  return /* @__PURE__ */ a(S, { children: [/* @__PURE__ */ o(h, {
     sx: {
       mb: 16,
       mt: 24,
       mx: 24
     },
-    children: /* @__PURE__ */ c(_, {
+    children: /* @__PURE__ */ a(_, {
       icon: /* @__PURE__ */ o(x, { filled: !0 }),
       role: "none",
       severity: "error",
@@ -67,9 +67,9 @@ var y = ({ setTabValue: a }) => {
     showConnectWidget: n,
     title: m.manage_connection
   })] });
-}, G = C(y);
+}, B = C(y);
 export {
-  G as default
+  B as default
 };
 
 //# sourceMappingURL=ConnectionErrorMessage.es.js.map

package/dist/accounts/components/detailsdrawer/Transactions/TransactionsTab.es.js

@@ -6,8 +6,8 @@ import S from "../../../../transactions/components/shared/TransactionList.es.js"
 import A from "../../../../transactions/components/shared/TransactionDetails.es.js";
 import t from "react";
 import { observer as b } from "mobx-react-lite";
-import { Fragment as y, jsx as a, jsxs as D } from "react/jsx-runtime";
-import { endOfToday as g, startOfToday as v, subDays as L } from "date-fns";
+import { Fragment as g, jsx as a, jsxs as y } from "react/jsx-runtime";
+import { endOfToday as D, startOfToday as v, subDays as L } from "date-fns";
 var N = () => {
   const [o, e] = t.useState(""), { onEvent: c } = l(), { selectedAccount: r } = E(), { accounts: s } = T(), { isTransactionDataLoaded: f, loadTransactionData: u, setFilter: d, sortedTransactions: n } = p();
   t.useEffect(() => {
@@ -18,11 +18,11 @@ var N = () => {
     d({
       dateRange: {
         start: L(v(), 90),
-        end: g()
+        end: D()
       },
       accounts: [r.guid]
     });
-  }, [r]), t.useEffect(() => c(C.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ D(y, { children: [/* @__PURE__ */ a(S, { onClick: e }), i && /* @__PURE__ */ a(_, {
+  }, [r]), t.useEffect(() => c(C.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ y(g, { children: [/* @__PURE__ */ a(S, { onClick: e }), i && /* @__PURE__ */ a(_, {
     ariaLabelClose: s.close_drawer,
     isOpen: !!o,
     onClose: () => e(""),

package/dist/budgets/components/BudgetsEmptyState.es.js

@@ -4,10 +4,10 @@ import E from "../../common/components/Loader.es.js";
 import { EmptyState as u } from "../../common/components/EmptyState.es.js";
 import a from "react";
 import { Fragment as j, jsx as s } from "react/jsx-runtime";
-var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: m, createBudgetOnClick: n }) => {
-  const { config: h } = B(), { recalculateBudgets: g } = x(), { spendCategories: d } = v(), { budgets: t } = z(), { availableWidth: b } = A(), { isMobile: l } = D(b), r = o && l, [p, i] = a.useState(!1), [y, f] = a.useState(!1), [w, c] = a.useState(!1), C = a.useMemo(() => [...d.filter((e) => e.totalAverageAmount > 0)], [d]), _ = async () => {
+var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: _, createBudgetOnClick: n }) => {
+  const { config: g } = B(), { recalculateBudgets: h } = x(), { spendCategories: d } = v(), { budgets: t } = z(), { availableWidth: b } = A(), { isMobile: l } = D(b), r = o && l, [p, i] = a.useState(!1), [y, f] = a.useState(!1), [w, c] = a.useState(!1), C = a.useMemo(() => [...d.filter((e) => e.totalAverageAmount > 0)], [d]), m = async () => {
     c(!0);
-    const { data: e, isSuccess: S } = await g(C);
+    const { data: e, isSuccess: S } = await h(C);
     c(!1), S ? (e.length === 0 && f(!0), i(!1)) : i(!0);
   };
   return w ? /* @__PURE__ */ s(E, {}) : p ? /* @__PURE__ */ s(u, {
@@ -15,7 +15,7 @@ var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: m, createBudgetOnClick:
     icon: "error",
     iconColor: "#4D4D4D",
     onClick: (e) => {
-      e === "primary" ? _() : n();
+      e === "primary" ? m() : n();
     },
     primaryButton: t.autogenerate_budgets_error_primary_button,
     secondaryButton: t.zero_state_generate_budgets_secondary_button,
@@ -43,9 +43,9 @@ var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: m, createBudgetOnClick:
     icon: "error",
     iconColor: "#4D4D4D",
     onClick: (e) => {
-      e === "primary" ? m() : n();
+      e === "primary" ? _() : n();
     },
-    primaryButton: h.show_connections_widget_in_master ? t.zero_state_generate_budgets_primary_button : void 0,
+    primaryButton: g.show_connections_widget_in_master ? t.zero_state_generate_budgets_primary_button : void 0,
     secondaryButton: t.zero_state_generate_budgets_secondary_button,
     subText: t.zero_state_generate_budgets_subheader,
     sx: {
@@ -74,7 +74,7 @@ var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: m, createBudgetOnClick:
     icon: "bubble_chart",
     iconColor: "#1A1A1A",
     onClick: (e) => {
-      e === "primary" ? _() : n();
+      e === "primary" ? m() : n();
     },
     primaryButton: t.empty_state_primary_button,
     secondaryButton: o ? void 0 : t.empty_state_secondary_button,

package/dist/budgets/components/budgetdetails/SubBudgetList.es.js

@@ -16,30 +16,30 @@ import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import $ from "@mui/material/Divider";
 import G from "@mui/material/List";
 var ie = k(({ budget: n }) => {
-  const { category: _, subBudgets: c } = n, { budgets: o, common: s } = O(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = v(), { filter: u, setFilter: p } = T(), [B, d] = i.useState(!1), [C, l] = i.useState(!1), [m, g] = i.useState("");
+  const { category: _, subBudgets: m } = n, { budgets: o, common: s } = O(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = v(), { filter: c, setFilter: u } = T(), [B, p] = i.useState(!1), [C, d] = i.useState(!1), [l, g] = i.useState("");
   i.useEffect(() => {
-    e && (g(`${e.amount}`), p({
-      ...u,
+    e && (g(`${e.amount}`), u({
+      ...c,
       custom: (r) => r.category_guid === e.category_guid
     }));
   }, [e]);
   const x = async () => {
-    e && (await S({
+    e && await S({
       ...e,
-      amount: Number(m)
-    }), d(!1));
+      amount: Number(l)
+    });
   }, A = async () => {
-    e && await b(e.guid), l(!1), y();
+    e && await b(e.guid), d(!1), y();
   }, y = () => {
-    p({
-      ...u,
+    u({
+      ...c,
       custom: (r) => r.category_guid === n.category_guid || r.top_level_category_guid === n.category_guid
     }), h(void 0);
   };
   return /* @__PURE__ */ a(i.Fragment, { children: [
     /* @__PURE__ */ a(G, {
       sx: { bgcolor: "background.paper" },
-      children: [c.length === 0 ? /* @__PURE__ */ t(E, {}) : c.map((r) => /* @__PURE__ */ a(i.Fragment, { children: [/* @__PURE__ */ t(N, { budget: r }), /* @__PURE__ */ t($, {})] }, r.guid)), /* @__PURE__ */ t(j, {
+      children: [m.length === 0 ? /* @__PURE__ */ t(E, {}) : m.map((r) => /* @__PURE__ */ a(i.Fragment, { children: [/* @__PURE__ */ t(N, { budget: r }), /* @__PURE__ */ t($, {})] }, r.guid)), /* @__PURE__ */ t(j, {
         category: _,
         parentBudget: n
       })]
@@ -48,8 +48,8 @@ var ie = k(({ budget: n }) => {
       ariaLabelClose: s.close_aria,
       isOpen: !!e,
       onClose: y,
-      onPrimaryAction: () => d(!0),
-      onSecondaryAction: () => l(!0),
+      onPrimaryAction: () => p(!0),
+      onSecondaryAction: () => d(!0),
       primaryText: o.details_edit_button,
       secondaryText: o.details_delete_button,
       title: o.details_title,
@@ -63,13 +63,13 @@ var ie = k(({ budget: n }) => {
         close_aria: s.close_aria,
         title: o.details_edit_title
       },
-      disablePrimaryButton: Number(m) <= 0,
+      disablePrimaryButton: Number(l) <= 0,
       isOpen: B,
-      onClose: () => d(!1),
+      onClose: () => p(!1),
       onPrimaryAction: x,
       primaryText: o.edit_save_button,
       children: /* @__PURE__ */ t(L, {
-        amount: m,
+        amount: l,
         categoryName: e.category.name,
         onAmountChanged: g
       })
@@ -79,7 +79,7 @@ var ie = k(({ budget: n }) => {
         title: o.delete_title
       },
       isOpen: C,
-      onClose: () => l(!1),
+      onClose: () => d(!1),
       onPrimaryAction: A,
       primaryColor: "error",
       primaryText: "Delete",

package/dist/budgets/components/budgetdetails/SubBudgetList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubBudgetList.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/SubBudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../../core'\n\nimport { TransactionList } from '../../../transactions'\n\nimport { SubBudgetZeroState } from '../budgetlist/SubBudgetZeroState'\nimport { SubBudgetRow } from '../budgetlist/SubBudgetRow'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { AddSubBudget } from './AddSubBudget'\nimport { Header } from './Header'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface SubBudgetListProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetList: React.FC<SubBudgetListProps> = observer(({ budget }) => {\n  const { category, subBudgets } = budget\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { deleteBudget, selectedSubBudget, setSelectedSubBudget, updateBudget } = useBudgetsStore()\n  const { filter, setFilter } = useTransactionStore()\n\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n\n  React.useEffect(() => {\n    if (selectedSubBudget) {\n      setAmount(`${selectedSubBudget.amount}`)\n      setFilter({\n        ...filter,\n        custom: (t: Transaction) => t.category_guid === selectedSubBudget.category_guid,\n      })\n    }\n  }, [selectedSubBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedSubBudget) {\n      await updateBudget({\n        ...selectedSubBudget,\n        amount: Number(amount),\n      } as Budget)\n      setIsEditOpen(false)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedSubBudget) {\n      await deleteBudget(selectedSubBudget.guid)\n    }\n    setIsDeleteOpen(false)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setFilter({\n      ...filter,\n      custom: (t: Transaction) =>\n        t.category_guid === budget.category_guid ||\n        t.top_level_category_guid === budget.category_guid,\n    })\n    setSelectedSubBudget(undefined)\n  }\n\n  return (\n    <React.Fragment>\n      <List sx={{ bgcolor: 'background.paper' }}>\n        {subBudgets.length === 0 ? (\n          <SubBudgetZeroState />\n        ) : (\n          subBudgets.map((subBudget) => (\n            <React.Fragment key={subBudget.guid}>\n              <SubBudgetRow budget={subBudget} />\n              <Divider />\n            </React.Fragment>\n          ))\n        )}\n        <AddSubBudget category={category} parentBudget={budget} />\n      </List>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={Boolean(selectedSubBudget)}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        {selectedSubBudget && (\n          <Stack gap={24}>\n            <Header budget={selectedSubBudget} />\n            <TransactionList height=\"100%\" />\n          </Stack>\n        )}\n      </Drawer>\n\n      {selectedSubBudget && (\n        <React.Fragment>\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n            disablePrimaryButton={Number(amount) <= 0}\n            isOpen={isEditOpen}\n            onClose={() => setIsEditOpen(false)}\n            onPrimaryAction={handleUpdateBudget}\n            primaryText={copy.edit_save_button}\n          >\n            <BudgetAmount\n              amount={amount}\n              categoryName={selectedSubBudget.category.name}\n              onAmountChanged={setAmount}\n            />\n          </Dialog>\n\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n            isOpen={isDeleteOpen}\n            onClose={() => setIsDeleteOpen(false)}\n            onPrimaryAction={handleDeleteBudget}\n            primaryColor=\"error\"\n            primaryText=\"Delete\"\n            secondaryColor=\"secondary\"\n          >\n            <Text variant=\"subtitle1\">\n              {buildDynamicCopy(copy.delete_description, selectedSubBudget.category.name) as string}\n            </Text>\n          </Dialog>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"SubBudgetList.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/SubBudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../../core'\n\nimport { TransactionList } from '../../../transactions'\n\nimport { SubBudgetZeroState } from '../budgetlist/SubBudgetZeroState'\nimport { SubBudgetRow } from '../budgetlist/SubBudgetRow'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { AddSubBudget } from './AddSubBudget'\nimport { Header } from './Header'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface SubBudgetListProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetList: React.FC<SubBudgetListProps> = observer(({ budget }) => {\n  const { category, subBudgets } = budget\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { deleteBudget, selectedSubBudget, setSelectedSubBudget, updateBudget } = useBudgetsStore()\n  const { filter, setFilter } = useTransactionStore()\n\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n\n  React.useEffect(() => {\n    if (selectedSubBudget) {\n      setAmount(`${selectedSubBudget.amount}`)\n      setFilter({\n        ...filter,\n        custom: (t: Transaction) => t.category_guid === selectedSubBudget.category_guid,\n      })\n    }\n  }, [selectedSubBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedSubBudget) {\n      await updateBudget({\n        ...selectedSubBudget,\n        amount: Number(amount),\n      } as Budget)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedSubBudget) {\n      await deleteBudget(selectedSubBudget.guid)\n    }\n    setIsDeleteOpen(false)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setFilter({\n      ...filter,\n      custom: (t: Transaction) =>\n        t.category_guid === budget.category_guid ||\n        t.top_level_category_guid === budget.category_guid,\n    })\n    setSelectedSubBudget(undefined)\n  }\n\n  return (\n    <React.Fragment>\n      <List sx={{ bgcolor: 'background.paper' }}>\n        {subBudgets.length === 0 ? (\n          <SubBudgetZeroState />\n        ) : (\n          subBudgets.map((subBudget) => (\n            <React.Fragment key={subBudget.guid}>\n              <SubBudgetRow budget={subBudget} />\n              <Divider />\n            </React.Fragment>\n          ))\n        )}\n        <AddSubBudget category={category} parentBudget={budget} />\n      </List>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={Boolean(selectedSubBudget)}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        {selectedSubBudget && (\n          <Stack gap={24}>\n            <Header budget={selectedSubBudget} />\n            <TransactionList height=\"100%\" />\n          </Stack>\n        )}\n      </Drawer>\n\n      {selectedSubBudget && (\n        <React.Fragment>\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n            disablePrimaryButton={Number(amount) <= 0}\n            isOpen={isEditOpen}\n            onClose={() => setIsEditOpen(false)}\n            onPrimaryAction={handleUpdateBudget}\n            primaryText={copy.edit_save_button}\n          >\n            <BudgetAmount\n              amount={amount}\n              categoryName={selectedSubBudget.category.name}\n              onAmountChanged={setAmount}\n            />\n          </Dialog>\n\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n            isOpen={isDeleteOpen}\n            onClose={() => setIsDeleteOpen(false)}\n            onPrimaryAction={handleDeleteBudget}\n            primaryColor=\"error\"\n            primaryText=\"Delete\"\n            secondaryColor=\"secondary\"\n          >\n            <Text variant=\"subtitle1\">\n              {buildDynamicCopy(copy.delete_description, selectedSubBudget.category.name) as string}\n            </Text>\n          </Dialog>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}