@mx-cartographer/experiences 7.5.0 → 7.5.2

package/dist/{WidgetContainer-CoFDmQRE.mjs → WidgetContainer-30Dy7US7.mjs}

@@ -1,43 +1,43 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import o from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import c from "react";
 import { observer as ce } from "mobx-react-lite";
-import $ from "@mui/material/Box";
-import M from "@mui/material/Button";
+import z from "@mui/material/Box";
+import W from "@mui/material/Button";
 import re from "@mui/material/Card";
 import oe from "@mui/material/CardContent";
 import se from "@mui/material/CardHeader";
-import q from "@mui/material/Divider";
-import z from "@mui/material/IconButton";
-import Y from "@mui/material/Stack";
+import J from "@mui/material/Divider";
+import $ from "@mui/material/IconButton";
+import F from "@mui/material/Stack";
 import { ChevronLeft as le } from "@mxenabled/mx-icons";
-import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
+import { Icon as A, Text as Z, DateRangePicker as Q, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-ZMp65DFz.mjs";
-import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
-import { addMonths as Q } from "date-fns/addMonths";
-import { addDays as ue } from "date-fns/addDays";
-import { addYears as ee } from "date-fns/addYears";
+import { g as Ee, b as Re, u as ge, a as Ae, W as ue } from "./hooks-ZMp65DFz.mjs";
+import { u as ne } from "./useScreenSize-B6JyS_Lj.mjs";
+import { addMonths as ee } from "date-fns/addMonths";
+import { addDays as Se } from "date-fns/addDays";
+import { addYears as te } from "date-fns/addYears";
 import { differenceInCalendarDays as Ne } from "date-fns/differenceInCalendarDays";
 import { endOfDay as me } from "date-fns/endOfDay";
-import { endOfMonth as V } from "date-fns/endOfMonth";
-import { endOfToday as te } from "date-fns/endOfToday";
+import { endOfMonth as H } from "date-fns/endOfMonth";
+import { endOfToday as _e } from "date-fns/endOfToday";
 import { endOfYear as Le } from "date-fns/endOfYear";
 import { startOfMonth as De } from "date-fns/startOfMonth";
 import { startOfToday as pe } from "date-fns/startOfToday";
 import { startOfYear as ke } from "date-fns/startOfYear";
-import { subMonths as j } from "date-fns/subMonths";
+import { subMonths as q } from "date-fns/subMonths";
 import { subDays as he } from "date-fns/subDays";
-import { subYears as _e } from "date-fns/subYears";
+import { subYears as ae } from "date-fns/subYears";
 import Oe from "@mui/material/ButtonGroup";
 import fe from "@mui/material/Tab";
 import be from "@mui/material/Tabs";
 import we from "@mui/material/ToggleButton";
 import Ke from "@mui/material/ToggleButtonGroup";
 import Ge from "@mui/material/styles/useTheme";
-import { f as K, a as G, D as Me } from "./Dialog-BPTr3qHE.mjs";
+import { f as O, a as f, D as Me } from "./Dialog-BPTr3qHE.mjs";
 import { D as We } from "./Drawer-By9V-B5L.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-BkvlItWx.mjs";
+import { k as xe, l as ye } from "./ConnectDrawer-BkvlItWx.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
@@ -158,15 +158,43 @@ const ve = {
   TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
   TRENDS_LOAD_WIDGET: "trends_load_widget",
   TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
+}, Pe = (i = "polite") => {
+  const [E, a] = c.useState(""), [C, u] = c.useState(i), n = c.useCallback((S, N) => {
+    N && u(N), a(S);
+  }, []), b = c.useMemo(
+    () => /* @__PURE__ */ e(
+      z,
+      {
+        "aria-atomic": "true",
+        "aria-live": C,
+        role: C === "assertive" ? "alert" : "status",
+        sx: {
+          position: "absolute",
+          width: "1px",
+          height: "1px",
+          padding: 0,
+          margin: "-1px",
+          overflow: "hidden",
+          clip: "rect(0 0 0 0)",
+          clipPath: "inset(50%)",
+          whiteSpace: "nowrap",
+          border: 0
+        },
+        children: E
+      }
+    ),
+    [E, C]
+  );
+  return { announce: n, ariaLive: b };
 }, Ue = ({
-  calendarActions: a,
-  color: N = "primary",
-  copy: _,
-  range: m = [De(pe()), V(te())],
-  shouldShrinkToIcon: L = !0,
+  calendarActions: i,
+  color: E = "primary",
+  copy: a,
+  range: C = [De(pe()), H(_e())],
+  shouldShrinkToIcon: u = !0,
   variant: n = "outlined"
 }) => {
-  const W = Ge(), { isMobile: D } = ie(), [s, f] = o.useState(m), [c, H] = o.useState(_.dateRangePickerCopy.dateRangeThisMonth), [r, b] = o.useState(s), [p, k] = o.useState(!1), [F, y] = o.useState(!0), [h, l] = o.useState(6), C = {
+  const b = Ge(), { isMobile: S } = ne(), { announce: N, ariaLive: x } = Pe(), [p, K] = c.useState(C), [o, y] = c.useState(a.dateRangePickerCopy.dateRangeThisMonth), [R, v] = c.useState(p), [G, k] = c.useState(!1), [X, g] = c.useState(!0), [s, m] = c.useState(6), M = {
     buttons: [
       { label: "3M", value: 3 },
       { label: "6M", value: 6 },
@@ -180,69 +208,69 @@ const ve = {
       { label: "1 Year", value: 12 }
     ]
   };
-  o.useEffect(() => {
-    f(m), b(m);
-  }, [m]), o.useEffect(() => {
-    (n === "timeframebuttons" || n === "timeframetabs") && a.onRangeChanged(I());
-  }, [h]);
-  const I = () => {
-    const e = V(te());
-    return [V(j(e, h)), e];
-  }, w = (e) => {
-    const [i, E] = s, S = e === "previous";
-    let u;
-    if (c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth)
-      u = [
-        S ? j(i, 1) : Q(i, 1),
-        V(S ? j(E, 1) : Q(E, 1))
+  c.useEffect(() => {
+    K(C), v(C);
+  }, [C]), c.useEffect(() => {
+    (n === "timeframebuttons" || n === "timeframetabs") && i.onRangeChanged(j());
+  }, [s]);
+  const j = () => {
+    const _ = H(_e());
+    return [H(q(_, s)), _];
+  }, P = (_) => {
+    const [r, d] = p, T = _ === "previous";
+    let I;
+    if (o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth)
+      I = [
+        T ? q(r, 1) : ee(r, 1),
+        H(T ? q(d, 1) : ee(d, 1))
       ];
-    else if (c === _.dateRangePickerCopy.dateRangeYTD || c === _.dateRangePickerCopy.dateRangeLastYear) {
-      const R = ke(i), g = Le(i);
-      u = [
-        S ? _e(R, 1) : ee(R, 1),
-        S ? _e(g, 1) : ee(g, 1)
+    else if (o === a.dateRangePickerCopy.dateRangeYTD || o === a.dateRangePickerCopy.dateRangeLastYear) {
+      const L = ke(r), h = Le(r);
+      I = [
+        T ? ae(L, 1) : te(L, 1),
+        T ? ae(h, 1) : te(h, 1)
       ];
     } else {
-      const R = Ne(E, i), g = S ? he : ue;
-      u = [g(i, R), g(E, R)];
+      const L = Ne(d, r), h = T ? he : Se;
+      I = [h(r, L), h(d, L)];
     }
-    f(u), a.onRangeChanged(u);
-  }, x = () => {
-    f(r), y(
-      c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth
-    ), a.onRangeChanged(r);
-  }, v = (e, i) => {
-    e[1] = e[1] ?? e[0];
-    const E = [e[0], e[1] ? me(e[1]) : e[1]];
-    b(E), H(i);
-  }, U = (e) => {
-    l(e);
+    K(I), i.onRangeChanged(I);
+  }, U = () => {
+    K(R), g(
+      o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth
+    ), i.onRangeChanged(R);
+  }, t = (_, r) => {
+    _[1] = _[1] ?? _[0];
+    const d = [_[0], _[1] ? me(_[1]) : _[1]], T = O(d[0], f.MONTH_DAY_YEAR), I = O(d[1], f.MONTH_DAY_YEAR);
+    v(d), y(r), N(`${a.dateRangePickerCopy}: ${T} - ${I}`);
+  }, B = (_) => {
+    m(_);
   };
-  return /* @__PURE__ */ d($, { className: "mx-cmn-date-range-selector", m: 4, children: [
-    /* @__PURE__ */ d(
-      $,
+  return /* @__PURE__ */ l(z, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ l(
+      z,
       {
         sx: {
-          [W.breakpoints.down("sm")]: {
-            display: L ? "none" : "flex",
+          [b.breakpoints.down("sm")]: {
+            display: u ? "none" : "flex",
             justifyContent: "center"
           },
-          [W.breakpoints.up("sm")]: { display: "inline-flex" }
+          [b.breakpoints.up("sm")]: { display: "inline-flex" }
         },
         children: [
-          n === "readonly" && /* @__PURE__ */ d(Y, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ t(T, { name: "calendar_month", size: 24 }),
-            /* @__PURE__ */ t(X, { bold: !0, children: K(r[0], G.MONTH_DAY) }),
-            /* @__PURE__ */ t(T, { name: "remove" }),
-            /* @__PURE__ */ t(X, { bold: !0, children: K(r[1], G.MONTH_DAY_YEAR) })
+          n === "readonly" && /* @__PURE__ */ l(F, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(A, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(Z, { bold: !0, children: O(R[0], f.MONTH_DAY) }),
+            /* @__PURE__ */ e(A, { name: "remove" }),
+            /* @__PURE__ */ e(Z, { bold: !0, children: O(R[1], f.MONTH_DAY_YEAR) })
           ] }),
-          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ d(
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ l(
             Oe,
             {
-              color: N,
+              color: E,
               sx: {
                 "& .MuiButtonGroup-grouped": {
-                  padding: D ? 0 : 12
+                  padding: S ? 0 : 12
                 },
                 "& .MuiButtonGroup-middleButton": {
                   px: 24
@@ -251,315 +279,322 @@ const ve = {
               },
               variant: n,
               children: [
-                /* @__PURE__ */ t(
-                  M,
+                /* @__PURE__ */ e(
+                  W,
                   {
-                    "aria-disabled": a.shouldDisablePrevious,
-                    "aria-label": _.dateRangePreviousAria,
-                    color: a.shouldDisablePrevious ? "secondary" : "primary",
-                    onClick: () => a.shouldDisablePrevious ? null : w("previous"),
-                    children: /* @__PURE__ */ t(T, { name: "chevron_left", size: 20 })
+                    "aria-disabled": i.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: i.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => i.shouldDisablePrevious ? null : P("previous"),
+                    children: /* @__PURE__ */ e(A, { name: "chevron_left", size: 20 })
                   }
                 ),
-                /* @__PURE__ */ t(
-                  M,
+                /* @__PURE__ */ e(
+                  W,
                   {
-                    "aria-disabled": a.shouldDisablePicker,
-                    color: N,
-                    onClick: () => a.shouldDisablePicker ? null : k(!0),
-                    startIcon: /* @__PURE__ */ t(T, { name: "calendar_month", size: 20 }),
+                    "aria-disabled": i.shouldDisablePicker,
+                    color: E,
+                    onClick: () => i.shouldDisablePicker ? null : k(!0),
+                    startIcon: /* @__PURE__ */ e(A, { name: "calendar_month", size: 20 }),
                     sx: {
-                      p: D ? 0 : 8
+                      p: S ? 0 : 8
                     },
-                    children: F ? K(s[0], G.MONTH_YEAR) : /* @__PURE__ */ d("span", { children: [
-                      K(s[0], G.MONTH_DAY_YEAR),
+                    children: X ? O(p[0], f.MONTH_YEAR) : /* @__PURE__ */ l("span", { children: [
+                      O(p[0], f.MONTH_DAY_YEAR),
                       " -",
                       " ",
-                      K(s[1], G.MONTH_DAY_YEAR)
+                      O(p[1], f.MONTH_DAY_YEAR)
                     ] })
                   }
                 ),
-                /* @__PURE__ */ t(
-                  M,
+                /* @__PURE__ */ e(
+                  W,
                   {
-                    "aria-disabled": a.shouldDisableNext,
-                    "aria-label": _.dateRangeNextAria,
-                    color: a.shouldDisableNext ? "secondary" : "primary",
-                    onClick: () => a.shouldDisableNext ? null : w("next"),
-                    children: /* @__PURE__ */ t(T, { name: "chevron_right", size: 20 })
+                    "aria-disabled": i.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: i.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => i.shouldDisableNext ? null : P("next"),
+                    children: /* @__PURE__ */ e(A, { name: "chevron_right", size: 20 })
                   }
                 )
               ]
             }
           ),
-          n === "timeframebuttons" && /* @__PURE__ */ t(
+          n === "timeframebuttons" && /* @__PURE__ */ e(
             Ke,
             {
-              color: N,
+              color: E,
               exclusive: !0,
               orientation: "horizontal",
-              value: h,
-              children: C.buttons.map((e) => /* @__PURE__ */ t(
+              value: s,
+              children: M.buttons.map((_) => /* @__PURE__ */ e(
                 we,
                 {
-                  onClick: () => U(e.value),
+                  onClick: () => B(_.value),
                   sx: { width: 56 },
-                  value: e.value,
-                  children: e.label
+                  value: _.value,
+                  children: _.label
                 },
-                e.label
+                _.label
               ))
             }
           ),
-          n === "timeframetabs" && /* @__PURE__ */ t(
+          n === "timeframetabs" && /* @__PURE__ */ e(
             be,
             {
               indicatorColor: "primary",
-              onChange: (e, i) => U(i),
+              onChange: (_, r) => B(r),
               textColor: "primary",
-              value: h,
+              value: s,
               variant: "fullWidth",
-              children: C.tabs.map((e) => /* @__PURE__ */ t(
+              children: M.tabs.map((_) => /* @__PURE__ */ e(
                 fe,
                 {
-                  label: /* @__PURE__ */ t(X, { bold: !0, variant: "Body", children: e.label }),
+                  label: /* @__PURE__ */ e(Z, { bold: !0, variant: "Body", children: _.label }),
                   sx: { minWidth: 80 },
-                  value: e.value
+                  value: _.value
                 },
-                e.label
+                _.label
               ))
             }
           )
         ]
       }
     ),
-    p && D && /* @__PURE__ */ t(
+    G && S && /* @__PURE__ */ l(
       We,
       {
-        ariaLabelClose: _.dateRangeCloseAria,
-        isOpen: p,
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: G,
         onClose: () => k(!1),
         onPrimaryAction: () => {
-          x(), k(!1);
+          U(), k(!1);
         },
-        primaryText: _.dateRangeEditApply,
-        title: _.dateRangeEditTitle,
-        children: /* @__PURE__ */ t(
-          J,
-          {
-            copy: _.dateRangePickerCopy,
-            dateRange: r,
-            onRangeChanged: v,
-            selectedShortcut: c,
-            sx: { p: 16 }
-          }
-        )
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: [
+          x,
+          /* @__PURE__ */ e(
+            Q,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: R,
+              onRangeChanged: t,
+              selectedShortcut: o,
+              sx: { p: 16 }
+            }
+          )
+        ]
       }
     ),
-    p && !D && /* @__PURE__ */ t(
+    G && !S && /* @__PURE__ */ l(
       Me,
       {
-        copy: { title: _.dateRangeEditTitle },
+        copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
         onClose: () => k(!1),
-        onPrimaryAction: () => x(),
-        primaryText: _.dateRangeEditApply,
+        onPrimaryAction: () => U(),
+        primaryText: a.dateRangeEditApply,
         sx: {
           "& .MuiDialogContent-root": {
             padding: 0
           }
         },
-        children: /* @__PURE__ */ t(
-          J,
-          {
-            copy: _.dateRangePickerCopy,
-            dateRange: r,
-            onRangeChanged: v,
-            selectedShortcut: c,
-            sx: {
-              pt: 0,
-              "& .MuiPickersLayout-toolbar": {
-                gridColumn: "1/4"
+        children: [
+          x,
+          /* @__PURE__ */ e(
+            Q,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: R,
+              onRangeChanged: t,
+              selectedShortcut: o,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
               }
             }
-          }
-        )
+          )
+        ]
       }
     )
   ] });
-}, ae = Ue, Pe = ({
-  accountOptions: a,
-  actions: N = [],
-  calendarActions: _,
-  children: m,
-  dateRange: L,
+}, ie = Ue, Be = ({
+  accountOptions: i,
+  actions: E = [],
+  calendarActions: a,
+  children: C,
+  dateRange: u,
   dateRangeVariant: n,
-  className: W = "mx-cmn-widget",
-  hasDivider: D = !1,
-  onBackClick: s,
-  onAccountsFilterClick: f,
-  showDividerAboveDateSelector: c = !0,
-  sx: H = {},
-  title: r = ""
+  className: b = "mx-cmn-widget",
+  hasDivider: S = !1,
+  onBackClick: N,
+  onAccountsFilterClick: x,
+  showDividerAboveDateSelector: p = !0,
+  sx: K = {},
+  title: o = ""
 }) => {
-  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Te(), { onEvent: h } = Ee(), { isDesktop: l, isMobile: C, isTablet: I } = ie(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: U } = Re(), { common: e, connect: i } = ge(), { config: E } = Ae(), S = () => {
-    s && (s(), h(ve.WIDGET_BACK_CLICK));
+  const [y, R] = c.useState(!1), [v, { height: G, width: k }] = Te(), { onEvent: X } = Ee(), { isDesktop: g, isMobile: s, isTablet: m } = ne(k), { displayedDateRange: M, isCopyLoaded: j, selectedAccountGuids: P, setSelectedAccountGuids: U } = Re(), { common: t, connect: B } = ge(), { config: _ } = Ae(), r = () => {
+    N && (N(), X(ve.WIDGET_BACK_CLICK));
   };
-  if (!x)
-    return /* @__PURE__ */ t(Ie, {});
-  const u = {
+  if (!j)
+    return /* @__PURE__ */ e(Ie, {});
+  const d = {
     accountFilterOptionsCopy: {
-      accountTypeAccounts: e.account_filter.account_type_accounts,
-      cancelButton: e.cancel_button,
-      filterButton: e.filter_button,
-      filterButtonAria: e.account_filter.filter_button_generic_aria,
-      selectAllAccounts: e.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: e.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: e.account_filter.unselect_all_accounts,
-      zeroStateButton: e.account_filter.zero_state_button,
-      zeroStateDescription: e.account_filter.zero_state_description,
-      zeroStateTitle: e.account_filter.zero_state_title
+      accountTypeAccounts: t.account_filter.account_type_accounts,
+      cancelButton: t.cancel_button,
+      filterButton: t.filter_button,
+      filterButtonAria: t.account_filter.filter_button_generic_aria,
+      selectAllAccounts: t.account_filter.select_all_accounts,
+      toggleAccountTypeAccounts: t.account_filter.toggle_account_type_accounts,
+      unselectAllAccounts: t.account_filter.unselect_all_accounts,
+      zeroStateButton: t.account_filter.zero_state_button,
+      zeroStateDescription: t.account_filter.zero_state_description,
+      zeroStateTitle: t.account_filter.zero_state_title
     },
-    title: e.account_filter.title
-  }, R = {
+    title: t.account_filter.title
+  }, T = {
     dateRangePickerCopy: {
-      dateRangeFrom: e.date_range_picker.from,
-      dateRangeTo: e.date_range_picker.to,
-      dateRangeCustom: e.date_range_picker.custom,
-      dateRangeSelectARange: e.date_range_picker.select_range,
-      dateRangeThisMonth: e.date_range_picker.this_month,
-      dateRangeLastMonth: e.date_range_picker.last_month,
-      dateRangeLast30Days: e.date_range_picker.last_30_days,
-      dateRangeLast90Days: e.date_range_picker.last_90_days,
-      dateRangeYTD: e.date_range_picker.ytd,
-      dateRangeLastYear: e.date_range_picker.last_year,
-      dateRangeSelect: e.date_range_picker.select
+      dateRangeFrom: t.date_range_picker.from,
+      dateRangeTo: t.date_range_picker.to,
+      dateRangeCustom: t.date_range_picker.custom,
+      dateRangeSelectARange: t.date_range_picker.select_range,
+      dateRangeThisMonth: t.date_range_picker.this_month,
+      dateRangeLastMonth: t.date_range_picker.last_month,
+      dateRangeLast30Days: t.date_range_picker.last_30_days,
+      dateRangeLast90Days: t.date_range_picker.last_90_days,
+      dateRangeYTD: t.date_range_picker.ytd,
+      dateRangeLastYear: t.date_range_picker.last_year,
+      dateRangeSelect: t.date_range_picker.select
     },
-    dateRangeEditApply: e.date_range_picker.edit_apply,
-    dateRangeEditTitle: e.date_range_picker.edit_title,
-    dateRangeNextAria: e.date_range_picker.next_aria,
-    dateRangePreviousAria: e.date_range_picker.previous_aria
-  }, g = L ? L.start : w.start, Z = L ? L.end : w.end, ne = N?.length > 1;
-  return /* @__PURE__ */ d(
+    dateRangeEditApply: t.date_range_picker.edit_apply,
+    dateRangeEditTitle: t.date_range_picker.edit_title,
+    dateRangeNextAria: t.date_range_picker.next_aria,
+    dateRangePreviousAria: t.date_range_picker.previous_aria
+  }, I = u ? u.start : M.start, L = u ? u.end : M.end, h = E?.length > 1;
+  return /* @__PURE__ */ l(
     re,
     {
-      className: W,
+      className: b,
       sx: {
-        ...C && { px: 4 },
+        ...s && { px: 4 },
         "& .mx-cmn-date-range-selector": {
-          ...(C || I) && { textAlign: "center" }
+          ...(s || m) && { textAlign: "center" }
         },
-        ...H
+        ...K
       },
       children: [
-        r && /* @__PURE__ */ t(
+        o && /* @__PURE__ */ e(
           se,
           {
-            action: /* @__PURE__ */ d(Y, { alignItems: "center", flexDirection: "row", children: [
-              l && _ && /* @__PURE__ */ t($, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
-                ae,
+            action: /* @__PURE__ */ l(F, { alignItems: "center", flexDirection: "row", children: [
+              g && a && /* @__PURE__ */ e(z, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                ie,
                 {
-                  calendarActions: _,
-                  copy: R,
-                  range: [g, Z],
+                  calendarActions: a,
+                  copy: T,
+                  range: [I, L],
                   shouldShrinkToIcon: !1,
                   variant: n
                 }
               ) }),
-              a && /* @__PURE__ */ t(
-                ye,
+              i && /* @__PURE__ */ e(
+                xe,
                 {
-                  accounts: a,
-                  copy: u,
-                  onConnectAccountClick: E.show_connections_widget_in_master ? () => p(!0) : void 0,
-                  onFilterClick: (O) => {
-                    U(O), f?.(O);
+                  accounts: i,
+                  copy: d,
+                  onConnectAccountClick: _.show_connections_widget_in_master ? () => R(!0) : void 0,
+                  onFilterClick: (w) => {
+                    U(w), x?.(w);
                   },
-                  selectedAccountGuids: v,
+                  selectedAccountGuids: P,
                   showAccountNumbers: !1,
                   variant: "text"
                 }
               ),
-              N?.map((O) => {
-                if (o.isValidElement(O)) return O;
-                const { iconName: A, onClick: P, label: B } = O;
-                return ne ? l || I ? /* @__PURE__ */ t(
-                  M,
+              E?.map((w) => {
+                if (c.isValidElement(w)) return w;
+                const { iconName: D, onClick: V, label: Y } = w;
+                return h ? g || m ? /* @__PURE__ */ e(
+                  W,
                   {
-                    onClick: P,
-                    startIcon: /* @__PURE__ */ t(T, { name: A, size: 24 }),
+                    onClick: V,
+                    startIcon: /* @__PURE__ */ e(A, { name: D, size: 24 }),
                     sx: { my: 4 },
-                    children: B
+                    children: Y
                   },
-                  A
-                ) : /* @__PURE__ */ t(z, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ t(T, { name: A, size: 24 }) }, A) : l || I ? /* @__PURE__ */ t(
-                  M,
+                  D
+                ) : /* @__PURE__ */ e($, { "aria-label": Y, color: "primary", onClick: V, children: /* @__PURE__ */ e(A, { name: D, size: 24 }) }, D) : g || m ? /* @__PURE__ */ e(
+                  W,
                   {
-                    onClick: P,
-                    startIcon: /* @__PURE__ */ t(T, { name: A, size: 24 }),
+                    onClick: V,
+                    startIcon: /* @__PURE__ */ e(A, { name: D, size: 24 }),
                     sx: { my: 4 },
-                    children: B
+                    children: Y
                   },
-                  A
-                ) : /* @__PURE__ */ t(z, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ t(T, { name: A, size: 24 }) }, A);
+                  D
+                ) : /* @__PURE__ */ e($, { "aria-label": Y, color: "primary", onClick: V, children: /* @__PURE__ */ e(A, { name: D, size: 24 }) }, D);
               })
             ] }),
             sx: {
-              p: l ? 48 : 24,
+              p: g ? 48 : 24,
               pb: 0,
               "& .MuiCardHeader-action": {
                 mr: 0,
-                ..._ && l && { flexGrow: 1 },
-                ...(C || I) && { alignSelf: "center" }
+                ...a && g && { flexGrow: 1 },
+                ...(s || m) && { alignSelf: "center" }
               },
               "& .MuiCardHeader-content": {
                 overflow: "hidden"
               }
             },
-            title: l || I ? /* @__PURE__ */ t(Ce, { children: r }) : /* @__PURE__ */ d(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
-              C && s && /* @__PURE__ */ t(
-                z,
+            title: g || m ? /* @__PURE__ */ e(Ce, { children: o }) : /* @__PURE__ */ l(F, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+              s && N && /* @__PURE__ */ e(
+                $,
                 {
-                  "aria-label": e.back_to_dashboard,
+                  "aria-label": t.back_to_dashboard,
                   color: "primary",
-                  onClick: S,
+                  onClick: r,
                   sx: { p: 12, mr: 4 },
-                  children: /* @__PURE__ */ t(le, { size: 24 })
+                  children: /* @__PURE__ */ e(le, { size: 24 })
                 }
               ),
-              /* @__PURE__ */ t(de, { children: r })
+              /* @__PURE__ */ e(de, { children: o })
             ] })
           }
         ),
-        D && /* @__PURE__ */ t(q, { sx: { mt: l ? 48 : 24 } }),
-        _ && (C || I) && /* @__PURE__ */ d(Y, { gap: 24, justifyContent: "center", sx: { mt: C ? 0 : 16 }, children: [
-          c && /* @__PURE__ */ t(q, {}),
-          /* @__PURE__ */ t(
-            ae,
+        S && /* @__PURE__ */ e(J, { sx: { mt: g ? 48 : 24 } }),
+        a && (s || m) && /* @__PURE__ */ l(F, { gap: 24, justifyContent: "center", sx: { mt: s ? 0 : 16 }, children: [
+          p && /* @__PURE__ */ e(J, {}),
+          /* @__PURE__ */ e(
+            ie,
             {
-              calendarActions: _,
-              copy: R,
-              range: [g, Z],
+              calendarActions: a,
+              copy: T,
+              range: [I, L],
               shouldShrinkToIcon: !1,
               variant: n
             }
           )
         ] }),
-        b && /* @__PURE__ */ t(
-          xe,
+        y && /* @__PURE__ */ e(
+          ye,
           {
-            onClose: () => p(!1),
-            showConnectWidget: b,
-            title: i.mini_title
+            onClose: () => R(!1),
+            showConnectWidget: y,
+            title: B.mini_title
           }
         ),
-        /* @__PURE__ */ t(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ t(Se, { availableHeight: F, availableWidth: y, children: m }) })
+        /* @__PURE__ */ e(oe, { ref: v, sx: { p: 0 }, children: /* @__PURE__ */ e(ue, { availableHeight: G, availableWidth: k, children: C }) })
       ]
     }
   );
-}, ht = ce(Pe);
+}, Ot = ce(Be);
 export {
   ve as A,
-  ae as D,
-  ht as W
+  ie as D,
+  Ot as W,
+  Pe as u
 };