@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/insights/types/Charts/BarChart.d.ts

@@ -1,13 +1,5 @@
-export interface BarDataProps {
-    ariaLabel: string;
-    formattedAmount: string;
-    label: string;
-    value: number;
-    category?: string;
-    categoryGuid?: string;
-    imageSize?: number;
-    merchantGuid?: string;
-}
+import { BarDataProps } from '../../../common/types/Charts';
+export type { BarDataProps } from '../../../common/types/Charts';
 interface AmountsProps {
     average?: number;
     formattedAverage: string;
@@ -93,4 +85,3 @@ export interface DoubleBarChartMXUIProps {
     removeSelectedTabColorChange?: boolean;
     onBarClick?: (index: number) => void;
 }
-export {};

package/dist/insights/types/CommonBeat.es.js

@@ -0,0 +1,8 @@
+var a = /* @__PURE__ */ (function(r) {
+  return r.Primary = "Primary", r.Secondary = "Secondary", r;
+})({});
+export {
+  a as ButtonActionType
+};
+
+//# sourceMappingURL=CommonBeat.es.js.map

package/dist/insights/types/CommonBeat.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonBeat.es.js","names":[],"sources":["../../../src/insights/types/CommonBeat.ts"],"sourcesContent":["import { BeatLikeOffer, CardHeaderProps, InsightButtonProps } from '../components'\n\nexport interface Account {\n  account_number?: string\n  account_subtype?: AccountSubType\n  account_type: AccountType\n  apr?: number\n  apy?: number\n  available_balance?: number\n  balance?: number\n  balance_updated_at?: number\n  cash_balance?: number\n  connectionStatus?: ConnectionStatus\n  credit_limit?: number\n  currency_code?: string\n  current_balance?: number\n  day_payment_is_due?: number\n  displayName?: string\n  display_order?: number\n  external_guid?: string\n  feed_account_type?: number\n  feed_apr?: number\n  feed_apy?: number\n  feed_credit_limit?: number\n  feed_day_payment_is_due?: number\n  feed_interest_rate?: number\n  feed_is_closed?: boolean\n  feed_localized_name?: string\n  feed_name?: string\n  feed_nickname?: string\n  feed_original_balance?: number\n  flags?: number\n  guid: string\n  institutionName?: string\n  institution_guid?: string\n  interestRate?: number\n  interest_rate?: number\n  interest_rate_set_by?: number\n  is_closed: boolean\n  is_deleted: boolean\n  is_excluded_from_accounts: boolean\n  is_excluded_from_budgets: boolean\n  is_excluded_from_cash_flow: boolean\n  is_excluded_from_debts: boolean\n  is_excluded_from_goals: boolean\n  is_excluded_from_investments: boolean\n  is_excluded_from_net_worth: boolean\n  is_excluded_from_spending: boolean\n  is_excluded_from_transactions: boolean\n  is_excluded_from_trends: boolean\n  is_hidden: boolean\n  is_manual: boolean\n  is_personal: boolean\n  localized_name?: string\n  memberName?: string\n  member_guid?: string\n  member_is_managed_by_user: boolean\n  metadata?: string\n  minimum_payment?: number\n  name?: string\n  nickname?: string\n  original_balance?: number\n  payment_due_at?: number\n  pending_balance?: number\n  property_type?: PropertyType\n  revision?: number\n  truncatedDisplayName?: string\n  updated_at?: number\n  user_guid?: string\n  user_name?: string\n}\n\nexport interface Beat {\n  account_guids: string[] | []\n  active_at?: string | number\n  associated_transaction_guid?: string | null\n  call_to_action?: string | null\n  category_guids?: string[] | []\n  created_at?: string | number\n  cta_clicked_at?: number | null\n  data_series: DataSeries\n  description?: string\n  digest?: string\n  dismissed_at?: number | null\n  displayed_at?: string | null\n  errors?: any\n  guid: string\n  has_been_displayed: boolean\n  html_description?: string\n  html_in_description_cta?: string\n  html_micro_call_to_action?: string\n  html_micro_description?: string\n  html_micro_title?: string\n  html_short_title?: string\n  html_title: string\n  icon_color?: string | null\n  icon_type?: number | null\n  in_description_cta?: string | null\n  is_dismissed: boolean\n  is_obsolete: boolean\n  is_refreshable: boolean\n  is_sampled: boolean\n  merchant_guids: string[] | []\n  metadata?: string | null\n  micro_call_to_action?: string | null\n  micro_description?: string | null\n  micro_title?: string | null\n  payload: any\n  primary_account?: Account\n  primary_account_guid?: string | null\n  primary_category_guid?: string | null\n  primary_goal_guid?: string | null\n  primary_merchant_guid?: string | null\n  primary_scheduled_payment_guid?: string | null\n  primary_transaction?: Transaction\n  primary_transaction_guid?: string | null\n  power_action_completed_at?: string | null\n  power_action_has_been_completed?: boolean\n  scheduled_payment_guids: string[] | []\n  short_title?: string | null\n  supporting_action?: string | null\n  template: string\n  title: string\n  transaction_guids: string[] | []\n  transactions?: Transaction[]\n  user_guid: string\n  user_verification: UserVerification\n}\n\ninterface ButtonProps extends Omit<InsightButtonProps, 'beat' | 'onClick'> {\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, type?: ButtonActionType) => void\n}\n\nexport interface CommonBeatProps {\n  altLoadingText?: string\n  asteriskText?: string\n  beat: Beat | BeatLikeOffer\n  buttonProps?: ButtonProps\n  errorText?: string\n  feedback?: React.ReactNode | null\n  header?: Omit<CardHeaderProps, 'title'>\n  institutionName?: string\n  isError?: boolean\n  isLoading?: boolean\n  isMini?: boolean\n  isZeroState?: boolean\n}\n\nexport interface DataSeries {\n  data?: any[]\n  names?: string[]\n  types?: string[]\n}\n\nexport interface Transaction {\n  account?: string\n  accountIsClosed?: boolean\n  accountIsHidden?: boolean\n  account_guid: string\n  amount: number\n  attachment_guid?: string | null\n  category?: string\n  category_guid?: string\n  check_number?: string | null\n  currency_code: string | null\n  date: number\n  description: string\n  duplicate: boolean\n  external_guid?: string | null\n  feed_attachment_guid?: string | null\n  feed_description: string\n  feed_localized_description?: string | null\n  feed_posted_date?: number | null\n  feed_status: TransactionStatus | null\n  feed_transaction_date: number | null\n  feed_transacted_at: number | null\n  flags?: number | null\n  guid: string\n  has_been_split: boolean\n  has_been_viewed: boolean\n  isIncome?: boolean\n  isPending?: boolean\n  is_cleared: boolean\n  is_duplicate: boolean\n  is_flagged: boolean\n  is_hidden: boolean\n  is_international?: boolean | null\n  is_manual: boolean\n  is_personal: boolean\n  is_reimbursable: boolean\n  is_subscription: boolean\n  is_void: boolean\n  localized_description?: string | null\n  localized_memo?: string | null\n  memo?: string | null\n  merchant_guid?: string | null\n  metadata?: string | null\n  number?: string\n  parent_guid?: string | null\n  payee?: string\n  posted_date?: number | null\n  reference?: string | null\n  revision: number\n  scheduled_payment_guid?: string | null\n  tags: string[]\n  top_level_category_guid?: string\n  transaction_type: TransactionType\n  user_date?: number | null\n  user_guid: string\n  user_transaction_rule_guid?: string | null\n}\n\nexport enum AccountSubType {\n  ACCIDENTAL_DEATH_AND_DISMEMBERMENT = 40,\n  ADVISORY_ACCOUNT = 61,\n  AUTO = 3,\n  BOAT = 25,\n  BROKERAGE = 17,\n  BROKERAGE_MARGIN = 62,\n  CASH_MANAGEMENT_ACCOUNT = 46,\n  CERTIFICATE_OF_DEPOSIT = 2,\n  CHARITABLE_GIFT_ACCOUNT = 63,\n  CHURCH_ACCOUNT = 64,\n  CONSERVATORSHIP = 65,\n  CORPORATE_ACCOUNT = 104,\n  COVERDELL = 60,\n  CUSTODIAL = 66,\n  DEFINED_BENEFIT_PLAN = 67,\n  DEFINED_CONTRIBUTION_PLAN = 68,\n  DISABILITY = 33,\n  EDUCATIONAL = 69,\n  EMPLOYEE_STOCK_OWNERSHIP_PLAN = 22,\n  EMPLOYEE_STOCK_PURCHASE_PLAN = 47,\n  ESTATE = 70,\n  EXECUTOR = 71,\n  FIXED_ANNUITY = 30,\n  FIXED_ANNUITY_ROTH_IRA = 57,\n  FIXED_ANNUITY_TRADITIONAL_IRA = 53,\n  GROUP_RETIREMENT_SAVINGS_PLAN = 72,\n  GUARANTEED_INVESTMENT_CERTIFICATE = 73,\n  HEALTH = 34,\n  HELOC = 28,\n  HOME_EQUITY = 8,\n  HRA = 74,\n  HSA = 42,\n  HSA_CHECKING = 107,\n  HSA_SAVINGS = 106,\n  INDEXED_ANNUITY = 75,\n  INDIVIDUAL = 44,\n  INHERITED_ANNUITY = 103,\n  INHERITED_ROTH_IRA = 59,\n  INHERITED_TRADITIONAL_IRA = 56,\n  INVESTMENT_CLUB = 76,\n  IRA = 12,\n  IRREVOCABLE_TRUST = 77,\n  JOINT_TENANTS_BY_ENTIRITY = 78,\n  JOINT_TENANTS_COMMUNITY_PROPERTY = 79,\n  JOINT_TENANTS_IN_COMMON = 80,\n  JOINT_TENANTS_WITH_RIGHTS_OF_SURVIVORSHIP = 81,\n  KEOUGH_PLAN = 82,\n  LIFE_INCOME_FUND = 83,\n  LIMITED_LIABILITY_ACCOUNT = 105,\n  LIVING_TRUST = 84,\n  LOCKED_IN_RETIREMENT_ACCOUNT = 85,\n  LOCKED_IN_RETIREMENT_INVESTMENT_FUND = 86,\n  LOCKED_IN_RETIREMENT_SAVINGS_ACCOUNT = 87,\n  LONG_TERM_CARE = 35,\n  MONEY_MARKET = 1,\n  MONEY_PURCHASE_PLAN = 88,\n  NON_TAXABLE = 16,\n  NONE = 0,\n  PARTNERSHIP = 89,\n  PENSION = 21,\n  PERSONAL = 6,\n  PERSONAL_WITH_COLLATERAL = 7,\n  PLAN_401_A = 51,\n  PLAN_401_K = 9,\n  PLAN_403_B = 10,\n  PLAN_409_A = 90,\n  PLAN_457 = 20,\n  PLAN_529 = 11,\n  PLAN_ROTH_401_K = 29,\n  PLAN_ROTH_403_B = 91,\n  POWERSPORTS = 26,\n  PROFIT_SHARING_PLAN = 49,\n  PROPERTY_AND_CASUALTY = 36,\n  REGISTERED_DISABILITY_SAVINGS_PLAN = 92,\n  REGISTERED_EDUCATION_SAVINGS_PLAN = 48,\n  REGISTERED_LOCKED_IN_SAVINGS_PLAN = 93,\n  REGISTERED_PENSION_PLAN = 94,\n  REGISTERED_RETIREMENT_INCOME_FUND = 45,\n  REGISTERED_RETIREMENT_SAVINGS_PLAN = 95,\n  REVOCABLE_TRUST = 96,\n  ROLLOVER_IRA = 13,\n  ROTH_CONVERSION = 97,\n  ROTH_IRA = 14,\n  RV = 27,\n  SARSEP_IRA = 52,\n  SEPP_IRA = 55,\n  SIMPLE_IRA = 24,\n  SIMPLIFIED_EMPLOYEE_PENSION = 23,\n  SMALL_BUSINESS = 5,\n  SOLE_PROPRIETORSHIP = 98,\n  SPOUSAL_IRA = 99,\n  SPOUSAL_ROTH_IRA = 100,\n  STUDENT = 4,\n  TAXABLE = 15,\n  TAX_FREE_SAVINGS_ACCOUNT = 43,\n  TERM_LIFE = 38,\n  TESTAMENTARY_TRUST = 101,\n  THRIFT_SAVINGS_PLAN = 102,\n  TRUST = 18,\n  UNIFORM_GIFTS_TO_MINORS_ACT = 19,\n  UNIFORM_TRANSFER_TO_MINORS_ACT = 50,\n  UNIVERSAL_LIFE = 37,\n  VARIABLE_ANNUITY = 31,\n  VARIABLE_ANNUITY_ROTH_IRA = 58,\n  VARIABLE_ANNUITY_TRADITIONAL_IRA = 54,\n  VARIABLE_UNIVERSAL_LIFE = 41,\n  VEHICLE_INSURANCE = 32,\n  WHOLE_LIFE = 39,\n}\n\nexport enum AccountType {\n  ANY = 0,\n  CASH = 9,\n  CHECKING = 1,\n  CHECKING_LINE_OF_CREDIT = 12,\n  CREDIT_CARD = 4,\n  DIGITAL_WALLET = 13,\n  INSURANCE = 10,\n  INVESTMENT = 5,\n  LINE_OF_CREDIT = 6,\n  LOAN = 3,\n  MORTGAGE = 7,\n  PREPAID = 11,\n  PROPERTY = 8,\n  SAVINGS = 2,\n}\n\nexport enum ConnectionStatus {\n  Connected = 'Connected',\n  Error = 'Error',\n  Processing = 'Processing',\n  RequiresMfa = 'RequiresMfa',\n}\n\nexport enum PropertyType {\n  APPLIANCES = 5,\n  ART = 2,\n  COMPUTER = 6,\n  ELECTRONICS = 7,\n  FURNITURE = 4,\n  JEWELRY = 3,\n  MISCELLANEOUS = 9,\n  REAL_ESTATE = 0,\n  SPORTS_EQUIPMENT = 8,\n  VEHICLE = 1,\n}\n\nexport enum TransactionStatus {\n  PENDING = 2,\n  POSTED = 1,\n}\n\nexport enum TransactionType {\n  CREDIT = 1,\n  DEBIT = 2,\n}\n\nexport enum UserVerification {\n  CORRECT = 1,\n  INCORRECT = 2,\n  UNKNOWN = 0,\n}\n\nexport enum ButtonActionType {\n  Primary = 'Primary',\n  Secondary = 'Secondary',\n}\n"],"mappings":"AAwXA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,UAAA,WACA,EAAA,YAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/investments/InvestmentsWidget.es.js

@@ -0,0 +1,98 @@
+import { useAccountStore as W, useEvent as w, useGlobalCopyStore as x, useGlobalUiStore as D, useHoldingStore as f } from "../common/context/hooks.es.js";
+import { useScreenSize as M } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as G } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as o } from "../common/constants/Analytics.es.js";
+import { AccountType as O } from "../core/types/Account.es.js";
+import k from "../common/components/Loader.es.js";
+import { WidgetContainer as K } from "../common/components/WidgetContainer.es.js";
+import { EmptyState as V } from "../common/components/EmptyState.es.js";
+import F from "../accounts/components/ConnectionsDrawer.es.js";
+import H from "./components/Allocation.es.js";
+import U from "./components/Analysis.es.js";
+import j from "./components/Overview.es.js";
+import { TabTitle as z } from "./components/TabTitle.es.js";
+import c from "react";
+import { observer as R } from "mobx-react-lite";
+import Y from "@mui/material/Stack";
+import { Fragment as B, jsx as t, jsxs as l } from "react/jsx-runtime";
+import q from "@mui/material/Tab";
+import J from "@mui/material/Tabs";
+var ut = R(({ onBackClick: u, onMenuClick: T, sx: _ }) => {
+  const { onEvent: n } = w(), { isMobile: C } = M(), { isAccountDataLoaded: E, loadAccountData: b, visibleInvestmentAccounts: I } = W(), { visibleHoldings: S, setShowConnectionsWidget: m, showConnectionsWidget: g } = f(), { investments: e, accounts: v } = x(), { isInitialized: r } = D(), [i, h] = c.useState(0), { loadHoldings: A, holdingsLoaded: d } = f();
+  G({
+    widgetName: "InvestmentsWidget",
+    isLoaded: d
+  }), c.useEffect(() => {
+    E || b().finally();
+  }, []), c.useEffect(() => {
+    r && A().finally();
+  }, [r]);
+  const N = () => {
+    n(o.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
+  };
+  if (!r || !d) return /* @__PURE__ */ t(k, {});
+  const y = [
+    o.INVESTMENT_WIDGET_DETAILS_CLICK,
+    o.INVESTMENT_WIDGET_ALLOCATION_CLICK,
+    o.INVESTMENT_WIDGET_ANALYSIS_CLICK
+  ], s = I.length === 0 && S.length === 0, L = [
+    e.tab_overview_title,
+    e.tab_allocation_title,
+    e.tab_analysis_title
+  ];
+  return /* @__PURE__ */ l(K, {
+    allowedAccountTypes: [O.INVESTMENT],
+    onAccountsFilterClick: N,
+    onBackClick: u,
+    onMenuClick: T,
+    sx: _,
+    title: e.title,
+    children: [/* @__PURE__ */ l(Y, {
+      mx: C ? 0 : 48,
+      my: 24,
+      children: [/* @__PURE__ */ t(J, {
+        onChange: (a, p) => {
+          h(p), n(y[p]);
+        },
+        sx: { bgcolor: "background.paper" },
+        textColor: "primary",
+        value: s ? !1 : i,
+        variant: "fullWidth",
+        children: L.map((a) => /* @__PURE__ */ t(q, {
+          disabled: s,
+          label: /* @__PURE__ */ t(z, { title: a })
+        }, a))
+      }), s ? /* @__PURE__ */ t(V, {
+        header: e.empty_state_header,
+        icon: "bid_landscape",
+        onClick: () => {
+          m(!0), n(o.ACCOUNTS_CLICK_CONNECT);
+        },
+        primaryButton: e.overview.connect_accounts,
+        subText: e.empty_state_description,
+        sx: {
+          width: { sm: 432 },
+          ".buttons-footer": { width: 167 },
+          ".MuiTypography-h2": {
+            mt: 20,
+            mb: 4
+          },
+          px: 16
+        }
+      }) : /* @__PURE__ */ l(B, { children: [
+        i === 0 && /* @__PURE__ */ t(j, {}),
+        i === 1 && /* @__PURE__ */ t(H, {}),
+        i === 2 && /* @__PURE__ */ t(U, {})
+      ] })]
+    }), /* @__PURE__ */ t(F, {
+      onClose: () => m(!1),
+      showConnectionsWidget: g,
+      title: v.manage_connections
+    })]
+  });
+});
+export {
+  ut as InvestmentsWidget
+};
+
+//# sourceMappingURL=InvestmentsWidget.es.js.map

package/dist/investments/InvestmentsWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvestmentsWidget.es.js","names":[],"sources":["../../src/investments/InvestmentsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport {\n  ANALYTICS_EVENTS,\n  EmptyState,\n  Loader,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useHoldingStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { AccountType, WidgetProps } from '../core'\n\nimport ConnectionsDrawer from '../accounts/components/ConnectionsDrawer'\nimport Allocation from './components/Allocation'\nimport Analysis from './components/Analysis'\nimport Overview from './components/Overview'\nimport { TabTitle } from './components/TabTitle'\n\nexport const InvestmentsWidget = observer(({ onBackClick, onMenuClick, sx }: WidgetProps) => {\n  const { onEvent } = useEvent()\n  const { isMobile } = useScreenSize()\n  const {\n    isAccountDataLoaded,\n    loadAccountData,\n    visibleInvestmentAccounts: accounts,\n  } = useAccountStore()\n  const {\n    visibleHoldings: holdings,\n    setShowConnectionsWidget,\n    showConnectionsWidget,\n  } = useHoldingStore()\n  const { investments: copy, accounts: accountsCopy } = useGlobalCopyStore()\n\n  const { isInitialized } = useGlobalUiStore()\n\n  const [selectedTab, setSelectedTab] = React.useState(0)\n\n  const { loadHoldings, holdingsLoaded } = useHoldingStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'InvestmentsWidget',\n    isLoaded: holdingsLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadHoldings().finally()\n    }\n  }, [isInitialized])\n\n  const handleAccountFilterClick = () => {\n    onEvent(ANALYTICS_EVENTS.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK)\n  }\n\n  if (!isInitialized || !holdingsLoaded) return <Loader />\n\n  const events = [\n    ANALYTICS_EVENTS.INVESTMENT_WIDGET_DETAILS_CLICK,\n    ANALYTICS_EVENTS.INVESTMENT_WIDGET_ALLOCATION_CLICK,\n    ANALYTICS_EVENTS.INVESTMENT_WIDGET_ANALYSIS_CLICK,\n  ]\n  const isEmptyState = accounts.length === 0 && holdings.length === 0\n  const investmentTabs = [\n    copy.tab_overview_title,\n    copy.tab_allocation_title,\n    copy.tab_analysis_title,\n  ]\n  return (\n    <WidgetContainer\n      allowedAccountTypes={[AccountType.INVESTMENT]}\n      onAccountsFilterClick={handleAccountFilterClick}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack mx={isMobile ? 0 : 48} my={24}>\n        <Tabs\n          onChange={(_, newValue) => {\n            setSelectedTab(newValue)\n            onEvent(events[newValue])\n          }}\n          sx={{ bgcolor: 'background.paper' }}\n          textColor=\"primary\"\n          value={!isEmptyState ? selectedTab : false}\n          variant=\"fullWidth\"\n        >\n          {investmentTabs.map((title) => (\n            <Tab disabled={isEmptyState} key={title} label={<TabTitle title={title} />} />\n          ))}\n        </Tabs>\n        {isEmptyState ? (\n          <EmptyState\n            header={copy.empty_state_header}\n            icon=\"bid_landscape\"\n            onClick={() => {\n              setShowConnectionsWidget(true)\n              onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n            }}\n            primaryButton={copy.overview.connect_accounts}\n            subText={copy.empty_state_description}\n            sx={{\n              width: { sm: 432 },\n              '.buttons-footer': {\n                width: 167,\n              },\n              '.MuiTypography-h2': {\n                mt: 20,\n                mb: 4,\n              },\n              px: 16,\n            }}\n          />\n        ) : (\n          <>\n            {selectedTab === 0 && <Overview />}\n            {selectedTab === 1 && <Allocation />}\n            {selectedTab === 2 && <Analysis />}\n          </>\n        )}\n      </Stack>\n      <ConnectionsDrawer\n        onClose={() => setShowConnectionsWidget(false)}\n        showConnectionsWidget={showConnectionsWidget}\n        title={accountsCopy.manage_connections}\n      />\n    </WidgetContainer>\n  )\n})\n"],"mappings":"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"}

package/dist/investments/components/Allocation.es.js

@@ -0,0 +1,55 @@
+import { useAccountStore as b, useGlobalCopyStore as x, useGlobalUiStore as A, useHoldingStore as I } from "../../common/context/hooks.es.js";
+import { useScreenSize as g } from "../../common/hooks/useScreenSize.es.js";
+import { createInvestmentsAllocationData as h } from "./allocation/util/createInvestementsAllocationData.es.js";
+import { InvestementAllocationList as y } from "./allocation/InvestementAllocationList.es.js";
+import { InvestementsAllocationChart as H } from "./allocation/InvestmentsAllocationChart.es.js";
+import s from "react";
+import { observer as M } from "mobx-react-lite";
+import _ from "@mui/material/Stack";
+import { jsx as m, jsxs as j } from "react/jsx-runtime";
+import w from "@mui/material/useMediaQuery";
+var C = () => {
+  const [n, d] = s.useState(0), [t, r] = s.useState(""), [u, o] = s.useState(""), c = (e) => {
+    t !== e ? r(e) : (r(""), o(""));
+  }, { selectedAccountGuids: f } = A(), { visibleHoldings: p } = I(), { visibleInvestmentAccounts: v } = b(), { investments: { allocation: i } } = x(), l = h(v.filter(({ guid: e }) => f.includes(e)), i, p), { isMobile: S } = g(), a = w("(max-width:768px)");
+  return /* @__PURE__ */ j(_, {
+    alignItems: a ? "center" : "flex-start",
+    direction: a ? "column" : "row",
+    gap: {
+      xs: 16,
+      md: 64,
+      xl: 100
+    },
+    sx: {
+      justifyContent: "center",
+      mt: 50,
+      width: "100%"
+    },
+    children: [/* @__PURE__ */ m(H, {
+      data: l,
+      hoveredId: u,
+      isPercentage: n === 1,
+      onMouseEnter: (e) => {
+        t === e ? o("") : t || o(e);
+      },
+      onMouseLeave: () => {
+        o("");
+      },
+      onSelected: c,
+      selectedId: t,
+      size: S ? 280 : 400,
+      totalLabel: i.pie_chart_centered_text
+    }), /* @__PURE__ */ m(y, {
+      data: l,
+      onSelected: c,
+      selectedId: t,
+      selectedTabs: n,
+      setSelectedTabs: d
+    })]
+  });
+}, U = M(C);
+export {
+  U as default
+};
+
+//# sourceMappingURL=Allocation.es.js.map

package/dist/investments/components/Allocation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Allocation.es.js","names":[],"sources":["../../../src/investments/components/Allocation.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { InvestementAllocationList } from './allocation/InvestementAllocationList'\nimport { InvestementsAllocationChart } from './allocation/InvestmentsAllocationChart'\nimport { createInvestmentsAllocationData } from './allocation/util/createInvestementsAllocationData'\nimport {\n  useAccountStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useHoldingStore,\n  useScreenSize,\n} from '../../common'\n\nconst Allocation = () => {\n  const [selectedTabs, setSelectedTabs] = React.useState(0)\n  const [selectedId, setSelectedId] = React.useState('')\n  const [hoveredId, setHoveredId] = React.useState('')\n  const onSelected = (id: string) => {\n    if (selectedId !== id) {\n      setSelectedId(id)\n    } else {\n      setSelectedId('')\n      setHoveredId('')\n    }\n  }\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { visibleHoldings: allHoldings } = useHoldingStore()\n  const { visibleInvestmentAccounts: accounts } = useAccountStore()\n  const {\n    investments: { allocation: copy },\n  } = useGlobalCopyStore()\n  const investmentAllocationData = createInvestmentsAllocationData(\n    accounts.filter(({ guid }) => selectedAccountGuids.includes(guid)),\n    copy,\n    allHoldings,\n  )\n  const { isMobile } = useScreenSize()\n  const isScreenDeviceTablet = useMediaQuery('(max-width:768px)')\n\n  return (\n    <Stack\n      alignItems={isScreenDeviceTablet ? 'center' : 'flex-start'}\n      direction={isScreenDeviceTablet ? 'column' : 'row'}\n      gap={{ xs: 16, md: 64, xl: 100 }}\n      sx={{\n        justifyContent: 'center',\n        mt: 50,\n        width: '100%',\n      }}\n    >\n      <InvestementsAllocationChart\n        data={investmentAllocationData}\n        hoveredId={hoveredId}\n        isPercentage={selectedTabs === 1}\n        onMouseEnter={(id) => {\n          if (selectedId === id) {\n            setHoveredId('')\n          } else if (!selectedId) {\n            setHoveredId(id)\n          }\n        }}\n        onMouseLeave={() => {\n          setHoveredId('')\n        }}\n        onSelected={onSelected}\n        selectedId={selectedId}\n        size={isMobile ? 280 : 400}\n        totalLabel={copy.pie_chart_centered_text}\n      />\n      <InvestementAllocationList\n        data={investmentAllocationData}\n        onSelected={onSelected}\n        selectedId={selectedId}\n        selectedTabs={selectedTabs}\n        setSelectedTabs={setSelectedTabs}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(Allocation)\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,IAAA,MAAmB;AACvB,QAAM,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,CAAC,GAClD,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAE,GAC/C,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAE,GAC7C,IAAA,CAAc,MAAe;AACjC,IAAI,MAAe,IACjB,EAAc,CAAE,KAEhB,EAAc,EAAE,GAChB,EAAa,EAAE;AAAA,EAEnB,GACM,EAAE,sBAAA,EAAA,IAAyB,EAAiB,GAC5C,EAAE,iBAAiB,EAAA,IAAgB,EAAgB,GACnD,EAAE,2BAA2B,EAAA,IAAa,EAAgB,GAC1D,EACJ,aAAa,EAAE,YAAY,EAAA,EAAA,IACzB,EAAmB,GACjB,IAA2B,EAC/B,EAAS,OAAA,CAAQ,EAAE,MAAA,EAAA,MAAW,EAAqB,SAAS,CAAI,CAAC,GACjE,GACA,CACF,GACM,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,IAAuB,EAAc,mBAAmB;AAE9D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,IAAuB,WAAW;AAAA,IAC9C,WAAW,IAAuB,WAAW;AAAA,IAC7C,KAAK;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI;AAAA,MAAI,IAAI;AAAA,IAAI;AAAA,IAC/B,IAAI;AAAA,MACF,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,cARF,CAUE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACK,WAAA;AAAA,MACX,cAAc,MAAiB;AAAA,MAC/B,cAAA,CAAe,MAAO;AACpB,QAAI,MAAe,IACjB,EAAa,EAAE,IACL,KACV,EAAa,CAAE;AAAA,MAEnB;AAAA,MACA,cAAA,MAAoB;AAClB,QAAA,EAAa,EAAE;AAAA,MACjB;AAAA,MACY,YAAA;AAAA,MACA,YAAA;AAAA,MACZ,MAAM,IAAW,MAAM;AAAA,MACvB,YAAY,EAAK;AAAA,IAClB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACM,YAAA;AAAA,MACA,YAAA;AAAA,MACE,cAAA;AAAA,MACG,iBAAA;AAAA,IAClB,CAAA,CACI;AAAA;AAEX,GAEA,IAAe,EAAS,CAAU"}

package/dist/investments/components/Analysis.es.js

@@ -0,0 +1,167 @@
+import { useGlobalCopyStore as T, useHoldingStore as A } from "../../common/context/hooks.es.js";
+import { useScreenSize as M } from "../../common/hooks/useScreenSize.es.js";
+import { AnalysisType as h } from "../../core/constants/Investments.es.js";
+import L from "./AnalysisDetails.es.js";
+import O from "./InfoToolTip.es.js";
+import q from "react";
+import { observer as z } from "mobx-react-lite";
+import r from "@mui/material/Stack";
+import { P as B, Text as a } from "@mxenabled/mxui";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useTheme as F } from "@mui/material/styles";
+import H from "@mui/material/useMediaQuery";
+var V = () => {
+  const { investments: { analysis: t } } = T(), { analysisChartData: w, analysisDetails: D, analysisType: n, setAnalysisType: S } = A(), j = H("(min-width:320px) and (max-width:375px)"), { isMobile: o } = M(), k = F().palette.mode === "dark", { cellDimension: d, columns: R, rows: C, textVariant: c } = q.useMemo(() => {
+    const i = n === h.Stocks, s = Object.values(i ? t.stock_column_labels : t.bond_column_labels), p = Object.values(i ? t.stock_row_labels : t.bond_row_labels);
+    return {
+      cellDimension: o ? 72 : 100,
+      columns: s,
+      rows: p,
+      textVariant: o ? "caption" : "body1"
+    };
+  }, [
+    t,
+    o,
+    n
+  ]);
+  return /* @__PURE__ */ l(r, {
+    sx: {
+      flexDirection: { md: "row" },
+      gap: o ? 48 : 64,
+      justifyContent: "center",
+      pt: 48,
+      px: 16
+    },
+    children: [/* @__PURE__ */ l(r, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        justifyContent: "center",
+        pr: { lg: 72 }
+      },
+      children: [/* @__PURE__ */ l(r, {
+        sx: {
+          alignItems: "center",
+          bottom: o ? 10 : 24,
+          gap: o ? 0 : 24,
+          position: "relative",
+          transform: "rotate(-180deg)",
+          writingMode: "vertical-rl"
+        },
+        children: [/* @__PURE__ */ e(B, {
+          bold: !0,
+          color: "secondary.main",
+          variant: c,
+          children: n === h.Stocks ? t.market_capitalization : t.credit_quality
+        }), /* @__PURE__ */ e(r, {
+          sx: {
+            flexDirection: "row",
+            height: o ? 224 : 308,
+            justifyContent: "space-around"
+          },
+          children: R.map((i) => /* @__PURE__ */ e(a, {
+            sx: {
+              color: "secondary.main",
+              pl: 12,
+              pr: o ? 4 : 0
+            },
+            variant: c,
+            children: i
+          }, i))
+        })]
+      }), /* @__PURE__ */ l(r, {
+        sx: { gap: 4 },
+        children: [
+          /* @__PURE__ */ l(r, {
+            sx: {
+              alignSelf: j ? "start" : "center",
+              flexDirection: "row",
+              gap: 8,
+              pb: 12
+            },
+            children: [/* @__PURE__ */ e(a, {
+              bold: !0,
+              children: t.invest_analysis
+            }), /* @__PURE__ */ e(O, {
+              tooltip_info_body: t.tooltip_info_body,
+              tooltip_info_title: t.tooltip_info_title
+            })]
+          }),
+          w.map((i, s, p) => /* @__PURE__ */ e(r, {
+            sx: {
+              flexDirection: "row",
+              gap: 4
+            },
+            children: i.map((g, y) => {
+              const b = s === 0, x = s === p.length - 1, _ = y === 0, v = y === i.length - 1, m = Number(g.replace("%", "")) >= 25;
+              let u = "grey.200", f = "grey.900";
+              return k ? (u = m ? "grey.200" : "grey.700", f = m ? "grey.900" : "common.white") : (u = m ? "grey.700" : "grey.200", f = m ? "common.white" : "grey.900"), /* @__PURE__ */ e(r, {
+                sx: {
+                  borderBottomLeftRadius: x && _ ? 4 : 0,
+                  borderBottomRightRadius: x && v ? 4 : 0,
+                  borderTopLeftRadius: b && _ ? 4 : 0,
+                  borderTopRightRadius: b && v ? 4 : 0,
+                  alignItems: "center",
+                  bgcolor: u,
+                  height: d,
+                  justifyContent: "center",
+                  width: d
+                },
+                children: /* @__PURE__ */ e(a, {
+                  sx: {
+                    color: f,
+                    fontWeight: o ? 600 : 700
+                  },
+                  variant: o ? "body1" : "h3",
+                  children: g
+                })
+              }, y);
+            })
+          }, s)),
+          /* @__PURE__ */ e(r, {
+            sx: {
+              alignSelf: "center",
+              flexDirection: "row",
+              pt: 12
+            },
+            children: C.map((i) => /* @__PURE__ */ e(r, {
+              sx: {
+                alignItems: "center",
+                width: d
+              },
+              children: /* @__PURE__ */ e(a, {
+                color: "secondary.main",
+                variant: c,
+                children: i
+              })
+            }, i))
+          }),
+          /* @__PURE__ */ e(a, {
+            bold: !0,
+            sx: {
+              color: "secondary.main",
+              pt: o ? 4 : 24,
+              textAlign: "center"
+            },
+            variant: c,
+            children: n === h.Stocks ? t.valuation : t.duration
+          })
+        ]
+      })]
+    }), /* @__PURE__ */ e(L, {
+      analysisDetails: D,
+      analysisType: n,
+      copy: {
+        empty_data: t.empty_data,
+        equities: t.equities,
+        bonds: t.bonds
+      },
+      setAnalysisType: S
+    })]
+  });
+}, Z = z(V);
+export {
+  Z as default
+};
+
+//# sourceMappingURL=Analysis.es.js.map

package/dist/investments/components/Analysis.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Analysis.es.js","names":[],"sources":["../../../src/investments/components/Analysis.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, useHoldingStore, useScreenSize } from '../../common'\n\nimport { AnalysisType } from '../../core/constants/Investments'\n\nimport AnalysisDetails from './AnalysisDetails'\nimport InfoTooltip from './InfoToolTip'\n\nconst Analysis: React.FC = () => {\n  const {\n    investments: { analysis: copy },\n  } = useGlobalCopyStore()\n  const { analysisChartData, analysisDetails, analysisType, setAnalysisType } = useHoldingStore()\n\n  const isSmallMobileDevice = useMediaQuery('(min-width:320px) and (max-width:375px)')\n  const { isMobile } = useScreenSize()\n\n  const theme = useTheme()\n  const isDark = theme.palette.mode === 'dark'\n\n  const { cellDimension, columns, rows, textVariant } = React.useMemo(() => {\n    const isStocks = analysisType === AnalysisType.Stocks\n\n    const columns = isStocks\n      ? Object.values(copy.stock_column_labels)\n      : Object.values(copy.bond_column_labels)\n    const rows = isStocks\n      ? Object.values(copy.stock_row_labels)\n      : Object.values(copy.bond_row_labels)\n\n    const textVariant: 'body1' | 'caption' = isMobile ? 'caption' : 'body1'\n    const cellDimension = isMobile ? 72 : 100\n\n    return { cellDimension, columns, rows, textVariant }\n  }, [copy, isMobile, analysisType])\n\n  return (\n    <Stack\n      sx={{\n        flexDirection: { md: 'row' },\n        gap: isMobile ? 48 : 64,\n        justifyContent: 'center',\n        pt: 48,\n        px: 16,\n      }}\n    >\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          justifyContent: 'center',\n          pr: { lg: 72 },\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            bottom: isMobile ? 10 : 24,\n            gap: isMobile ? 0 : 24,\n            position: 'relative',\n            transform: 'rotate(-180deg)',\n            writingMode: 'vertical-rl',\n          }}\n        >\n          <P bold={true} color=\"secondary.main\" variant={textVariant}>\n            {analysisType === AnalysisType.Stocks\n              ? copy.market_capitalization\n              : copy.credit_quality}\n          </P>\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              height: isMobile ? 224 : 308,\n              justifyContent: 'space-around',\n            }}\n          >\n            {columns.map((label) => (\n              <Text\n                key={label}\n                sx={{\n                  color: 'secondary.main',\n                  pl: 12,\n                  pr: isMobile ? 4 : 0,\n                }}\n                variant={textVariant}\n              >\n                {label}\n              </Text>\n            ))}\n          </Stack>\n        </Stack>\n        <Stack sx={{ gap: 4 }}>\n          <Stack\n            sx={{\n              alignSelf: isSmallMobileDevice ? 'start' : 'center',\n              flexDirection: 'row',\n              gap: 8,\n              pb: 12,\n            }}\n          >\n            <Text bold={true}>{copy.invest_analysis}</Text>\n            <InfoTooltip\n              tooltip_info_body={copy.tooltip_info_body}\n              tooltip_info_title={copy.tooltip_info_title}\n            />\n          </Stack>\n          {analysisChartData.map((row, rowIndex, data) => (\n            <Stack key={rowIndex} sx={{ flexDirection: 'row', gap: 4 }}>\n              {row.map((value, colIndex) => {\n                const isFirstRow = rowIndex === 0\n                const isLastRow = rowIndex === data.length - 1\n                const isFirstCol = colIndex === 0\n                const isLastCol = colIndex === row.length - 1\n\n                const isHigh = Number(value.replace('%', '')) >= 25\n\n                let bgcolor = 'grey.200'\n                let color = 'grey.900'\n\n                if (isDark) {\n                  bgcolor = isHigh ? 'grey.200' : 'grey.700'\n                  color = isHigh ? 'grey.900' : 'common.white'\n                } else {\n                  bgcolor = isHigh ? 'grey.700' : 'grey.200'\n                  color = isHigh ? 'common.white' : 'grey.900'\n                }\n\n                const borderRadius = {\n                  borderBottomLeftRadius: isLastRow && isFirstCol ? 4 : 0,\n                  borderBottomRightRadius: isLastRow && isLastCol ? 4 : 0,\n                  borderTopLeftRadius: isFirstRow && isFirstCol ? 4 : 0,\n                  borderTopRightRadius: isFirstRow && isLastCol ? 4 : 0,\n                }\n                return (\n                  <Stack\n                    key={colIndex}\n                    sx={{\n                      ...borderRadius,\n                      alignItems: 'center',\n                      bgcolor,\n                      height: cellDimension,\n                      justifyContent: 'center',\n                      width: cellDimension,\n                    }}\n                  >\n                    <Text\n                      sx={{\n                        color,\n                        fontWeight: isMobile ? 600 : 700,\n                      }}\n                      variant={isMobile ? 'body1' : 'h3'}\n                    >\n                      {value}\n                    </Text>\n                  </Stack>\n                )\n              })}\n            </Stack>\n          ))}\n          <Stack sx={{ alignSelf: 'center', flexDirection: 'row', pt: 12 }}>\n            {rows.map((label) => (\n              <Stack key={label} sx={{ alignItems: 'center', width: cellDimension }}>\n                <Text color=\"secondary.main\" variant={textVariant}>\n                  {label}\n                </Text>\n              </Stack>\n            ))}\n          </Stack>\n          <Text\n            bold={true}\n            sx={{ color: 'secondary.main', pt: isMobile ? 4 : 24, textAlign: 'center' }}\n            variant={textVariant}\n          >\n            {analysisType === AnalysisType.Stocks ? copy.valuation : copy.duration}\n          </Text>\n        </Stack>\n      </Stack>\n      <AnalysisDetails\n        analysisDetails={analysisDetails}\n        analysisType={analysisType}\n        copy={{\n          empty_data: copy.empty_data,\n          equities: copy.equities,\n          bonds: copy.bonds,\n        }}\n        setAnalysisType={setAnalysisType}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(Analysis)\n"],"mappings":"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"}

package/dist/investments/components/AnalysisDetails.es.js

@@ -0,0 +1,86 @@
+import { useScreenSize as u } from "../../common/hooks/useScreenSize.es.js";
+import { formatCurrency as f } from "../../core/utils/NumberFormatting.es.js";
+import { AnalysisType as n } from "../../core/constants/Investments.es.js";
+import { formatKey as h } from "../../core/utils/InvestmentUtil.es.js";
+import { EmptyStateFooterComponent as g } from "./EmptyStateFooterComponent.es.js";
+import x from "react";
+import y from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+import { Fragment as S, jsx as t, jsxs as s } from "react/jsx-runtime";
+import b from "@mui/material/ToggleButton";
+import v from "@mui/material/ToggleButtonGroup";
+import T from "@mui/material/Divider";
+import I from "@mui/material/List";
+import L from "@mui/material/ListItem";
+import M from "@mui/material/ListItemText";
+var P = ({ analysisDetails: e, analysisType: a, copy: i, setAnalysisType: p }) => {
+  const { isSmallMobile: c } = u(), m = x.useMemo(() => Object.keys(e).filter((r) => e[r] >= 1).map((r) => ({
+    key: r,
+    value: f(e[r], "0,0"),
+    formattedKey: h(r)
+  })), [e]), d = [{
+    label: i.equities,
+    value: n.Stocks
+  }, {
+    label: i.bonds,
+    value: n.Bonds
+  }];
+  return /* @__PURE__ */ s(y, {
+    sx: {
+      gap: 12,
+      width: { md: 412 }
+    },
+    children: [/* @__PURE__ */ t(v, {
+      color: "primary",
+      exclusive: !0,
+      onChange: (r, o) => o && p(o),
+      sx: {
+        width: "100%",
+        "& .MuiToggleButton-root": {
+          color: "secondary.main",
+          fontWeight: 600,
+          textTransform: "capitalize"
+        }
+      },
+      value: m.length ? a : -1,
+      children: d.map(({ label: r, value: o }) => /* @__PURE__ */ t(b, {
+        sx: { width: "100%" },
+        value: o,
+        children: r
+      }, o))
+    }), m.length ? /* @__PURE__ */ t(I, {
+      sx: {
+        "& .MuiListItemSecondaryAction-root": { pr: 12 },
+        "& .MuiListItem-divider": { borderColor: "neutral.light" },
+        "& .MuiListItem-root": {
+          minHeight: 44,
+          px: 12
+        }
+      },
+      children: m.map(({ value: r, formattedKey: o }) => /* @__PURE__ */ t(L, {
+        divider: !0,
+        secondaryAction: /* @__PURE__ */ t(l, { children: r }),
+        children: /* @__PURE__ */ t(M, {
+          primary: o,
+          slotProps: { primary: { fontStyle: "normal" } }
+        })
+      }, o))
+    }) : /* @__PURE__ */ s(S, { children: [
+      /* @__PURE__ */ t(l, {
+        sx: {
+          color: "secondary.main",
+          p: 8,
+          textAlign: "center"
+        },
+        children: i.empty_data
+      }),
+      /* @__PURE__ */ t(T, { sx: { borderColor: "neutral.light" } }),
+      /* @__PURE__ */ t(g, { sx: { ".inner-container": { width: c ? "100%" : 364 } } })
+    ] })]
+  });
+};
+export {
+  P as default
+};
+
+//# sourceMappingURL=AnalysisDetails.es.js.map

package/dist/investments/components/AnalysisDetails.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalysisDetails.es.js","names":[],"sources":["../../../src/investments/components/AnalysisDetails.tsx"],"sourcesContent":["import React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useScreenSize } from '../../common'\nimport { AnalysisType } from '../../core/constants/Investments'\nimport { formatKey } from '../../core/utils/InvestmentUtil'\n\nimport { EmptyStateFooterComponent } from './EmptyStateFooterComponent'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface Copy {\n  bonds: string\n  equities: string\n  empty_data: string\n}\n\ninterface AnalysisDetailsProps {\n  analysisDetails: Record<string, number>\n  analysisType: AnalysisType\n  copy: Copy\n  setAnalysisType: (type: AnalysisType) => void\n}\n\nconst AnalysisDetails: React.FC<AnalysisDetailsProps> = ({\n  analysisDetails,\n  analysisType,\n  copy,\n  setAnalysisType,\n}) => {\n  const { isSmallMobile } = useScreenSize()\n\n  const listItems = React.useMemo(() => {\n    return Object.keys(analysisDetails)\n      .filter((key) => analysisDetails[key] >= 1)\n      .map((key) => ({\n        key,\n        value: formatCurrency(analysisDetails[key], '0,0'),\n        formattedKey: formatKey(key),\n      }))\n  }, [analysisDetails])\n\n  const toggleButtons = [\n    { label: copy.equities, value: AnalysisType.Stocks },\n    { label: copy.bonds, value: AnalysisType.Bonds },\n  ]\n  return (\n    <Stack sx={{ gap: 12, width: { md: 412 } }}>\n      <ToggleButtonGroup\n        color=\"primary\"\n        exclusive={true}\n        onChange={(_, value) => value && setAnalysisType(value)}\n        sx={{\n          width: '100%',\n          '& .MuiToggleButton-root': {\n            color: 'secondary.main',\n            fontWeight: 600,\n            textTransform: 'capitalize',\n          },\n        }}\n        value={listItems.length ? analysisType : -1}\n      >\n        {toggleButtons.map(({ label, value }) => (\n          <ToggleButton key={value} sx={{ width: '100%' }} value={value}>\n            {label}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n\n      {listItems.length ? (\n        <List\n          sx={{\n            '& .MuiListItemSecondaryAction-root': { pr: 12 },\n            '& .MuiListItem-divider': { borderColor: 'neutral.light' },\n            '& .MuiListItem-root': { minHeight: 44, px: 12 },\n          }}\n        >\n          {listItems.map(({ value, formattedKey }) => (\n            <ListItem divider={true} key={formattedKey} secondaryAction={<Text>{value}</Text>}>\n              <ListItemText\n                primary={formattedKey}\n                slotProps={{ primary: { fontStyle: 'normal' } }}\n              />\n            </ListItem>\n          ))}\n        </List>\n      ) : (\n        <>\n          <Text sx={{ color: 'secondary.main', p: 8, textAlign: 'center' }}>{copy.empty_data}</Text>\n          <Divider sx={{ borderColor: 'neutral.light' }} />\n          <EmptyStateFooterComponent\n            sx={{\n              '.inner-container': { width: isSmallMobile ? '100%' : 364 },\n            }}\n          />\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport default AnalysisDetails\n"],"mappings":";;;;;;;;;;;;;;;AAgCA,IAAM,IAAA,CAAmD,EACvD,iBAAA,GACA,cAAA,GACA,MAAA,GACA,iBAAA,EAAA,MACI;AACJ,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAc,GAElC,IAAY,EAAM,QAAA,MACf,OAAO,KAAK,CAAe,EAC/B,OAAA,CAAQ,MAAQ,EAAgB,CAAA,KAAQ,CAAC,EACzC,IAAA,CAAK,OAAS;AAAA,IACb,KAAA;AAAA,IACA,OAAO,EAAe,EAAgB,CAAA,GAAM,KAAK;AAAA,IACjD,cAAc,EAAU,CAAG;AAAA,EAC7B,EAAE,GACH,CAAC,CAAe,CAAC,GAEd,IAAgB,CACpB;AAAA,IAAE,OAAO,EAAK;AAAA,IAAU,OAAO,EAAa;AAAA,EAAO,GACnD;AAAA,IAAE,OAAO,EAAK;AAAA,IAAO,OAAO,EAAa;AAAA,EAAM,CACjD;AACA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,KAAK;AAAA,MAAI,OAAO,EAAE,IAAI,IAAI;AAAA,IAAE;AAAA,cAAzC,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAA,CAAW,GAAG,MAAU,KAAS,EAAgB,CAAK;AAAA,MACtD,IAAI;AAAA,QACF,OAAO;AAAA,QACP,2BAA2B;AAAA,UACzB,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,MACA,OAAO,EAAU,SAAS,IAAe;AAAA,gBAExC,EAAc,IAAA,CAAK,EAAE,OAAA,GAAO,OAAA,EAAA,MAC3B,gBAAA,EAAC,GAAD;AAAA,QAA0B,IAAI,EAAE,OAAO,OAAO;AAAA,QAAU,OAAA;AAAA,kBACrD;AAAA,MACW,GAFK,CAEL,CACf;AAAA,IACgB,CAAA,GAElB,EAAU,SACT,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,sCAAsC,EAAE,IAAI,GAAG;AAAA,QAC/C,0BAA0B,EAAE,aAAa,gBAAgB;AAAA,QACzD,uBAAuB;AAAA,UAAE,WAAW;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,MACjD;AAAA,gBAEC,EAAU,IAAA,CAAK,EAAE,OAAA,GAAO,cAAA,EAAA,MACvB,gBAAA,EAAC,GAAD;AAAA,QAAU,SAAS;AAAA,QAAyB,iBAAiB,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAY,CAAA;AAAA,kBAC9E,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW,EAAE,SAAS,EAAE,WAAW,SAAS,EAAE;AAAA,QAC/C,CAAA;AAAA,MACO,GALoB,CAKpB,CACX;AAAA,IACG,CAAA,IAEN,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,OAAO;AAAA,UAAkB,GAAG;AAAA,UAAG,WAAW;AAAA,QAAS;AAAA,kBAAI,EAAK;AAAA,MAAiB,CAAA;AAAA,MACzF,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,aAAa,gBAAgB,EAAI,CAAA;AAAA,MAChD,gBAAA,EAAC,GAAD,EACE,IAAI,EACF,oBAAoB,EAAE,OAAO,IAAgB,SAAS,IAAI,EAC5D,EACD,CAAA;AAAA,IACD,EAAA,CAAA,CAEC;AAAA;AAEX"}

package/dist/investments/components/EmptyStateFooterComponent.es.js

@@ -0,0 +1,52 @@
+import { useEvent as a, useGlobalCopyStore as m, useHoldingStore as l } from "../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as p } from "../../common/constants/Analytics.es.js";
+import o from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import v from "@mui/material/Button";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+var f = ({ sx: i = {} }) => {
+  const { investments: t } = m(), { onEvent: c } = a(), { setShowConnectionsWidget: s } = l();
+  return /* @__PURE__ */ r(o, {
+    sx: {
+      alignItems: "center",
+      gap: 24,
+      height: 164,
+      p: 24,
+      width: "100%",
+      ...i
+    },
+    children: [/* @__PURE__ */ r(o, {
+      className: "inner-container",
+      sx: {
+        alignItems: "center",
+        gap: 8,
+        width: "100%",
+        textAlign: "center"
+      },
+      children: [/* @__PURE__ */ e(n, {
+        sx: { fontWeight: 600 },
+        variant: "body1",
+        children: t.overview.investment_accounts_footer
+      }), /* @__PURE__ */ e(n, {
+        sx: {
+          color: "text.secondary",
+          fontWeight: 400
+        },
+        variant: "subtitle2",
+        children: t.overview.connect_more_accounts_description
+      })]
+    }), /* @__PURE__ */ e(v, {
+      onClick: () => {
+        s(!0), c(p.ACCOUNTS_CLICK_CONNECT);
+      },
+      sx: { fontWeight: 600 },
+      variant: "outlined",
+      children: t.overview.connect_accounts
+    })]
+  });
+};
+export {
+  f as EmptyStateFooterComponent
+};
+
+//# sourceMappingURL=EmptyStateFooterComponent.es.js.map

package/dist/investments/components/EmptyStateFooterComponent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateFooterComponent.es.js","names":[],"sources":["../../../src/investments/components/EmptyStateFooterComponent.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent, useGlobalCopyStore, useHoldingStore } from '../../common'\n\ninterface EmptyStateFooterComponentProps {\n  sx?: SxProps\n}\n\nexport const EmptyStateFooterComponent = ({ sx = {} }: EmptyStateFooterComponentProps) => {\n  const { investments: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n  const { setShowConnectionsWidget } = useHoldingStore()\n\n  return (\n    <Stack sx={{ alignItems: 'center', gap: 24, height: 164, p: 24, width: '100%', ...sx }}>\n      <Stack\n        className=\"inner-container\"\n        sx={{\n          alignItems: 'center',\n          gap: 8,\n          width: '100%',\n          textAlign: 'center',\n        }}\n      >\n        <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n          {copy.overview.investment_accounts_footer}\n        </Text>\n        <Text\n          sx={{\n            color: 'text.secondary',\n            fontWeight: 400,\n          }}\n          variant=\"subtitle2\"\n        >\n          {copy.overview.connect_more_accounts_description}\n        </Text>\n      </Stack>\n      <Button\n        onClick={() => {\n          setShowConnectionsWidget(true)\n          onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n        }}\n        sx={{ fontWeight: 600 }}\n        variant=\"outlined\"\n      >\n        {copy.overview.connect_accounts}\n      </Button>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,IAAA,CAA6B,EAAE,IAAA,IAAK,CAAC,EAAA,MAAwC;AACxF,QAAM,EAAE,aAAa,EAAA,IAAS,EAAmB,GAC3C,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,0BAAA,EAAA,IAA6B,EAAgB;AAErD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,KAAK;AAAA,MAAI,QAAQ;AAAA,MAAK,GAAG;AAAA,MAAI,OAAO;AAAA,MAAQ,GAAG;AAAA,IAAG;AAAA,cAArF,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA,MACb;AAAA,gBAPF,CASE,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,YAAY,IAAI;AAAA,QAAG,SAAQ;AAAA,kBACpC,EAAK,SAAS;AAAA,MACX,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,OAAO;AAAA,UACP,YAAY;AAAA,QACd;AAAA,QACA,SAAQ;AAAA,kBAEP,EAAK,SAAS;AAAA,MACX,CAAA,CACD;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe;AACb,QAAA,EAAyB,EAAI,GAC7B,EAAQ,EAAiB,sBAAsB;AAAA,MACjD;AAAA,MACA,IAAI,EAAE,YAAY,IAAI;AAAA,MACtB,SAAQ;AAAA,gBAEP,EAAK,SAAS;AAAA,IACT,CAAA,CACH;AAAA;AAEX"}

package/dist/investments/components/HeaderCell.es.js

@@ -0,0 +1,28 @@
+import { Text as o } from "@mxenabled/mxui";
+import { Icon as t } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Stack as i } from "@mui/material";
+var x = (r) => /* @__PURE__ */ a(i, {
+  sx: {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 4
+  },
+  children: [/* @__PURE__ */ e(o, {
+    sx: {
+      color: "text.primary",
+      fontWeight: 600,
+      fontSize: 14
+    },
+    variant: "body2",
+    children: r.colDef.headerName
+  }), /* @__PURE__ */ e(t, {
+    name: "expand_all",
+    size: 12
+  })]
+});
+export {
+  x as HeaderCell
+};
+
+//# sourceMappingURL=HeaderCell.es.js.map

package/dist/investments/components/HeaderCell.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.es.js","names":[],"sources":["../../../src/investments/components/HeaderCell.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\nimport { GridColumnHeaderParams } from '@mui/x-data-grid'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Stack } from '@mui/material'\n\nexport const HeaderCell = (params: GridColumnHeaderParams) => (\n  <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n    <Text sx={{ color: 'text.primary', fontWeight: 600, fontSize: 14 }} variant=\"body2\">\n      {params.colDef.headerName}\n    </Text>\n    <Icon name={'expand_all'} size={12} />\n  </Stack>\n)\n"],"mappings":";;;;AAKA,IAAa,IAAA,CAAc,MACzB,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,YAAY;AAAA,IAAU,eAAe;AAAA,IAAO,KAAK;AAAA,EAAE;AAAA,YAAhE,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI;AAAA,MAAE,OAAO;AAAA,MAAgB,YAAY;AAAA,MAAK,UAAU;AAAA,IAAG;AAAA,IAAG,SAAQ;AAAA,cACzE,EAAO,OAAO;AAAA,EACX,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAc,MAAM;AAAA,EAAK,CAAA,CAChC"}