@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/WidgetContainer-mzejMmz2.mjs

@@ -0,0 +1,555 @@
+import { jsxs as C, jsx as e } from "react/jsx-runtime";
+import I from "react";
+import { observer as te } from "mobx-react-lite";
+import X from "@mui/material/Box";
+import W from "@mui/material/Button";
+import ae from "@mui/material/Card";
+import ie from "@mui/material/CardContent";
+import ne from "@mui/material/CardHeader";
+import j from "@mui/material/Divider";
+import H from "@mui/material/IconButton";
+import Y from "@mui/material/Stack";
+import { ChevronLeft as re } from "@mxenabled/mx-icons";
+import { Icon as E, Text as F, DateRangePicker as $, H2 as ce, H3 as se } from "@mxenabled/mxui";
+import { u as oe } from "./useDimensions-27p2evRx.mjs";
+import { G as le } from "./GlobalAccountFilter-BpWlPAl5.mjs";
+import { L as Ce } from "./Loader-BSWSYqvn.mjs";
+import { g as de, b as Te, u as Ie, W as Ee } from "./hooks-fY_n74f7.mjs";
+import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
+import { addMonths as Z } from "date-fns/addMonths";
+import { addDays as Re } from "date-fns/addDays";
+import { addYears as q } from "date-fns/addYears";
+import { differenceInCalendarDays as ge } from "date-fns/differenceInCalendarDays";
+import { endOfDay as Ae } from "date-fns/endOfDay";
+import { endOfMonth as V } from "date-fns/endOfMonth";
+import { endOfToday as J } from "date-fns/endOfToday";
+import { endOfYear as Se } from "date-fns/endOfYear";
+import { startOfMonth as Ne } from "date-fns/startOfMonth";
+import { startOfToday as me } from "date-fns/startOfToday";
+import { startOfYear as Le } from "date-fns/startOfYear";
+import { subMonths as z } from "date-fns/subMonths";
+import { subDays as ue } from "date-fns/subDays";
+import { subYears as Q } from "date-fns/subYears";
+import De from "@mui/material/ButtonGroup";
+import ke from "@mui/material/Tab";
+import pe from "@mui/material/Tabs";
+import Oe from "@mui/material/ToggleButton";
+import he from "@mui/material/ToggleButtonGroup";
+import fe from "@mui/material/styles/useTheme";
+import { u as be } from "./useAriaLive-B3_pRUio.mjs";
+import { f as S, D as N, a as Ke } from "./Dialog-CWymUiuO.mjs";
+import { D as we } from "./Drawer-Bet2ZPJo.mjs";
+const Ge = {
+  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",
+  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_ALL_CATEGORIES: "trends_click_allCategories",
+  TRENDS_CLICK_BACK: "trends_click_back",
+  TRENDS_CLICK_CHART: "trends_click_chart",
+  TRENDS_CLICK_CONNECT_ACCOUNTS: "trends_click_connectAccounts",
+  TRENDS_CLICK_EXPORT_CSV: "trends_click_exportCSV",
+  TRENDS_CLICK_FILTER: "trends_click_filter",
+  TRENDS_CLICK_GET_STARTED: "trends_click_getStarted",
+  TRENDS_CLICK_INSIGHT: "trends_click_insight",
+  TRENDS_CLICK_LEGEND: "trends_click_legend",
+  TRENDS_CLICK_LIST_ITEM: "trends_click_listItem",
+  TRENDS_CLICK_TABLE_SORT: "trends_click_tableSort",
+  TRENDS_CLICK_TIME_WINDOW: "trends_click_timeWindow",
+  TRENDS_CLICK_TOGGLE_VIEW: "trends_click_toggleView",
+  TRENDS_CLICK_VIEW_MORE: "trends_click_viewMore",
+  TRENDS_CLICK_VIEW_TRANSACTIONS: "trends_click_viewTransactions",
+  TRENDS_HOVER_AREA: "trends_hover_chartArea",
+  TRENDS_HOVER_POINT: "trends_hover_chartPoint",
+  TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
+  TRENDS_LOAD_WIDGET: "trends_load_widget",
+  TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
+}, ee = ({
+  calendarActions: r,
+  color: m = "primary",
+  copy: t,
+  range: L = [Ne(me()), V(J())],
+  shouldShrinkToIcon: u = !0,
+  variant: c = "outlined"
+}) => {
+  const x = fe(), { isMobile: D } = _e(), { announce: B, ariaLive: k } = be(), [A, h] = I.useState(L), [d, f] = I.useState(t.dateRangePickerCopy.dateRangeThisMonth), [R, v] = I.useState(A), [p, O] = I.useState(!1), [T, g] = I.useState(!0), [l, y] = I.useState(6), P = {
+    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 }
+    ]
+  };
+  I.useEffect(() => {
+    h(L), v(L);
+  }, [L]), I.useEffect(() => {
+    (c === "timeframebuttons" || c === "timeframetabs") && r.onRangeChanged(a());
+  }, [l]);
+  const a = () => {
+    const _ = V(J());
+    return [V(z(_, l)), _];
+  }, U = (_) => {
+    const [n, i] = A, s = _ === "previous";
+    let o;
+    if (d === t.dateRangePickerCopy.dateRangeThisMonth || d === t.dateRangePickerCopy.dateRangeLastMonth)
+      o = [
+        s ? z(n, 1) : Z(n, 1),
+        V(s ? z(i, 1) : Z(i, 1))
+      ];
+    else if (d === t.dateRangePickerCopy.dateRangeYTD || d === t.dateRangePickerCopy.dateRangeLastYear) {
+      const G = Le(n), M = Se(n);
+      o = [
+        s ? Q(G, 1) : q(G, 1),
+        s ? Q(M, 1) : q(M, 1)
+      ];
+    } else {
+      const G = ge(i, n), M = s ? ue : Re;
+      o = [M(n, G), M(i, G)];
+    }
+    h(o), r.onRangeChanged(o);
+  }, b = () => {
+    h(R), g(
+      d === t.dateRangePickerCopy.dateRangeThisMonth || d === t.dateRangePickerCopy.dateRangeLastMonth
+    ), r.onRangeChanged(R);
+  }, K = (_, n) => {
+    _[1] = _[1] ?? _[0];
+    const i = [_[0], _[1] ? Ae(_[1]) : _[1]], s = S(i[0], N.MONTH_DAY_YEAR), o = S(i[1], N.MONTH_DAY_YEAR);
+    v(i), f(n), B(`${t.dateRangePickerCopy}: ${s} - ${o}`);
+  }, w = (_) => {
+    y(_);
+  };
+  return /* @__PURE__ */ C(X, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ C(
+      X,
+      {
+        sx: {
+          [x.breakpoints.down("sm")]: {
+            display: u ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [x.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          c === "readonly" && /* @__PURE__ */ C(Y, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(E, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(F, { bold: !0, children: S(R[0], N.MONTH_DAY) }),
+            /* @__PURE__ */ e(E, { name: "remove" }),
+            /* @__PURE__ */ e(F, { bold: !0, children: S(R[1], N.MONTH_DAY_YEAR) })
+          ] }),
+          c !== "readonly" && c !== "timeframebuttons" && c !== "timeframetabs" && /* @__PURE__ */ C(
+            De,
+            {
+              color: m,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: D ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: c,
+              children: [
+                /* @__PURE__ */ e(
+                  W,
+                  {
+                    "aria-disabled": r.shouldDisablePrevious,
+                    "aria-label": t.dateRangePreviousAria,
+                    color: r.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => r.shouldDisablePrevious ? null : U("previous"),
+                    children: /* @__PURE__ */ e(E, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  W,
+                  {
+                    "aria-disabled": r.shouldDisablePicker,
+                    color: m,
+                    onClick: () => r.shouldDisablePicker ? null : O(!0),
+                    startIcon: /* @__PURE__ */ e(E, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: D ? 0 : 8
+                    },
+                    children: T ? S(A[0], N.MONTH_YEAR) : /* @__PURE__ */ C("span", { children: [
+                      S(A[0], N.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      S(A[1], N.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  W,
+                  {
+                    "aria-disabled": r.shouldDisableNext,
+                    "aria-label": t.dateRangeNextAria,
+                    color: r.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => r.shouldDisableNext ? null : U("next"),
+                    children: /* @__PURE__ */ e(E, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          c === "timeframebuttons" && /* @__PURE__ */ e(
+            he,
+            {
+              color: m,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: l,
+              children: P.buttons.map((_) => /* @__PURE__ */ e(
+                Oe,
+                {
+                  onClick: () => w(_.value),
+                  sx: { width: 56 },
+                  value: _.value,
+                  children: _.label
+                },
+                _.label
+              ))
+            }
+          ),
+          c === "timeframetabs" && /* @__PURE__ */ e(
+            pe,
+            {
+              indicatorColor: "primary",
+              onChange: (_, n) => w(n),
+              textColor: "primary",
+              value: l,
+              variant: "fullWidth",
+              children: P.tabs.map((_) => /* @__PURE__ */ e(
+                ke,
+                {
+                  label: /* @__PURE__ */ e(F, { bold: !0, variant: "Body", children: _.label }),
+                  sx: { minWidth: 80 },
+                  value: _.value
+                },
+                _.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    p && D && /* @__PURE__ */ C(
+      we,
+      {
+        ariaLabelClose: t.dateRangeCloseAria,
+        isOpen: p,
+        onClose: () => O(!1),
+        onPrimaryAction: () => {
+          b(), O(!1);
+        },
+        primaryText: t.dateRangeEditApply,
+        title: t.dateRangeEditTitle,
+        children: [
+          k,
+          /* @__PURE__ */ e(
+            $,
+            {
+              copy: t.dateRangePickerCopy,
+              dateRange: R,
+              onRangeChanged: K,
+              selectedShortcut: d,
+              sx: { p: 16 }
+            }
+          )
+        ]
+      }
+    ),
+    p && !D && /* @__PURE__ */ C(
+      Ke,
+      {
+        copy: { title: t.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => O(!1),
+        onPrimaryAction: () => b(),
+        primaryText: t.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: [
+          k,
+          /* @__PURE__ */ e(
+            $,
+            {
+              copy: t.dateRangePickerCopy,
+              dateRange: R,
+              onRangeChanged: K,
+              selectedShortcut: d,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, m_ = te(
+  ({
+    allowedAccountTypes: r,
+    actions: m = [],
+    calendarActions: t,
+    children: L,
+    dateRange: u,
+    dateRangeVariant: c,
+    className: x = "mx-cmn-widget",
+    hasDivider: D = !1,
+    onAccountsFilterClick: B,
+    onBackClick: k,
+    showAccountFilter: A = !0,
+    showDividerAboveDateSelector: h = !0,
+    sx: d = {},
+    title: f = ""
+  }) => {
+    const [R, { height: v, width: p }] = oe(), { onEvent: O } = de(), { isDesktop: T, isMobile: g, isTablet: l } = _e(p), { displayedDateRange: y, isCopyLoaded: P } = Te(), { common: a } = Ie(), U = () => {
+      k && (k(), O(Ge.WIDGET_BACK_CLICK));
+    };
+    if (!P)
+      return /* @__PURE__ */ e(Ce, {});
+    const b = {
+      dateRangePickerCopy: {
+        dateRangeFrom: a.date_range_picker.from,
+        dateRangeTo: a.date_range_picker.to,
+        dateRangeCustom: a.date_range_picker.custom,
+        dateRangeSelectARange: a.date_range_picker.select_range,
+        dateRangeThisMonth: a.date_range_picker.this_month,
+        dateRangeLastMonth: a.date_range_picker.last_month,
+        dateRangeLast30Days: a.date_range_picker.last_30_days,
+        dateRangeLast90Days: a.date_range_picker.last_90_days,
+        dateRangeYTD: a.date_range_picker.ytd,
+        dateRangeLastYear: a.date_range_picker.last_year,
+        dateRangeSelect: a.date_range_picker.select
+      },
+      dateRangeEditApply: a.date_range_picker.edit_apply,
+      dateRangeEditTitle: a.date_range_picker.edit_title,
+      dateRangeNextAria: a.date_range_picker.next_aria,
+      dateRangePreviousAria: a.date_range_picker.previous_aria
+    }, K = u ? u.start : y.start, w = u ? u.end : y.end, _ = m?.length > 1;
+    return /* @__PURE__ */ C(
+      ae,
+      {
+        className: x,
+        sx: {
+          ...g && { px: 4 },
+          "& .mx-cmn-date-range-selector": {
+            ...(g || l) && { textAlign: "center" }
+          },
+          ...d
+        },
+        children: [
+          f && /* @__PURE__ */ e(
+            ne,
+            {
+              action: /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", children: [
+                T && t && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                  ee,
+                  {
+                    calendarActions: t,
+                    copy: b,
+                    range: [K, w],
+                    shouldShrinkToIcon: !1,
+                    variant: c
+                  }
+                ) }),
+                A && /* @__PURE__ */ e(
+                  le,
+                  {
+                    allowedAccountTypes: r,
+                    onAccountFilterClick: B
+                  }
+                ),
+                m?.map((n) => {
+                  if (I.isValidElement(n)) return n;
+                  const { iconName: i, onClick: s, label: o } = n;
+                  return _ ? T || l ? /* @__PURE__ */ e(
+                    W,
+                    {
+                      onClick: s,
+                      startIcon: /* @__PURE__ */ e(E, { name: i, size: 24 }),
+                      sx: { my: 4 },
+                      children: o
+                    },
+                    i
+                  ) : /* @__PURE__ */ e(
+                    H,
+                    {
+                      "aria-label": o,
+                      color: "primary",
+                      onClick: s,
+                      children: /* @__PURE__ */ e(E, { name: i, size: 24 })
+                    },
+                    i
+                  ) : T || l ? /* @__PURE__ */ e(
+                    W,
+                    {
+                      onClick: s,
+                      startIcon: /* @__PURE__ */ e(E, { name: i, size: 24 }),
+                      sx: { my: 4 },
+                      children: o
+                    },
+                    i
+                  ) : /* @__PURE__ */ e(H, { "aria-label": o, color: "primary", onClick: s, children: /* @__PURE__ */ e(E, { name: i, size: 24 }) }, i);
+                })
+              ] }),
+              sx: {
+                p: T ? 48 : 24,
+                pb: 0,
+                "& .MuiCardHeader-action": {
+                  mr: 0,
+                  ...t && T && { flexGrow: 1 },
+                  ...(g || l) && { alignSelf: "center" }
+                },
+                "& .MuiCardHeader-content": {
+                  overflow: "hidden"
+                }
+              },
+              title: T || l ? /* @__PURE__ */ e(ce, { variant: "H1", children: f }) : /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+                g && k && /* @__PURE__ */ e(
+                  H,
+                  {
+                    "aria-label": a.back_to_dashboard,
+                    color: "primary",
+                    onClick: U,
+                    sx: { p: 12, mr: 4 },
+                    children: /* @__PURE__ */ e(re, { size: 24 })
+                  }
+                ),
+                /* @__PURE__ */ e(se, { children: f })
+              ] })
+            }
+          ),
+          D && /* @__PURE__ */ e(j, { sx: { mt: T ? 48 : 24 } }),
+          t && (g || l) && /* @__PURE__ */ C(Y, { gap: 24, justifyContent: "center", sx: { mt: g ? 0 : 16 }, children: [
+            h && /* @__PURE__ */ e(j, {}),
+            /* @__PURE__ */ e(
+              ee,
+              {
+                calendarActions: t,
+                copy: b,
+                range: [K, w],
+                shouldShrinkToIcon: !1,
+                variant: c
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(ie, { ref: R, sx: { p: 0 }, children: /* @__PURE__ */ e(Ee, { availableHeight: v, availableWidth: p, children: L }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  Ge as A,
+  ee as D,
+  m_ as W
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { MiniWidgetProps } from '../../../../common';
 interface AccountDetailsChartProps extends MiniWidgetProps {
     ChartComponent?: React.ComponentType;
+    header?: string;
 }
 declare const _default: React.FunctionComponent<AccountDetailsChartProps>;
 export default _default;