@mx-cartographer/experiences 8.0.24 → 8.0.26-alpha.al0

package/dist/{WidgetContainer-DYKMArWw.mjs → WidgetContainer-CFaupcpE.mjs}

@@ -1,5 +1,5 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import h from "react";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import f from "react";
 import { observer as re } from "mobx-react-lite";
 import z from "@mui/material/Button";
 import se from "@mui/material/Card";
@@ -9,7 +9,7 @@ import K from "@mui/material/IconButton";
 import me from "@mui/material/Paper";
 import A from "@mui/material/Stack";
 import { ChevronLeft as ce } from "@mxenabled/mx-icons";
-import { Icon as D, Text as G, DateRangePicker as J } from "@mxenabled/mxui";
+import { Icon as k, Text as G, DateRangePicker as J } from "@mxenabled/mxui";
 import { u as ue } from "./useDimensions-CeDR9V8N.mjs";
 import { G as pe } from "./GlobalAccountFilter-CmnaZDS6.mjs";
 import { b as oe, u as ne, g as ge, a as he, W as fe } from "./hooks-BxkfR-Ff.mjs";
@@ -20,8 +20,8 @@ import { differenceInCalendarDays as Re } from "date-fns/differenceInCalendarDay
 import { endOfDay as _e } from "date-fns/endOfDay";
 import { endOfMonth as w } from "date-fns/endOfMonth";
 import { endOfToday as ee } from "date-fns/endOfToday";
-import { endOfYear as Ce } from "date-fns/endOfYear";
-import { startOfMonth as xe } from "date-fns/startOfMonth";
+import { endOfYear as xe } from "date-fns/endOfYear";
+import { startOfMonth as Ce } from "date-fns/startOfMonth";
 import { startOfToday as De } from "date-fns/startOfToday";
 import { startOfYear as ke } from "date-fns/startOfYear";
 import { subMonths as V } from "date-fns/subMonths";
@@ -29,8 +29,8 @@ import { subDays as ye } from "date-fns/subDays";
 import { subYears as te } from "date-fns/subYears";
 import ae from "@mui/material/Box";
 import Te from "@mui/material/ButtonGroup";
-import Me from "@mui/material/Tab";
-import ve from "@mui/material/Tabs";
+import ve from "@mui/material/Tab";
+import Me from "@mui/material/Tabs";
 import Pe from "@mui/material/ToggleButton";
 import Se from "@mui/material/ToggleButtonGroup";
 import Le from "@mui/material/styles/useTheme";
@@ -38,19 +38,19 @@ import { u as Ye } from "./useAriaLive-MkYebyUR.mjs";
 import { D as Ee } from "./Dialog-Ck34yr-d.mjs";
 import { D as Ae } from "./Drawer-Bbe4AMB1.mjs";
 import { u as ie } from "./useScreenSize-CUcpY7aJ.mjs";
-import { f as M, D as v } from "./DateFormats-BMpMrZpW.mjs";
+import { f as v, D as M } from "./DateFormats-BMpMrZpW.mjs";
 import { L as Be } from "./Loader-D3rjKx72.mjs";
 import { A as Oe } from "./Analytics-0Xm_BjHU.mjs";
 const Ne = (o) => {
   const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = ie(o), n = 24;
-  let u = 48, c = 32, P = 0, p = "h1";
+  let p = 48, c = 32, P = 0, g = "h1";
   const s = a || m;
   let _ = !1;
-  r && !m ? (u = 24, c = 24, p = "h2") : s && (u = 8, c = 10, P = 10, p = "h3", _ = !0);
+  r && !m ? (p = 24, c = 24, g = "h2") : s && (p = 8, c = 10, P = 10, g = "h3", _ = !0);
   const i = {
     pb: s ? 12 : 0,
     ...s && {
-      px: u,
+      px: p,
       "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
       "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
       "& .MuiButtonGroup-root": { width: "100%" },
@@ -61,10 +61,10 @@ const Ne = (o) => {
   return {
     actionsFlex: s ? 0 : 1,
     containerSquareCorners: _,
-    headerHeadingLevel: p,
+    headerHeadingLevel: g,
     headerPaddingBottom: P,
     headerPaddingTop: c,
-    headerPaddingX: u,
+    headerPaddingX: p,
     iconSize: n,
     isCompact: s,
     isDesktop: d,
@@ -74,11 +74,11 @@ const Ne = (o) => {
   calendarActions: o,
   color: d = "primary",
   copy: a,
-  range: m = [xe(De()), w(ee())],
+  range: m = [Ce(De()), w(ee())],
   shouldShrinkToIcon: r = !0,
   variant: n = "outlined"
 }) => {
-  const u = Le(), { isMobile: c } = ie(), { announce: P, ariaLive: p } = Ye(), [s, _] = h.useState(m), [i, F] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, B] = h.useState(s), [E, k] = h.useState(!1), [H, W] = h.useState(!0), [S, j] = h.useState(6), O = {
+  const p = Le(), { isMobile: c } = ie(), { announce: P, ariaLive: g } = Ye(), [s, _] = f.useState(m), [i, W] = f.useState(a.dateRangePickerCopy.dateRangeThisMonth), [x, B] = f.useState(s), [E, C] = f.useState(!1), [F, H] = f.useState(!0), [S, j] = f.useState(6), O = {
     buttons: [
       { ariaLabel: "3 Months", label: "3M", value: 3 },
       { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -92,63 +92,63 @@ const Ne = (o) => {
       { label: "1 Year", value: 12 }
     ]
   };
-  h.useEffect(() => {
+  f.useEffect(() => {
     _(m), B(m);
-  }, [m]), h.useEffect(() => {
+  }, [m]), f.useEffect(() => {
     (n === "timeframebuttons" || n === "timeframetabs") && o.onRangeChanged($());
   }, [S]);
   const $ = () => {
     const t = w(ee());
     return [w(V(t, S)), t];
   }, N = (t) => {
-    const [l, g] = s, b = t === "previous";
+    const [l, h] = s, b = t === "previous";
     let R;
     if (i === a.dateRangePickerCopy.dateRangeThisMonth || i === a.dateRangePickerCopy.dateRangeLastMonth)
       R = [
         b ? V(l, 1) : Q(l, 1),
-        w(b ? V(g, 1) : Q(g, 1))
+        w(b ? V(h, 1) : Q(h, 1))
       ];
     else if (i === a.dateRangePickerCopy.dateRangeYTD || i === a.dateRangePickerCopy.dateRangeLastYear) {
-      const T = ke(l), x = Ce(l);
+      const T = ke(l), D = xe(l);
       R = [
         b ? te(T, 1) : Z(T, 1),
-        b ? te(x, 1) : Z(x, 1)
+        b ? te(D, 1) : Z(D, 1)
       ];
     } else {
-      const T = Re(g, l), x = b ? ye : be;
-      R = [x(l, T), x(g, T)];
+      const T = Re(h, l), D = b ? ye : be;
+      R = [D(l, T), D(h, T)];
     }
     _(R), o.onRangeChanged(R);
   }, L = () => {
-    _(C), W(
+    _(x), H(
       i === a.dateRangePickerCopy.dateRangeThisMonth || i === a.dateRangePickerCopy.dateRangeLastMonth
-    ), o.onRangeChanged(C);
+    ), o.onRangeChanged(x);
   }, y = (t, l) => {
     t[1] = t[1] ?? t[0];
-    const g = [t[0], t[1] ? _e(t[1]) : t[1]], b = M(g[0], v.MONTH_DAY_YEAR), R = M(g[1], v.MONTH_DAY_YEAR);
-    B(g), F(l), P(`${a.dateRangePickerCopy}: ${b} - ${R}`);
+    const h = [t[0], t[1] ? _e(t[1]) : t[1]], b = v(h[0], M.MONTH_DAY_YEAR), R = v(h[1], M.MONTH_DAY_YEAR);
+    B(h), W(l), P(`${a.dateRangePickerCopy}: ${b} - ${R}`);
   }, Y = (t) => {
     j(t);
   };
-  return /* @__PURE__ */ f(ae, { className: "mx-cmn-date-range-selector", m: 4, children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ u(ae, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ u(
       ae,
       {
         sx: {
-          [u.breakpoints.down("sm")]: {
+          [p.breakpoints.down("sm")]: {
             display: r ? "none" : "flex",
             justifyContent: "center"
           },
-          [u.breakpoints.up("sm")]: { display: "inline-flex" }
+          [p.breakpoints.up("sm")]: { display: "inline-flex" }
         },
         children: [
-          n === "readonly" && /* @__PURE__ */ f(A, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(D, { name: "calendar_month", size: 24 }),
-            /* @__PURE__ */ e(G, { bold: !0, children: M(C[0], v.MONTH_DAY) }),
-            /* @__PURE__ */ e(D, { name: "remove" }),
-            /* @__PURE__ */ e(G, { bold: !0, children: M(C[1], v.MONTH_DAY_YEAR) })
+          n === "readonly" && /* @__PURE__ */ u(A, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(k, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(G, { bold: !0, children: v(x[0], M.MONTH_DAY) }),
+            /* @__PURE__ */ e(k, { name: "remove" }),
+            /* @__PURE__ */ e(G, { bold: !0, children: v(x[1], M.MONTH_DAY_YEAR) })
           ] }),
-          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ f(
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ u(
             Te,
             {
               color: d,
@@ -170,7 +170,7 @@ const Ne = (o) => {
                     "aria-label": a.dateRangePreviousAria,
                     color: o.shouldDisablePrevious ? "secondary" : "primary",
                     onClick: () => o.shouldDisablePrevious ? null : N("previous"),
-                    children: /* @__PURE__ */ e(D, { name: "chevron_left", size: 20 })
+                    children: /* @__PURE__ */ e(k, { name: "chevron_left", size: 20 })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -178,16 +178,16 @@ const Ne = (o) => {
                   {
                     "aria-disabled": o.shouldDisablePicker,
                     color: d,
-                    onClick: () => o.shouldDisablePicker ? null : k(!0),
-                    startIcon: /* @__PURE__ */ e(D, { name: "calendar_month", size: 20 }),
+                    onClick: () => o.shouldDisablePicker ? null : C(!0),
+                    startIcon: /* @__PURE__ */ e(k, { name: "calendar_month", size: 20 }),
                     sx: {
                       p: c ? 0 : 8
                     },
-                    children: H ? M(s[0], v.MONTH_YEAR) : /* @__PURE__ */ f("span", { children: [
-                      M(s[0], v.MONTH_DAY_YEAR),
+                    children: F ? v(s[0], M.MONTH_YEAR) : /* @__PURE__ */ u("span", { children: [
+                      v(s[0], M.MONTH_DAY_YEAR),
                       " -",
                       " ",
-                      M(s[1], v.MONTH_DAY_YEAR)
+                      v(s[1], M.MONTH_DAY_YEAR)
                     ] })
                   }
                 ),
@@ -198,7 +198,7 @@ const Ne = (o) => {
                     "aria-label": a.dateRangeNextAria,
                     color: o.shouldDisableNext ? "secondary" : "primary",
                     onClick: () => o.shouldDisableNext ? null : N("next"),
-                    children: /* @__PURE__ */ e(D, { name: "chevron_right", size: 20 })
+                    children: /* @__PURE__ */ e(k, { name: "chevron_right", size: 20 })
                   }
                 )
               ]
@@ -226,7 +226,7 @@ const Ne = (o) => {
             }
           ),
           n === "timeframetabs" && /* @__PURE__ */ e(
-            ve,
+            Me,
             {
               indicatorColor: "primary",
               onChange: (t, l) => Y(l),
@@ -234,7 +234,7 @@ const Ne = (o) => {
               value: S,
               variant: "fullWidth",
               children: O.tabs.map((t) => /* @__PURE__ */ e(
-                Me,
+                ve,
                 {
                   label: /* @__PURE__ */ e(G, { bold: !0, variant: "body1", children: t.label }),
                   sx: { minWidth: 80 },
@@ -247,24 +247,24 @@ const Ne = (o) => {
         ]
       }
     ),
-    E && c && /* @__PURE__ */ f(
+    E && c && /* @__PURE__ */ u(
       Ae,
       {
         ariaLabelClose: a.dateRangeCloseAria,
         isOpen: E,
-        onClose: () => k(!1),
+        onClose: () => C(!1),
         onPrimaryAction: () => {
-          L(), k(!1);
+          L(), C(!1);
         },
         primaryText: a.dateRangeEditApply,
         title: a.dateRangeEditTitle,
         children: [
-          p,
+          g,
           /* @__PURE__ */ e(
             J,
             {
               copy: a.dateRangePickerCopy,
-              dateRange: C,
+              dateRange: x,
               onRangeChanged: y,
               selectedShortcut: i,
               sx: { p: 0 }
@@ -273,12 +273,12 @@ const Ne = (o) => {
         ]
       }
     ),
-    E && !c && /* @__PURE__ */ f(
+    E && !c && /* @__PURE__ */ u(
       Ee,
       {
         copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
-        onClose: () => k(!1),
+        onClose: () => C(!1),
         onPrimaryAction: () => L(),
         primaryText: a.dateRangeEditApply,
         sx: {
@@ -287,12 +287,12 @@ const Ne = (o) => {
           }
         },
         children: [
-          p,
+          g,
           /* @__PURE__ */ e(
             J,
             {
               copy: a.dateRangePickerCopy,
-              dateRange: C,
+              dateRange: x,
               onRangeChanged: y,
               selectedShortcut: i,
               sx: {
@@ -327,13 +327,13 @@ const Ne = (o) => {
       dateRangeEditTitle: r.date_range_picker.edit_title,
       dateRangeNextAria: r.date_range_picker.next_aria,
       dateRangePreviousAria: r.date_range_picker.previous_aria
-    }, u = d ? d.start : m.start, c = d ? d.end : m.end;
+    }, p = d ? d.start : m.start, c = d ? d.end : m.end;
     return /* @__PURE__ */ e(
       we,
       {
         calendarActions: o,
         copy: n,
-        range: [u, c],
+        range: [p, c],
         shouldShrinkToIcon: !1,
         variant: a
       }
@@ -347,18 +347,18 @@ const Ne = (o) => {
     children: m,
     className: r = "mx-cmn-widget",
     dateRange: n,
-    dateRangeVariant: u,
+    dateRangeVariant: p,
     hasDivider: c = !1,
     onAccountsFilterClick: P,
-    onBackClick: p,
+    onBackClick: g,
     onMenuClick: s,
     showAccountFilter: _ = !0,
     slotComponent: i,
-    sx: F = {},
-    title: C = ""
+    sx: W = {},
+    title: x = ""
   }) => {
-    const [B, { height: E, width: k }] = ue(), { onEvent: H } = ge(), {
-      actionsFlex: W,
+    const [B, { height: E, width: C }] = ue(), { onEvent: F } = ge(), {
+      actionsFlex: H,
       containerSquareCorners: S,
       headerHeadingLevel: j,
       headerPaddingBottom: O,
@@ -368,95 +368,117 @@ const Ne = (o) => {
       isCompact: y,
       isDesktop: Y,
       slotSx: t
-    } = Ne(k), { isCopyLoaded: l } = oe(), { common: g } = ne(), {
+    } = Ne(C), { isCopyLoaded: l } = oe(), { common: h } = ne(), {
       config: { display_widget_headings: b }
     } = he(), R = () => {
-      p && (p(), H(Oe.WIDGET_BACK_CLICK));
+      g && (g(), F(Oe.WIDGET_BACK_CLICK));
     };
     if (!l)
       return /* @__PURE__ */ e(Be, {});
-    const T = () => y && s ? /* @__PURE__ */ e(K, { color: "primary", onClick: s, sx: { p: 10 }, children: /* @__PURE__ */ e(D, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : p ? /* @__PURE__ */ e(
+    const T = () => y && s ? /* @__PURE__ */ e(K, { color: "primary", onClick: s, sx: { p: 10 }, children: /* @__PURE__ */ e(k, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : g ? /* @__PURE__ */ e(
       K,
       {
-        "aria-label": g.back_to_dashboard,
+        "aria-label": h.back_to_dashboard,
         color: "primary",
         onClick: R,
         sx: { p: 10 },
         children: /* @__PURE__ */ e(ce, { size: 24 })
       }
-    ) : null, x = a && /* @__PURE__ */ e(A, { alignItems: "center", sx: t, children: /* @__PURE__ */ e(
+    ) : null, D = a && /* @__PURE__ */ e(A, { alignItems: "center", sx: t, children: /* @__PURE__ */ e(
       ze,
       {
         calendarActions: a,
         dateRange: n,
-        dateRangeVariant: u
+        dateRangeVariant: p
       }
     ) });
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ u(
       me,
       {
         className: r,
         elevation: 1,
         ref: B,
         square: S,
-        sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...F },
-        children: /* @__PURE__ */ f(se, { children: [
-          /* @__PURE__ */ f(
-            A,
+        sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...W },
+        children: [
+          /* @__PURE__ */ u(
+            "div",
             {
-              alignItems: "center",
-              alignSelf: "stretch",
-              direction: "row",
-              justifyContent: "space-between",
-              sx: {
-                pb: O,
-                pt: $,
-                px: N
+              style: {
+                position: "absolute",
+                top: "75px",
+                right: "40px",
+                background: "yellow",
+                padding: "4px 8px",
+                fontSize: "12px",
+                zIndex: 9999,
+                border: "1px solid black"
               },
               children: [
-                T(),
-                /* @__PURE__ */ e(A, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(G, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
-                !y && (i || x),
-                /* @__PURE__ */ f(
-                  A,
-                  {
-                    alignItems: "center",
-                    direction: "row",
-                    justifyContent: "flex-end",
-                    sx: { flex: W, flexShrink: 0 },
-                    children: [
-                      _ && /* @__PURE__ */ e(
-                        pe,
-                        {
-                          allowedAccountTypes: d,
-                          isDesktop: Y,
-                          onAccountFilterClick: P
-                        }
-                      ),
-                      o?.map((q) => {
-                        if (h.isValidElement(q))
-                          return h.cloneElement(q, { isDesktop: Y });
-                        const { iconName: I, onClick: X, label: U } = q;
-                        return Y ? /* @__PURE__ */ e(
-                          z,
-                          {
-                            onClick: X,
-                            startIcon: /* @__PURE__ */ e(D, { name: I, size: L }),
-                            children: U
-                          },
-                          I
-                        ) : /* @__PURE__ */ e(K, { "aria-label": U, color: "primary", onClick: X, children: /* @__PURE__ */ e(D, { name: I, size: L }) }, I);
-                      })
-                    ]
-                  }
-                )
+                "Width: ",
+                C,
+                "px"
               ]
             }
           ),
-          y && (i || x),
-          y && c && /* @__PURE__ */ e(de, {}),
-          /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(fe, { availableHeight: E, availableWidth: k, children: m }) })
-        ] })
+          /* @__PURE__ */ u(se, { children: [
+            /* @__PURE__ */ u(
+              A,
+              {
+                alignItems: "center",
+                alignSelf: "stretch",
+                direction: "row",
+                justifyContent: "space-between",
+                sx: {
+                  pb: O,
+                  pt: $,
+                  px: N
+                },
+                children: [
+                  T(),
+                  /* @__PURE__ */ e(A, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(G, { sx: { width: "100%" }, truncate: !0, variant: j, children: x }) }),
+                  !y && (i || D),
+                  /* @__PURE__ */ u(
+                    A,
+                    {
+                      alignItems: "center",
+                      direction: "row",
+                      justifyContent: "flex-end",
+                      sx: { flex: H, flexShrink: 0 },
+                      children: [
+                        _ && /* @__PURE__ */ e(
+                          pe,
+                          {
+                            allowedAccountTypes: d,
+                            isDesktop: Y,
+                            onAccountFilterClick: P
+                          }
+                        ),
+                        o?.map((q) => {
+                          if (f.isValidElement(q))
+                            return f.cloneElement(q, { isDesktop: Y });
+                          const { iconName: I, onClick: X, label: U } = q;
+                          return Y ? /* @__PURE__ */ e(
+                            z,
+                            {
+                              onClick: X,
+                              startIcon: /* @__PURE__ */ e(k, { name: I, size: L }),
+                              children: U
+                            },
+                            I
+                          ) : /* @__PURE__ */ e(K, { "aria-label": U, color: "primary", onClick: X, children: /* @__PURE__ */ e(k, { name: I, size: L }) }, I);
+                        })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            y && (i || D),
+            y && c && /* @__PURE__ */ e(de, {}),
+            /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(fe, { availableHeight: E, availableWidth: C, children: m }) })
+          ] })
+        ]
       }
     );
   }

package/dist/accounts/index.es.js

@@ -63,7 +63,7 @@ import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";
 import { u as H1 } from "../useScreenSize-CUcpY7aJ.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as o1 } from "../Loader-D3rjKx72.mjs";
-import { W as r3 } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as r3 } from "../WidgetContainer-CFaupcpE.mjs";
 import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { A as l2 } from "../AccountApi-ChQr5PAZ.mjs";
 import { A as d2 } from "../AccountStore-B7zfcad7.mjs";

package/dist/budgets/index.es.js

@@ -48,7 +48,7 @@ import { subDays as st } from "date-fns/subDays";
 import it from "@mui/material/IconButton";
 import { M as ct } from "../ManageIncome-DqqI9HB1.mjs";
 import { u as ze } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as lt } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as lt } from "../WidgetContainer-CFaupcpE.mjs";
 import { u as dt, g as ut, C as mt } from "../BudgetUtil-DZpOoZQa.mjs";
 import { M as gt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { b as we } from "../CategoryUtil-BVixr0d5.mjs";

package/dist/cashflow/index.es.js

@@ -40,7 +40,7 @@ import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome-Dqq
 import { D as Ge } from "../Drawer-Bbe4AMB1.mjs";
 import { subDays as Me } from "date-fns/subDays";
 import { endOfToday as mt } from "date-fns/endOfToday";
-import { W as ut } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as ut } from "../WidgetContainer-CFaupcpE.mjs";
 import { A as Ie } from "../Analytics-0Xm_BjHU.mjs";
 import { A as J } from "../Account-BiB1F8lL.mjs";
 import { formatISO as pt } from "date-fns/formatISO";

package/dist/common/index.es.js

@@ -11,7 +11,7 @@ import { H as W } from "../Help-B8mD4aLJ.mjs";
 import { E as Lt } from "../Help-B8mD4aLJ.mjs";
 import { M as Pt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
 import { M as Nt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
-import { D as $t, W as Ft, u as Gt } from "../WidgetContainer-DYKMArWw.mjs";
+import { D as $t, W as Ft, u as Gt } from "../WidgetContainer-CFaupcpE.mjs";
 import { C as Wt } from "../ConnectDrawer-C0wjwcJt.mjs";
 import { f as q, c as Y, d as D } from "../BudgetUtil-DZpOoZQa.mjs";
 import { a as Yt, b as Qt, C as zt, e as Vt, k as Kt, h as jt, j as Zt, l as Xt } from "../BudgetUtil-DZpOoZQa.mjs";

package/dist/debts/index.es.js

@@ -47,7 +47,7 @@ import dt from "@mui/material/Popover";
 import { C as pt } from "../ConnectDrawer-C0wjwcJt.mjs";
 import { u as ht } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as mt } from "../Loader-D3rjKx72.mjs";
-import { W as ut } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as ut } from "../WidgetContainer-CFaupcpE.mjs";
 import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
 const _t = (r, o = 0, n = 0) => {
   if (n === 0) return 0;

package/dist/finstrong/index.es.js

@@ -73,7 +73,7 @@ import vo from "@mui/material/Accordion";
 import wo from "@mui/material/AccordionDetails";
 import ko from "@mui/material/AccordionSummary";
 import { u as Mo } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as Do } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as Do } from "../WidgetContainer-CFaupcpE.mjs";
 const Io = ({
   dialScoreData: t,
   dataIndex: o,

package/dist/goals/index.es.js

@@ -52,7 +52,7 @@ import { D as _t } from "../Dialog-Ck34yr-d.mjs";
 import { u as Me } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { A as H } from "../Analytics-0Xm_BjHU.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
-import { W as pt } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as pt } from "../WidgetContainer-CFaupcpE.mjs";
 import { E as ht } from "../EmptyState-DHAkGsjk.mjs";
 import bt from "@mui/material/Stack/Stack";
 import ft from "@mui/material/Box";

package/dist/help/index.es.js

@@ -4,7 +4,7 @@ import { H as s } from "../Help-BkmSY96v.mjs";
 import { b as a } from "../hooks-BxkfR-Ff.mjs";
 import { u as p } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as d } from "../Loader-D3rjKx72.mjs";
-import { W as f } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as f } from "../WidgetContainer-CFaupcpE.mjs";
 const L = m(({ onBackClick: e, onMenuClick: i, sx: t }) => {
   const { isInitialized: o } = a();
   return p({

package/dist/investments/index.es.js

@@ -39,7 +39,7 @@ import { DataGridPro as Pe } from "@mui/x-data-grid-pro";
 import { Stack as qe } from "@mui/material";
 import { L as De } from "../Loader-D3rjKx72.mjs";
 import { u as Ke } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as Ye } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as Ye } from "../WidgetContainer-CFaupcpE.mjs";
 import { A as Qe } from "../Account-BiB1F8lL.mjs";
 import { E as Je } from "../EmptyState-DHAkGsjk.mjs";
 const me = ({ sx: t = {} }) => {

package/dist/networth/index.es.js

@@ -35,7 +35,7 @@ import { u as nt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as ot } from "../Loader-D3rjKx72.mjs";
 import { M as gt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
 import { C as yt } from "../ConnectionsDrawer-IA7vnv1J.mjs";
-import { W as Ct } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as Ct } from "../WidgetContainer-CFaupcpE.mjs";
 import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
 const _t = () => {
   const { isMobile: e } = q(), { availableWidth: s } = st(), i = z(), {

package/dist/recurringtransactions/index.es.js

@@ -58,7 +58,7 @@ import { u as Le } from "../useScreenSize-CUcpY7aJ.mjs";
 import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as ae } from "../Loader-D3rjKx72.mjs";
-import { W as ht } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as ht } from "../WidgetContainer-CFaupcpE.mjs";
 import { M as ft } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as bt } from "../MicroWidgetContainer-B_EnfvCq.mjs";

package/dist/settings/index.es.js

@@ -43,7 +43,7 @@ import Be from "@mui/material/ListItemText";
 import { D as He } from "../Drawer-Bbe4AMB1.mjs";
 import { u as ne } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { H as Oe } from "../Help-BkmSY96v.mjs";
-import { W as q } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as q } from "../WidgetContainer-CFaupcpE.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = xe(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = H(t), { config: b } = $(), { updateUser: _ } = E(), { user: d } = we(), [p, S] = m.useState({
     first_name: d.first_name,

package/dist/spending/index.es.js

@@ -31,7 +31,7 @@ import { D as Z } from "../Drawer-Bbe4AMB1.mjs";
 import { b as w } from "../Category-CevNQ03n.mjs";
 import { parseISO as tt } from "date-fns/parseISO";
 import { A as et } from "../Analytics-0Xm_BjHU.mjs";
-import { W as It } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as It } from "../WidgetContainer-CFaupcpE.mjs";
 const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
   /* @__PURE__ */ t(T, { variant: "caption", children: N(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/index.es.js

@@ -42,7 +42,7 @@ import { u as mt } from "../useAriaLive-MkYebyUR.mjs";
 import { S as _t } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as pt } from "../useScreenSize-CUcpY7aJ.mjs";
 import { u as gt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as ht } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as ht } from "../WidgetContainer-CFaupcpE.mjs";
 import { S as ft } from "../SearchBox-CwDgvWVJ.mjs";
 import { D as te } from "../Drawer-Bbe4AMB1.mjs";
 const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [

package/dist/trends/index.es.js

@@ -40,7 +40,7 @@ import { T as dt } from "../TransactionDetails-I1ny1ecc.mjs";
 import { D as Pe } from "../Drawer-Bbe4AMB1.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
-import { W as ut } from "../WidgetContainer-DYKMArWw.mjs";
+import { W as ut } from "../WidgetContainer-CFaupcpE.mjs";
 import { L as Ve } from "../LineChart-EAr5ox5U.mjs";
 import { M as Jt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { subMonths as eo } from "date-fns";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.0.24",
+  "version": "8.0.26-alpha.al0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",