@mx-cartographer/experiences 8.1.7 → 8.1.9-alpha.al0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [8.1.8] - 04-28-2026
+
+- **FIXED** - Issue causing retirement goals not to display unless there were savings and/or debt goals
+
 ## [8.1.7] - 04-27-2026
 
 - **UPDATED** - Control available balance display via flag

package/dist/{Donut-D7ekbgf5.mjs → Donut-SzzfZDHF.mjs}

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import A from "react";
-import { selectAll as b, interpolateString as x, arc as I } from "d3";
+import R from "react";
+import { selectAll as b, interpolateString as m, arc as x } from "d3";
 import u from "@mui/material/Box";
-import { useTheme as S, darken as m, lighten as E } from "@mui/material/styles";
+import { useTheme as I, darken as S, lighten as E } from "@mui/material/styles";
 const _ = 100, v = 140, B = 10, K = ({
   data: h,
   hoveredId: p,
@@ -13,7 +13,7 @@ const _ = 100, v = 140, B = 10, K = ({
   size: t = 300,
   children: f
 }) => {
-  const c = S();
+  const c = I();
   let r = 0;
   const g = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
@@ -22,15 +22,15 @@ const _ = 100, v = 140, B = 10, K = ({
   }, k = (o) => {
     s?.(o);
   };
-  return A.useEffect(() => {
-    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => x("rotate(0)", "rotate(360)"));
+  return R.useEffect(() => {
+    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => m("rotate(0)", "rotate(360)"));
   }, []), /* @__PURE__ */ d(u, { height: t, position: "relative", width: t, children: [
     /* @__PURE__ */ e(u, { height: "100%", width: "100%", children: f }),
     /* @__PURE__ */ d(
       "svg",
       {
         height: t,
-        style: { position: "absolute", top: 0, left: 0 },
+        style: { position: "absolute", top: 0, left: 0, touchAction: "manipulation" },
         viewBox: "-150 -150 300 300",
         width: t,
         children: [
@@ -45,7 +45,7 @@ const _ = 100, v = 140, B = 10, K = ({
           /* @__PURE__ */ e("g", { children: h.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const w = r, D = I().cornerRadius(4)({
+            const w = r, A = x().cornerRadius(4)({
               innerRadius: _,
               outerRadius: v + (o.id === i || o.id === p ? B : 0),
               startAngle: n,
@@ -58,16 +58,16 @@ const _ = 100, v = 140, B = 10, K = ({
                 "aria-label": o.label || `Segment ${o.id}`,
                 "aria-pressed": o.id === i,
                 className: "arc-outer",
-                d: D,
+                d: A,
                 fill: o.color,
                 onBlur: () => k(o.id),
                 onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
-                onKeyDown: (R) => g(R, o.id),
+                onKeyDown: (D) => g(D, o.id),
                 onMouseEnter: () => l?.(o.id),
                 onMouseLeave: () => s?.(o.id),
                 role: "button",
-                stroke: c.palette.mode === "light" ? m(o.color, 0.3) : E(o.color, 0.3),
+                stroke: c.palette.mode === "light" ? S(o.color, 0.3) : E(o.color, 0.3),
                 strokeWidth: 2,
                 style: {
                   cursor: "pointer",

package/dist/{MiniWidgetContainer-CmTGSUL5.mjs → MiniWidgetContainer-BS4iG6cw.mjs}

@@ -1,6 +1,6 @@
-import { jsxs as i, jsx as r, Fragment as g } from "react/jsx-runtime";
-import b from "@mui/material/Box";
-import u from "@mui/material/Button";
+import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import b from "@mui/material/Button";
 import C from "@mui/material/Card";
 import v from "@mui/material/CardHeader";
 import z from "@mui/material/CardContent";
@@ -14,8 +14,8 @@ const J = ({
   className: m = "mx-cmn-mini-widget",
   closeLabel: l,
   contentStyles: d,
-  onClose: e,
-  onPrimaryCtaClick: o,
+  onClose: o,
+  onPrimaryCtaClick: e,
   primaryCtaLabel: s = "",
   primaryCtaLabelAria: c = "",
   subTitle: t = "",
@@ -23,14 +23,14 @@ const J = ({
   title: n = ""
 }) => {
   const [h, { height: f, width: x }] = w();
-  return /* @__PURE__ */ i(C, { className: m, sx: { ...p }, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(C, { className: m, sx: { touchAction: "manipulation", ...p }, children: [
+    /* @__PURE__ */ i(
       v,
       {
         sx: { pb: 8 },
-        title: /* @__PURE__ */ i(g, { children: [
-          /* @__PURE__ */ i(
-            b,
+        title: /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ r(
+            u,
             {
               sx: {
                 alignItems: "center",
@@ -40,25 +40,25 @@ const J = ({
                 pb: 4
               },
               children: [
-                n && /* @__PURE__ */ r(y, { children: n }),
-                e ? /* @__PURE__ */ r(H, { "aria-label": l, onClick: e, size: "small", children: /* @__PURE__ */ r(I, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(
-                  u,
+                n && /* @__PURE__ */ i(y, { children: n }),
+                o ? /* @__PURE__ */ i(H, { "aria-label": l, onClick: o, size: "small", children: /* @__PURE__ */ i(I, { name: "close", size: 24 }) }) : e && /* @__PURE__ */ i(
+                  b,
                   {
                     "aria-label": c,
-                    endIcon: /* @__PURE__ */ r(W, {}),
-                    onClick: o,
+                    endIcon: /* @__PURE__ */ i(W, {}),
+                    onClick: e,
                     size: "small",
-                    children: /* @__PURE__ */ r(B, { bold: !0, variant: "body2", children: s })
+                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "body2", children: s })
                   }
                 )
               ]
             }
           ),
-          t && /* @__PURE__ */ r(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
+          t && /* @__PURE__ */ i(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
         ] })
       }
     ),
-    /* @__PURE__ */ r(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ r(M, { availableHeight: f, availableWidth: x, children: a }) })
+    /* @__PURE__ */ i(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(M, { availableHeight: f, availableWidth: x, children: a }) })
   ] });
 };
 export {

package/dist/{SpendingLegend-DIWHSsKw.mjs → SpendingLegend-x3K9eXrQ.mjs}

@@ -4,11 +4,11 @@ import { jsxs as f, Fragment as N, jsx as d } from "react/jsx-runtime";
 import T from "react";
 import { observer as k } from "mobx-react-lite";
 import S from "@mui/material/Box";
-import M from "@mui/material/Button";
+import A from "@mui/material/Button";
 import h from "@mui/material/Stack";
-import { useTheme as A } from "@mui/material/styles";
+import { useTheme as M } from "@mui/material/styles";
 import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from "@mxenabled/mxui";
-import { D as j } from "./Donut-D7ekbgf5.mjs";
+import { D as j } from "./Donut-SzzfZDHF.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-HwStH7q_.mjs";
 import { u as V } from "./useScreenSize-CeFhWTt_.mjs";
@@ -99,7 +99,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   totalLabel: a,
   variant: t = "mini"
 }) => {
-  const { spending: r } = v(), c = A(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
+  const { spending: r } = v(), c = M(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
     () => o ? i.categoryData.find((x) => x.guid === o) : void 0,
     [o]
   );
@@ -148,7 +148,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
       /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? b(u.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
       !u && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: a }),
       t === "full" && /* @__PURE__ */ d(
-        M,
+        A,
         {
           "aria-label": `View ${u?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,
@@ -175,7 +175,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
       onClick: () => l(o.guid),
       onKeyDown: (n) => m(n, o.guid),
       role: "button",
-      sx: { cursor: "pointer" },
+      sx: { cursor: "pointer", touchAction: "manipulation" },
       tabIndex: 0,
       children: [
         /* @__PURE__ */ d(S, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),

package/dist/accounts/index.es.js

@@ -64,7 +64,7 @@ import { u as b1 } from "../useScreenSize-CeFhWTt_.mjs";
 import { u as o1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as i1 } from "../Loader-CxeBwuPG.mjs";
 import { W as d3 } from "../WidgetContainer-_Fzy--dt.mjs";
-import { M as A1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as A1 } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { A as r2 } from "../AccountStore-B3S_p5Qa.mjs";
 const u3 = (t, o) => {
   const n = f1.includes(o) ? S1(t) : [], c = g1.includes(o) ? T1(t) : [], i = H1.includes(o) ? E1(t) : [];

package/dist/analytics/index.es.js

@@ -7,7 +7,7 @@ import j from "@mui/material/Button";
 import s from "@mui/material/Stack";
 import { Text as u, TextField as A } from "@mxenabled/mxui";
 import { L } from "../Loader-CxeBwuPG.mjs";
-import { M as W } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as W } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { j as f, u as g, g as $, b as q } from "../hooks-HwStH7q_.mjs";
 import E from "@mui/material/ToggleButton";
 import Q from "@mui/material/ToggleButtonGroup";