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

package/dist/microinsights/components/spinner/Spinner/index.es.js

@@ -1,19 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import t from "@mui/material/Box";
-import e from "@mui/material/CircularProgress";
-const s = () => /* @__PURE__ */ r(
-  t,
-  {
-    sx: {
-      alignItems: "center",
-      display: "flex",
-      height: "100%",
-      justifyContent: "center",
-      width: "100%"
-    },
-    children: /* @__PURE__ */ r(e, {})
-  }
-);
-export {
-  s as default
-};

package/dist/microinsights/components/viewMoreMicroCard/ViewMoreMicroCard/index.es.js

@@ -1,58 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useEffect as l } from "react";
-import { useInView as I } from "react-intersection-observer";
-import V from "@mui/material/styles/useTheme";
-import { observer as u } from "mobx-react-lite";
-import { ChartFilledIcon as w } from "../../beaticons/ChartFilledIcon/index.es.js";
-import { MicroInsightCard as v } from "../../microInsightCard/MicroInsightCard/index.es.js";
-import { useCopyStore as M, useEvent as T } from "../../../context/hooks/index.es.js";
-import { ANALYTICS_VIEW_EVENTS as h, ANALYTICS_CLICK_EVENTS as N } from "../../../constants/Analytics/index.es.js";
-import { VIEW_THRESHOLD as y } from "../../../constants/App/index.es.js";
-const L = ({
-  isActiveCard: _,
-  ariaLabel: a,
-  clientColorScheme: e,
-  heightOverrides: n,
-  onCardClick: t,
-  posthog: r,
-  showIcon: p,
-  variant: s,
-  widthOverrides: d
-}) => {
-  const f = V(), { ref: E, inView: i } = I({
-    threshold: y
-  }), { cardsCopy: o } = M(), { onEvent: m } = T();
-  l(() => {
-    i && (m(h.ON_VIEW_MORE_VIEWED), r?.capture("viewed_insight", {
-      template: "view_more_card"
-    }));
-  }, [i]);
-  const C = () => {
-    t && t(), m(N.ON_VIEW_MORE_CLICKED), r?.capture("clicked_insight", {
-      template: "view_more_card"
-    });
-  };
-  return /* @__PURE__ */ c(
-    v,
-    {
-      actionText: o.micro_card_cta,
-      ariaLabel: a,
-      description: o.view_more_card_description,
-      fontColors: { buttonColor: e?.primary_300 },
-      heightOverrides: n,
-      icon: /* @__PURE__ */ c(w, { color: e?.primary_300 ?? f.palette.primary.main }),
-      isActiveCard: _,
-      onCardClick: C,
-      posthog: r,
-      ref: E,
-      showIcon: p,
-      title: o.view_more_card_title,
-      variant: s,
-      widthOverrides: d
-    }
-  );
-}, K = u(L);
-export {
-  L as ViewMoreMicroCard,
-  K as default
-};

package/dist/microinsights/components/zeroStateCard/ZeroStateCard/index.es.js

@@ -1,55 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import n from "react";
-import { observer as f } from "mobx-react-lite";
-import { MicroInsightCard as d } from "../../microInsightCard/MicroInsightCard/index.es.js";
-import { ZeroStateIcon as l } from "../../beaticons/ZeroStateIcon/index.es.js";
-import { usePageview as C, useCopyStore as E } from "../../../context/hooks/index.es.js";
-import { SUPPORTED_CAROUSEL_HEIGHTS as u } from "../../../constants/App/index.es.js";
-import { ANALYTICS_PAGE_NAMES as A } from "../../../constants/Analytics/index.es.js";
-const I = ({
-  ariaLabel: o,
-  carouselSize: r,
-  heightOverrides: i,
-  onCardClick: a,
-  posthog: c,
-  showIcon: s,
-  showWithMargin: m,
-  variant: p,
-  widthOverrides: S
-}) => {
-  const { onPageview: _ } = C(), { zeroStateCopy: t } = E();
-  return n.useEffect(() => {
-    _(A.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
-  }, []), /* @__PURE__ */ e(
-    d,
-    {
-      ariaLabel: o,
-      description: t.carousel_zero_state_description,
-      heightOverrides: i,
-      icon: /* @__PURE__ */ e(l, {}),
-      isZeroState: !0,
-      onCardClick: a,
-      posthog: c,
-      showIcon: s,
-      style: {
-        cardStyle: {
-          card: {
-            height: `calc(${u[r]}px - 44px)`,
-            m: "0 auto",
-            width: m ? "calc(100% - 32px)" : "100%"
-          },
-          description: {
-            WebkitLineClamp: 4
-          }
-        }
-      },
-      title: t.carousel_zero_state_title,
-      variant: p,
-      widthOverrides: S
-    }
-  );
-}, y = f(I);
-export {
-  I as ZeroStateCard,
-  y as default
-};

package/dist/microinsights/constants/Analytics/index.es.js

@@ -1,163 +0,0 @@
-const O = {
-  BillAmountNotStandard: "BillAmountNotStandard",
-  CanadianUpcomingDeadlineAlert: "CanadianUpcomingDeadlineAlert",
-  DuplicatePaymentV2: "DuplicatePaymentV2",
-  IntroducePulse: "IntroducePulse",
-  LargeTransaction: "LargeTransaction",
-  MonthlySpendToIncomeComparisonV2: "MonthlySpendToIncomeComparisonV2",
-  QuarterlySummary: "QuarterlySummary",
-  SpendingPlanCategorySpending: "SpendingPlanCategorySpending",
-  SubscriptionPriceIncrease: "SubscriptionPriceIncrease",
-  UncategorizedTransactionsV2: "UncategorizedTransactionsV2",
-  UpcomingBill: "UpcomingBill",
-  UnifiedDeposit: "UnifiedDeposit",
-  WeeklySpendingPlanSummary: "WeeklySpendingPlanSummary",
-  WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
-  MonthlySpendComparison: "MonthlySpendComparison",
-  MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
-}, _ = window?.app?.clientConfig?.microwidget_instance_id || "", T = {
-  INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, R = (e) => `on${e}Click`, i = (e) => `on${e}View`, A = (e) => `on${e}ViewFirstTime`, t = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), r = () => Object.values(O).reduce(
-  (e, a) => ({
-    ...e,
-    [R(a)]: {
-      action: C.MICRO_BEAT_CLICKED,
-      category: E.BEAT_INTERACTION,
-      label: t(a),
-      value: _
-    }
-  }),
-  {}
-), l = () => Object.values(O).reduce(
-  (e, a) => ({
-    ...e,
-    [i(a)]: {
-      action: C.MICRO_BEAT_DISPLAYED,
-      category: E.BEAT_INTERACTION,
-      label: t(a),
-      value: _
-    }
-  }),
-  {}
-), S = () => Object.values(O).reduce(
-  (e, a) => ({
-    ...e,
-    [A(a)]: {
-      action: C.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: E.BEAT_INTERACTION,
-      label: t(a),
-      value: _
-    }
-  }),
-  {}
-), I = {
-  CARD: "Card",
-  CAROUSEL_CONTROL: "Carousel Control",
-  MICRO_WIDGET: "Micro Widget",
-  VIEW_MORE: "View More"
-}, E = {
-  MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
-  BEAT_INTERACTION: "Beat Interaction"
-}, n = {
-  ON_CAROUSEL_BACK_CLICK: "onCarouselBackClick",
-  ON_CAROUSEL_BACK_SWIPE: "onCarouselBackSwipe",
-  ON_CAROUSEL_FORWARD_CLICK: "onCarouselForwardClick",
-  ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
-  ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
-  ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
-}, c = {
-  ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, C = {
-  CONTROL_BACKWARD: "Control Backward",
-  CONTROL_FORWARD: "Control Forward",
-  MICRO_BEAT_CLICKED: "Micro Beat Clicked",
-  MICRO_BEAT_DISPLAYED: "Micro Beat Displayed",
-  MICRO_BEAT_DISPLAYED_FIRST_TIME: "Micro Beat Displayed For First Time",
-  SWIPE_BACKWARD: "Swipe Backward",
-  SWIPE_FORWARD: "Swipe Forward"
-}, o = {
-  MICRO_WIDGET_CAROUSEL: "Micro Widget Carousel",
-  MICRO_WIDGET_CAROUSEL_ZERO_STATE: "Micro Widget Carousel Zero State",
-  MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
-}, N = {
-  [o.MICRO_WIDGET_CAROUSEL]: {
-    label: I.MICRO_WIDGET,
-    name: o.MICRO_WIDGET_CAROUSEL,
-    path: T.INSIGHTS_MICRO_WIDGET,
-    value: _
-  },
-  // zero state
-  [o.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: I.MICRO_WIDGET,
-    name: o.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
-    path: T.INSIGHTS_MICRO_WIDGET,
-    value: _
-  },
-  // no relevant cards
-  [o.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: I.MICRO_WIDGET,
-    name: o.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
-    path: "/micro-widget",
-    value: _
-  }
-}, s = {
-  // carousel control interaction events - clicks and swipes
-  [n.ON_CAROUSEL_BACK_CLICK]: {
-    action: C.CONTROL_BACKWARD,
-    category: E.MICRO_WIDGET_INTERACTION,
-    label: I.CAROUSEL_CONTROL,
-    value: _
-  },
-  [n.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: C.CONTROL_FORWARD,
-    category: E.MICRO_WIDGET_INTERACTION,
-    label: I.CAROUSEL_CONTROL,
-    value: _
-  },
-  [n.ON_CAROUSEL_BACK_SWIPE]: {
-    action: C.SWIPE_BACKWARD,
-    category: E.MICRO_WIDGET_INTERACTION,
-    label: I.CAROUSEL_CONTROL,
-    value: _
-  },
-  [n.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: C.SWIPE_FORWARD,
-    category: E.MICRO_WIDGET_INTERACTION,
-    label: I.CAROUSEL_CONTROL,
-    value: _
-  },
-  // read more card events
-  [n.ON_VIEW_MORE_CLICKED]: {
-    action: C.MICRO_BEAT_CLICKED,
-    category: E.BEAT_INTERACTION,
-    label: I.VIEW_MORE,
-    value: _
-  },
-  [c.ON_VIEW_MORE_VIEWED]: {
-    action: C.MICRO_BEAT_DISPLAYED,
-    category: E.BEAT_INTERACTION,
-    label: I.VIEW_MORE,
-    value: _
-  },
-  ...r(),
-  ...l(),
-  ...S()
-};
-export {
-  C as ANALYTICS_ACTIONS,
-  E as ANALYTICS_CATEGORIES,
-  n as ANALYTICS_CLICK_EVENTS,
-  s as ANALYTICS_EVENTS,
-  I as ANALYTICS_LABELS,
-  N as ANALYTICS_PAGEVIEWS,
-  o as ANALYTICS_PAGE_NAMES,
-  c as ANALYTICS_VIEW_EVENTS,
-  R as ON_CLICK_EVENT,
-  i as ON_VIEW_EVENT,
-  A as ON_VIEW_FIRST_TIME_EVENT,
-  O as TEMPLATE_NAMES,
-  r as onBeatClickedEvents,
-  l as onBeatDisplayedEvents,
-  S as onBeatDisplayedForFirstTimeEvents,
-  t as readableTemplateName
-};

package/dist/microinsights/constants/App/index.es.js

@@ -1,11 +0,0 @@
-const E = {
-  LARGE: 180,
-  STANDARD: 154,
-  XLARGE: 200,
-  XXLARGE: 248
-}, A = 50, R = 1;
-export {
-  A as MINIMUM_SWIPE_DISTANCE,
-  E as SUPPORTED_CAROUSEL_HEIGHTS,
-  R as VIEW_THRESHOLD
-};

package/dist/microinsights/context/InsightsMicroWidgetDataProvider/index.es.js

@@ -1,12 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import a from "react";
-const s = a.createContext(null), g = ({
-  onEvent: o,
-  onPageview: r,
-  store: e,
-  children: t
-}) => /* @__PURE__ */ i(s.Provider, { value: { onEvent: o, onPageview: r, store: e, children: t }, children: t });
-export {
-  s as InsightsMicroWidgetDataContext,
-  g as InsightsMicroWidgetDataProvider
-};

package/dist/microinsights/context/hooks/index.es.js

@@ -1,31 +0,0 @@
-import e from "react";
-import { InsightsMicroWidgetDataContext as o } from "../InsightsMicroWidgetDataProvider/index.es.js";
-const s = () => {
-  const t = e.useContext(o);
-  if (!t)
-    throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
-  return t.store.copyStore;
-}, n = () => {
-  const t = e.useContext(o);
-  if (!t?.store?.insightsMicroWidgetStore)
-    throw new Error(
-      "useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
-    );
-  return t.store.insightsMicroWidgetStore;
-}, u = () => {
-  const t = e.useContext(o);
-  if (!t)
-    throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
-  return { onEvent: t.onEvent };
-}, c = () => {
-  const t = e.useContext(o);
-  if (!t)
-    throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
-  return { onPageview: t.onPageview };
-};
-export {
-  s as useCopyStore,
-  u as useEvent,
-  n as useInsightsMicroWidgetStore,
-  c as usePageview
-};

package/dist/microinsights/stores/AppStore/index.es.js

@@ -1,25 +0,0 @@
-import { makeAutoObservable as e, runInAction as r } from "mobx";
-import { analyticsSession as n } from "../../../common/utils/Analytics/index.es.js";
-import { CopyStore as a } from "../CopyStore/index.es.js";
-import { InsightsMicroWidgetStore as c } from "../InsightsMicroWidgetStore/index.es.js";
-class m {
-  copyStore;
-  endpoint = "/";
-  insightsMicroWidgetStore;
-  session = null;
-  token = "";
-  isInitialized = !1;
-  constructor() {
-    this.copyStore = new a(), this.insightsMicroWidgetStore = new c(), e(this);
-  }
-  initialize = async (i, t, s) => {
-    await this.copyStore.initialize(i, t), await this.insightsMicroWidgetStore.initialize(i, t, s);
-    const o = await n(i, t, "1.0.0", "Micro Insights Carousel");
-    r(() => {
-      this.session = o, this.isInitialized = !0;
-    });
-  };
-}
-export {
-  m as AppStore
-};

package/dist/microinsights/stores/CopyStore/index.es.js

@@ -1,32 +0,0 @@
-import { makeAutoObservable as i, runInAction as s } from "mobx";
-import { GlobalCopyApi as o } from "../../../common/api/GlobalCopyApi/index.es.js";
-class r {
-  copyApi = new o("/", "");
-  copyObject = {};
-  namespace = "experiences";
-  translationKey = "micro_insights";
-  constructor() {
-    i(this);
-  }
-  initialize = async (t, e) => {
-    this.copyApi = new o(t, e), await this.loadCopy();
-  };
-  loadCopy = async () => {
-    const t = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
-    s(() => {
-      this.copyObject = t[this.translationKey];
-    });
-  };
-  get cardsCopy() {
-    return this.copyObject.cards;
-  }
-  get carouselCopy() {
-    return this.copyObject.carousel;
-  }
-  get zeroStateCopy() {
-    return this.copyObject.zero_state;
-  }
-}
-export {
-  r as CopyStore
-};

package/dist/microinsights/stores/InsightsMicroWidgetStore/index.es.js

@@ -1,31 +0,0 @@
-import { makeAutoObservable as p } from "mobx";
-import { onAnalyticEvent as o, onAnalyticPageView as s } from "../../analytics/index.es.js";
-import { BeatApi as c } from "../../../common/api/BeatApi/index.es.js";
-class l {
-  onAnalyticEvent = o;
-  onAnalyticPageView = s;
-  beatApi = new c("/", "");
-  constructor() {
-    p(this);
-  }
-  initialize = async (i, h, n) => {
-    this.onAnalyticEvent = (a, e) => {
-      o(a, e).then((t) => t).catch((t) => {
-        throw t.status === 401 && n(), t;
-      });
-    }, this.onAnalyticPageView = (a, e) => {
-      s(a, e).then((t) => t).catch((t) => {
-        throw t.status === 401 && n(), t;
-      });
-    }, this.beatApi = new c(i, h);
-  };
-  updateBeat = async (i) => {
-    this.beatApi.updateBeat(i);
-  };
-  updateOffer = async (i) => {
-    this.beatApi.updateOffer(i);
-  };
-}
-export {
-  l as InsightsMicroWidgetStore
-};

package/dist/microinsights/utils/DataSeries/index.es.js

@@ -1,9 +0,0 @@
-const s = (e) => e ? e.data ? e.data.map((t) => {
-  const r = {};
-  return e.names?.map((n, i) => {
-    r[n] = t[i];
-  }), r;
-}) : [] : [];
-export {
-  s as buildDataSeries
-};

package/dist/networth/NetWorthMicroWidget/index.es.js

@@ -1,44 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import i from "react";
-import { observer as p } from "mobx-react-lite";
-import C from "../components/micro/NetworthData/index.es.js";
-import S from "../components/micro/ZeroState/index.es.js";
-import { useAccountStore as g, useEvent as A, useGlobalCopyStore as I, useGlobalUiStore as N, useNetWorthStore as D } from "../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as r } from "../../common/constants/Analytics/index.es.js";
-import w from "../../common/components/Loader/index.es.js";
-import L from "../../common/components/MicroWidgetContainer/index.es.js";
-const V = p(({ onCTAClick: s }) => {
-  const [l, m] = i.useState(!1), { visibleAccounts: t } = g(), { onEvent: a } = A(), { net_worth: o, common: d } = I(), { isInitialized: n, selectedAccounts: u, setSelectedAccounts: f } = N(), { loadChartData: h, loadNetWorthData: T, netWorthData: _, selectedData: c } = D(), E = async () => {
-    await T(u), await h(1), m(!0);
-  };
-  if (i.useEffect(() => f(t), [t]), i.useEffect(() => {
-    n && E().finally(), a(r.NET_WORTH_LOAD_WIDGET, {
-      state: t?.length ? "default" : "zeroState"
-    });
-  }, [n]), !l) return /* @__PURE__ */ e(w, { height: 100 });
-  const W = () => {
-    a(
-      t.length ? r.NET_WORTH_CLICK_VIEW_DETAILS : r.NET_WORTH_CLICK_GET_STARTED
-    ), s();
-  };
-  return /* @__PURE__ */ e(
-    L,
-    {
-      className: "mx-networth-microwidget",
-      ctaLabel: d.see_details,
-      onCTAClick: W,
-      title: o.net_worth,
-      children: _.accounts.length ? /* @__PURE__ */ e(
-        C,
-        {
-          amount: c?.y,
-          copy: o,
-          trendValue: c?.change
-        }
-      ) : /* @__PURE__ */ e(S, { copy: o })
-    }
-  );
-});
-export {
-  V as NetWorthMicroWidget
-};

package/dist/networth/NetWorthWidget/index.es.js

@@ -1,159 +0,0 @@
-import { jsx as e, jsxs as m, Fragment as W } from "react/jsx-runtime";
-import t from "react";
-import { differenceInMonths as Y } from "date-fns";
-import { observer as q } from "mobx-react-lite";
-import J from "@mui/material/Box";
-import Q from "@mui/material/Stack";
-import X from "../../accounts/components/ConnectionsDrawer/index.es.js";
-import Z from "../components/AssetsLiabilitiesDetail/index.es.js";
-import $ from "../components/GainsLossesDetail/index.es.js";
-import ee from "../components/NetWorthChart/index.es.js";
-import te from "../components/NetWorthList/index.es.js";
-import oe from "../components/NetWorthSummary/index.es.js";
-import { useGlobalUiStore as se, useGlobalCopyStore as ie, useAccountStore as ae, useNetWorthStore as re, useEvent as ne } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as le } from "../../common/hooks/useScreenSize/index.es.js";
-import { ANALYTICS_EVENTS as r } from "../../common/constants/Analytics/index.es.js";
-import L from "../../common/components/Loader/index.es.js";
-import ce from "../../common/components/WidgetContainer/index.es.js";
-import { EmptyState as de } from "../../common/components/EmptyState/index.es.js";
-import b from "../../common/components/drawer/Drawer/index.es.js";
-const Ne = q(({ onBackClick: A }) => {
-  const { isCopyLoaded: y, isInitialized: u, selectedAccounts: f, setSelectedAccounts: N } = se(), { accounts: M, net_worth: o } = ie(), { visibleAccounts: c } = ae(), {
-    assetsLiabilities: h,
-    gainsLosses: p,
-    hoveredData: C,
-    loadChartData: _,
-    loadNetWorthData: O,
-    netWorthChartData: S,
-    selectedData: d,
-    setHoveredData: w,
-    setSelectedData: v
-  } = re(), { isMobile: i } = le(), { onEvent: a } = ne(), [x, H] = t.useState(!1), [n, R] = t.useState(6), [G, D] = t.useState(!1), [k, E] = t.useState(!1), [B, I] = t.useState(!1), z = async () => {
-    await O(f), await _(n), H(!0);
-  };
-  t.useEffect(() => {
-    a(r.NET_WORTH_VIEW);
-  }, []), t.useEffect(() => {
-    N(c);
-  }, [c]), t.useEffect(() => {
-    u && z().finally();
-  }, [u, f]), t.useEffect(() => {
-    a(r.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: n + "M" }), _(n).finally();
-  }, [n]);
-  const F = (s, l) => {
-    v(l), s.currentTarget instanceof HTMLDivElement && D(!0);
-  }, K = (s) => {
-    w(s);
-  }, V = () => {
-    w(null);
-  }, j = () => {
-    a(r.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), E(!0);
-  }, U = async (s) => {
-    const l = s[0], g = s[1];
-    l && g && R(Y(g, l));
-  }, T = {
-    chartData: S,
-    hoveredData: C,
-    onButtonClick: j,
-    onDataClick: F,
-    onMouseEnter: K,
-    onMouseLeave: V,
-    selectedData: d
-  }, P = () => {
-    I(!0), a(r.ACCOUNTS_CLICK_CONNECT);
-  };
-  return y ? /* @__PURE__ */ e(
-    ce,
-    {
-      accountOptions: c,
-      calendarActions: {
-        onRangeChanged: U
-      },
-      dateRangeVariant: i ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: () => a(r.NET_WORTH_WIDGET_CLICK_FILTER),
-      onBackClick: A,
-      showDividerAboveDateSelector: !1,
-      sx: {
-        p: i ? 0 : 48,
-        "& .MuiCardHeader-root": {
-          px: 16,
-          py: 12
-        },
-        "& .MuiBox-root": {
-          m: 0
-        },
-        "& .MuiTabs-root": {
-          width: "100%"
-        }
-      },
-      title: o.net_worth,
-      children: x ? /* @__PURE__ */ m(W, { children: [
-        S.length ? /* @__PURE__ */ m(W, { children: [
-          d && /* @__PURE__ */ e(oe, { hoveredData: C, selectedData: d }),
-          /* @__PURE__ */ m(
-            Q,
-            {
-              alignItems: i ? "center" : "flex-start",
-              direction: i ? "column" : "row",
-              spacing: i ? 0 : 48,
-              children: [
-                /* @__PURE__ */ e(ee, { ...T }),
-                /* @__PURE__ */ e(te, { ...T })
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ e(J, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          de,
-          {
-            header: o.empty_widget_header,
-            icon: "elevation",
-            onClick: P,
-            primaryButton: o.empty_widget_button,
-            subText: o.empty_widget_description,
-            sx: {
-              width: { sm: 432 },
-              ".buttons-footer": {
-                width: 167
-              }
-            }
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          X,
-          {
-            onClose: () => I(!1),
-            showConnectionsWidget: B,
-            title: M.manage_connections
-          }
-        ),
-        /* @__PURE__ */ e(
-          b,
-          {
-            ariaLabelClose: "Close",
-            isOpen: G,
-            onClose: () => D(!1),
-            shouldShowHeaderBorders: !1,
-            shouldShowHeaderShadow: !0,
-            title: o.gains_and_losses,
-            children: p && /* @__PURE__ */ e($, { ...p })
-          }
-        ),
-        /* @__PURE__ */ e(
-          b,
-          {
-            ariaLabelClose: "Close",
-            isOpen: k,
-            onClose: () => E(!1),
-            shouldShowHeaderBorders: !1,
-            shouldShowHeaderShadow: !0,
-            title: o.assets_and_liabilities,
-            children: h && /* @__PURE__ */ e(Z, { ...h })
-          }
-        )
-      ] }) : /* @__PURE__ */ e(L, {})
-    }
-  ) : /* @__PURE__ */ e(L, {});
-});
-export {
-  Ne as NetWorthWidget
-};