@mx-cartographer/experiences 9.0.0-alpha.al2 → 9.0.0-alpha.al3

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [9.0.0] - 04-09-2026
+
+- **UPDATED** - common widget container to implement new styles, props (BREAKING CHANGE)
+
+## [8.0.8] - 04-09-2026
+
+- **ADDED** - `Connection Details` drillDown.
+
+## [8.0.7] - 04-08-2026
+
+- **ADDED** - `Coupon` component
+
+## [8.0.6] - 04-08-2026
+
+- **ADDED** - `P2P Category Single Account card` component added
+
+## [8.0.5] - 04-08-2026
+
+- **ADDED** - `SaveEnoughToLiveOn` SVG component with theme support
+
 ## [8.0.4] - 04-07-2026
 
 - **ADDED** - `ConnectionCard` component

package/dist/{WidgetContainer-BOehD4AH.mjs → WidgetContainer-DOSn19Ff.mjs}

@@ -9,7 +9,7 @@ import K from "@mui/material/IconButton";
 import me from "@mui/material/Paper";
 import E from "@mui/material/Stack";
 import { ChevronLeft as ce } from "@mxenabled/mx-icons";
-import { Icon as D, Text as F, DateRangePicker as J } from "@mxenabled/mxui";
+import { Icon as k, Text as F, DateRangePicker as J } from "@mxenabled/mxui";
 import { u as ue } from "./useDimensions-CeDR9V8N.mjs";
 import { G as ge } from "./GlobalAccountFilter-C0oMFGr7.mjs";
 import { b as oe, u as ne, g as pe, a as he, W as fe } from "./hooks-BxkfR-Ff.mjs";
@@ -38,35 +38,35 @@ 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-B6JyS_Lj.mjs";
-import { f as T, D as v } from "./DateFormats-BMpMrZpW.mjs";
+import { f as v, D as P } from "./DateFormats-BMpMrZpW.mjs";
 import { L as Oe } from "./Loader-D3rjKx72.mjs";
 import { A as Ne } from "./Analytics-BYItVAe-.mjs";
-const Be = () => {
-  const { isDesktop: o, isMobile: l, isSmallTablet: a, isTablet: d } = ie(), r = 24;
-  let n = 48, g = 32, m = 0, k = "h1";
-  const c = l || a;
-  let u = !1;
-  return d && !a ? (n = 24, g = 24, k = "h2") : c && (n = 8, g = 10, m = 10, k = "h3", u = !0), {
-    actionsFlex: c ? 0 : 1,
-    containerSquareCorners: u,
-    headerHeadingLevel: k,
-    headerPaddingBottom: m,
-    headerPaddingTop: g,
-    headerPaddingX: n,
-    iconSize: r,
-    isCompact: c,
-    isDesktop: o,
-    slotPaddingBottom: c ? 12 : 0
+const Be = (o) => {
+  const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = ie(o), n = 24;
+  let u = 48, c = 32, M = 0, g = "h1";
+  const i = a || m;
+  let _ = !1;
+  return r && !m ? (u = 24, c = 24, g = "h2") : i && (u = 8, c = 10, M = 10, g = "h3", _ = !0), {
+    actionsFlex: i ? 0 : 1,
+    containerSquareCorners: _,
+    headerHeadingLevel: g,
+    headerPaddingBottom: M,
+    headerPaddingTop: c,
+    headerPaddingX: u,
+    iconSize: n,
+    isCompact: i,
+    isDesktop: d,
+    slotPaddingBottom: i ? 12 : 0
   };
 }, Ie = ({
   calendarActions: o,
-  color: l = "primary",
+  color: d = "primary",
   copy: a,
-  range: d = [De(ke()), w(ee())],
+  range: m = [De(ke()), w(ee())],
   shouldShrinkToIcon: r = !0,
   variant: n = "outlined"
 }) => {
-  const g = Le(), { isMobile: m } = ie(), { announce: k, ariaLive: c } = Ye(), [u, L] = R.useState(d), [i, H] = R.useState(a.dateRangePickerCopy.dateRangeThisMonth), [_, A] = R.useState(u), [Y, P] = R.useState(!1), [W, G] = R.useState(!0), [M, j] = R.useState(6), O = {
+  const u = Le(), { isMobile: c } = ie(), { announce: M, ariaLive: g } = Ye(), [i, _] = R.useState(m), [s, H] = R.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, A] = R.useState(i), [Y, x] = R.useState(!1), [W, G] = R.useState(!0), [S, j] = R.useState(6), O = {
     buttons: [
       { ariaLabel: "3 Months", label: "3M", value: 3 },
       { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -81,40 +81,40 @@ const Be = () => {
     ]
   };
   R.useEffect(() => {
-    L(d), A(d);
-  }, [d]), R.useEffect(() => {
+    _(m), A(m);
+  }, [m]), R.useEffect(() => {
     (n === "timeframebuttons" || n === "timeframetabs") && o.onRangeChanged($());
-  }, [M]);
+  }, [S]);
   const $ = () => {
     const t = w(ee());
-    return [w(V(t, M)), t];
+    return [w(V(t, S)), t];
   }, N = (t) => {
-    const [s, p] = u, f = t === "previous";
+    const [l, p] = i, f = t === "previous";
     let b;
-    if (i === a.dateRangePickerCopy.dateRangeThisMonth || i === a.dateRangePickerCopy.dateRangeLastMonth)
+    if (s === a.dateRangePickerCopy.dateRangeThisMonth || s === a.dateRangePickerCopy.dateRangeLastMonth)
       b = [
-        f ? V(s, 1) : Q(s, 1),
+        f ? V(l, 1) : Q(l, 1),
         w(f ? V(p, 1) : Q(p, 1))
       ];
-    else if (i === a.dateRangePickerCopy.dateRangeYTD || i === a.dateRangePickerCopy.dateRangeLastYear) {
-      const y = xe(s), C = Ce(s);
+    else if (s === a.dateRangePickerCopy.dateRangeYTD || s === a.dateRangePickerCopy.dateRangeLastYear) {
+      const T = xe(l), D = Ce(l);
       b = [
-        f ? te(y, 1) : Z(y, 1),
-        f ? te(C, 1) : Z(C, 1)
+        f ? te(T, 1) : Z(T, 1),
+        f ? te(D, 1) : Z(D, 1)
       ];
     } else {
-      const y = Re(p, s), C = f ? ye : be;
-      b = [C(s, y), C(p, y)];
+      const T = Re(p, l), D = f ? ye : be;
+      b = [D(l, T), D(p, T)];
     }
-    L(b), o.onRangeChanged(b);
-  }, S = () => {
-    L(_), G(
-      i === a.dateRangePickerCopy.dateRangeThisMonth || i === a.dateRangePickerCopy.dateRangeLastMonth
-    ), o.onRangeChanged(_);
-  }, x = (t, s) => {
+    _(b), o.onRangeChanged(b);
+  }, L = () => {
+    _(C), G(
+      s === a.dateRangePickerCopy.dateRangeThisMonth || s === a.dateRangePickerCopy.dateRangeLastMonth
+    ), o.onRangeChanged(C);
+  }, y = (t, l) => {
     t[1] = t[1] ?? t[0];
-    const p = [t[0], t[1] ? _e(t[1]) : t[1]], f = T(p[0], v.MONTH_DAY_YEAR), b = T(p[1], v.MONTH_DAY_YEAR);
-    A(p), H(s), k(`${a.dateRangePickerCopy}: ${f} - ${b}`);
+    const p = [t[0], t[1] ? _e(t[1]) : t[1]], f = v(p[0], P.MONTH_DAY_YEAR), b = v(p[1], P.MONTH_DAY_YEAR);
+    A(p), H(l), M(`${a.dateRangePickerCopy}: ${f} - ${b}`);
   }, B = (t) => {
     j(t);
   };
@@ -123,26 +123,26 @@ const Be = () => {
       ae,
       {
         sx: {
-          [g.breakpoints.down("sm")]: {
+          [u.breakpoints.down("sm")]: {
             display: r ? "none" : "flex",
             justifyContent: "center"
           },
-          [g.breakpoints.up("sm")]: { display: "inline-flex" }
+          [u.breakpoints.up("sm")]: { display: "inline-flex" }
         },
         children: [
           n === "readonly" && /* @__PURE__ */ h(E, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(D, { name: "calendar_month", size: 24 }),
-            /* @__PURE__ */ e(F, { bold: !0, children: T(_[0], v.MONTH_DAY) }),
-            /* @__PURE__ */ e(D, { name: "remove" }),
-            /* @__PURE__ */ e(F, { bold: !0, children: T(_[1], v.MONTH_DAY_YEAR) })
+            /* @__PURE__ */ e(k, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(F, { bold: !0, children: v(C[0], P.MONTH_DAY) }),
+            /* @__PURE__ */ e(k, { name: "remove" }),
+            /* @__PURE__ */ e(F, { bold: !0, children: v(C[1], P.MONTH_DAY_YEAR) })
           ] }),
           n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ h(
             Te,
             {
-              color: l,
+              color: d,
               sx: {
                 "& .MuiButtonGroup-grouped": {
-                  padding: m ? 0 : 12
+                  padding: c ? 0 : 12
                 },
                 "& .MuiButtonGroup-middleButton": {
                   px: 24
@@ -158,24 +158,24 @@ const Be = () => {
                     "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(
                   z,
                   {
                     "aria-disabled": o.shouldDisablePicker,
-                    color: l,
-                    onClick: () => o.shouldDisablePicker ? null : P(!0),
-                    startIcon: /* @__PURE__ */ e(D, { name: "calendar_month", size: 20 }),
+                    color: d,
+                    onClick: () => o.shouldDisablePicker ? null : x(!0),
+                    startIcon: /* @__PURE__ */ e(k, { name: "calendar_month", size: 20 }),
                     sx: {
-                      p: m ? 0 : 8
+                      p: c ? 0 : 8
                     },
-                    children: W ? T(u[0], v.MONTH_YEAR) : /* @__PURE__ */ h("span", { children: [
-                      T(u[0], v.MONTH_DAY_YEAR),
+                    children: W ? v(i[0], P.MONTH_YEAR) : /* @__PURE__ */ h("span", { children: [
+                      v(i[0], P.MONTH_DAY_YEAR),
                       " -",
                       " ",
-                      T(u[1], v.MONTH_DAY_YEAR)
+                      v(i[1], P.MONTH_DAY_YEAR)
                     ] })
                   }
                 ),
@@ -186,7 +186,7 @@ const Be = () => {
                     "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 })
                   }
                 )
               ]
@@ -196,10 +196,10 @@ const Be = () => {
             Se,
             {
               "aria-label": a.dateRangeEditTitle,
-              color: l,
+              color: d,
               exclusive: !0,
               orientation: "horizontal",
-              value: M,
+              value: S,
               children: O.buttons.map((t) => /* @__PURE__ */ e(
                 Me,
                 {
@@ -217,9 +217,9 @@ const Be = () => {
             Pe,
             {
               indicatorColor: "primary",
-              onChange: (t, s) => B(s),
+              onChange: (t, l) => B(l),
               textColor: "primary",
-              value: M,
+              value: S,
               variant: "fullWidth",
               children: O.tabs.map((t) => /* @__PURE__ */ e(
                 ve,
@@ -235,39 +235,39 @@ const Be = () => {
         ]
       }
     ),
-    Y && m && /* @__PURE__ */ h(
+    Y && c && /* @__PURE__ */ h(
       Ae,
       {
         ariaLabelClose: a.dateRangeCloseAria,
         isOpen: Y,
-        onClose: () => P(!1),
+        onClose: () => x(!1),
         onPrimaryAction: () => {
-          S(), P(!1);
+          L(), x(!1);
         },
         primaryText: a.dateRangeEditApply,
         title: a.dateRangeEditTitle,
         children: [
-          c,
+          g,
           /* @__PURE__ */ e(
             J,
             {
               copy: a.dateRangePickerCopy,
-              dateRange: _,
-              onRangeChanged: x,
-              selectedShortcut: i,
+              dateRange: C,
+              onRangeChanged: y,
+              selectedShortcut: s,
               sx: { p: 0 }
             }
           )
         ]
       }
     ),
-    Y && !m && /* @__PURE__ */ h(
+    Y && !c && /* @__PURE__ */ h(
       Ee,
       {
         copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
-        onClose: () => P(!1),
-        onPrimaryAction: () => S(),
+        onClose: () => x(!1),
+        onPrimaryAction: () => L(),
         primaryText: a.dateRangeEditApply,
         sx: {
           "& .MuiDialogContent-root": {
@@ -275,14 +275,14 @@ const Be = () => {
           }
         },
         children: [
-          c,
+          g,
           /* @__PURE__ */ e(
             J,
             {
               copy: a.dateRangePickerCopy,
-              dateRange: _,
-              onRangeChanged: x,
-              selectedShortcut: i,
+              dateRange: C,
+              onRangeChanged: y,
+              selectedShortcut: s,
               sx: {
                 pt: 0,
                 "& .MuiPickersLayout-toolbar": {
@@ -296,8 +296,8 @@ const Be = () => {
     )
   ] });
 }, we = Ie, ze = re(
-  ({ calendarActions: o, dateRange: l, dateRangeVariant: a }) => {
-    const { displayedDateRange: d } = oe(), { common: r } = ne(), n = {
+  ({ calendarActions: o, dateRange: d, dateRangeVariant: a }) => {
+    const { displayedDateRange: m } = oe(), { common: r } = ne(), n = {
       dateRangePickerCopy: {
         dateRangeFrom: r.date_range_picker.from,
         dateRangeTo: r.date_range_picker.to,
@@ -315,13 +315,13 @@ const Be = () => {
       dateRangeEditTitle: r.date_range_picker.edit_title,
       dateRangeNextAria: r.date_range_picker.next_aria,
       dateRangePreviousAria: r.date_range_picker.previous_aria
-    }, g = l ? l.start : d.start, m = l ? l.end : d.end;
+    }, u = d ? d.start : m.start, c = d ? d.end : m.end;
     return /* @__PURE__ */ e(
       we,
       {
         calendarActions: o,
         copy: n,
-        range: [g, m],
+        range: [u, c],
         shouldShrinkToIcon: !1,
         variant: a
       }
@@ -330,40 +330,40 @@ const Be = () => {
 ), St = re(
   ({
     actions: o,
-    allowedAccountTypes: l,
+    allowedAccountTypes: d,
     calendarActions: a,
-    children: d,
+    children: m,
     className: r = "mx-cmn-widget",
     dateRange: n,
-    dateRangeVariant: g,
-    hasDivider: m = !1,
-    onAccountsFilterClick: k,
-    onBackClick: c,
-    onMenuClick: u,
-    showAccountFilter: L = !0,
-    slotComponent: i,
+    dateRangeVariant: u,
+    hasDivider: c = !1,
+    onAccountsFilterClick: M,
+    onBackClick: g,
+    onMenuClick: i,
+    showAccountFilter: _ = !0,
+    slotComponent: s,
     sx: H = {},
-    title: _ = ""
+    title: C = ""
   }) => {
-    const [A, { height: Y, width: P }] = ue(), { onEvent: W } = pe(), {
+    const [A, { height: Y, width: x }] = ue(), { onEvent: W } = pe(), {
       actionsFlex: G,
-      containerSquareCorners: M,
+      containerSquareCorners: S,
       headerHeadingLevel: j,
       headerPaddingBottom: O,
       headerPaddingTop: $,
       headerPaddingX: N,
-      iconSize: S,
-      isCompact: x,
+      iconSize: L,
+      isCompact: y,
       isDesktop: B,
       slotPaddingBottom: t
-    } = Be(), { isCopyLoaded: s } = oe(), { common: p } = ne(), {
+    } = Be(x), { isCopyLoaded: l } = oe(), { common: p } = ne(), {
       config: { display_widget_headings: f }
     } = he(), b = () => {
-      c && (c(), W(Ne.WIDGET_BACK_CLICK));
+      g && (g(), W(Ne.WIDGET_BACK_CLICK));
     };
-    if (!s)
+    if (!l)
       return /* @__PURE__ */ e(Oe, {});
-    const y = () => x && u ? /* @__PURE__ */ e(K, { color: "primary", onClick: u, sx: { p: 10 }, children: /* @__PURE__ */ e(D, { name: "menu_open", size: S, sx: { transform: "rotate(180deg)" } }) }) : c ? /* @__PURE__ */ e(
+    const T = () => y && i ? /* @__PURE__ */ e(K, { color: "primary", onClick: i, sx: { p: 10 }, children: /* @__PURE__ */ e(k, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : g ? /* @__PURE__ */ e(
       K,
       {
         "aria-label": p.back_to_dashboard,
@@ -372,12 +372,12 @@ const Be = () => {
         sx: { p: 10 },
         children: /* @__PURE__ */ e(ce, { size: 24 })
       }
-    ) : null, C = a && /* @__PURE__ */ e(E, { alignItems: "center", sx: { pb: t, flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ e(
+    ) : null, D = a && /* @__PURE__ */ e(E, { alignItems: "center", sx: { pb: t, flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ e(
       ze,
       {
         calendarActions: a,
         dateRange: n,
-        dateRangeVariant: g
+        dateRangeVariant: u
       }
     ) });
     return /* @__PURE__ */ e(
@@ -385,7 +385,7 @@ const Be = () => {
       {
         className: r,
         elevation: 1,
-        square: M,
+        square: S,
         sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, ...H },
         children: /* @__PURE__ */ h(se, { children: [
           /* @__PURE__ */ h(
@@ -401,9 +401,9 @@ const Be = () => {
                 px: N
               },
               children: [
-                y(),
-                /* @__PURE__ */ e(E, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: f && /* @__PURE__ */ e(F, { sx: { width: "100%" }, truncate: !0, variant: j, children: _ }) }),
-                !x && (i || C),
+                T(),
+                /* @__PURE__ */ e(E, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: f && /* @__PURE__ */ e(F, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
+                !y && (s || D),
                 /* @__PURE__ */ h(
                   E,
                   {
@@ -412,11 +412,11 @@ const Be = () => {
                     justifyContent: "flex-end",
                     sx: { flex: G, flexShrink: 0 },
                     children: [
-                      L && /* @__PURE__ */ e(
+                      _ && /* @__PURE__ */ e(
                         ge,
                         {
-                          allowedAccountTypes: l,
-                          onAccountFilterClick: k
+                          allowedAccountTypes: d,
+                          onAccountFilterClick: M
                         }
                       ),
                       o?.map((q) => {
@@ -426,11 +426,11 @@ const Be = () => {
                           z,
                           {
                             onClick: X,
-                            startIcon: /* @__PURE__ */ e(D, { name: I, size: S }),
+                            startIcon: /* @__PURE__ */ e(k, { name: I, size: L }),
                             children: U
                           },
                           I
-                        ) : /* @__PURE__ */ e(K, { "aria-label": U, color: "primary", onClick: X, children: /* @__PURE__ */ e(D, { name: I, size: S }) }, I);
+                        ) : /* @__PURE__ */ e(K, { "aria-label": U, color: "primary", onClick: X, children: /* @__PURE__ */ e(k, { name: I, size: L }) }, I);
                       })
                     ]
                   }
@@ -438,9 +438,9 @@ const Be = () => {
               ]
             }
           ),
-          x && (i || C),
-          x && m && /* @__PURE__ */ e(de, {}),
-          /* @__PURE__ */ e(le, { ref: A, children: /* @__PURE__ */ e(fe, { availableHeight: Y, availableWidth: P, children: d }) })
+          y && (s || D),
+          y && c && /* @__PURE__ */ e(de, {}),
+          /* @__PURE__ */ e(le, { ref: A, children: /* @__PURE__ */ e(fe, { availableHeight: Y, availableWidth: x, 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-B6JyS_Lj.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as o1 } from "../Loader-D3rjKx72.mjs";
-import { W as r3 } from "../WidgetContainer-BOehD4AH.mjs";
+import { W as r3 } from "../WidgetContainer-DOSn19Ff.mjs";
 import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { A as l2 } from "../AccountApi-ChQr5PAZ.mjs";
 import { A as d2 } from "../AccountStore-DpYvNnql.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-Cc-wba0I.mjs";
 import { u as ze } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as lt } from "../WidgetContainer-BOehD4AH.mjs";
+import { W as lt } from "../WidgetContainer-DOSn19Ff.mjs";
 import { u as dt, g as ut, C as mt } from "../BudgetUtil-CLhRnCoX.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-Cc-
 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-BOehD4AH.mjs";
+import { W as ut } from "../WidgetContainer-DOSn19Ff.mjs";
 import { A as Ie } from "../Analytics-BYItVAe-.mjs";
 import { A as J } from "../Account-BiB1F8lL.mjs";
 import { formatISO as pt } from "date-fns/formatISO";

package/dist/common/hooks/useWidgetHeaderStyles.d.ts

@@ -1,4 +1,4 @@
-export declare const useWidgetHeaderStyles: () => {
+export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
     actionsFlex: number;
     containerSquareCorners: boolean;
     headerHeadingLevel: "h1" | "h2" | "h3";

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-BOehD4AH.mjs";
+import { D as $t, W as Ft, u as Gt } from "../WidgetContainer-DOSn19Ff.mjs";
 import { C as Wt } from "../ConnectDrawer-C0wjwcJt.mjs";
 import { f as q, c as Y, d as D } from "../BudgetUtil-CLhRnCoX.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-CLhRnCoX.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-BOehD4AH.mjs";
+import { W as ut } from "../WidgetContainer-DOSn19Ff.mjs";
 import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
 const _t = (n, o = 0, t = 0) => {
   if (t === 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-BOehD4AH.mjs";
+import { W as Do } from "../WidgetContainer-DOSn19Ff.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-BYItVAe-.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
-import { W as pt } from "../WidgetContainer-BOehD4AH.mjs";
+import { W as pt } from "../WidgetContainer-DOSn19Ff.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-D-laTbKu.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-BOehD4AH.mjs";
+import { W as f } from "../WidgetContainer-DOSn19Ff.mjs";
 const L = m(({ onBackClick: e, onMenuClick: i, sx: t }) => {
   const { isInitialized: o } = a();
   return p({

package/dist/insights/components/index.d.ts

@@ -4,11 +4,14 @@ export * from './shared/ChartDrawerTemplate/ChartDrawerTemplate';
 export { default as ChartTransactionWithDrillDown } from './shared/ChartTransactionWithDrillDown';
 export * from './shared/Confetti';
 export { default as ConnectionCard } from './shared/ConnectionCard';
+export { default as Coupon } from './shared/Coupon';
 export * from './shared/GoalProgress';
 export * from './shared/GradientBox';
 export * from './shared/MiniInsightCard';
 export * from './shared/MenuAction';
 export * from './shared/ProgressBar';
+export { default as SaveEnoughToLiveOnBottomSection } from './shared/SaveEnoughToLiveOnBottomSection';
+export { default as SaveEnoughToLiveOnTopSection } from './shared/SaveEnoughToLiveOnTopSection';
 export { default as StatusIndicator } from './shared/StatusIndicator';
 export { default as TransactionCard } from './shared/TransactionCard';
 export * from './shared/Charts';
@@ -42,3 +45,4 @@ export { DirectDepositDeepLink } from './shared/DeepLinks/DirectDeposit/DirectDe
 export * from './feed/Header';
 export * from './shared/InsightsCard/BeatCardMUI';
 export * from './shared/InsightsCard/CardHeaderMUI';
+export * from './shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount';

package/dist/insights/components/shared/ConnectionDetailDrillDown.d.ts

@@ -0,0 +1,25 @@
+interface Copy {
+    aria_label_close_drawer: string;
+    aria_label_thumbs_down: string;
+    aria_label_thumbs_up: string;
+    benefits_list_array: string[];
+    connection_details_drawer_title: string;
+    description: string;
+    footer_title: string;
+    header_text: string;
+    shared_info_description: string;
+    shared_info_header_text: string;
+    shared_info_list_array: Array<{
+        content: string;
+        icon_name: string;
+        title: string;
+    }>;
+}
+interface ConnectionDetailsProps {
+    copy: Copy;
+    isOpen: boolean;
+    onClose: () => void;
+    sendResponseAnalytics: (str: string) => void;
+}
+declare const ConnectionDetails: ({ copy, isOpen, onClose, sendResponseAnalytics, }: ConnectionDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export default ConnectionDetails;

package/dist/insights/components/shared/Coupon.d.ts

@@ -0,0 +1,8 @@
+import { SxProps, Theme } from '@mui/material/styles';
+interface CouponProps {
+    amount: string;
+    label: string;
+    sx?: SxProps<Theme>;
+}
+declare const Coupon: ({ amount, label, sx }: CouponProps) => import("react/jsx-runtime").JSX.Element;
+export default Coupon;

package/dist/insights/components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.d.ts

@@ -0,0 +1,10 @@
+interface P2PCategorizationSingleAccountProps {
+    amount?: string;
+    categorized?: string;
+    categoryGuid: string;
+    merchantGuid: string;
+    merchantName: string;
+    isSuccessState?: boolean;
+}
+export declare const P2PCategorizationSingleAccount: React.FC<P2PCategorizationSingleAccountProps>;
+export {};

package/dist/insights/components/shared/SaveEnoughToLiveOnBottomSection.d.ts

@@ -0,0 +1,9 @@
+interface SaveEnoughToLiveOnBottomSectionProps {
+    content: string;
+    leftLabel: string;
+    leftValue: string;
+    rightLabel: string;
+    rightValue: string;
+}
+declare const SaveEnoughToLiveOnBottomSection: ({ content, leftLabel, leftValue, rightLabel, rightValue, }: SaveEnoughToLiveOnBottomSectionProps) => import("react/jsx-runtime").JSX.Element;
+export default SaveEnoughToLiveOnBottomSection;