@mx-cartographer/experiences 7.4.10 → 7.4.12

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.4.12] - 12-19-2025
+
+- **FIXED** - Missing label for payee input in transaction details
+
+## [7.4.11] - 12-18-2025
+
+- **ADDED** - `MicroCardTemplate` for `Insights`
+
 ## [7.4.10] - 12-16-2025
 
 - **ADDED** - `useWidgetLoadTime` hook to replace `GlobalDataProvider.onLoad`

package/dist/{AccountDetailsContent-B7FqH05C.mjs → AccountDetailsContent-BcWGqnxx.mjs}

@@ -44,7 +44,7 @@ import yt from "@mui/material/AlertTitle";
 import xt from "@mui/material/Link";
 import wt from "@mui/material/Paper";
 import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
-import { T as vt, a as Lt } from "./TransactionDetails-BA_E5nQ-.mjs";
+import { T as vt, a as Lt } from "./TransactionDetails-CXy1vL_K.mjs";
 import { T as j } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
   children: e,

package/dist/{ManageIncome-rcnDYsBJ.mjs → ManageIncome-BcSaZ_b1.mjs}

@@ -17,7 +17,7 @@ import { endOfMonth as _e } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import $ from "@mui/material/Button";
 import { Delete as pe, Add as he, ReceiptLong as ye } from "@mxenabled/mx-icons";
-import { T as X, a as ge, b as fe, S as Ce, c as be } from "./TransactionDetails-BA_E5nQ-.mjs";
+import { T as X, a as ge, b as fe, S as Ce, c as be } from "./TransactionDetails-CXy1vL_K.mjs";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
 import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";

package/dist/{RecurringSettings-C81H1l38.mjs → RecurringSettings-BAberQCv.mjs}

@@ -7,7 +7,7 @@ import b from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import R from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-rcnDYsBJ.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-BcSaZ_b1.mjs";
 import { u as _, j as A, g as f } from "./hooks-ZMp65DFz.mjs";
 import { R as y, F as N } from "./RecurringTransactions-BqijW_8S.mjs";
 import { A as m } from "./WidgetContainer-CaPjoWeE.mjs";

package/dist/{SpendingLegend-DqZxN_BZ.mjs → SpendingLegend-DLh6CQbW.mjs}

@@ -8,7 +8,7 @@ import f from "@mui/material/Stack";
 import { useTheme as N } from "@mui/material/styles";
 import { CategoryIcon as k, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
 import { D as G } from "./Donut-Dmy3JTWd.mjs";
-import { u as O } from "./TransactionDetails-BA_E5nQ-.mjs";
+import { u as O } from "./TransactionDetails-CXy1vL_K.mjs";
 import { u as $ } from "./hooks-ZMp65DFz.mjs";
 import { u as j } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-DjTD0t3W.mjs";

package/dist/{TransactionDetails-BA_E5nQ-.mjs → TransactionDetails-CXy1vL_K.mjs}

@@ -1182,8 +1182,9 @@ const it = ({ transaction: t, onClick: r }) => {
     /* @__PURE__ */ e(
       ve,
       {
-        "aria-label": o.description_add_a_subcategory,
-        name: "add-subcategory",
+        "aria-label": o.payee_title,
+        label: o.payee_title,
+        name: o.payee_title,
         onChange: (S) => _(S.target.value),
         ref: m,
         sx: {
@@ -1210,7 +1211,7 @@ const it = ({ transaction: t, onClick: r }) => {
     !r && /* @__PURE__ */ e(
       ee,
       {
-        "aria-label": o.description_edit_transaction_name,
+        "aria-label": o.payee_edit,
         onClick: () => {
           c(!0), n(g.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK);
         },

package/dist/accounts/index.es.js

@@ -18,8 +18,8 @@ import { I as $, P as j, S as Y } from "../Account-BrOTlmeK.mjs";
 import { a as d1 } from "../AccountFields-BQZ-o6Kj.mjs";
 import { g as s3, b as a3 } from "../AccountFields-BQZ-o6Kj.mjs";
 import { A as N } from "../AccountListItem-aIE9WWTO.mjs";
-import { A as c1 } from "../AccountDetailsContent-B7FqH05C.mjs";
-import { u as L3 } from "../AccountDetailsContent-B7FqH05C.mjs";
+import { A as c1 } from "../AccountDetailsContent-BcWGqnxx.mjs";
+import { u as L3 } from "../AccountDetailsContent-BcWGqnxx.mjs";
 import { f as D } from "../NumberFormatting-DjTD0t3W.mjs";
 import { D as s1 } from "../Drawer-BEtCk82g.mjs";
 import { A as x, W as a1 } from "../WidgetContainer-CaPjoWeE.mjs";

package/dist/budgets/index.es.js

@@ -39,7 +39,7 @@ import Ie from "@mui/material/Snackbar";
 import _e from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
 import { e as ot } from "../exportTransactionsToCSV-DuAaI5XA.mjs";
-import { T as Ee, a as at } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { T as Ee, a as at } from "../TransactionDetails-CXy1vL_K.mjs";
 import he from "@mui/material/Card";
 import fe from "@mui/material/CardContent";
 import { S as pe } from "../StatusBar-BK_uYHAB.mjs";
@@ -48,7 +48,7 @@ import { u as rt, b as st } from "../CategorySelectorDrawer-SUgfE5GN.mjs";
 import Me from "@mui/material/CardHeader";
 import { subDays as it } from "date-fns/subDays";
 import ct from "@mui/material/IconButton";
-import { M as lt } from "../ManageIncome-rcnDYsBJ.mjs";
+import { M as lt } from "../ManageIncome-BcSaZ_b1.mjs";
 const dt = I(() => {
   const { budgets: t } = w(), { totalBudgeted: n } = D(), { incomeTotal: i } = ne(), s = i - n;
   return /* @__PURE__ */ m(C, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [

package/dist/cashflow/index.es.js

@@ -18,7 +18,7 @@ import { b as M } from "../Localization-2MODESHW.mjs";
 import { u as We } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { M as Je } from "../MiniWidgetContainer-98-hKFqm.mjs";
 import { E as Ze } from "../EmptyState-DoxNUae-.mjs";
-import { R as et } from "../RecurringSettings-C81H1l38.mjs";
+import { R as et } from "../RecurringSettings-BAberQCv.mjs";
 import tt from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as U } from "date-fns/getUnixTime";
@@ -36,13 +36,13 @@ import { alpha as at, keyframes as it } from "@mui/material/styles";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
 import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
-import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-rcnDYsBJ.mjs";
+import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-BcSaZ_b1.mjs";
 import { D as je } from "../Drawer-BEtCk82g.mjs";
 import { formatISO as mt } from "date-fns/formatISO";
 import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
 import { startOfMonth as ut } from "date-fns/startOfMonth";
 import { subDays as ze } from "date-fns/subDays";
-import { S as ht, c as pt } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { S as ht, c as pt } from "../TransactionDetails-CXy1vL_K.mjs";
 import { F as ft, R as De, e as ve } from "../RecurringTransactions-BqijW_8S.mjs";
 import { h as gt } from "../DateUtil-CBdcsyuk.mjs";
 import { endOfToday as bt } from "date-fns/endOfToday";

package/dist/common/types/localization/TransactionsCopy.d.ts

@@ -49,6 +49,7 @@ export interface TransactionsCopy {
     merchant_logo_modal_desc_bold: string;
     merchant_logo_modal_title: string;
     merchant_logo_title: string;
+    payee_edit: string;
     payee_title: string;
     split_transaction_add_split_btn: string;
     split_transaction_category_label: string;

package/dist/finstrong/index.es.js

@@ -38,7 +38,7 @@ import { b as j } from "../Localization-2MODESHW.mjs";
 import { S as rt, F as Mt, e as Hn, R as Dt } from "../RecurringTransactions-BqijW_8S.mjs";
 import { S as Nn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as It } from "../DateUtil-CBdcsyuk.mjs";
-import { T as jn, s as Kn, h as Vn, S as Yn, c as Xn } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { T as jn, s as Kn, h as Vn, S as Yn, c as Xn } from "../TransactionDetails-CXy1vL_K.mjs";
 import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
 import { E as Re } from "../EmptyState-DoxNUae-.mjs";
 import qn from "@mui/material/useMediaQuery";
@@ -48,15 +48,15 @@ import { ResponsiveChartContainer as Zn } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as Jn, animated as at } from "@react-spring/web";
 import { startOfMonth as At } from "date-fns/startOfMonth";
 import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-DqZxN_BZ.mjs";
+import { g as eo, S as to, b as no } from "../SpendingLegend-DLh6CQbW.mjs";
 import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as it } from "date-fns/startOfToday";
 import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as st, S as so, i as co } from "../ManageIncome-rcnDYsBJ.mjs";
+import { c as io, d as st, S as so, i as co } from "../ManageIncome-BcSaZ_b1.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
 import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as ho } from "../RecurringSettings-C81H1l38.mjs";
+import { R as ho } from "../RecurringSettings-BAberQCv.mjs";
 import { LocalizationProvider as uo } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as mo } from "date-fns/format";
 import go from "@mui/lab/Timeline";

package/dist/goals/index.es.js

@@ -39,7 +39,7 @@ import nt from "@mui/material/Collapse";
 import ot from "@mui/material/ListItemIcon";
 import at from "@mui/material/Checkbox";
 import { u as rt, A as it } from "../AccountDetailsHeader-C8MxsxhN.mjs";
-import { A as st } from "../AccountDetailsContent-B7FqH05C.mjs";
+import { A as st } from "../AccountDetailsContent-BcWGqnxx.mjs";
 import { u as lt } from "../useAccountDisplayName-Cjx8YmKK.mjs";
 import De from "@mui/material/TextField";
 import { M as ct, I as dt, O as mt } from "../OriginalBalanceAction-C6jdS4ws.mjs";

package/dist/microinsights/MicroCardTemplate.d.ts

@@ -0,0 +1,16 @@
+import { SxProps } from '@mui/material/styles';
+interface MicroCardTemplateProps {
+    avatarSx?: SxProps;
+    cardSx?: SxProps;
+    description: string;
+    icon?: React.ReactNode;
+    hasCardEffect?: boolean;
+    onClose?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    primaryActionText?: string;
+    secondaryActionText?: string;
+    title: string;
+}
+declare const MicroCardTemplate: ({ avatarSx, cardSx, description, icon, hasCardEffect, onClose, onPrimaryAction, onSecondaryAction, primaryActionText, secondaryActionText, title, }: MicroCardTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export default MicroCardTemplate;

package/dist/microinsights/index.d.ts

@@ -10,3 +10,4 @@ export { default as ViewMoreMicroCard } from './cards/ViewMoreMicroCard';
 export { default as ZeroStateCard } from './cards/ZeroStateCard';
 export { ChartFilledIcon, MonthlySpendComparisonIcon, ZeroStateIcon } from './beaticons';
 export type { MicroWidgetProps, StyleProps } from './interfaces';
+export { default as MicroCardTemplate } from './MicroCardTemplate';

package/dist/microinsights/index.es.js

@@ -1,16 +1,103 @@
-import { A as e, B as r, C as o, c as t, a as i, b as d, I as n, M as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
+import { A as V, B as _, C as A, c as F, a as R, b as $, I as q, M as G, d as J, N as K, V as Q, Z as U, e as X } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import g from "@mui/material/Avatar";
+import v from "@mui/material/Box";
+import d from "@mui/material/Button";
+import u from "@mui/material/Card";
+import I from "@mui/material/IconButton";
+import t from "@mui/material/Stack";
+import { Text as i, P as M } from "@mxenabled/mxui";
+import { Close as w, Error as B } from "@mxenabled/mx-icons";
+const k = {
+  close: "Close"
+}, y = ({
+  avatarSx: p,
+  cardSx: h,
+  description: m,
+  icon: x = /* @__PURE__ */ e(B, {}),
+  hasCardEffect: C = !1,
+  onClose: a,
+  onPrimaryAction: s,
+  onSecondaryAction: n,
+  primaryActionText: l,
+  secondaryActionText: c,
+  title: b
+}) => {
+  const o = !!(s && l), f = !!(n && c);
+  return /* @__PURE__ */ r(
+    C ? u : v,
+    {
+      sx: {
+        pb: 8,
+        position: "relative",
+        pt: 16,
+        px: 16,
+        ...h
+      },
+      children: [
+        a && /* @__PURE__ */ e(
+          I,
+          {
+            "aria-label": k.close,
+            onClick: a,
+            sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
+            children: /* @__PURE__ */ e(w, {})
+          }
+        ),
+        /* @__PURE__ */ r(t, { sx: { gap: 6 }, children: [
+          /* @__PURE__ */ r(t, { sx: { flexDirection: "row", gap: 12 }, children: [
+            /* @__PURE__ */ e(
+              g,
+              {
+                sx: {
+                  height: 32,
+                  width: 32,
+                  ...p
+                },
+                variant: "rounded",
+                children: x
+              }
+            ),
+            /* @__PURE__ */ r(t, { sx: { gap: 6 }, children: [
+              /* @__PURE__ */ e(t, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ e(i, { bold: !0, sx: { lineHeight: 16 }, variant: "body1", children: b }) }),
+              /* @__PURE__ */ e(
+                M,
+                {
+                  dangerouslySetInnerHTML: { __html: m },
+                  sx: {
+                    display: "-webkit-box",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    WebkitBoxOrient: "vertical",
+                    WebkitLineClamp: o ? 2 : 3
+                  },
+                  variant: "subtitle2"
+                }
+              )
+            ] })
+          ] }),
+          o && /* @__PURE__ */ r(t, { sx: { alignItems: "center", flexDirection: "row", height: 28, pb: 4, pl: 36 }, children: [
+            o && /* @__PURE__ */ e(d, { onClick: s, size: "small", sx: { px: 8 }, variant: "text", children: /* @__PURE__ */ e(i, { bold: !0, variant: "body2", children: l }) }),
+            f && /* @__PURE__ */ e(d, { onClick: n, size: "small", sx: { px: 8 }, variant: "text", children: /* @__PURE__ */ e(i, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: c }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, L = y;
 export {
-  e as AppStore,
-  r as BaseCard,
-  o as CarouselHeader,
-  t as ChartFilledIcon,
-  i as InsightCard,
-  d as InsightsMicroWidget,
-  n as InsightsMicroWidgetDataProvider,
-  C as MicroBeatCarousel,
-  c as MonthlySpendComparisonIcon,
-  I as NoRelevantInsightsCard,
-  M as ViewMoreMicroCard,
-  g as ZeroStateCard,
-  h as ZeroStateIcon
+  V as AppStore,
+  _ as BaseCard,
+  A as CarouselHeader,
+  F as ChartFilledIcon,
+  R as InsightCard,
+  $ as InsightsMicroWidget,
+  q as InsightsMicroWidgetDataProvider,
+  G as MicroBeatCarousel,
+  L as MicroCardTemplate,
+  J as MonthlySpendComparisonIcon,
+  K as NoRelevantInsightsCard,
+  Q as ViewMoreMicroCard,
+  U as ZeroStateCard,
+  X as ZeroStateIcon
 };

package/dist/recurringtransactions/index.es.js

@@ -8,8 +8,8 @@ import { startOfToday as ue } from "date-fns/startOfToday";
 import { subDays as me } from "date-fns/subDays";
 import ae from "@mui/material/Skeleton";
 import l from "@mui/material/Stack";
-import { R as Ne } from "../RecurringSettings-C81H1l38.mjs";
-import { M as Gn } from "../RecurringSettings-C81H1l38.mjs";
+import { R as Ne } from "../RecurringSettings-BAberQCv.mjs";
+import { M as Gn } from "../RecurringSettings-BAberQCv.mjs";
 import { addMonths as Fe } from "date-fns/addMonths";
 import { subMonths as Ue } from "date-fns/subMonths";
 import { isBefore as je } from "date-fns/isBefore";
@@ -41,8 +41,8 @@ import lt from "@mui/material/ListSubheader";
 import dt from "@mui/material/ListItemAvatar";
 import ut from "@mui/material/ListItemButton";
 import mt from "@mui/material/ListItemText";
-import { b as pt } from "../ManageIncome-rcnDYsBJ.mjs";
-import { c as $n, M as Bn, S as Pn } from "../ManageIncome-rcnDYsBJ.mjs";
+import { b as pt } from "../ManageIncome-BcSaZ_b1.mjs";
+import { c as $n, M as Bn, S as Pn } from "../ManageIncome-BcSaZ_b1.mjs";
 import { f as L } from "../NumberFormatting-DjTD0t3W.mjs";
 import { D as xe } from "../Drawer-BEtCk82g.mjs";
 import { b as G } from "../Localization-2MODESHW.mjs";

package/dist/spending/index.es.js

@@ -8,7 +8,7 @@ import C from "@mui/material/Stack";
 import E from "@mui/material/Tab";
 import st from "@mui/material/Tabs";
 import bt from "@mui/material/styles/useTheme";
-import { g as ct, a as lt, S as W, b as Q } from "../SpendingLegend-DqZxN_BZ.mjs";
+import { g as ct, a as lt, S as W, b as Q } from "../SpendingLegend-DLh6CQbW.mjs";
 import { Text as y, Icon as _t } from "@mxenabled/mxui";
 import { f as A } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as w, b as R, m as F, d as dt, a as V, h as Ct, g as yt } from "../hooks-ZMp65DFz.mjs";
@@ -19,7 +19,7 @@ import { startOfToday as Z } from "date-fns/startOfToday";
 import Tt from "@mui/material/Button";
 import { useTheme as Mt } from "@mui/material";
 import { e as xt } from "../exportTransactionsToCSV-DuAaI5XA.mjs";
-import { T as wt, a as vt } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { T as wt, a as vt } from "../TransactionDetails-CXy1vL_K.mjs";
 import Dt from "@mui/material/Collapse";
 import z from "@mui/material/Divider";
 import tt from "@mui/material/List";

package/dist/transactions/index.es.js

@@ -1,6 +1,6 @@
 import { T as Sa } from "../TransactionApi-CjBoLleL.mjs";
-import { b as W, C as Pe, D as We, M as $e, d as Ve, u as Ge, T as Ue, a as Fe } from "../TransactionDetails-BA_E5nQ-.mjs";
-import { B as wa, e as Ia, c as va } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { b as W, C as Pe, D as We, M as $e, d as Ve, u as Ge, T as Ue, a as Fe } from "../TransactionDetails-CXy1vL_K.mjs";
+import { B as wa, e as Ia, c as va } from "../TransactionDetails-CXy1vL_K.mjs";
 import { T as M } from "../User-Cnlegl1N.mjs";
 import { O as Na } from "../User-Cnlegl1N.mjs";
 import { S as ae, D as ze } from "../TransactionStore-PRlwE-TF.mjs";

package/dist/trends/index.es.js

@@ -31,7 +31,7 @@ import { DataGridPro as Rt } from "@mui/x-data-grid-pro";
 import { H as Be } from "../HeaderCell-DjuifqHJ.mjs";
 import { T as G, b as kt } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
 import { A as v, W as Xe } from "../WidgetContainer-CaPjoWeE.mjs";
-import { a as Ze, T as Qe } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { a as Ze, T as Qe } from "../TransactionDetails-CXy1vL_K.mjs";
 import { D as He } from "../Drawer-BEtCk82g.mjs";
 import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as ge } from "../Loader-DUaFpDGv.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.4.10",
+  "version": "7.4.12",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",