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

package/dist/common/stores/GlobalUiStore.d.ts

@@ -2,20 +2,23 @@ import { Account } from '../types';
 import { GlobalStore } from './GlobalStore';
 export declare class GlobalUiStore {
     globalStore: GlobalStore;
-    selectedAccounts: Account[];
-    selectedAccountGuids: string[];
+    accountFilterMap: Map<string, boolean>;
     displayedDate: Date;
     displayedDateRange: {
         start: Date;
         end: Date;
     };
     constructor(globalStore: GlobalStore);
+    get allSelectedAccounts(): import('../types').DetailedAccount[];
+    get selectedAccounts(): import('../types').DetailedAccount[];
+    get selectedAccountGuids(): string[];
     get isCopyLoaded(): boolean;
     get isConfigLoaded(): boolean;
     get areUserFeaturesLoaded(): boolean;
     get isInitialized(): boolean;
-    setSelectedAccounts: (accounts: Account[]) => void;
-    setSelectedAccountGuids: (guids: string[]) => Promise<void>;
+    populateAccountFilterMap: (accounts: Account[]) => void;
+    resetAccountFilterMap: () => void;
+    updateAccountFilterMap: (guid: string, isIncluded: boolean) => void;
     setDisplayedDate: (startDate: Date, endDate: Date) => void;
     get shouldDisableNextDate(): boolean;
     get shouldDisablePrevDate(): boolean;

package/dist/common/types/localization/AccountsCopy.d.ts

@@ -45,6 +45,9 @@ export interface AccountsCopy {
     apy: string;
     available_balance: string;
     available_credit: string;
+    chart_title_income_spend: string;
+    chart_title_payments: string;
+    chart_title_payments_spend: string;
     close_aria: string;
     close_account_details_aria: string;
     close_drawer: string;
@@ -73,6 +76,9 @@ export interface AccountsCopy {
     interest_rate: string;
     is_closed: string;
     is_hidden: string;
+    label_income_spend: string;
+    label_payments: string;
+    label_payments_spend: string;
     manage: string;
     manage_connection: string;
     manage_connections: string;

package/dist/common/types/localization/CategoryCopy.d.ts

@@ -2,6 +2,7 @@ interface LocalizedCategory {
     [key: string]: string;
 }
 export interface CategoryCopy {
+    add_subcategory_announcement: string;
     add_subcategory_aria: string;
     add_subcategory_button: string;
     add_subcategory_title: string;
@@ -9,8 +10,10 @@ export interface CategoryCopy {
     all_transactions_in_this_subcategory: string;
     category_icon_label_aria: string;
     default_categories: LocalizedCategory;
+    delete_subcategory_announcement: string;
     delete_subcategory_aria: string;
     delete_subcategory_heading: string;
+    edit_subcategory_announcement: string;
     edit_subcategory_aria: string;
     edit_subcategory_title: string;
     input_placeholder: string;

package/dist/common/types/localization/CommonCopy.d.ts

@@ -57,4 +57,7 @@ export interface CommonCopy {
     settings: string;
     six_month_total: string;
     unhide_button: string;
+    view_chart: string;
+    view_table: string;
+    view_toggle: string;
 }

package/dist/common/types/localization/GoalsCopy.d.ts

@@ -75,8 +75,10 @@ export interface GoalsCopy {
     manage_saving_goals: string;
     manage_saving_title: string;
     mark_as_complete_button: string;
-    reorder_goals_title: string;
+    reorder_goals_announcement: string;
     reorder_goals_description: string;
+    reorder_goals_drag_aria_label: string;
+    reorder_goals_title: string;
     retirement: string;
     retirement_goal_description: string;
     retirement_goal_label: string;

package/dist/common/types/localization/MicroInsightsCopy.d.ts

@@ -1,4 +1,5 @@
 interface CardsCopy {
+    close: string;
     micro_card_cta: string;
     no_relevant_insights_card_cta: string;
     no_relevant_insights_card_description: string;

package/dist/common/types/localization/TransactionsCopy.d.ts

@@ -49,9 +49,12 @@ export interface TransactionsCopy {
     merchant_logo_modal_desc_bold: string;
     merchant_logo_modal_title: string;
     merchant_logo_title: string;
+    payee_edit: string;
     payee_title: string;
+    split_transaction_add_split_announcement: string;
     split_transaction_add_split_btn: string;
     split_transaction_category_label: string;
+    split_transaction_delete_split_announcement: string;
     split_transaction_delete_split_btn: string;
     split_transaction_desc: string;
     split_transaction_edit_split_amount: string;
@@ -59,6 +62,7 @@ export interface TransactionsCopy {
     split_transaction_errors_min_splits: string;
     split_transaction_errors_select_category: string;
     split_transaction_errors_totals_must_equal_amount: string;
+    split_transaction_select_category_announcement: string;
     split_transaction_select_category_btn: string;
     split_transaction_title: string;
     split_transaction_unsplit_description: string;

package/dist/common/types/localization/TrendsCopy.d.ts

@@ -1,8 +1,10 @@
 export interface TrendsCopy {
     all_categories: string;
     categories: string;
+    category_general: string;
     category_income: string;
     category_spending: string;
+    category_title: string;
     close_category_details: string;
     empty_state_primary: string;
     empty_state_sub_text: string;
@@ -17,6 +19,8 @@ export interface TrendsCopy {
     primary_cta: string;
     spending_label: string;
     sub_title: string;
+    sub_title_by_category: string;
+    table_column_total: string;
     title: string;
     transaction: string;
     transactions: string;

package/dist/dashboard/index.es.js

@@ -1,53 +1,54 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import r from "react";
-import { observer as _ } from "mobx-react-lite";
-import h from "@mui/material/Unstable_Grid2";
-import u from "@mui/material/Skeleton";
-import l from "@mui/material/Stack";
-import D from "@mui/material/styles/useTheme";
-import { f as A, u as v, d as C, b as M, a as k, n as B } from "../hooks-C41HAxM5.mjs";
-import G from "@mui/material/Paper";
-import { Icon as S, H1 as F, P as W } from "@mxenabled/mxui";
-import { useMediaQuery as I } from "@mui/system";
-import T from "@mui/material/Box";
-import H from "@mui/material/Button";
-import R from "@mui/material/IconButton";
-import $ from "@mui/material/Tooltip";
-import j from "@mui/material/useMediaQuery";
-import { k as E, l as Q } from "../ConnectDrawer-Dn1MlqLz.mjs";
-import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
-const P = _(() => {
-  const e = D(), {
-    appDataStore: { banner: o, loadBanner: i, user: d }
-  } = A();
-  return r.useEffect(() => {
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import o from "react";
+import { observer as p } from "mobx-react-lite";
+import u from "@mui/material/Unstable_Grid2";
+import m from "@mui/material/Skeleton";
+import s from "@mui/material/Stack";
+import S from "@mui/material/styles/useTheme";
+import { f as _, u as b, a as v } from "../hooks-fY_n74f7.mjs";
+import M from "@mui/material/Paper";
+import { Icon as w, H2 as C, P as D } from "@mxenabled/mxui";
+import { useMediaQuery as G } from "@mui/system";
+import W from "@mui/material/Box";
+import k from "@mui/material/Button";
+import A from "@mui/material/IconButton";
+import I from "@mui/material/Tooltip";
+import B from "@mui/material/useMediaQuery";
+import { G as F, b as z } from "../GlobalAccountFilter-BpWlPAl5.mjs";
+import { u as y } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as H } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
+const R = p(() => {
+  const t = S(), {
+    appDataStore: { banner: r, loadBanner: i, user: a }
+  } = _();
+  return o.useEffect(() => {
     i().finally();
-  }, [d]), o?.image_url ? /* @__PURE__ */ t(
-    l,
+  }, [a]), r?.image_url ? /* @__PURE__ */ e(
+    s,
     {
       sx: {
         alignItems: "center",
         width: "100%",
         mb: 24
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e(
         "a",
         {
-          href: o?.redirect_url,
+          href: r?.redirect_url,
           rel: "noreferrer",
           style: {
             width: "100%"
           },
           target: "_blank",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ e(
             "img",
             {
               alt: "",
-              src: o.image_url,
+              src: r.image_url,
               style: {
                 width: "100%",
                 height: "auto",
-                border: `1px solid ${e.palette.grey[300]}`
+                border: `1px solid ${t.palette.grey[300]}`
               }
             }
           )
@@ -55,129 +56,98 @@ const P = _(() => {
       )
     }
   ) : null;
-}), N = ({ handleConnectClick: e }) => {
-  const { common: o } = v(), i = j("(max-width: 700px)");
-  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t($, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ t(
-    R,
+}), T = ({ handleConnectClick: t }) => {
+  const { common: r } = b(), i = B("(max-width: 700px)");
+  return /* @__PURE__ */ e(W, { my: 4, children: i ? /* @__PURE__ */ e(I, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ e(
+    A,
     {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       color: "primary",
-      onClick: e,
-      children: /* @__PURE__ */ t(S, { name: "add", size: 24 })
+      onClick: t,
+      children: /* @__PURE__ */ e(w, { name: "add", size: 24 })
     }
-  ) }) : /* @__PURE__ */ t(
-    H,
+  ) }) : /* @__PURE__ */ e(
+    k,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
-      onClick: e,
-      startIcon: /* @__PURE__ */ t(S, { name: "add", size: 24 }),
+      "aria-label": r.add_accounts,
+      onClick: t,
+      startIcon: /* @__PURE__ */ e(w, { name: "add", size: 24 }),
       sx: {
         p: 12,
         whiteSpace: "nowrap",
         minWidth: "max-content"
       },
       variant: "text",
-      children: o.add_accounts
+      children: r.add_accounts
     }
   ) });
-}, O = _(N), U = () => {
-  const [e, o] = r.useState(!1), i = I("(max-width:320px)"), { visibleAccounts: d } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = M(), { common: n, connect: x } = v(), { config: a } = k(), { isMobile: w } = z(), y = {
-    accountFilterOptionsCopy: {
-      accountTypeAccounts: n.account_filter.account_type_accounts,
-      cancelButton: n.cancel_button,
-      filterButton: n.filter_button,
-      filterButtonAria: n.account_filter.filter_button_generic_aria,
-      selectAllAccounts: n.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: n.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: n.account_filter.unselect_all_accounts,
-      zeroStateButton: n.account_filter.zero_state_button,
-      zeroStateDescription: n.account_filter.zero_state_description,
-      zeroStateTitle: n.account_filter.zero_state_title
-    },
-    title: n.filter_button
-  }, c = () => {
-    const p = (/* @__PURE__ */ new Date()).getHours();
-    return p > 1 && p < 12 ? n.good_morning : p >= 12 && p < 18 ? n.good_afternoon : n.good_evening;
+}, $ = p(T), j = () => {
+  const [t, r] = o.useState(!1), i = G("(max-width:320px)"), { common: a, connect: g } = b(), { config: d } = v(), { isMobile: f } = y(), x = () => {
+    const l = (/* @__PURE__ */ new Date()).getHours();
+    return l > 1 && l < 12 ? a.good_morning : l >= 12 && l < 18 ? a.good_afternoon : a.good_evening;
   };
-  return /* @__PURE__ */ s(r.Fragment, { children: [
-    /* @__PURE__ */ t(G, { sx: { gap: 12, mb: w ? 24 : 0, p: 24 }, children: /* @__PURE__ */ s(l, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(l, { children: [
-        /* @__PURE__ */ t(F, { variant: i ? "H2" : "H1", children: c() }),
-        /* @__PURE__ */ t(W, { color: "text.secondary", children: n.heres_your_spending_overview })
+  return /* @__PURE__ */ c(o.Fragment, { children: [
+    /* @__PURE__ */ e(M, { sx: { gap: 12, mb: f ? 24 : 0, p: 24 }, children: /* @__PURE__ */ c(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ c(s, { children: [
+        /* @__PURE__ */ e(C, { variant: i ? "H2" : "H1", children: x() }),
+        /* @__PURE__ */ e(D, { color: "text.secondary", children: a.heres_your_spending_overview })
       ] }),
-      /* @__PURE__ */ s(l, { flexDirection: "row", children: [
-        a.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => o(!0) }),
-        /* @__PURE__ */ t(
-          E,
-          {
-            accounts: d,
-            copy: y,
-            onConnectAccountClick: a.show_connections_widget_in_master ? () => o(!0) : void 0,
-            onFilterClick: (m) => {
-              b(m);
-            },
-            selectedAccountGuids: g,
-            showAccountNumbers: !1,
-            sx: {
-              maxWidth: "100%"
-            },
-            variant: "text"
-          }
-        )
+      /* @__PURE__ */ c(s, { flexDirection: "row", children: [
+        d.show_connections_widget_in_master && /* @__PURE__ */ e($, { handleConnectClick: () => r(!0) }),
+        /* @__PURE__ */ e(F, {})
       ] })
     ] }) }),
-    e && /* @__PURE__ */ t(
-      Q,
+    t && /* @__PURE__ */ e(
+      z,
       {
-        onClose: () => o(!1),
-        showConnectWidget: e,
-        title: x.mini_title
+        onClose: () => r(!1),
+        showConnectWidget: t,
+        title: g.mini_title
       }
     )
   ] });
-}, q = _(U);
-var f = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(f || {});
-const J = ({ widgets: e, isLoading: o }) => {
-  const { isDesktop: i, isMobile: d } = z(), { copyStore: g } = A(), { setSelectedAccounts: b } = M(), { visibleAccounts: n } = C(), { onLoad: x } = B();
-  r.useEffect(() => {
-    b(n);
-  }, [n]), r.useEffect(() => {
-    o || x?.("Dashboard");
-  }, [o]);
-  const a = r.useMemo(
-    () => e.filter((c) => c.location !== f.Disabled).sort((c, m) => c.index - m.index),
-    [e]
-  ), w = r.useMemo(
-    () => a.filter((c) => c.location === f.Main),
-    [a]
-  ), y = r.useMemo(
-    () => a.filter((c) => c.location === f.RightSide),
-    [a]
+}, Q = p(j);
+var h = /* @__PURE__ */ ((t) => (t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t))(h || {});
+const P = ({ widgets: t, isLoading: r }) => {
+  const { isDesktop: i, isMobile: a } = y(), { copyStore: g } = _();
+  H({
+    widgetName: "Dashboard",
+    isLoaded: !r
+  });
+  const d = o.useMemo(
+    () => t.filter((n) => n.location !== h.Disabled).sort((n, l) => n.index - l.index),
+    [t]
+  ), f = o.useMemo(
+    () => d.filter((n) => n.location === h.Main),
+    [d]
+  ), x = o.useMemo(
+    () => d.filter((n) => n.location === h.RightSide),
+    [d]
   );
-  return /* @__PURE__ */ s(h, { container: !0, spacing: d ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(h, { xs: 12, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
-    /* @__PURE__ */ s(h, { lg: 8, xs: 12, children: [
-      /* @__PURE__ */ t(P, {}),
-      o && /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ t(u, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" })
+  return /* @__PURE__ */ c(u, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
+    /* @__PURE__ */ e(u, { xs: 12, children: g.isInitialized && /* @__PURE__ */ e(Q, {}) }),
+    /* @__PURE__ */ c(u, { lg: 8, xs: 12, children: [
+      /* @__PURE__ */ e(R, {}),
+      r && /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+        /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
       ] }),
-      !o && /* @__PURE__ */ t(l, { direction: "column", spacing: 24, children: i ? w.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) : a.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) })
+      !r && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? f.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) : d.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) })
     ] }),
-    i && /* @__PURE__ */ t(h, { lg: 4, children: o ? /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ t(u, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(u, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ t(l, { direction: "column", spacing: 24, children: y.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) }) })
+    i && /* @__PURE__ */ e(u, { lg: 4, children: r ? /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+      /* @__PURE__ */ e(m, { height: 200, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
+    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) }) })
   ] });
-}, mt = _(J);
+}, ce = p(P);
 export {
-  mt as Dashboard,
-  f as DashboardLocation
+  ce as Dashboard,
+  h as DashboardLocation
 };