@mx-cartographer/experiences 8.1.1 → 8.1.3

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [8.1.3] - 04-22-2026
+
+- **ADDED** - widget_size_changed event when the widget container size changes.
+
+## [8.1.2] - 04-22-2026
+
+- **FIXED** - Widget header title flash on initial render
+- **FIXED** - Menu button showing incorrectly on large viewports in compact containers
+
 ## [8.1.1] - 04-22-2026
 
 - **FIXED** - payment dates

package/dist/{AccountStore-nxHZqg1Z.mjs → AccountStore-B3S_p5Qa.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil-Cwvpb7xl.mjs";
+import { i as g } from "./BudgetUtil-DalEN9--.mjs";
 import { A as d } from "./AccountApi-WEM2M9tg.mjs";
 import { d as p } from "./Accounts-DX3xJE97.mjs";
 import { A as s, d as u } from "./Account-CMjOp7S2.mjs";

package/dist/{Analytics-0Xm_BjHU.mjs → Analytics-CzGzz_sE.mjs}

@@ -128,7 +128,8 @@ const _ = {
   TRENDS_HOVER_POINT: "trends_hover_chartPoint",
   TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
   TRENDS_LOAD_WIDGET: "trends_load_widget",
-  TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
+  TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions",
+  WIDGET_SIZE_CHANGED: "widget_size_changed"
 };
 export {
   _ as A

package/dist/{BudgetUtil-Cwvpb7xl.mjs → BudgetUtil-DalEN9--.mjs}

@@ -27,7 +27,7 @@ import ut from "@mui/material/IconButton";
 import gt from "@mui/material/InputAdornment";
 import T from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
-import { u as pt } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as pt } from "./useScreenSize-CeFhWTt_.mjs";
 import { m as ht } from "./hooks-HwStH7q_.mjs";
 import { b as $ } from "./Category-Ccoew_sA.mjs";
 import { b as j } from "./Localization-CkQ49EKr.mjs";

package/dist/{EmbeddedCard-BCcn_fK2.mjs → EmbeddedCard-CBS3uUbk.mjs}

@@ -21,7 +21,7 @@ import { isSameDay as Z } from "date-fns/isSameDay";
 import { f as ge, D as xe } from "./DateFormats-CaOj_4eI.mjs";
 import { i as be } from "./DateUtil-D0TO0DaZ.mjs";
 import { L as Q } from "./Loader-CxeBwuPG.mjs";
-import { A as ye } from "./Analytics-0Xm_BjHU.mjs";
+import { A as ye } from "./Analytics-CzGzz_sE.mjs";
 import _e from "@mui/material/Tab";
 import we from "@mui/material/Tabs";
 import Ce from "@mui/material/IconButton";

package/dist/{Help-Dfw_GHKi.mjs → Help-BFlcaOO_.mjs}

@@ -13,12 +13,12 @@ import C from "@mui/material/Stack";
 import { H3 as it, P as U, Icon as Y, Text as E, H2 as at, InstitutionLogo as ft } from "@mxenabled/mxui";
 import { ExpandMore as ct, ChevronRight as St } from "@mxenabled/mx-icons";
 import { g as V, u as K, A as nt, d as It, b as Tt, o as Et, a as Ct } from "./hooks-HwStH7q_.mjs";
-import { A as k } from "./Analytics-0Xm_BjHU.mjs";
+import { A as k } from "./Analytics-CzGzz_sE.mjs";
 import At from "@mui/material/Breadcrumbs";
 import { useTheme as Q } from "@mui/material/styles";
 import { b as s } from "./Localization-CkQ49EKr.mjs";
 import { E as Ot, a as Nt, P as Lt } from "./Help-CgpJK03Q.mjs";
-import { u as Dt } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as Dt } from "./useScreenSize-CeFhWTt_.mjs";
 import { observer as lt } from "mobx-react-lite";
 import dt from "@mui/material/Alert";
 import gt from "@mui/material/Snackbar";

package/dist/{ManageIncome-wgo-qbdP.mjs → ManageIncome-Deq2AZEM.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-BCcn_fK2.mjs";
-import { T as be } from "./TransactionDetails-Cb6vauzy.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-CBS3uUbk.mjs";
+import { T as be } from "./TransactionDetails-DLnK244l.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";
@@ -29,7 +29,7 @@ import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-HwStH
 import { F as l, b as L } from "./RepeatingTransaction-D2gmBTd0.mjs";
 import { b as Ee, f as te } from "./NumberFormatting-CyrvFgfd.mjs";
 import { D as N } from "./Drawer-XPaLYjiO.mjs";
-import { A as O } from "./Analytics-0Xm_BjHU.mjs";
+import { A as O } from "./Analytics-CzGzz_sE.mjs";
 import { f as Re, D as Le } from "./DateFormats-CaOj_4eI.mjs";
 import { D as Oe } from "./Dialog-iLlBR8TG.mjs";
 import { formatISO as Te } from "date-fns/formatISO";

package/dist/{NotificationSettings-BFFIl-wS.mjs → NotificationSettings-DOgnTxzv.mjs}

@@ -21,7 +21,7 @@ import { b as he, f as ue } from "./NumberFormatting-CyrvFgfd.mjs";
 import { T as R, a as D } from "./ToggleListItem-BLu_fWA2.mjs";
 import { D as B } from "./Dialog-iLlBR8TG.mjs";
 import { C as _e } from "./CurrencyInput-CSJ3zMgE.mjs";
-import { u as pe } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as pe } from "./useScreenSize-CeFhWTt_.mjs";
 import { D as K } from "./Drawer-XPaLYjiO.mjs";
 import fe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";

package/dist/{RecurringSettings-Dn5pPRVS.mjs → RecurringSettings-B8KJllGX.mjs}

@@ -7,10 +7,10 @@ import x from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import R from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-wgo-qbdP.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-Deq2AZEM.mjs";
 import { u as _, i as A, g as f } from "./hooks-HwStH7q_.mjs";
 import { b as y, F as N } from "./RepeatingTransaction-D2gmBTd0.mjs";
-import { A as m } from "./Analytics-0Xm_BjHU.mjs";
+import { A as m } from "./Analytics-CzGzz_sE.mjs";
 const I = h(() => {
   const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {
     a(m.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {

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

@@ -11,7 +11,7 @@ import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from
 import { D as j } from "./Donut-D7ekbgf5.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-HwStH7q_.mjs";
-import { u as V } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as V } from "./useScreenSize-CeFhWTt_.mjs";
 import { f as b } from "./NumberFormatting-CyrvFgfd.mjs";
 const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   const a = i.find((s) => s.guid === n.category_guid);

package/dist/{TransactionDetails-Cb6vauzy.mjs → TransactionDetails-DLnK244l.mjs}

@@ -12,7 +12,7 @@ import { endOfMonth as Pe } from "date-fns/endOfMonth";
 import { getUnixTime as Ae } from "date-fns/getUnixTime";
 import { isBefore as ze } from "date-fns/isBefore";
 import { startOfMonth as Ne } from "date-fns/startOfMonth";
-import { l as Ve, d as We, C as Ye, c as je, i as qe } from "./BudgetUtil-Cwvpb7xl.mjs";
+import { l as Ve, d as We, C as Ye, c as je, i as qe } from "./BudgetUtil-DalEN9--.mjs";
 import ue from "@mui/material/Button";
 import Qe from "@mui/material/FormGroup";
 import de from "@mui/material/IconButton";
@@ -20,7 +20,7 @@ import Ge from "@mui/material/TextField";
 import { u as fe } from "./useAriaLive-MkYebyUR.mjs";
 import { O as C } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
 import { u as v, h as M, m as Xe, d as Ze, l as Oe, g as k, b as Je, o as et } from "./hooks-HwStH7q_.mjs";
-import { A as j } from "./Analytics-0Xm_BjHU.mjs";
+import { A as j } from "./Analytics-CzGzz_sE.mjs";
 import tt from "@mui/material/ToggleButton";
 import { ChevronRight as Be, Icon as R, Delete as be, Cancel as Ce, Search as at, Edit as rt, Flag as nt } from "@mxenabled/mx-icons";
 import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
@@ -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-CaOj_4eI.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-BCcn_fK2.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-CBS3uUbk.mjs";
 import { L as mt } from "./Loader-CxeBwuPG.mjs";
 import { f as W } from "./NumberFormatting-CyrvFgfd.mjs";
 import { b as D } from "./Localization-CkQ49EKr.mjs";

package/dist/WidgetContainer-CTgBAae_.mjs

@@ -0,0 +1,472 @@
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { observer as ne } from "mobx-react-lite";
+import H from "@mui/material/Button";
+import de from "@mui/material/Card";
+import me from "@mui/material/CardContent";
+import ce from "@mui/material/Divider";
+import $ from "@mui/material/IconButton";
+import ue from "@mui/material/Paper";
+import B from "@mui/material/Stack";
+import { ChevronLeft as pe } from "@mxenabled/mx-icons";
+import { Icon as D, Text as W, DateRangePicker as Z } from "@mxenabled/mxui";
+import { u as ge } from "./useDimensions-CeDR9V8N.mjs";
+import { G as he } from "./GlobalAccountFilter-CZbiDwBH.mjs";
+import { b as ie, u as se, g as fe, a as be, W as _e } from "./hooks-HwStH7q_.mjs";
+import { addMonths as J } from "date-fns/addMonths";
+import { addDays as Re } from "date-fns/addDays";
+import { addYears as ee } from "date-fns/addYears";
+import { differenceInCalendarDays as Ce } from "date-fns/differenceInCalendarDays";
+import { endOfDay as xe } from "date-fns/endOfDay";
+import { endOfMonth as z } from "date-fns/endOfMonth";
+import { endOfToday as te } from "date-fns/endOfToday";
+import { endOfYear as De } from "date-fns/endOfYear";
+import { startOfMonth as ke } from "date-fns/startOfMonth";
+import { startOfToday as ye } from "date-fns/startOfToday";
+import { startOfYear as Te } from "date-fns/startOfYear";
+import { subMonths as K } from "date-fns/subMonths";
+import { subDays as ve } from "date-fns/subDays";
+import { subYears as ae } from "date-fns/subYears";
+import re from "@mui/material/Box";
+import Me from "@mui/material/ButtonGroup";
+import Pe from "@mui/material/Tab";
+import Se from "@mui/material/Tabs";
+import Ee from "@mui/material/ToggleButton";
+import Le from "@mui/material/ToggleButtonGroup";
+import Ye from "@mui/material/styles/useTheme";
+import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
+import { D as Be } from "./Dialog-iLlBR8TG.mjs";
+import { D as Ne } from "./Drawer-XPaLYjiO.mjs";
+import { u as le } from "./useScreenSize-CeFhWTt_.mjs";
+import { f as P, D as S } from "./DateFormats-CaOj_4eI.mjs";
+import { L as Oe } from "./Loader-CxeBwuPG.mjs";
+import we from "@mui/material/useMediaQuery";
+import { A as oe } from "./Analytics-CzGzz_sE.mjs";
+const Ie = (n) => {
+  const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = le(n), i = we("(min-width:900px)"), _ = 24;
+  let s = 48, k = 32, h = 0, c = "h1", R = !1;
+  const o = a || m;
+  r && !m ? (s = 24, k = 24, c = "h2") : o && (s = 8, k = 10, h = 10, c = "h3", R = !0);
+  const A = {
+    pb: o ? 12 : 0,
+    ...o && {
+      px: s,
+      "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
+      "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
+      "& .MuiButtonGroup-root": { width: "100%" },
+      "& .MuiButtonGroup-middleButton": { flex: 1 },
+      "& .MuiToggleButtonGroup-root": { width: "100%", justifyContent: "center" }
+    }
+  };
+  return {
+    actionsFlex: o ? 0 : 1,
+    containerSquareCorners: R,
+    headerHeadingLevel: c,
+    headerPaddingBottom: h,
+    headerPaddingTop: k,
+    headerPaddingX: s,
+    iconSize: _,
+    isCompact: o,
+    isDesktop: d,
+    isViewportAbove900: i,
+    slotSx: A
+  };
+}, Ge = ({
+  calendarActions: n,
+  color: d = "primary",
+  copy: a,
+  range: m = [ke(ye()), z(te())],
+  shouldShrinkToIcon: r = !0,
+  variant: i = "outlined"
+}) => {
+  const _ = Ye(), { isMobile: s } = le(), { announce: k, ariaLive: h } = Ae(), [c, R] = u.useState(m), [o, A] = u.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, N] = u.useState(c), [y, x] = u.useState(!1), [O, F] = u.useState(!0), [E, j] = u.useState(6), w = {
+    buttons: [
+      { ariaLabel: "3 Months", label: "3M", value: 3 },
+      { ariaLabel: "6 Months", label: "6M", value: 6 },
+      { ariaLabel: "9 Months", label: "9M", value: 9 },
+      { ariaLabel: "1 Year", label: "1Y", value: 12 }
+    ],
+    tabs: [
+      { label: "3 Months", value: 3 },
+      { label: "6 Months", value: 6 },
+      { label: "9 Months", value: 9 },
+      { label: "1 Year", value: 12 }
+    ]
+  };
+  u.useEffect(() => {
+    R(m), N(m);
+  }, [m]), u.useEffect(() => {
+    (i === "timeframebuttons" || i === "timeframetabs") && n.onRangeChanged(V());
+  }, [E]);
+  const V = () => {
+    const t = z(te());
+    return [z(K(t, E)), t];
+  }, I = (t) => {
+    const [l, p] = c, f = t === "previous";
+    let b;
+    if (o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth)
+      b = [
+        f ? K(l, 1) : J(l, 1),
+        z(f ? K(p, 1) : J(p, 1))
+      ];
+    else if (o === a.dateRangePickerCopy.dateRangeYTD || o === a.dateRangePickerCopy.dateRangeLastYear) {
+      const v = Te(l), M = De(l);
+      b = [
+        f ? ae(v, 1) : ee(v, 1),
+        f ? ae(M, 1) : ee(M, 1)
+      ];
+    } else {
+      const v = Ce(p, l), M = f ? ve : Re;
+      b = [M(l, v), M(p, v)];
+    }
+    R(b), n.onRangeChanged(b);
+  }, L = () => {
+    R(C), F(
+      o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth
+    ), n.onRangeChanged(C);
+  }, T = (t, l) => {
+    t[1] = t[1] ?? t[0];
+    const p = [t[0], t[1] ? xe(t[1]) : t[1]], f = P(p[0], S.MONTH_DAY_YEAR), b = P(p[1], S.MONTH_DAY_YEAR);
+    N(p), A(l), k(`${a.dateRangePickerCopy}: ${f} - ${b}`);
+  }, Y = (t) => {
+    j(t);
+  };
+  return /* @__PURE__ */ g(re, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ g(
+      re,
+      {
+        sx: {
+          [_.breakpoints.down("sm")]: {
+            display: r ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [_.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          i === "readonly" && /* @__PURE__ */ g(B, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(D, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(W, { bold: !0, children: P(C[0], S.MONTH_DAY) }),
+            /* @__PURE__ */ e(D, { name: "remove" }),
+            /* @__PURE__ */ e(W, { bold: !0, children: P(C[1], S.MONTH_DAY_YEAR) })
+          ] }),
+          i !== "readonly" && i !== "timeframebuttons" && i !== "timeframetabs" && /* @__PURE__ */ g(
+            Me,
+            {
+              color: d,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: s ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: i,
+              children: [
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    "aria-disabled": n.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: n.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => n.shouldDisablePrevious ? null : I("previous"),
+                    children: /* @__PURE__ */ e(D, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    "aria-disabled": n.shouldDisablePicker,
+                    color: d,
+                    onClick: () => n.shouldDisablePicker ? null : x(!0),
+                    startIcon: /* @__PURE__ */ e(D, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: s ? 0 : 8
+                    },
+                    children: O ? P(c[0], S.MONTH_YEAR) : /* @__PURE__ */ g("span", { children: [
+                      P(c[0], S.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      P(c[1], S.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    "aria-disabled": n.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: n.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => n.shouldDisableNext ? null : I("next"),
+                    children: /* @__PURE__ */ e(D, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          i === "timeframebuttons" && /* @__PURE__ */ e(
+            Le,
+            {
+              "aria-label": a.dateRangeEditTitle,
+              color: d,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: E,
+              children: w.buttons.map((t) => /* @__PURE__ */ e(
+                Ee,
+                {
+                  "aria-label": t.ariaLabel,
+                  onClick: () => Y(t.value),
+                  sx: { width: 56 },
+                  value: t.value,
+                  children: t.label
+                },
+                t.label
+              ))
+            }
+          ),
+          i === "timeframetabs" && /* @__PURE__ */ e(
+            Se,
+            {
+              indicatorColor: "primary",
+              onChange: (t, l) => Y(l),
+              textColor: "primary",
+              value: E,
+              variant: "fullWidth",
+              children: w.tabs.map((t) => /* @__PURE__ */ e(
+                Pe,
+                {
+                  label: /* @__PURE__ */ e(W, { bold: !0, variant: "body1", children: t.label }),
+                  sx: { minWidth: 80 },
+                  value: t.value
+                },
+                t.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    y && s && /* @__PURE__ */ g(
+      Ne,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: y,
+        onClose: () => x(!1),
+        onPrimaryAction: () => {
+          L(), x(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: [
+          h,
+          /* @__PURE__ */ e(
+            Z,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: T,
+              selectedShortcut: o,
+              sx: { p: 0 }
+            }
+          )
+        ]
+      }
+    ),
+    y && !s && /* @__PURE__ */ g(
+      Be,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => x(!1),
+        onPrimaryAction: () => L(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: [
+          h,
+          /* @__PURE__ */ e(
+            Z,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: T,
+              selectedShortcut: o,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, ze = ne(
+  ({ calendarActions: n, dateRange: d, dateRangeVariant: a }) => {
+    const { displayedDateRange: m } = ie(), { common: r } = se(), i = {
+      dateRangePickerCopy: {
+        dateRangeFrom: r.date_range_picker.from,
+        dateRangeTo: r.date_range_picker.to,
+        dateRangeCustom: r.date_range_picker.custom,
+        dateRangeSelectARange: r.date_range_picker.select_range,
+        dateRangeThisMonth: r.date_range_picker.this_month,
+        dateRangeLastMonth: r.date_range_picker.last_month,
+        dateRangeLast30Days: r.date_range_picker.last_30_days,
+        dateRangeLast90Days: r.date_range_picker.last_90_days,
+        dateRangeYTD: r.date_range_picker.ytd,
+        dateRangeLastYear: r.date_range_picker.last_year,
+        dateRangeSelect: r.date_range_picker.select
+      },
+      dateRangeEditApply: r.date_range_picker.edit_apply,
+      dateRangeEditTitle: r.date_range_picker.edit_title,
+      dateRangeNextAria: r.date_range_picker.next_aria,
+      dateRangePreviousAria: r.date_range_picker.previous_aria
+    }, _ = d ? d.start : m.start, s = d ? d.end : m.end;
+    return /* @__PURE__ */ e(
+      Ge,
+      {
+        calendarActions: n,
+        copy: i,
+        range: [_, s],
+        shouldShrinkToIcon: !1,
+        variant: a
+      }
+    );
+  }
+), Lt = ne(
+  ({
+    actions: n,
+    allowedAccountTypes: d,
+    calendarActions: a,
+    children: m,
+    className: r = "mx-cmn-widget",
+    dateRange: i,
+    dateRangeVariant: _,
+    hasDivider: s = !1,
+    onAccountsFilterClick: k,
+    onBackClick: h,
+    onMenuClick: c,
+    showAccountFilter: R = !0,
+    slotComponent: o,
+    sx: A = {},
+    title: C = ""
+  }) => {
+    const [N, { height: y, width: x }] = ge(), { onEvent: O } = fe(), {
+      actionsFlex: F,
+      containerSquareCorners: E,
+      headerHeadingLevel: j,
+      headerPaddingBottom: w,
+      headerPaddingTop: V,
+      headerPaddingX: I,
+      iconSize: L,
+      isCompact: T,
+      isDesktop: Y,
+      isViewportAbove900: t,
+      slotSx: l
+    } = Ie(x), { isCopyLoaded: p } = ie(), { common: f } = se(), {
+      config: { display_widget_headings: b }
+    } = be(), v = () => {
+      h && (h(), O(oe.WIDGET_BACK_CLICK));
+    };
+    if (u.useEffect(() => {
+      O(oe.WIDGET_SIZE_CHANGED, { height: y, width: x });
+    }, [y]), !p)
+      return /* @__PURE__ */ e(Oe, {});
+    const M = () => c && T && !t ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(D, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : h ? /* @__PURE__ */ e(
+      $,
+      {
+        "aria-label": f.back_to_dashboard,
+        color: "primary",
+        onClick: v,
+        sx: { p: 10 },
+        children: /* @__PURE__ */ e(pe, { size: 24 })
+      }
+    ) : null, X = a && /* @__PURE__ */ e(B, { alignItems: "center", sx: l, children: /* @__PURE__ */ e(
+      ze,
+      {
+        calendarActions: a,
+        dateRange: i,
+        dateRangeVariant: _
+      }
+    ) });
+    return /* @__PURE__ */ e(
+      ue,
+      {
+        className: r,
+        elevation: 1,
+        ref: N,
+        square: E,
+        sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...A },
+        children: /* @__PURE__ */ g(de, { children: [
+          /* @__PURE__ */ g(
+            B,
+            {
+              alignItems: "center",
+              alignSelf: "stretch",
+              direction: "row",
+              justifyContent: "space-between",
+              sx: {
+                pb: w,
+                pt: V,
+                px: I
+              },
+              children: [
+                M(),
+                /* @__PURE__ */ e(B, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(W, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
+                !T && (o || X),
+                /* @__PURE__ */ g(
+                  B,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "flex-end",
+                    sx: { flex: F, flexShrink: 0 },
+                    children: [
+                      R && /* @__PURE__ */ e(
+                        he,
+                        {
+                          allowedAccountTypes: d,
+                          isDesktop: Y,
+                          onAccountFilterClick: k
+                        }
+                      ),
+                      n?.map((q) => {
+                        if (u.isValidElement(q))
+                          return u.cloneElement(q, { isDesktop: Y });
+                        const { iconName: G, onClick: Q, label: U } = q;
+                        return Y ? /* @__PURE__ */ e(
+                          H,
+                          {
+                            onClick: Q,
+                            startIcon: /* @__PURE__ */ e(D, { name: G, size: L }),
+                            children: U
+                          },
+                          G
+                        ) : /* @__PURE__ */ e($, { "aria-label": U, color: "primary", onClick: Q, children: /* @__PURE__ */ e(D, { name: G, size: L }) }, G);
+                      })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          T && (o || X),
+          T && s && /* @__PURE__ */ e(ce, {}),
+          /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(_e, { availableHeight: y, availableWidth: x, children: m }) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  Ge as D,
+  Lt as W,
+  Ie as u
+};

package/dist/accounts/index.es.js

@@ -25,7 +25,7 @@ import Z1 from "@mui/material/Switch";
 import T from "@mui/material/ListItem";
 import $ from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemText";
-import { A as w } from "../Analytics-0Xm_BjHU.mjs";
+import { A as w } from "../Analytics-CzGzz_sE.mjs";
 import { D as Q } from "../Dialog-iLlBR8TG.mjs";
 import { b as f } from "../Localization-CkQ49EKr.mjs";
 import { D as t1 } from "../Drawer-XPaLYjiO.mjs";
@@ -55,17 +55,17 @@ import e3 from "@mui/material/AlertTitle";
 import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { endOfToday as o3, subDays as i3, startOfToday as c3 } from "date-fns";
-import { T as a3 } from "../EmbeddedCard-BCcn_fK2.mjs";
-import { T as s3 } from "../TransactionDetails-Cb6vauzy.mjs";
+import { T as a3 } from "../EmbeddedCard-CBS3uUbk.mjs";
+import { T as s3 } from "../TransactionDetails-DLnK244l.mjs";
 import { T as r1 } from "../TabContentContainer-CnMXkVqr.mjs";
 import { f as d1 } from "../NumberFormatting-CyrvFgfd.mjs";
 import { C as l3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
-import { u as H1 } from "../useScreenSize-CUcpY7aJ.mjs";
+import { u as H1 } from "../useScreenSize-CeFhWTt_.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as o1 } from "../Loader-CxeBwuPG.mjs";
-import { W as r3 } from "../WidgetContainer-MhgZzIaI.mjs";
+import { W as r3 } from "../WidgetContainer-CTgBAae_.mjs";
 import { M as v1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
-import { A as l2 } from "../AccountStore-nxHZqg1Z.mjs";
+import { A as l2 } from "../AccountStore-B3S_p5Qa.mjs";
 const d3 = (t, o) => {
   const n = _1.includes(o) ? x1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
   return [n, i, c].filter((l) => l.length > 0);