@mx-cartographer/experiences 8.0.20 → 8.0.22

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [8.0.22] - 04-18-2026
+
+- **FIXED** - `CategoryBudget` label Bug.
+
+## [8.0.21] - 04-17-2026
+
+- **ADDED** - `ClientConfigurableCta` for Insights Card
+
 ## [8.0.20] - 04-15-2026
 
 - **UPDATED** - Widget container header styles

package/dist/{EmbeddedCard-xngm4vLT.mjs → EmbeddedCard-qwIhF1VP.mjs}

@@ -1,35 +1,35 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import w, { useMemo as X, useState as K, useEffect as q } from "react";
+import _, { useMemo as q, useState as K, useEffect as J } from "react";
 import A from "@mui/material/Box";
 import Y from "@mui/material/Button";
 import c from "@mui/material/Stack";
-import { Icon as E, P as N, H3 as J, Text as f, MerchantLogo as P, H2 as tt } from "@mxenabled/mxui";
-import { Receipt as et, Icon as rt } from "@mxenabled/mx-icons";
-import { L as nt, O as it, e as ot } from "./exportTransactionsToCSV-DgdB3TBt.mjs";
-import { observer as O } from "mobx-react-lite";
-import { useVirtualizer as at } from "@tanstack/react-virtual";
-import st from "@mui/material/Divider";
-import lt from "@mui/material/List";
-import { G as ct, h as W, u as H, g as dt, b as ht } from "./hooks-BxkfR-Ff.mjs";
-import mt from "@mui/material/ListItemAvatar";
-import pt from "@mui/material/ListItemText";
+import { Icon as E, P as N, H3 as P, Text as f, MerchantLogo as tt, H2 as et } from "@mxenabled/mxui";
+import { Receipt as rt, Icon as nt } from "@mxenabled/mx-icons";
+import { L as it, O as ot, e as at } from "./exportTransactionsToCSV-DgdB3TBt.mjs";
+import { observer as H } from "mobx-react-lite";
+import { useVirtualizer as st } from "@tanstack/react-virtual";
+import lt from "@mui/material/Divider";
+import ct from "@mui/material/List";
+import { G as dt, h as W, u as O, g as ht, b as mt } from "./hooks-BxkfR-Ff.mjs";
+import pt from "@mui/material/ListItemAvatar";
+import ut from "@mui/material/ListItemText";
 import { useTheme as z } from "@mui/material/styles";
-import { a as ut } from "./Transaction-C3Pg9TKf.mjs";
+import { a as ft } from "./Transaction-C3Pg9TKf.mjs";
 import { f as B } from "./NumberFormatting-QCaNwbjv.mjs";
 import { fromUnixTime as R } from "date-fns/fromUnixTime";
 import { isSameDay as Z } from "date-fns/isSameDay";
-import { f as ft, D as gt } from "./DateFormats-BMpMrZpW.mjs";
-import { h as xt } from "./DateUtil-wcYTmDRD.mjs";
+import { f as gt, D as xt } from "./DateFormats-BMpMrZpW.mjs";
+import { h as bt } from "./DateUtil-wcYTmDRD.mjs";
 import { L as Q } from "./Loader-D3rjKx72.mjs";
-import { A as bt } from "./Analytics-0Xm_BjHU.mjs";
-import yt from "@mui/material/Tab";
+import { A as yt } from "./Analytics-0Xm_BjHU.mjs";
+import _t from "@mui/material/Tab";
 import wt from "@mui/material/Tabs";
-import _t from "@mui/material/IconButton";
-import { ChartContainer as Ct, ChartsReferenceLine as j, ChartsXAxis as vt, BarPlot as Tt } from "@mui/x-charts";
-import { D as Dt } from "./Drawer-Bbe4AMB1.mjs";
-import St from "@mui/material/Card";
-const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
-  const l = i || r, h = i ? "chevron_right" : "close";
+import Ct from "@mui/material/IconButton";
+import { ChartContainer as vt, ChartsReferenceLine as j, ChartsXAxis as Tt, BarPlot as Dt } from "@mui/x-charts";
+import { D as St } from "./Drawer-Bbe4AMB1.mjs";
+import It from "@mui/material/Card";
+const Lt = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
+  const s = i || r, h = i ? "chevron_right" : "close";
   return /* @__PURE__ */ a(
     c,
     {
@@ -51,11 +51,11 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
           /* @__PURE__ */ e(E, { color: "info", fill: !0, name: "lightbulb", size: 24 }),
           /* @__PURE__ */ e(N, { color: "primary.dark", fontWeight: 400, noWrap: !1, variant: "subtitle2", children: t })
         ] }),
-        l && /* @__PURE__ */ e(
-          _t,
+        s && /* @__PURE__ */ e(
+          Ct,
           {
             "aria-label": n,
-            onClick: l,
+            onClick: s,
             size: "small",
             sx: { minHeight: 0, minWidth: 0, p: 0 },
             children: /* @__PURE__ */ e(E, { color: "primary", fill: !0, name: h, size: 20 })
@@ -64,20 +64,20 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
       ]
     }
   );
-}, Lt = ({
+}, kt = ({
   ariaLabel: t,
   beat: n,
   chart: r,
   children: i,
   data: o,
-  defaultSelectedIndex: l,
+  defaultSelectedIndex: s,
   icon: h,
   onTabChange: g,
   tipSection: m
 }) => {
-  const { heading: d, subHeading: u } = n, x = X(
-    () => l ?? (o.length ? o.length - 1 : 0),
-    [l, o.length]
+  const { heading: d, subHeading: u } = n, x = q(
+    () => s ?? (o.length ? o.length - 1 : 0),
+    [s, o.length]
   ), [y, p] = K(x), S = (v, T) => {
     g?.(T), p(T);
   }, I = (v) => {
@@ -85,7 +85,7 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
   };
   return /* @__PURE__ */ a(A, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
     /* @__PURE__ */ e(wt, { "aria-label": t, onChange: S, value: y, variant: "fullWidth", children: o.map((v, T) => /* @__PURE__ */ e(
-      yt,
+      _t,
       {
         id: `transaction-details-tab-${T}`,
         label: v.label,
@@ -94,54 +94,61 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
       `${v.label}-${T}`
     )) }),
     /* @__PURE__ */ e(c, { sx: { pt: 16, px: 24 }, children: (d || u) && /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
-      d && /* @__PURE__ */ e(J, { children: d }),
+      d && /* @__PURE__ */ e(P, { children: d }),
       u && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         h,
         /* @__PURE__ */ e(f, { textTransform: "uppercase", variant: "body2", children: u.description })
       ] })
     ] }) }),
     r?.(y, I),
-    m && /* @__PURE__ */ e(It, { ...m }),
+    m && /* @__PURE__ */ e(Lt, { ...m }),
     i?.(y)
   ] });
 }, V = () => {
-  if (!w.useContext(ct))
+  if (!_.useContext(dt))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
   return W().uiStore;
 };
-function kt() {
+function At() {
   return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
 }
-function At(t) {
-  const n = kt().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
+function X(t) {
+  const n = At().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
   return r && r.postMessage && n ? (r.postMessage(t, n), !0) : !1;
 }
 function $t(t) {
-  return At({
+  return X({
     metadata: { beat_guid: t },
     mx: !0,
     type: "mx/moneyDashboard/insightOnTransaction"
   });
 }
+function ve(t) {
+  return X({
+    metadata: { template: t },
+    mx: !0,
+    type: "mx/pulse/client_configured_cta"
+  });
+}
 const Et = ({ transaction: t, onClick: n }) => {
-  const i = z().palette.mode === "dark", { associatedBeats: o } = W(), { expandedSplits: l } = V(), { transactions: h } = H(), { showInsights: g } = V(), m = t.transaction_type === ut.CREDIT, d = w.useMemo(() => o.find((u) => u.associated_transaction_guid === t.guid), [o, t]);
+  const i = z().palette.mode === "dark", { associatedBeats: o } = W(), { expandedSplits: s } = V(), { transactions: h } = O(), { showInsights: g } = V(), m = t.transaction_type === ft.CREDIT, d = _.useMemo(() => o.find((u) => u.associated_transaction_guid === t.guid), [o, t]);
   return (
     //TODO: implement common/components/ListItemRow.tsx
     /* @__PURE__ */ a(
-      nt,
+      it,
       {
-        clickEventName: it.ON_TRANSACTION_LIST_ITEM_CLICK,
+        clickEventName: ot.ON_TRANSACTION_LIST_ITEM_CLICK,
         onClick: n ? () => n(t.guid) : void 0,
         children: [
-          /* @__PURE__ */ e(mt, { children: t.parent_guid && l.includes(t.parent_guid) ? /* @__PURE__ */ e(w.Fragment, {}) : /* @__PURE__ */ e(
-            P,
+          /* @__PURE__ */ e(pt, { children: t.parent_guid && s.includes(t.parent_guid) ? /* @__PURE__ */ e(_.Fragment, {}) : /* @__PURE__ */ e(
+            tt,
             {
               categoryGuid: t.top_level_category_guid || "",
               merchantGuid: t.merchant_guid || ""
             }
           ) }),
           /* @__PURE__ */ e(
-            pt,
+            ut,
             {
               disableTypography: !0,
               secondary: /* @__PURE__ */ a(c, { direction: "row", justifyContent: "space-between", children: [
@@ -197,24 +204,24 @@ const Et = ({ transaction: t, onClick: n }) => {
       }
     )
   );
-}, Mt = O(Et), Rt = ({
+}, Mt = H(Et), Rt = ({
   bgcolor: t = "background.default",
   children: n
 }) => /* @__PURE__ */ e(A, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(f, { bold: !0, sx: { pl: 24 }, variant: "caption", children: n }) }), Wt = ({ showIcon: t = !0, showSubtitle: n = !0 }) => {
-  const { transactions: r } = H();
+  const { transactions: r } = O();
   return /* @__PURE__ */ a(c, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    t && /* @__PURE__ */ e(et, { color: "action", sx: { fontSize: 32 } }),
+    t && /* @__PURE__ */ e(rt, { color: "action", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "body2", children: r.zero_state_no_transactions }),
     n && /* @__PURE__ */ e(f, { color: "text.secondary", variant: "caption", children: r.zero_state_there_are_no_transactions })
   ] });
-}, zt = O(Wt), G = (t, n) => {
+}, zt = H(Wt), G = (t, n) => {
   const r = R(n[t].date), i = R(n[t - 1]?.date);
   return !Z(r, i);
 }, Bt = (t, n) => {
   const r = R(n[t].date), i = R(n[t + 1]?.date);
   return Z(r, i);
-}, ve = (t) => t?.data ? t.data.map((n) => Object.fromEntries((t.names || []).map((r, i) => [r, n[i]]))) : [], Te = (t, n = "") => t.map((i) => {
-  const o = ft(i.date, gt.MONTH_SHORT);
+}, Te = (t) => t?.data ? t.data.map((n) => Object.fromEntries((t.names || []).map((r, i) => [r, n[i]]))) : [], De = (t, n = "") => t.map((i) => {
+  const o = gt(i.date, xt.MONTH_SHORT);
   return {
     ariaLabel: `
         ${o},
@@ -230,33 +237,33 @@ const Et = ({ transaction: t, onClick: n }) => {
   height: r = "calc(100dvh - 36px)",
   loader: i = /* @__PURE__ */ e(Q, { label: "Loading", size: 40 }),
   onClick: o,
-  showInsights: l = !1,
+  showInsights: s = !1,
   showLoader: h = !1,
   showHiddenTransactions: g = !1,
   transaction: m,
   width: d = "100%",
   zeroState: u = /* @__PURE__ */ e(zt, {})
 }) => {
-  const { isLoading: x, sortedTransactions: y } = W(), p = w.useMemo(() => {
-    const b = n ? y.filter(n) : y, _ = m ?? b;
-    return g ? _ : _.filter((s) => !s.is_hidden);
-  }, [y, g, m]), { clearExpandedSplits: S, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = dt(), M = (b) => {
-    const _ = p.find((s) => s.guid === b);
-    if (_?.has_been_split) {
-      v(_.guid);
+  const { isLoading: x, sortedTransactions: y } = W(), p = _.useMemo(() => {
+    const b = n ? y.filter(n) : y, w = m ?? b;
+    return g ? w : w.filter((l) => !l.is_hidden);
+  }, [y, g, m]), { clearExpandedSplits: S, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = ht(), M = (b) => {
+    const w = p.find((l) => l.guid === b);
+    if (w?.has_been_split) {
+      v(w.guid);
       return;
     }
-    T(bt.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: _?.account_guid,
+    T(yt.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: w?.account_guid,
       transaction_guid: b
     }), o?.(b);
-  }, L = w.useRef(null), k = at({
+  }, L = _.useRef(null), k = st({
     count: p.length,
     getScrollElement: () => L.current,
     estimateSize: (b) => U + (G(b, p) ? F : 0),
     overscan: 5
   });
-  return w.useEffect(() => k.measure(), [p]), w.useEffect(() => I(l), [l]), w.useEffect(() => () => S(), []), /* @__PURE__ */ e(lt, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ e(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
+  return _.useEffect(() => k.measure(), [p]), _.useEffect(() => I(s), [s]), _.useEffect(() => () => S(), []), /* @__PURE__ */ e(ct, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ e(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
     A,
     {
       height: (
@@ -270,7 +277,7 @@ const Et = ({ transaction: t, onClick: n }) => {
         (x || h) && i,
         !x && !h && k.getVirtualItems().length === 0 && u,
         !x && !h && k.getVirtualItems().length > 0 && k.getVirtualItems().map((b) => {
-          const _ = p[b.index], s = G(b.index, p), C = Bt(b.index, p), D = U + (s ? F : 0);
+          const w = p[b.index], l = G(b.index, p), C = Bt(b.index, p), D = U + (l ? F : 0);
           return /* @__PURE__ */ a(
             A,
             {
@@ -283,43 +290,43 @@ const Et = ({ transaction: t, onClick: n }) => {
                 bgcolor: "background.paper"
               },
               children: [
-                s && /* @__PURE__ */ e(Rt, { bgcolor: t, children: xt(_.date) }),
+                l && /* @__PURE__ */ e(Rt, { bgcolor: t, children: bt(w.date) }),
                 /* @__PURE__ */ e(
                   Mt,
                   {
                     ...o && { onClick: M },
-                    transaction: _
+                    transaction: w
                   }
                 ),
-                /* @__PURE__ */ e(st, { sx: { ml: C ? 68 : 0 } })
+                /* @__PURE__ */ e(lt, { sx: { ml: C ? 68 : 0 } })
               ]
             },
-            _.guid
+            w.guid
           );
         })
       ]
     }
   ) }) });
-}, Nt = O(Vt), Ot = (t) => {
+}, Nt = H(Vt), Ht = (t) => {
   const [n, r] = K({ width: 0, height: 0 });
-  return q(() => {
+  return J(() => {
     const i = () => {
       if (t.current) {
-        const { offsetWidth: o, offsetHeight: l } = t.current;
-        r({ width: o, height: l });
+        const { offsetWidth: o, offsetHeight: s } = t.current;
+        r({ width: o, height: s });
       }
     };
     return i(), window.addEventListener("resize", i), () => {
       window.removeEventListener("resize", i);
     };
   }, [t]), n;
-}, Ht = ({
+}, Ot = ({
   color: t,
   legendStyle: n = {},
   monthlyAmount: r,
   monthlyAmountLabel: i,
   trendAmount: o,
-  trendAmountLabel: l
+  trendAmountLabel: s
 }) => {
   const h = z();
   return /* @__PURE__ */ a(
@@ -354,7 +361,7 @@ const Et = ({ transaction: t, onClick: n }) => {
             r
           ] })
         ] }),
-        l && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+        s && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
           /* @__PURE__ */ e(
             "svg",
             {
@@ -368,7 +375,7 @@ const Et = ({ transaction: t, onClick: n }) => {
             }
           ),
           /* @__PURE__ */ a(f, { id: "chartLegendLabel", variant: "caption", children: [
-            l,
+            s,
             ": ",
             o
           ] })
@@ -386,10 +393,10 @@ const Et = ({ transaction: t, onClick: n }) => {
   dataIndex: r,
   removeSelectedTabColorChange: i,
   selectedTabIndex: o,
-  style: l,
+  style: s,
   ...h
 }) => {
-  const g = z(), { ariaLabel: m, formattedAmount: d } = n[r], u = o === r ? "bold" : 400, x = l.x ?? 0, y = l.y ?? 0, p = l.width ?? 0, S = l.height ?? 0;
+  const g = z(), { ariaLabel: m, formattedAmount: d } = n[r], u = o === r ? "bold" : 400, x = s.x ?? 0, y = s.y ?? 0, p = s.width ?? 0, S = s.height ?? 0;
   return /* @__PURE__ */ a("g", { "aria-label": m, children: [
     /* @__PURE__ */ e(
       "path",
@@ -424,19 +431,19 @@ const Et = ({ transaction: t, onClick: n }) => {
     right: 40,
     top: 20
   },
-  onBarClick: l,
+  onBarClick: s,
   legendPosition: h = "bottom",
   monthlyAmountLabel: g,
   removeSelectedTabColorChange: m,
   selectedTabIndex: d,
   trendAmountLabel: u
 }) => {
-  const x = w.useRef(null), { height: y, width: p } = Ot(x), S = z(), I = w.useMemo(() => {
-    const s = r.map(({ value: $ }) => $), C = Math.min(...s), D = Math.max(...s);
+  const x = _.useRef(null), { height: y, width: p } = Ht(x), S = z(), I = _.useMemo(() => {
+    const l = r.map(({ value: $ }) => $), C = Math.min(...l), D = Math.max(...l);
     return {
       series: [
         {
-          data: s,
+          data: l,
           type: "bar"
         }
       ],
@@ -455,14 +462,14 @@ const Et = ({ transaction: t, onClick: n }) => {
         }
       ]
     };
-  }, [r]), v = w.useMemo(() => {
-    const s = `${n}80`;
-    return m ? r.map(() => n) : d == null ? [...new Array(r.length - 1).fill(s), n] : r.map((C, D) => D === d ? n : s);
-  }, [n, r, d]), T = w.useMemo(
+  }, [r]), v = _.useMemo(() => {
+    const l = `${n}80`;
+    return m ? r.map(() => n) : d == null ? [...new Array(r.length - 1).fill(l), n] : r.map((C, D) => D === d ? n : l);
+  }, [n, r, d]), T = _.useMemo(
     () => r[d ?? r.length - 1],
     [r, d]
-  ), L = r.reduce((s, C) => Math.min(s, C.value), 1 / 0) < 0, k = /* @__PURE__ */ e(
-    Ht,
+  ), L = r.reduce((l, C) => Math.min(l, C.value), 1 / 0) < 0, k = /* @__PURE__ */ e(
+    Ot,
     {
       color: n,
       legendStyle: { pl: o.left },
@@ -471,7 +478,7 @@ const Et = ({ transaction: t, onClick: n }) => {
       trendAmount: t?.formattedAverage,
       trendAmountLabel: u
     }
-  ), b = g || u, _ = (s, { dataIndex: C }) => l?.(C);
+  ), b = g || u, w = (l, { dataIndex: C }) => s?.(C);
   return /* @__PURE__ */ a(c, { sx: { alignItems: "center", width: "100%" }, children: [
     b && h === "top" && k,
     /* @__PURE__ */ e(
@@ -493,7 +500,7 @@ const Et = ({ transaction: t, onClick: n }) => {
           }
         },
         children: /* @__PURE__ */ a(
-          Ct,
+          vt,
           {
             height: y,
             margin: {
@@ -531,12 +538,12 @@ const Et = ({ transaction: t, onClick: n }) => {
                 }
               ),
               /* @__PURE__ */ e(
-                vt,
+                Tt,
                 {
                   position: "bottom",
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    axisTickLabel: ({ text: s, ownerState: C, ...D }) => {
+                    axisTickLabel: ({ text: l, ownerState: C, ...D }) => {
                       const $ = r[d ?? r.length - 1]?.label;
                       return /* @__PURE__ */ e(
                         "text",
@@ -544,16 +551,16 @@ const Et = ({ transaction: t, onClick: n }) => {
                           ...D,
                           style: {
                             ...D.style,
-                            fontWeight: !m && $ === s ? "bold" : 400
+                            fontWeight: !m && $ === l ? "bold" : 400
                           },
-                          children: s
+                          children: l
                         }
                       );
                     }
                   },
-                  sx: (s) => ({
+                  sx: (l) => ({
                     "& .MuiChartsAxis-line": {
-                      stroke: L ? "none" : s.palette.text?.primary
+                      stroke: L ? "none" : l.palette.text?.primary
                     },
                     "& .MuiChartsAxis-tickContainer:first-of-type .MuiChartsAxis-tick": {
                       display: "none"
@@ -568,12 +575,12 @@ const Et = ({ transaction: t, onClick: n }) => {
                 }
               ),
               /* @__PURE__ */ e(
-                Tt,
+                Dt,
                 {
-                  onItemClick: _,
+                  onItemClick: w,
                   slots: {
-                    bar: (s) => {
-                      const { ownerState: C, ...D } = s;
+                    bar: (l) => {
+                      const { ownerState: C, ...D } = l;
                       return /* @__PURE__ */ e(
                         Gt,
                         {
@@ -584,10 +591,10 @@ const Et = ({ transaction: t, onClick: n }) => {
                           removeSelectedTabColorChange: m,
                           selectedTabIndex: d ?? r.length - 1,
                           style: {
-                            height: s.height,
-                            x: s.x,
-                            y: s.y,
-                            width: s.width
+                            height: l.height,
+                            x: l.x,
+                            y: l.y,
+                            width: l.width
                           }
                         }
                       );
@@ -608,7 +615,7 @@ const Et = ({ transaction: t, onClick: n }) => {
   beat: r,
   data: i,
   defaultSelectedIndex: o = 0,
-  icon: l,
+  icon: s,
   isOpen: h = !1,
   onClose: g,
   onTabChange: m,
@@ -616,9 +623,9 @@ const Et = ({ transaction: t, onClick: n }) => {
   title: u,
   transactionListProps: x = {}
 }) => {
-  const { common: y, transactions: p } = H(), { isCopyLoaded: S } = ht(), { sortedTransactionsWithSplits: I, tags: v } = W();
-  return S ? /* @__PURE__ */ e(Dt, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ e(
-    Lt,
+  const { common: y, transactions: p } = O(), { isCopyLoaded: S } = mt(), { sortedTransactionsWithSplits: I, tags: v } = W();
+  return S ? /* @__PURE__ */ e(St, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ e(
+    kt,
     {
       ariaLabel: t,
       beat: r,
@@ -634,10 +641,10 @@ const Et = ({ transaction: t, onClick: n }) => {
       ) }),
       data: i,
       defaultSelectedIndex: o,
-      icon: l,
+      icon: s,
       onTabChange: m,
       tipSection: d,
-      children: () => /* @__PURE__ */ a(w.Fragment, { children: [
+      children: () => /* @__PURE__ */ a(_.Fragment, { children: [
         /* @__PURE__ */ a(
           c,
           {
@@ -658,12 +665,12 @@ const Et = ({ transaction: t, onClick: n }) => {
                 Y,
                 {
                   onClick: () => {
-                    ot(
+                    at(
                       x?.transaction || I,
                       v
                     );
                   },
-                  startIcon: /* @__PURE__ */ e(rt, { name: "ios_share" }),
+                  startIcon: /* @__PURE__ */ e(nt, { name: "ios_share" }),
                   sx: { height: 28 },
                   children: /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: p.export_csv_btn })
                 }
@@ -675,13 +682,13 @@ const Et = ({ transaction: t, onClick: n }) => {
       ] })
     }
   ) }) : /* @__PURE__ */ e(Q, {});
-}, De = Ft, Kt = ({
+}, Se = Ft, Kt = ({
   amount: t,
   borderRadius: n = "2px",
   count: r,
   completeColor: i = "success.main",
   icon: o,
-  label: l,
+  label: s,
   leftLabel: h,
   percentComplete: g = 0,
   rightLabel: m,
@@ -690,8 +697,8 @@ const Et = ({ transaction: t, onClick: n }) => {
   /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(A, { children: o }),
     /* @__PURE__ */ a(c, { children: [
-      typeof r == "string" ? /* @__PURE__ */ e(N, { variant: "body2", children: l }) : r,
-      typeof t == "string" ? /* @__PURE__ */ e(tt, { children: t }) : t
+      typeof s == "string" ? /* @__PURE__ */ e(N, { dangerouslySetInnerHTML: { __html: s }, variant: "body2" }) : s,
+      typeof t == "string" ? /* @__PURE__ */ e(et, { children: t }) : t
     ] })
   ] }),
   /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
@@ -728,14 +735,14 @@ const Et = ({ transaction: t, onClick: n }) => {
       /* @__PURE__ */ e(f, { variant: "body2", children: m })
     ] })
   ] })
-] }), Se = Kt, Ie = ({
+] }), Ie = Kt, Le = ({
   title: t,
   description: n,
   callToAction: r,
   instanceSlot: i = void 0,
   onCtaClick: o = () => {
   }
-}) => /* @__PURE__ */ a(St, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
+}) => /* @__PURE__ */ a(It, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
   /* @__PURE__ */ e(
     c,
     {
@@ -786,17 +793,18 @@ const Et = ({ transaction: t, onClick: n }) => {
 ] });
 export {
   Ut as B,
-  De as C,
-  Ie as E,
+  Se as C,
+  Le as E,
   Rt as S,
   Nt as T,
   Mt as a,
-  Se as b,
-  ve as c,
-  Te as d,
-  Ot as e,
-  Lt as f,
+  Ie as b,
+  Te as c,
+  De as d,
+  Ht as e,
+  kt as f,
   Bt as h,
+  ve as p,
   G as s,
   V as u
 };

package/dist/{ManageIncome-BJ7c7plg.mjs → ManageIncome-DqqI9HB1.mjs}

@@ -17,8 +17,8 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-xngm4vLT.mjs";
-import { T as be } from "./TransactionDetails-D6XZakc-.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-qwIhF1VP.mjs";
+import { T as be } from "./TransactionDetails-I1ny1ecc.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";

package/dist/{RecurringSettings-DnD0AqWa.mjs → RecurringSettings-OBGLelZQ.mjs}

@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b 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-BJ7c7plg.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-DqqI9HB1.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RepeatingTransaction-DF4vJn_v.mjs";
 import { A as m } from "./Analytics-0Xm_BjHU.mjs";

package/dist/{TransactionDetails-D6XZakc-.mjs → TransactionDetails-I1ny1ecc.mjs}

@@ -30,7 +30,7 @@ import Q from "@mui/material/ListItemAvatar";
 import z from "@mui/material/ListItemText";
 import { f as Le, D as we } from "./DateFormats-BMpMrZpW.mjs";
 import { BarChart as ot } from "@mui/x-charts";
-import { b as it, T as st, u as oe, c as lt, d as ct, E as dt, C as ut } from "./EmbeddedCard-xngm4vLT.mjs";
+import { b as it, T as st, u as oe, c as lt, d as ct, E as dt, C as ut } from "./EmbeddedCard-qwIhF1VP.mjs";
 import X from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemIcon";
 import { a as $e } from "./CategorySelectorDrawer-Dc9Widy9.mjs";

package/dist/accounts/index.es.js

@@ -55,8 +55,8 @@ import e3 from "@mui/material/AlertTitle";
 import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
-import { T as a3 } from "../EmbeddedCard-xngm4vLT.mjs";
-import { T as s3 } from "../TransactionDetails-D6XZakc-.mjs";
+import { T as a3 } from "../EmbeddedCard-qwIhF1VP.mjs";
+import { T as s3 } from "../TransactionDetails-I1ny1ecc.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
 import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";