@mx-cartographer/experiences 6.26.33-alpha.mm0 → 7.0.0-alpha.mega1

package/dist/WidgetContainer-DWCusxYI.mjs

@@ -0,0 +1,556 @@
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { observer as ne } from "mobx-react-lite";
+import M from "@mui/material/Button";
+import X from "@mui/material/Box";
+import ce from "@mui/material/Card";
+import re from "@mui/material/CardHeader";
+import oe from "@mui/material/CardContent";
+import Z from "@mui/material/Divider";
+import F from "@mui/material/IconButton";
+import V from "@mui/material/Stack";
+import { Icon as s, Text as z, DateRangePicker as q, H1 as se, H3 as le } from "@mxenabled/mxui";
+import { u as de } from "./useDimensions-27p2evRx.mjs";
+import { L as Ce } from "./Loader-Dp1P2gNw.mjs";
+import { g as Te, a as Ie, u as Ee, W as ge } from "./hooks-30y_BLwc.mjs";
+import { u as ae } from "./useScreenSize-B6JyS_Lj.mjs";
+import { addMonths as J } from "date-fns/addMonths";
+import { addDays as Re } from "date-fns/addDays";
+import { addYears as Q } from "date-fns/addYears";
+import { differenceInCalendarDays as Ae } from "date-fns/differenceInCalendarDays";
+import { endOfMonth as Y } from "date-fns/endOfMonth";
+import { endOfToday as ee } from "date-fns/endOfToday";
+import { endOfYear as ue } from "date-fns/endOfYear";
+import { startOfMonth as Se } from "date-fns/startOfMonth";
+import { startOfToday as Ne } from "date-fns/startOfToday";
+import { startOfYear as me } from "date-fns/startOfYear";
+import { subMonths as j } from "date-fns/subMonths";
+import { subDays as Le } from "date-fns/subDays";
+import { subYears as te } from "date-fns/subYears";
+import De from "@mui/material/ButtonGroup";
+import pe from "@mui/material/Tab";
+import ke from "@mui/material/Tabs";
+import he from "@mui/material/ToggleButton";
+import Oe from "@mui/material/ToggleButtonGroup";
+import fe from "@mui/material/styles/useTheme";
+import { f as K, D as G, a as we } from "./Dialog-CWW597AF.mjs";
+import { D as be } from "./Drawer-kEE73B87.mjs";
+import { i as Ke, j as Ge } from "./ConnectDrawer-D9cR5phc.mjs";
+const Me = {
+  ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
+  ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
+  ACCOUNTS_CLICK_FILTER: "accounts_widget_click_filter_accounts",
+  ACCOUNTS_CLICK_SYNC: "accounts_widget_click_sync",
+  ACCOUNT_DETAILS_CLICK_HIDE: "account_details_click_hide_account",
+  ACCOUNT_DETAILS_CLICK_MARK_CLOSED: "account_details_click_mark_as_closed",
+  ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE: "account_details_click_mark_as_duplicate",
+  ACCOUNT_DETAILS_CLICK_TRANSACTION: "account_details_click_transaction",
+  ACCOUNT_DETAILS_VIEW: "account_details",
+  ACCOUNT_DETAILS_VIEW_TRANSACTIONS: "account_details_transactions",
+  BUDGETS_CLICK_ADD: "budgets_widget_click_add_budget",
+  BUDGETS_CLICK_BUDGET_CATEGORY: "budgets_widget_click_budget_category",
+  BUDGETS_CLICK_EDIT_INCOME: "budgets_widget_click_edit_income",
+  BUDGETS_CLICK_FILTER: "budgets_widget_click_filter_accounts",
+  BUDGETS_VIEW: "budgets",
+  CASH_FLOW_CLICK_FILTER: "cash_flow_widget_click_filter_accounts",
+  CASH_FLOW_CLICK_SETTINGS: "cash_flow_widget_click_settings",
+  DEBTS_CLICK_CHART_AREA: "debts_widget_click_chart_area",
+  DEBTS_CLICK_FILTER: "debts_widget_click_filter_accounts",
+  DEBTS_CLICK_PAYDOWN: "debts_widget_click_paydown",
+  DEBTS_CLICK_PRIORITY: "debts_widget_click_priority",
+  DEBTS_CLICK_PRIORITIZE: "debts_widget_click_prioritize",
+  DEBTS_CLICK_SNOWBALL_CTA: "debts_widget_click_snowball_cta",
+  DEBTS_CLICK_TABLE_ROW: "debts_widget_click_table_row",
+  DEBTS_CLICK_TABLE_SORT: "debts_widget_click_table_sort",
+  DEBTS_SAVE_BALANCE_ACTION: "debts_widget_click_balance_action",
+  DEBTS_SAVE_PAYDOWN_ACTION: "debts_widget_click_paydown_action",
+  DEBTS_SAVE_PAYMENT_ACTION: "debts_widget_click_payment_action",
+  DEBTS_SAVE_RATE_ACTION: "debts_widget_click_rate_action",
+  DEBTS_VIEW: "debts",
+  DEBT_DETAILS_VIEW: "debt_details",
+  DEBT_SCHEDULE_VIEW: "debt_schedule",
+  GOALS_CLICK_ADD: "goals_widget_click_add",
+  GOALS_CLICK_FILTER: "goals_widget_click_filter_accounts",
+  GOALS_VIEW: "goals",
+  GOALS_MICRO_WIDGET_CTA: "goals_micro_widget_click_see_details_cta",
+  INVESTMENTS: "Investments",
+  INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK: "investment_widget_account_filter_click",
+  INVESTMENT_WIDGET_ALLOCATION_CLICK: "investment_widget_allocation_click",
+  INVESTMENT_WIDGET_ANALYSIS_CLICK: "investment_widget_analysis_click",
+  INVESTMENT_WIDGET_DETAILS_CLICK: "investment_widget_details_click",
+  NET_WORTH_VIEW: "net_worth",
+  NETWORTH_MICRO_WIDGET_CTA: "net_worth_micro_widget_click_see_details_cta",
+  NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES: "net_worth_widget_click_view_assets_liabilities",
+  NET_WORTH_WIDGET_CLICK_FILTER: "net_worth_widget_click_filter_accounts",
+  NET_WORTH_WIDGET_CLICK_TIMEFRAME: "net_worth_widget_click_time_period",
+  RECURRING_ACTIVITY_CLICK_ADD_EXPENSE: "recurring_transactions_widget_manage_expenses_click_add_expense",
+  RECURRING_ACTIVITY_CLICK_ADD_INCOME: "recurring_transactions_widget_income_details_click_add_income",
+  RECURRING_ACTIVITY_CLICK_CALENDAR_RIGHT: "recurring_transactions_widget_click_calendar_right",
+  RECURRING_ACTIVITY_CLICK_EXPENSE: "recurring_transactions_widget_manage_expenses_click_expense",
+  RECURRING_ACTIVITY_CLICK_FILTER: "recurring_transactions_widget_click_filter_accounts",
+  RECURRING_ACTIVITY_CLICK_INCOME: "recurring_transactions_widget_click_income",
+  RECURRING_ACTIVITY_CLICK_PAID: "recurring_transactions_widget_click_paid_expense",
+  RECURRING_ACTIVITY_CLICK_SETTINGS: "recurring_transactions_widget_click_settings",
+  RECURRING_ACTIVITY_CLICK_UPCOMING: "recurring_transactions_widget_click_upcoming_transaction",
+  RECURRING_TRANSACTIONS_CLICK_ADD_EXPENSE: "recurring_transactions_widget_manage_expenses_click_add_expense",
+  RECURRING_TRANSACTIONS_CLICK_ADD_INCOME: "recurring_transactions_widget_income_details_click_add_income",
+  RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT: "recurring_transactions_widget_click_calendar_right",
+  RECURRING_TRANSACTIONS_CLICK_EXPENSE: "recurring_transactions_widget_manage_expenses_click_expense",
+  RECURRING_TRANSACTIONS_CLICK_FILTER: "recurring_transactions_widget_click_filter_accounts",
+  RECURRING_TRANSACTIONS_CLICK_INCOME: "recurring_transactions_widget_click_income",
+  RECURRING_TRANSACTIONS_CLICK_PAID: "recurring_transactions_widget_click_paid_expense",
+  RECURRING_TRANSACTIONS_CLICK_SETTINGS: "recurring_transactions_widget_click_settings",
+  RECURRING_TRANSACTIONS_CLICK_UPCOMING: "recurring_transactions_widget_click_upcoming_transaction",
+  RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE: "recurring_transactions_widget_details_click_delete",
+  RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE: "recurring_transactions_widget_details_click_payment_schedule",
+  RECURRING_TRANSACTIONS_MICRO_WIDGET_CTA: "recurring_transactions_micro_widget_click_view_all_cta",
+  SPENDING_CLICK_FILTER: "spending_widget_click_filter_accounts",
+  SPENDING_VIEW: "spending",
+  TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL: "transactions_add_manual_account_modal",
+  TRANSACTIONS_CLICK_ADD: "transactions_click_add_transaction",
+  TRANSACTIONS_CLICK_DETAILS: "transactions_click_transaction_details",
+  TRANSACTIONS_CLICK_EXPORT: "transactions_click_export_csv",
+  TRANSACTIONS_CLICK_FILTER: "transactions_click_filter_accounts",
+  TRANSACTIONS_CLICK_SEARCH: "transactions_click_search",
+  TRANSACTIONS_VIEW: "transactions",
+  TRANSACTION_DETAILS_CLICK_AMOUNT: "transaction_details_click_transaction_amount",
+  TRANSACTION_DETAILS_CLICK_CATEGORY: "transaction_details_click_category",
+  TRANSACTION_DETAILS_CLICK_DATE: "transaction_details_click_date",
+  TRANSACTION_DETAILS_CLICK_DELETE_LOGO: "transaction_details_click_delete_merchant_logo",
+  TRANSACTION_DETAILS_CLICK_DESCRIPTION: "transaction_details_click_edit_description",
+  TRANSACTION_DETAILS_CLICK_FLAG: "transaction_details_click_flag_transaction",
+  TRANSACTION_DETAILS_CLICK_MEMO: "transaction_details_click_memo",
+  TRANSACTION_DETAILS_CLICK_SPLIT: "transaction_details_click_split_transaction",
+  TRANSACTION_DETAILS_CLICK_TAGS: "transaction_details_click_tags",
+  TRANSACTION_DETAILS_CLICK_UNSPLIT: "transaction_details_click_unsplit_transaction",
+  TRANSACTION_DETAILS_VIEW: "transaction_details",
+  TRENDS_CLICK_DATE: "trends_widget_click_date_range",
+  TRENDS_CLICK_FILTER: "trends_widget_click_filter_accounts",
+  TRENDS_CLICK_LEGEND: "trends_widget_click_legend",
+  TRENDS_CLICK_TABLE_ROW: "trends_widget_click_table_row",
+  TRENDS_CLICK_TABLE_SORT: "trends_widget_click_table_sort",
+  TRENDS_CLICK_TOGGLE: "trends_widget_toggle_chart_table",
+  TRENDS_HOVER_AREA: "trends_widget_hover_chart_area",
+  TRENDS_HOVER_LEGEND: "trends_widget_hover_legend",
+  TRENDS_HOVER_POINT: "trends_widget_hover_chart_point",
+  TRENDS_VIEW_TRANSACTIONS: "trends_widget_view_transactions",
+  WIDGET_BACK_CLICK: "widget_back_button_click",
+  // NEW ANAYTICS EVENT FORMAT
+  // widget_action_subject
+  GOALS_CLICK_GET_STARTED: "goals_click_getStarted",
+  GOALS_CLICK_VIEW_DETAILS: "goals_click_viewDetails",
+  GOALS_LOAD_WIDGET: "goals_load_widget",
+  NET_WORTH_CLICK_GET_STARTED: "netWorth_click_getStarted",
+  NET_WORTH_CLICK_VIEW_DETAILS: "netWorth_click_viewDetails",
+  NET_WORTH_LOAD_WIDGET: "netWorth_load_widget",
+  RECURRING_TRANSACTIONS_CLICK_GET_STARTED: "recurringTransactions_click_getStarted",
+  RECURRING_TRANSACTIONS_CLICK_VIEW_ALL: "recurringTransactions_click_viewAll",
+  RECURRING_TRANSACTIONS_LOAD_WIDGET: "recurringTransactions_load_widget",
+  TRENDS_CLICK_GET_STARTED: "trends_click_getStarted",
+  TRENDS_CLICK_VIEW_MORE: "trends_click_viewMore",
+  TRENDS_LOAD_WIDGET: "trends_load_widget"
+}, ye = ({
+  calendarActions: i,
+  color: S = "primary",
+  copy: a,
+  range: N = [Se(Ne()), Y(ee())],
+  shouldShrinkToIcon: m = !0,
+  variant: n = "outlined"
+}) => {
+  const y = fe(), { isMobile: L } = ae(), [l, f] = o.useState(N), [c, W] = o.useState(a.dateRangePickerCopy.dateRangeThisMonth), [r, D] = o.useState(l), [p, k] = o.useState(!1), [H, x] = o.useState(!0), [h, d] = o.useState(6), C = {
+    buttons: [
+      { label: "3M", value: 3 },
+      { label: "6M", value: 6 },
+      { label: "9M", value: 9 },
+      { 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 }
+    ]
+  };
+  o.useEffect(() => {
+    f(N), D(N);
+  }, [N]), o.useEffect(() => {
+    (n === "timeframebuttons" || n === "timeframetabs") && i.onRangeChanged(I());
+  }, [h]);
+  const I = () => {
+    const _ = Y(ee());
+    return [Y(j(_, h)), _];
+  }, w = (_) => {
+    const [t, O] = l, A = _ === "previous";
+    let u;
+    if (c === a.dateRangePickerCopy.dateRangeThisMonth || c === a.dateRangePickerCopy.dateRangeLastMonth)
+      u = [
+        A ? j(t, 1) : J(t, 1),
+        Y(A ? j(O, 1) : J(O, 1))
+      ];
+    else if (c === a.dateRangePickerCopy.dateRangeYTD || c === a.dateRangePickerCopy.dateRangeLastYear) {
+      const E = me(t), g = ue(t);
+      u = [
+        A ? te(E, 1) : Q(E, 1),
+        A ? te(g, 1) : Q(g, 1)
+      ];
+    } else {
+      const E = Ae(O, t), g = A ? Le : Re;
+      u = [g(t, E), g(O, E)];
+    }
+    f(u), i.onRangeChanged(u);
+  }, U = () => {
+    f(r), x(
+      c === a.dateRangePickerCopy.dateRangeThisMonth || c === a.dateRangePickerCopy.dateRangeLastMonth
+    ), i.onRangeChanged(r);
+  }, v = (_) => {
+    d(_);
+  };
+  return /* @__PURE__ */ T(X, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ T(
+      X,
+      {
+        sx: {
+          [y.breakpoints.down("sm")]: {
+            display: m ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [y.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          n === "readonly" && /* @__PURE__ */ T(V, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(s, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(z, { bold: !0, children: K(r[0], G.MONTH_DAY) }),
+            /* @__PURE__ */ e(s, { name: "remove" }),
+            /* @__PURE__ */ e(z, { bold: !0, children: K(r[1], G.MONTH_DAY_YEAR) })
+          ] }),
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ T(
+            De,
+            {
+              color: S,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: L ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: n,
+              children: [
+                /* @__PURE__ */ e(
+                  M,
+                  {
+                    "aria-disabled": i.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: i.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => i.shouldDisablePrevious ? null : w("previous"),
+                    children: /* @__PURE__ */ e(s, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  M,
+                  {
+                    "aria-disabled": i.shouldDisablePicker,
+                    color: S,
+                    onClick: () => i.shouldDisablePicker ? null : k(!0),
+                    startIcon: /* @__PURE__ */ e(s, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: L ? 0 : 8
+                    },
+                    children: H ? K(l[0], G.MONTH_YEAR) : /* @__PURE__ */ T("span", { children: [
+                      K(l[0], G.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      K(l[1], G.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  M,
+                  {
+                    "aria-disabled": i.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: i.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => i.shouldDisableNext ? null : w("next"),
+                    children: /* @__PURE__ */ e(s, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          n === "timeframebuttons" && /* @__PURE__ */ e(
+            Oe,
+            {
+              color: S,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: h,
+              children: C.buttons.map((_) => /* @__PURE__ */ e(
+                he,
+                {
+                  onClick: () => v(_.value),
+                  sx: { width: 56 },
+                  value: _.value,
+                  children: _.label
+                },
+                _.label
+              ))
+            }
+          ),
+          n === "timeframetabs" && /* @__PURE__ */ e(
+            ke,
+            {
+              indicatorColor: "primary",
+              onChange: (_, t) => v(t),
+              textColor: "primary",
+              value: h,
+              variant: "fullWidth",
+              children: C.tabs.map((_) => /* @__PURE__ */ e(
+                pe,
+                {
+                  label: /* @__PURE__ */ e(z, { bold: !0, variant: "Body", children: _.label }),
+                  sx: { minWidth: 80 },
+                  value: _.value
+                },
+                _.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    p && L && /* @__PURE__ */ e(
+      be,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: p,
+        onClose: () => k(!1),
+        onPrimaryAction: () => {
+          U(), k(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: /* @__PURE__ */ e(
+          q,
+          {
+            copy: a.dateRangePickerCopy,
+            dateRange: r,
+            onRangeChanged: (_, t) => {
+              _[0] && !_[1] && (_[1] = _[0]), D(_), W(t);
+            },
+            selectedShortcut: c,
+            sx: { p: 16 }
+          }
+        )
+      }
+    ),
+    p && !L && /* @__PURE__ */ e(
+      we,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => k(!1),
+        onPrimaryAction: () => U(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: /* @__PURE__ */ e(
+          q,
+          {
+            copy: a.dateRangePickerCopy,
+            dateRange: r,
+            onRangeChanged: (_, t) => {
+              _[0] && !_[1] && (_[1] = _[0]), D(_), W(t);
+            },
+            selectedShortcut: c,
+            sx: {
+              pt: 0,
+              "& .MuiPickersLayout-toolbar": {
+                gridColumn: "1/4"
+              }
+            }
+          }
+        )
+      }
+    )
+  ] });
+}, _e = ye, We = ({
+  accountOptions: i,
+  actions: S = [],
+  calendarActions: a,
+  children: N,
+  dateRange: m,
+  dateRangeVariant: n,
+  className: y = "mx-cmn-widget",
+  hasDivider: L = !1,
+  onBackClick: l,
+  onAccountsFilterClick: f,
+  showDividerAboveDateSelector: c = !0,
+  sx: W = {},
+  title: r = ""
+}) => {
+  const [D, p] = o.useState(!1), [k, { height: H, width: x }] = de(), { onEvent: h } = Te(), { isDesktop: d, isMobile: C, isTablet: I } = ae(x), { displayedDateRange: w, isCopyLoaded: U, selectedAccountGuids: v, setSelectedAccountGuids: _ } = Ie(), { common: t, connect: O } = Ee(), A = () => {
+    l && (l(), h(Me.WIDGET_BACK_CLICK));
+  };
+  if (!U)
+    return /* @__PURE__ */ e(Ce, {});
+  const u = {
+    accountFilterOptionsCopy: {
+      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: t.account_filter.title
+  }, E = {
+    dateRangePickerCopy: {
+      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: 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
+  }, g = m ? m.start : w.start, $ = m ? m.end : w.end, ie = S?.length > 1;
+  return /* @__PURE__ */ T(
+    ce,
+    {
+      className: y,
+      sx: {
+        ...C && { px: 4 },
+        "& .mx-cmn-date-range-selector": {
+          ...(C || I) && { textAlign: "center" }
+        },
+        ...W
+      },
+      children: [
+        r && /* @__PURE__ */ e(
+          re,
+          {
+            action: /* @__PURE__ */ T(V, { alignItems: "center", flexDirection: "row", children: [
+              d && a && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                _e,
+                {
+                  calendarActions: a,
+                  copy: E,
+                  range: [g, $],
+                  shouldShrinkToIcon: !1,
+                  variant: n
+                }
+              ) }),
+              i && /* @__PURE__ */ e(
+                Ke,
+                {
+                  accounts: i,
+                  copy: u,
+                  onConnectAccountClick: () => p(!0),
+                  onFilterClick: (b) => {
+                    _(b), f?.();
+                  },
+                  selectedAccountGuids: v,
+                  showAccountNumbers: !1,
+                  variant: "text"
+                }
+              ),
+              S?.map((b) => {
+                if (o.isValidElement(b)) return b;
+                const { iconName: R, onClick: P, label: B } = b;
+                return ie ? d || I ? /* @__PURE__ */ e(
+                  M,
+                  {
+                    onClick: P,
+                    startIcon: /* @__PURE__ */ e(s, { name: R, size: 24 }),
+                    sx: { my: 4 },
+                    children: B
+                  },
+                  R
+                ) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name: R, size: 24 }) }, R) : d || I ? /* @__PURE__ */ e(
+                  M,
+                  {
+                    onClick: P,
+                    startIcon: /* @__PURE__ */ e(s, { name: R, size: 24 }),
+                    sx: { my: 4 },
+                    children: B
+                  },
+                  R
+                ) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name: R, size: 24 }) }, R);
+              })
+            ] }),
+            sx: {
+              p: d ? 48 : 24,
+              pb: 0,
+              "& .MuiCardHeader-action": {
+                mr: 0,
+                ...a && d && { flexGrow: 1 },
+                ...(C || I) && { alignSelf: "center" }
+              },
+              "& .MuiCardHeader-content": {
+                overflow: "hidden"
+              }
+            },
+            title: d || I ? /* @__PURE__ */ e(se, { children: r }) : /* @__PURE__ */ T(V, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+              C && l && /* @__PURE__ */ e(
+                F,
+                {
+                  "aria-label": t.back_to_dashboard,
+                  color: "primary",
+                  onClick: A,
+                  sx: { p: 12, mr: 4 },
+                  children: /* @__PURE__ */ e(s, { name: "arrow_back", size: 24 })
+                }
+              ),
+              /* @__PURE__ */ e(le, { children: r })
+            ] })
+          }
+        ),
+        L && /* @__PURE__ */ e(Z, { sx: { mt: d ? 48 : 24 } }),
+        a && (C || I) && /* @__PURE__ */ T(V, { gap: 24, justifyContent: "center", sx: { mt: C ? 0 : 16 }, children: [
+          c && /* @__PURE__ */ e(Z, {}),
+          /* @__PURE__ */ e(
+            _e,
+            {
+              calendarActions: a,
+              copy: E,
+              range: [g, $],
+              shouldShrinkToIcon: !1,
+              variant: n
+            }
+          )
+        ] }),
+        D && /* @__PURE__ */ e(
+          Ge,
+          {
+            onClose: () => p(!1),
+            showConnectWidget: D,
+            title: O.mini_title
+          }
+        ),
+        /* @__PURE__ */ e(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ e(ge, { availableHeight: H, availableWidth: x, children: N }) })
+      ]
+    }
+  );
+}, Nt = ne(We);
+export {
+  Me as A,
+  _e as D,
+  Nt as W
+};