@mx-cartographer/experiences 9.2.7 → 9.2.8

package/dist/debts/index.es.js

@@ -42,7 +42,7 @@ import it from "@mui/material/ListItem";
 import lt from "@mui/material/Popover";
 import { u as st } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ct } from "../Loader-CxeBwuPG.mjs";
-import { W as dt } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as dt } from "../WidgetContainer-eosXfD5G.mjs";
 import { E as pt } from "../EmptyState-CJUDc3kD.mjs";
 import { C as ut } from "../ConnectDrawer-CW4LA3H3.mjs";
 function ht(r, n, o = 0) {

package/dist/finstrong/index.es.js

@@ -78,7 +78,7 @@ import So from "@mui/material/Accordion";
 import vo from "@mui/material/AccordionDetails";
 import wo from "@mui/material/AccordionSummary";
 import { u as ko } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as Mo } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as Mo } from "../WidgetContainer-eosXfD5G.mjs";
 const Ae = {
   creditScore: {
     poor: 600,

package/dist/goals/index.es.js

@@ -50,7 +50,7 @@ import { D as pt } from "../Dialog-Bvd2n8hz.mjs";
 import { u as Me } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { A as $ } from "../Analytics-D-jdcL72.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ht } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as ht } from "../WidgetContainer-eosXfD5G.mjs";
 import { E as bt } from "../EmptyState-CJUDc3kD.mjs";
 import ft from "@mui/material/Box";
 import { useTheme as gt } from "@mui/material/styles";

package/dist/help/index.es.js

@@ -4,7 +4,7 @@ import { H as s } from "../Help-D4sOpItq.mjs";
 import { a } from "../hooks-97sNJ_lf.mjs";
 import { u as p } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as d } from "../Loader-CxeBwuPG.mjs";
-import { W as f } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as f } from "../WidgetContainer-eosXfD5G.mjs";
 const L = m(({ onBackClick: e, onMenuClick: i, sx: t }) => {
   const { isInitialized: o } = a();
   return p({

package/dist/investments/index.es.js

@@ -38,7 +38,7 @@ import { DataGridPro as $e } from "@mui/x-data-grid-pro";
 import { Stack as Pe } from "@mui/material";
 import { L as De } from "../Loader-CxeBwuPG.mjs";
 import { u as qe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as Ke } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as Ke } from "../WidgetContainer-eosXfD5G.mjs";
 import { c as Ye } from "../Account-DR7Plrqy.mjs";
 import { E as Qe } from "../EmptyState-CJUDc3kD.mjs";
 const me = ({ sx: t = {} }) => {

package/dist/networth/index.es.js

@@ -32,7 +32,7 @@ import xe from "@mui/material/Collapse";
 import K from "@mui/material/ListItemIcon";
 import { g as U } from "../NetWorthUtils-Dj7CgAg2.mjs";
 import { D as V } from "../Drawer-DsnW2o0v.mjs";
-import { W as ge } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as ge } from "../WidgetContainer-eosXfD5G.mjs";
 import { E as ye } from "../EmptyState-CJUDc3kD.mjs";
 const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";

package/dist/recurringtransactions/index.es.js

@@ -58,7 +58,7 @@ import { D as ie } from "../Drawer-DsnW2o0v.mjs";
 import { S as Ae } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as Rt } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as Rt } from "../WidgetContainer-eosXfD5G.mjs";
 import { M as Tt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { u as _t } from "../useDimensions-CeDR9V8N.mjs";
 import { M as Dt } from "../MicroWidgetContainer-B2NnKBgW.mjs";

package/dist/settings/index.es.js

@@ -42,7 +42,7 @@ import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
 import { D as He } from "../Drawer-DsnW2o0v.mjs";
 import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { H as Oe } from "../Help-D4sOpItq.mjs";
-import { W as q } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as q } from "../WidgetContainer-eosXfD5G.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({
     first_name: d.first_name,

package/dist/spending/index.es.js

@@ -31,7 +31,7 @@ import { D as tt } from "../Drawer-DsnW2o0v.mjs";
 import { C as I } from "../Category-DEKZGLYe.mjs";
 import { parseISO as et } from "date-fns/parseISO";
 import { A as nt } from "../Analytics-D-jdcL72.mjs";
-import { W as It } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as It } from "../WidgetContainer-eosXfD5G.mjs";
 const V = ({ amount: n, label: s, variant: o = "full" }) => /* @__PURE__ */ p(S, { direction: "column", children: [
   /* @__PURE__ */ t(D, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: s }),
   /* @__PURE__ */ t(D, { variant: "caption", children: B(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/index.es.js

@@ -37,7 +37,7 @@ import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
 import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as _t } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as pt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as gt } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as gt } from "../WidgetContainer-eosXfD5G.mjs";
 import { S as ht } from "../SearchBox-Cpgu_gdO.mjs";
 import { D as te } from "../Drawer-DsnW2o0v.mjs";
 const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [

package/dist/trends/index.es.js

@@ -39,7 +39,7 @@ import { T as dt } from "../TransactionDetails-CLc7oeHT.mjs";
 import { D as Pe } from "../Drawer-DsnW2o0v.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-DvKtBdhn.mjs";
+import { W as ut } from "../WidgetContainer-eosXfD5G.mjs";
 import { L as Ve } from "../LineChart-CUfiH86G.mjs";
 import { M as Zt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { subMonths as Qt } from "date-fns";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.2.7",
+  "version": "9.2.8",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/WidgetContainer-DvKtBdhn.mjs

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