@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega4

package/dist/WidgetContainer-CmGNZW0M.mjs

@@ -0,0 +1,548 @@
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { observer as se } from "mobx-react-lite";
+import K from "@mui/material/Button";
+import j from "@mui/material/Box";
+import le from "@mui/material/Card";
+import de from "@mui/material/CardHeader";
+import Ce from "@mui/material/CardContent";
+import Z from "@mui/material/Divider";
+import H from "@mui/material/IconButton";
+import V from "@mui/material/Stack";
+import { Icon as l, Text as F, DateRangePicker as q, H1 as Te, H3 as Ie } from "@mxenabled/mxui";
+import { u as ge } from "./useDimensions-27p2evRx.mjs";
+import { L as Ee } from "./Loader-Dp1P2gNw.mjs";
+import { g as Re, a as Ae, u as ue, W as Se } from "./hooks-ClhFlg78.mjs";
+import { u as ce } from "./useScreenSize-B6JyS_Lj.mjs";
+import { addMonths as J } from "date-fns/addMonths";
+import { addDays as Q } from "date-fns/addDays";
+import { addYears as ee } from "date-fns/addYears";
+import { differenceInCalendarDays as Ne } from "date-fns/differenceInCalendarDays";
+import { endOfMonth as B } from "date-fns/endOfMonth";
+import { endOfToday as te } from "date-fns/endOfToday";
+import { endOfYear as _e } from "date-fns/endOfYear";
+import { startOfMonth as me } from "date-fns/startOfMonth";
+import { startOfToday as Le } from "date-fns/startOfToday";
+import { startOfYear as ae } from "date-fns/startOfYear";
+import { subMonths as z } from "date-fns/subMonths";
+import { subDays as ie } from "date-fns/subDays";
+import { subYears as ne } 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 w, D as b, a as we } from "./Dialog-CWW597AF.mjs";
+import { D as be } from "./Drawer-kEE73B87.mjs";
+import { i as Ke, j as Ge } from "./ConnectDrawer-DPnfeIfn.mjs";
+const ye = {
+  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"
+}, Me = ({
+  calendarActions: i,
+  color: u = "primary",
+  copy: a,
+  range: h = [me(Le()), B(te())],
+  shouldShrinkToIcon: S = !0,
+  variant: n = "outlined"
+}) => {
+  const G = fe(), { isMobile: N } = ce(), [r, y] = s.useState(h), [d, M] = s.useState(a.dateRangePickerCopy.dateRangeThisMonth), [o, m] = s.useState(r), [L, D] = s.useState(!1), [Y, W] = s.useState(!0), [p, C] = s.useState(6), T = {
+    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 }
+    ]
+  };
+  s.useEffect(() => {
+    m(h);
+  }, [h]), s.useEffect(() => {
+    (n === "timeframebuttons" || n === "timeframetabs") && i.onRangeChanged(g());
+  }, [p]);
+  const g = () => {
+    const _ = B(te());
+    return [B(z(_, p)), _];
+  }, O = (_) => {
+    const e = [...r], c = r[0], R = r[1], k = _ === "previous";
+    if (d === a.dateRangePickerCopy.dateRangeThisMonth)
+      e[0] = k ? z(c, 1) : J(c, 1), e[1] = B(k ? z(R, 1) : J(R, 1));
+    else if (d === a.dateRangePickerCopy.dateRangeYTD || d === a.dateRangePickerCopy.dateRangeLastYear)
+      e[0] = k ? ne(ae(c), 1) : ee(ae(c), 1), e[1] = k ? ne(_e(c), 1) : ee(_e(c), 1);
+    else {
+      const A = Ne(R, c);
+      e[0] = _ === "previous" ? ie(c, A) : Q(c, A), e[1] = _ === "previous" ? ie(R, A) : Q(R, A);
+    }
+    y(e), i.onRangeChanged(e);
+  }, x = () => {
+    y(o), W(
+      d === a.dateRangePickerCopy.dateRangeThisMonth || d === a.dateRangePickerCopy.dateRangeLastMonth
+    ), i.onRangeChanged(o);
+  }, v = (_) => {
+    C(_);
+  };
+  return /* @__PURE__ */ I(j, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ I(
+      j,
+      {
+        sx: {
+          [G.breakpoints.down("sm")]: {
+            display: S ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [G.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          n === "readonly" && /* @__PURE__ */ I(V, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ t(l, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ t(F, { bold: !0, children: w(o[0], b.MONTH_DAY) }),
+            /* @__PURE__ */ t(l, { name: "remove" }),
+            /* @__PURE__ */ t(F, { bold: !0, children: w(o[1], b.MONTH_DAY_YEAR) })
+          ] }),
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ I(
+            De,
+            {
+              color: u,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: N ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: n,
+              children: [
+                /* @__PURE__ */ t(
+                  K,
+                  {
+                    "aria-disabled": i.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: i.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => i.shouldDisablePrevious ? null : O("previous"),
+                    children: /* @__PURE__ */ t(l, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  K,
+                  {
+                    "aria-disabled": i.shouldDisablePicker,
+                    color: u,
+                    onClick: () => i.shouldDisablePicker ? null : D(!0),
+                    startIcon: /* @__PURE__ */ t(l, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: N ? 0 : 8
+                    },
+                    children: Y ? w(r[0], b.MONTH_YEAR) : /* @__PURE__ */ I("span", { children: [
+                      w(r[0], b.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      w(r[1], b.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  K,
+                  {
+                    "aria-disabled": i.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: i.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => i.shouldDisableNext ? null : O("next"),
+                    children: /* @__PURE__ */ t(l, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          n === "timeframebuttons" && /* @__PURE__ */ t(
+            Oe,
+            {
+              color: u,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: p,
+              children: T.buttons.map((_) => /* @__PURE__ */ t(
+                he,
+                {
+                  onClick: () => v(_.value),
+                  sx: { width: 56 },
+                  value: _.value,
+                  children: _.label
+                },
+                _.label
+              ))
+            }
+          ),
+          n === "timeframetabs" && /* @__PURE__ */ t(
+            ke,
+            {
+              indicatorColor: "primary",
+              onChange: (_, e) => v(e),
+              textColor: "primary",
+              value: p,
+              variant: "fullWidth",
+              children: T.tabs.map((_) => /* @__PURE__ */ t(
+                pe,
+                {
+                  label: /* @__PURE__ */ t(F, { bold: !0, variant: "Body", children: _.label }),
+                  sx: { minWidth: 80 },
+                  value: _.value
+                },
+                _.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    L && N && /* @__PURE__ */ t(
+      be,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: L,
+        onClose: () => D(!1),
+        onPrimaryAction: () => {
+          x(), D(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: /* @__PURE__ */ t(
+          q,
+          {
+            copy: a.dateRangePickerCopy,
+            dateRange: o,
+            onRangeChanged: (_, e) => {
+              m(_), M(e);
+            },
+            selectedShortcut: d,
+            sx: { p: 16 }
+          }
+        )
+      }
+    ),
+    L && !N && /* @__PURE__ */ t(
+      we,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => D(!1),
+        onPrimaryAction: () => x(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: /* @__PURE__ */ t(
+          q,
+          {
+            copy: a.dateRangePickerCopy,
+            dateRange: o,
+            onRangeChanged: (_, e) => {
+              m(_), M(e);
+            },
+            selectedShortcut: d,
+            sx: {
+              pt: 0,
+              "& .MuiPickersLayout-toolbar": {
+                gridColumn: "1/4"
+              }
+            }
+          }
+        )
+      }
+    )
+  ] });
+}, re = Me, We = ({
+  accountOptions: i,
+  actions: u = [],
+  calendarActions: a,
+  children: h,
+  dateRange: S,
+  dateRangeVariant: n,
+  className: G = "mx-cmn-widget",
+  hasDivider: N = !1,
+  onBackClick: r,
+  onAccountsFilterClick: y,
+  showDividerAboveDateSelector: d = !0,
+  sx: M = {},
+  title: o = ""
+}) => {
+  const [m, L] = s.useState(!1), [D, { height: Y, width: W }] = ge(), { onEvent: p } = Re(), { isDesktop: C, isMobile: T, isTablet: g } = ce(W), { displayedDateRange: O, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: _ } = Ae(), { common: e, connect: c } = ue(), R = () => {
+    r && (r(), p(ye.WIDGET_BACK_CLICK));
+  };
+  if (!x)
+    return /* @__PURE__ */ t(Ee, {});
+  const k = {
+    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
+    },
+    title: e.account_filter.title
+  }, A = {
+    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
+    },
+    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
+  }, X = S ? S.start : O.start, $ = S ? S.end : O.end, oe = u?.length > 1;
+  return /* @__PURE__ */ I(
+    le,
+    {
+      className: G,
+      sx: {
+        ...T && { px: 4 },
+        "& .mx-cmn-date-range-selector": {
+          ...(T || g) && { textAlign: "center" }
+        },
+        ...M
+      },
+      children: [
+        o && /* @__PURE__ */ t(
+          de,
+          {
+            action: /* @__PURE__ */ I(V, { alignItems: "center", flexDirection: "row", children: [
+              C && a && /* @__PURE__ */ t(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
+                re,
+                {
+                  calendarActions: a,
+                  copy: A,
+                  range: [X, $],
+                  shouldShrinkToIcon: !1,
+                  variant: n
+                }
+              ) }),
+              i && /* @__PURE__ */ t(
+                Ke,
+                {
+                  accounts: i,
+                  copy: k,
+                  onConnectAccountClick: () => L(!0),
+                  onFilterClick: (f) => {
+                    _(f), y?.();
+                  },
+                  selectedAccountGuids: v,
+                  showAccountNumbers: !1,
+                  variant: "text"
+                }
+              ),
+              u?.map((f) => {
+                if (s.isValidElement(f)) return f;
+                const { iconName: E, onClick: U, label: P } = f;
+                return oe ? C || g ? /* @__PURE__ */ t(
+                  K,
+                  {
+                    onClick: U,
+                    startIcon: /* @__PURE__ */ t(l, { name: E, size: 24 }),
+                    sx: { my: 4 },
+                    children: P
+                  },
+                  E
+                ) : /* @__PURE__ */ t(H, { "aria-label": P, color: "primary", onClick: U, children: /* @__PURE__ */ t(l, { name: E, size: 24 }) }, E) : C || g ? /* @__PURE__ */ t(
+                  K,
+                  {
+                    onClick: U,
+                    startIcon: /* @__PURE__ */ t(l, { name: E, size: 24 }),
+                    sx: { my: 4 },
+                    children: P
+                  },
+                  E
+                ) : /* @__PURE__ */ t(H, { "aria-label": P, color: "primary", onClick: U, children: /* @__PURE__ */ t(l, { name: E, size: 24 }) }, E);
+              })
+            ] }),
+            sx: {
+              p: C ? 48 : 24,
+              pb: 0,
+              "& .MuiCardHeader-action": {
+                mr: 0,
+                ...a && C && { flexGrow: 1 },
+                ...(T || g) && { alignSelf: "center" }
+              },
+              "& .MuiCardHeader-content": {
+                overflow: "hidden"
+              }
+            },
+            title: C || g ? /* @__PURE__ */ t(Te, { children: o }) : /* @__PURE__ */ I(V, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+              T && r && /* @__PURE__ */ t(
+                H,
+                {
+                  "aria-label": e.back_to_dashboard,
+                  color: "primary",
+                  onClick: R,
+                  sx: { p: 12, mr: 4 },
+                  children: /* @__PURE__ */ t(l, { name: "arrow_back", size: 24 })
+                }
+              ),
+              /* @__PURE__ */ t(Ie, { children: o })
+            ] })
+          }
+        ),
+        N && /* @__PURE__ */ t(Z, { sx: { mt: C ? 48 : 24 } }),
+        a && (T || g) && /* @__PURE__ */ I(V, { gap: 24, justifyContent: "center", sx: { mt: T ? 0 : 16 }, children: [
+          d && /* @__PURE__ */ t(Z, {}),
+          /* @__PURE__ */ t(
+            re,
+            {
+              calendarActions: a,
+              copy: A,
+              range: [X, $],
+              shouldShrinkToIcon: !1,
+              variant: n
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ t(
+          Ge,
+          {
+            onClose: () => L(!1),
+            showConnectWidget: m,
+            title: c.mini_title
+          }
+        ),
+        /* @__PURE__ */ t(Ce, { ref: D, sx: { p: 0 }, children: /* @__PURE__ */ t(Se, { availableHeight: Y, availableWidth: W, children: h }) })
+      ]
+    }
+  );
+}, Nt = se(We);
+export {
+  ye as A,
+  re as D,
+  Nt as W
+};