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

package/dist/settings/components/transactionrules/actions/EditPayeeAction/index.es.js

@@ -0,0 +1,52 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { observer as h } from "mobx-react-lite";
+import r from "react";
+import x from "@mui/material/TextField";
+import g from "@mui/material/styles/useTheme";
+import C from "../../components/RuleListItem/index.es.js";
+import { useGlobalCopyStore as S, useSettingsStore as T } from "../../../../../common/context/hooks/index.es.js";
+import v from "../../../../../common/components/dialog/Dialog/index.es.js";
+const j = h(() => {
+  const { common: s, settings: i } = S(), { selectedRule: e, updateRulePayee: c } = T(), m = g(), [l, t] = r.useState(!1), o = e?.description ? e.description : e?.match_description, [a, p] = r.useState(o || ""), d = () => {
+    t(!0);
+  }, y = async () => {
+    a !== o && e && (e.description = a, await c(e), t(!1));
+  };
+  return /* @__PURE__ */ f(r.Fragment, { children: [
+    /* @__PURE__ */ n(
+      C,
+      {
+        onClick: d,
+        primaryText: o,
+        secondaryText: i.payee
+      }
+    ),
+    /* @__PURE__ */ n(
+      v,
+      {
+        copy: { title: i.edit_payee },
+        isOpen: l,
+        onClose: () => t(!1),
+        onPrimaryAction: y,
+        onSecondaryAction: () => t(!1),
+        primaryText: s.save_button,
+        secondaryText: s.cancel_button,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          path: { fill: m.palette.secondary.darker }
+        },
+        children: /* @__PURE__ */ n(
+          x,
+          {
+            onChange: (u) => p(u.target.value),
+            sx: { width: 352 },
+            value: a
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  j as default
+};

package/dist/settings/components/transactionrules/actions/EditRuleAction/index.es.js

@@ -0,0 +1,33 @@
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { observer as x } from "mobx-react-lite";
+import i from "react";
+import C from "@mui/material/Divider";
+import R from "../../components/EditRuleDetails/index.es.js";
+import h from "../../components/RuleListItem/index.es.js";
+import { useCategoryUiStore as D } from "../../../../../categories/context/hooks/index.es.js";
+import { useCategoryStore as T, useSettingsStore as v } from "../../../../../common/context/hooks/index.es.js";
+import { useScreenSize as O } from "../../../../../common/hooks/useScreenSize/index.es.js";
+const F = x(({ rule: e }) => {
+  const { categories: n } = T(), { setSelectedGuid: a } = D(), { deleteTransactionRule: c, setSelectedRule: o } = v(), { isDesktop: m, isTablet: d } = O(), [l, s] = i.useState(!1), r = () => {
+    s(!1), a(null), o(void 0);
+  }, p = async () => {
+    await c(), r();
+  }, u = () => {
+    s(!0), o(e);
+  }, f = (g) => n.find((S) => S.guid === g)?.name;
+  return /* @__PURE__ */ y(i.Fragment, { children: [
+    /* @__PURE__ */ t(
+      h,
+      {
+        onClick: u,
+        primaryText: e.description ? e.description : e.match_description,
+        secondaryText: e.category_guid ? f(e.category_guid) : ""
+      }
+    ),
+    /* @__PURE__ */ t(C, { sx: { ml: d || m ? 0 : 24 } }),
+    /* @__PURE__ */ t(R, { isOpen: l, onClose: r, onDelete: p })
+  ] });
+});
+export {
+  F as default
+};

package/dist/settings/components/transactionrules/components/EditRuleDetails/index.es.js

@@ -0,0 +1,52 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import c from "react";
+import t from "@mui/material/Divider";
+import f from "@mui/material/ListSubheader";
+import u from "@mui/material/styles/useTheme";
+import { Text as h } from "@mxenabled/mxui";
+import x from "../../actions/EditCategoryAction/index.es.js";
+import y from "../../actions/EditPayeeAction/index.es.js";
+import b from "../../actions/DeleteRuleAction/index.es.js";
+import { useGlobalCopyStore as D } from "../../../../../common/context/hooks/index.es.js";
+import g from "../../../../../common/components/drawer/Drawer/index.es.js";
+const L = d(
+  ({ isOpen: i, onClose: m, onDelete: l }) => {
+    const { common: s, settings: e } = D(), a = u(), [n, r] = c.useState(!1);
+    return /* @__PURE__ */ p(
+      g,
+      {
+        hasSecondaryAction: !1,
+        isOpen: i,
+        onClose: m,
+        onPrimaryAction: () => {
+          r(!0);
+        },
+        primaryColor: "error",
+        primaryText: s.delete_button,
+        sx: {
+          "& .MuiToolbar-root": { borderTop: `1px solid ${a.palette.border.light}` }
+        },
+        title: e.edit_rule,
+        children: [
+          /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(h, { bold: !0, variant: "XSmall", children: e.details }) }),
+          /* @__PURE__ */ o(y, {}),
+          /* @__PURE__ */ o(t, { sx: { ml: 24 } }),
+          /* @__PURE__ */ o(x, {}),
+          /* @__PURE__ */ o(t, { sx: { ml: 24 } }),
+          /* @__PURE__ */ o(
+            b,
+            {
+              isOpen: n,
+              onClose: () => r(!1),
+              onDelete: l
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  L as default
+};

package/dist/settings/components/transactionrules/components/RuleListItem/index.es.js

@@ -0,0 +1,20 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { observer as n } from "mobx-react-lite";
+import p from "@mui/material/ListItem";
+import c from "@mui/material/ListItemButton";
+import f from "@mui/material/ListItemIcon";
+import a from "@mui/material/ListItemText";
+import l from "@mui/material/styles/useTheme";
+import { ChevronRightIcon as I } from "@mxenabled/mxui";
+const v = n(
+  ({ onClick: r, primaryText: o, secondaryText: e, sx: m }) => {
+    const i = l();
+    return /* @__PURE__ */ t(p, { sx: { bgcolor: i.palette.background.paper }, children: /* @__PURE__ */ s(c, { alignItems: "flex-start", onClick: r, sx: m, children: [
+      /* @__PURE__ */ t(a, { primary: o, secondary: e }),
+      /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(I, {}) })
+    ] }) });
+  }
+);
+export {
+  v as default
+};

package/dist/settings/constants/Settings/index.es.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.Delete = "delete", e.Edit = "edit", e.Token = "token", e))(t || {});
+export {
+  t as DialogType
+};

package/dist/settings/index.es.js

@@ -0,0 +1,29 @@
+import { SettingsApi as e } from "./api/SettingsApi/index.es.js";
+import { SettingsStore as r } from "./stores/SettingsStore/index.es.js";
+import { SettingsTabs as s, SettingsWidget as n } from "./SettingsWidget/index.es.js";
+import { SettingsWidgetContents as p } from "./components/SettingsWidgetContents/index.es.js";
+import { default as m } from "./components/profile/ProfileTab/index.es.js";
+import { default as c } from "./components/devices/DeviceTab/index.es.js";
+import { NotificationSettingsWidget as d } from "./NotificationSettingsWidget/index.es.js";
+import { NotificationSettings as u } from "./components/notifications/NotificationSettings/index.es.js";
+import { AccountNotificationProfiles as N } from "./components/notifications/AccountNotificationProfiles/index.es.js";
+import { BudgetNotificationProfiles as P } from "./components/notifications/BudgetNotificationProfiles/index.es.js";
+import { InsightsNotificationProfiles as A } from "./components/notifications/InsightsNotificationProfiles/index.es.js";
+import { default as h } from "./components/transactionrules/TransactionRulesTab/index.es.js";
+import { TransactionRulesWidget as B } from "./TransactionRulesWidget/index.es.js";
+export {
+  N as AccountNotificationProfiles,
+  P as BudgetNotificationProfiles,
+  c as DeviceTab,
+  A as InsightsNotificationProfiles,
+  u as NotificationSettings,
+  d as NotificationSettingsWidget,
+  m as ProfileTab,
+  e as SettingsApi,
+  r as SettingsStore,
+  s as SettingsTabs,
+  n as SettingsWidget,
+  p as SettingsWidgetContents,
+  h as TransactionRulesTab,
+  B as TransactionRulesWidget
+};

package/dist/settings/stores/SettingsStore/index.es.js

@@ -0,0 +1,187 @@
+import { makeAutoObservable as l, runInAction as r } from "mobx";
+import { SettingsApi as n } from "../../api/SettingsApi/index.es.js";
+import { augmentNotificationProfiles as d } from "../../util/Notifications/index.es.js";
+import { TransactionApi as a } from "../../../transactions/api/TransactionApi/index.es.js";
+import { AccountNotificationTypes as o, BudgetNotificationTypes as c, InsightNotificationTypes as u } from "../../../common/types/Notification/index.es.js";
+class m {
+  globalStore;
+  api = new n("/", "");
+  transactionApi = new a("/", "");
+  alert = { message: "", severity: void 0 };
+  devices = [];
+  notificationProfiles = [];
+  selectedRule = void 0;
+  transactionRules = [];
+  constructor(e) {
+    this.globalStore = e, this.api = new n(e.endpoint, e.sessionToken), this.transactionApi = new a(e.endpoint, e.sessionToken), l(this);
+  }
+  get accountProfiles() {
+    const e = this.globalStore.appDataStore.clientCommunicationProfile;
+    return this.detailedNotificationProfiles.filter(
+      (t) => t.notification_type === o.DebtPaymentReminder && e.debt_payment_reminder_notifications_enabled || t.notification_type === o.AccountBalanceLow && e.low_balance_notifications_enabled || t.notification_type === o.AccountDepositLarge && e.large_deposit_notifications_enabled || t.notification_type === o.TransactionExpenseLarge && e.large_expense_notifications_enabled || t.notification_type === o.TransactionFeeCharge && e.transaction_fee_notifications_enabled || t.notification_type === o.InternationalTransaction && e.transaction_is_international_notifications_enabled || t.notification_type === o.AccountDepositLargePosted && e.large_deposit_notifications_enabled
+    );
+  }
+  get budgetProfiles() {
+    const e = this.globalStore.appDataStore.clientCommunicationProfile;
+    return this.detailedNotificationProfiles.filter(
+      (t) => t.notification_type === c.BudgetExceeded && e.budget_exceeded_notifications_enabled || t.notification_type === c.BudgetOffTarget && e.budget_off_target_notifications_enabled
+    );
+  }
+  get insightsProfiles() {
+    return this.detailedNotificationProfiles.filter(
+      (e) => Object.values(u).includes(e.notification_type)
+    );
+  }
+  get clientCommunicationProfile() {
+    return this.globalStore.appDataStore.clientCommunicationProfile;
+  }
+  get copy() {
+    return this.globalStore.copyStore.copy.settings;
+  }
+  get detailedNotificationProfiles() {
+    return this.globalStore.isInitialized ? d(
+      this.globalStore.accountStore.accounts,
+      this.clientCommunicationProfile,
+      this.copy,
+      this.notificationProfiles,
+      this.userCommunicationsProfile,
+      this.globalStore.userStore.user
+    ) : [];
+  }
+  get userCommunicationsProfile() {
+    return this.globalStore.appDataStore.userCommunicationProfile;
+  }
+  deleteDevice = async (e) => {
+    try {
+      await this.api.deleteDevice(e);
+      const t = this.devices.findIndex((i) => i.guid === e);
+      return t >= 0 && r(() => {
+        this.devices.splice(t, 1);
+      }), { success: !0 };
+    } catch {
+      return console.error(`Error deleting device: ${e}`), { success: !1 };
+    }
+  };
+  deleteTransactionRule = async () => {
+    this.selectedRule && this.transactionApi.removeTransactionRule(this.selectedRule?.guid).then(() => {
+      this.setAlert(this.copy.delete_rule_success, "success"), this.loadTransactionRules();
+    }).catch(() => {
+      this.setAlert(this.copy.delete_rule_error, "error");
+    });
+  };
+  generateDeviceToken = async () => {
+    try {
+      return await this.api.generateDeviceToken();
+    } catch (e) {
+      console.error(`Error generating device token: ${e}`);
+    }
+  };
+  loadDevices = async () => {
+    try {
+      const e = await this.api.getDevices();
+      r(() => {
+        this.devices = e;
+      });
+    } catch (e) {
+      console.error(`Error loading devices: ${e}`);
+    }
+  };
+  loadNotificationProfiles = async () => {
+    try {
+      const e = await this.api.getNotificationProfiles();
+      r(() => {
+        this.notificationProfiles = e;
+      });
+    } catch (e) {
+      console.error(`Error loading notification profiles: ${e}`);
+    }
+  };
+  loadTransactionRules = async () => {
+    try {
+      const e = await this.transactionApi.getTransactionRules();
+      r(() => {
+        this.transactionRules = e;
+      });
+    } catch (e) {
+      console.error(`Error loading transaction rules: ${e}`);
+    }
+  };
+  sendEmailVerification = async () => {
+    try {
+      await this.api.sendEmailVerification(), this.setAlert(this.copy.verification_sent_success, "success");
+    } catch (e) {
+      console.error(`Error sending email verification: ${e}`), this.setAlert(this.copy.verification_sent_error, "error");
+    }
+  };
+  sendPhoneVerification = async () => {
+    try {
+      await this.api.sendPhoneVerification(), this.setAlert(this.copy.verification_sent_success, "success");
+    } catch (e) {
+      console.error(`Error sending phone verification: ${e}`), this.setAlert(this.copy.verification_sent_error, "error");
+    }
+  };
+  setAlert = (e, t = void 0) => this.alert = { message: e, severity: t };
+  setSelectedRule = (e) => {
+    this.selectedRule = e;
+  };
+  updateDevice = async (e) => {
+    try {
+      const t = await this.api.updateDevice(e), i = this.devices.findIndex((s) => s.guid === e.guid);
+      return i >= 0 && r(() => {
+        this.devices[i] = t;
+      }), { success: !0 };
+    } catch (t) {
+      return console.error(`Error updating device: ${t}`), { success: !1 };
+    }
+  };
+  updateNotificationProfile = async (e) => {
+    try {
+      const t = await this.api.updateNotificationProfile(e), i = this.notificationProfiles.findIndex((s) => s.guid === e.guid);
+      i >= 0 && r(() => {
+        this.notificationProfiles[i] = t;
+      });
+    } catch (t) {
+      console.error(`Error updating notification profile: ${t}`);
+    }
+  };
+  updateRuleCategory = async (e) => {
+    this.transactionApi.updateTransactionRule(e).then(() => {
+      this.loadTransactionRules();
+    });
+  };
+  updateRulePayee = async (e) => {
+    this.transactionApi.updateTransactionRule(e).then(() => {
+      this.setAlert(this.copy.edit_payee_success, "success"), this.loadTransactionRules();
+    }).catch(() => {
+      this.setAlert(this.copy.edit_payee_error, "error");
+    });
+  };
+  updateUser = async (e) => {
+    this.globalStore.userStore.updateUser(e).then(() => {
+      this.setAlert(this.copy.information_updated_success, "success");
+    }).catch(() => {
+      this.setAlert(this.copy.information_updated_error, "error");
+    });
+  };
+  updateUserCommunicationProfile = async (e) => {
+    try {
+      const t = await this.api.updateUserCommunicationProfile(e);
+      this.globalStore.appDataStore.setUserCommunicationProfile(t);
+    } catch (t) {
+      console.error(`Error occurred while updating user communication profile: ${t}`);
+    }
+  };
+  verifyPhoneToken = async (e) => {
+    try {
+      const { verified: t } = await this.api.verifyPhoneToken(e);
+      if (!t)
+        throw new Error();
+      this.setAlert(this.copy.verified_phone_success, "success");
+    } catch (t) {
+      console.error(`Error verifying phone token: ${t}`), this.setAlert(this.copy.verified_phone_error, "error");
+    }
+  };
+}
+export {
+  m as SettingsStore
+};

package/dist/settings/util/Notifications/index.es.js

@@ -0,0 +1,64 @@
+import { BudgetNotificationTypes as u, AccountNotificationTypes as n, InsightNotificationTypes as t } from "../../../common/types/Notification/index.es.js";
+const g = "PARENT-ENTITY", D = (s, e) => ({
+  [u.BudgetExceeded]: e.notification_budget_exceeded,
+  [u.BudgetOffTarget]: e.notification_budget_off_target,
+  [n.DebtPaymentReminder]: e.notification_debt_payment_reminder,
+  [n.AccountBalanceLow]: e.notification_low_balance,
+  [n.AccountDepositLargePosted]: e.notification_large_deposit,
+  [n.AccountDepositLarge]: e.notification_large_deposit,
+  [n.TransactionExpenseLarge]: e.notification_large_expense,
+  [n.TransactionFeeCharge]: e.notification_transaction_fee,
+  [n.InternationalTransaction]: e.notification_transaction_is_international,
+  [t.AccountBalanceLow]: e.account_balance_low,
+  [t.BillAmountNotStandard]: e.bill_amount_not_standard,
+  [t.CategorySpending]: e.category_spending,
+  [t.CreditCardCloseToLimit]: e.credit_card_close_to_limit,
+  [t.DebtPaymentReminder]: e.debt_payment_reminder,
+  [t.DuplicatePayment]: e.duplicate_payment,
+  [t.MonthlySpendComparison]: e.monthly_spend_comparison,
+  [t.MonthlySpendToIncomeComparison]: e.monthly_spend_to_income_comparison,
+  [t.MonthlySubscriptionAggregate]: e.monthly_subscription_aggregate,
+  [t.MonthlyTopMerchantSpending]: e.monthly_top_merchant_spending,
+  [t.SaveAnExtra100Dollars]: e.save_an_extra_100_dollars,
+  [t.SavingsOpportunity]: e.savings_opportunity,
+  [t.SetUpDirectDeposit]: e.set_up_direct_deposit,
+  [t.SwitchDirectDeposit]: e.switch_direct_deposit,
+  [t.UncategorizedTransactions]: e.uncategorized_transactions,
+  [t.UnifiedDeposit]: e.unified_deposit,
+  [t.UpcomingBill]: e.upcoming_bill,
+  [t.WeekendSpendingSummary]: e.weekend_spending_summary,
+  [t.WeeklyNewMerchants]: e.weekly_new_merchants,
+  [t.DiscoveredAccounts]: e.discovered_account,
+  [t.TransactionExpenseLarge]: e.large_transaction,
+  [t.PromotionalCampaignMessages]: e.promotional_campaign_messages,
+  [t.TransparentOverdraft]: e.transparent_overdraft
+})[s] || "", A = (s, e, o, l, f, c) => {
+  const m = [], {
+    email_notifications_enabled: p,
+    sms_notifications_enabled: h,
+    push_notifications_enabled: b
+  } = e, {
+    opted_out_of_email_notifications: T,
+    opted_out_of_sms_notifications: S,
+    opted_out_of_push_notifications: v
+  } = f;
+  for (const i of l.filter((_) => _.entity_guid === g)) {
+    const _ = D(i.notification_type, o), E = l.filter(
+      (a) => a.entity_guid !== g && a.notification_type === i.notification_type && s.some((d) => d.guid === a.entity_guid)
+    ), r = [];
+    p && !T && i.email_channel && c.email && r.push(o.delivery_method_email_label), h && !S && i.sms_channel && c.phone && r.push(o.delivery_method_sms_label), b && !v && i.push_channel && r.push(o.delivery_method_push_label), m.push({
+      ...i,
+      children: E.map((a) => ({
+        ...a,
+        account: s.find((d) => d.guid === a.entity_guid),
+        label: _
+      })),
+      deliveryMethodsLabel: r.join(", "),
+      label: _
+    });
+  }
+  return m;
+};
+export {
+  A as augmentNotificationProfiles
+};

package/dist/spending/SpendingMiniWidget/index.es.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import p from "react";
+import { observer as c } from "mobx-react-lite";
+import a from "../components/MiniSpendingChart/index.es.js";
+import { useAccountStore as d, useGlobalCopyStore as l, useGlobalUiStore as f } from "../../common/context/hooks/index.es.js";
+import u from "../../common/components/Loader/index.es.js";
+import g from "../../common/components/MiniWidgetContainer/index.es.js";
+const S = ({ onPrimaryCtaClick: o, sx: n = {} }) => {
+  const { visibleAccounts: e } = d(), { spending: t } = l(), { isCopyLoaded: r, isInitialized: s, setSelectedAccounts: m } = f();
+  return p.useEffect(() => {
+    m(e);
+  }, [e]), !r || !s ? /* @__PURE__ */ i(u, {}) : /* @__PURE__ */ i(
+    g,
+    {
+      className: "mx-exp-spending-miniwidget",
+      onPrimaryCtaClick: o,
+      primaryCtaLabel: t.primary_cta,
+      sx: n,
+      title: t.mini_title,
+      children: /* @__PURE__ */ i(a, {})
+    }
+  );
+}, W = c(S);
+export {
+  W as default
+};

package/dist/spending/SpendingWidget/index.es.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "react";
+import { observer as A } from "mobx-react-lite";
+import { startOfMonth as E } from "date-fns/startOfMonth";
+import { startOfToday as a } from "date-fns/startOfToday";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import _ from "@mui/material/Box";
+import y from "../components/Spending/index.es.js";
+import { useAccountStore as v, useGlobalCopyStore as N, useGlobalUiStore as W, useEvent as D, useAppConfig as L } from "../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as c } from "../../common/constants/Analytics/index.es.js";
+import b from "../../common/components/Loader/index.es.js";
+import x from "../../common/components/WidgetContainer/index.es.js";
+const G = ({ onBackClick: d, sx: l = {} }) => {
+  const { visibleAccounts: o } = v(), { spending: p } = N(), { isCopyLoaded: f, isInitialized: m, setDisplayedDate: i, setSelectedAccounts: g } = W(), { onEvent: r } = D(), { clientConfig: u } = L(), t = u?.master?.deep_link_params?.date_range, [h, C] = n.useState(!1);
+  n.useEffect(() => {
+    g(o);
+  }, [o]), n.useEffect(() => {
+    t && Array.isArray(t) && t.length === 2 ? i(t[0], t[1]) : i(E(a()), I(a())), C(!0), r(c.SPENDING_VIEW);
+  }, []);
+  const S = (s) => {
+    i(s[0], s[1]);
+  };
+  return !f || !m || !h ? /* @__PURE__ */ e(b, {}) : /* @__PURE__ */ e(
+    x,
+    {
+      accountOptions: o,
+      calendarActions: { onRangeChanged: S },
+      onAccountsFilterClick: () => r(c.SPENDING_CLICK_FILTER),
+      onBackClick: d,
+      sx: l,
+      title: p.title,
+      children: /* @__PURE__ */ e(_, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ e(y, {}) })
+    }
+  );
+}, K = A(G);
+export {
+  K as default
+};

package/dist/spending/components/MiniSpendingChart/index.es.js

@@ -0,0 +1,115 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import o from "react";
+import { observer as v } from "mobx-react-lite";
+import { startOfMonth as x } from "date-fns/startOfMonth";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import h from "@mui/material/Box";
+import M from "@mui/material/Stack";
+import S from "@mui/material/Tab";
+import R from "@mui/material/Tabs";
+import A from "@mui/material/styles/useTheme";
+import { getSpendingData as G, getIncomeData as O } from "../../utils/SpendingData/index.es.js";
+import b from "../SpendingTabLabel/index.es.js";
+import C from "../SpendingDonut/index.es.js";
+import T from "../SpendingLegend/index.es.js";
+import { useGlobalCopyStore as k, useGlobalUiStore as B, useCategoryStore as E } from "../../../common/context/hooks/index.es.js";
+import U from "../../../common/components/Loader/index.es.js";
+const W = () => {
+  const e = A(), { goals: y, spending: n } = k(), { selectedAccounts: g } = B(), {
+    categories: r,
+    dateRangeCategoryTotals: l,
+    dataRangeTotalsLoaded: D,
+    loadDateRangeCategoryTotals: _
+  } = E(), f = o.useMemo(
+    () => [
+      e.palette.chartMono.chartMono5,
+      e.palette.chartMono.chartMono4,
+      e.palette.chartMono.chartMono3,
+      e.palette.chartMono.chartMono2,
+      e.palette.chartMono.chartMono1,
+      e.palette.chartMono.chartMono6
+    ],
+    [e]
+  );
+  o.useEffect(() => {
+    _(
+      g,
+      x(/* @__PURE__ */ new Date()),
+      I(/* @__PURE__ */ new Date())
+    ).finally();
+  }, [g]);
+  const [a, u] = o.useState(""), [s, L] = o.useState(0), d = o.useMemo(
+    () => G(r, y, e, l),
+    [r, l]
+  ), m = o.useMemo(
+    () => O(r, l, f),
+    [r, l, f]
+  ), w = (p, j) => {
+    L(j), u("");
+  }, c = (p) => {
+    u(a === p ? "" : p);
+  };
+  return D ? /* @__PURE__ */ i(h, { width: "100%", children: [
+    /* @__PURE__ */ i(R, { onChange: w, value: s, variant: "fullWidth", children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          label: /* @__PURE__ */ t(
+            b,
+            {
+              amount: d.totalAmount,
+              label: n.spend_tab_title
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        S,
+        {
+          label: /* @__PURE__ */ t(
+            b,
+            {
+              amount: m.totalAmount,
+              label: n.income_tab_title
+            }
+          )
+        }
+      )
+    ] }),
+    s === 0 && /* @__PURE__ */ t(h, { children: /* @__PURE__ */ i(M, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+      /* @__PURE__ */ t(
+        C,
+        {
+          data: d,
+          onSelected: c,
+          selectedId: a,
+          totalLabel: n.total_spending
+        }
+      ),
+      /* @__PURE__ */ t(
+        T,
+        {
+          data: d,
+          onSelected: c,
+          selectedId: a
+        }
+      )
+    ] }) }),
+    s === 1 && /* @__PURE__ */ t(h, { children: /* @__PURE__ */ i(M, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+      /* @__PURE__ */ t(
+        C,
+        {
+          data: m,
+          isIncome: !0,
+          onSelected: c,
+          selectedId: a,
+          totalLabel: n.total_income
+        }
+      ),
+      /* @__PURE__ */ t(T, { data: m, onSelected: c, selectedId: a })
+    ] }) })
+  ] }) : /* @__PURE__ */ t(U, { height: 250 });
+}, ot = v(W);
+export {
+  ot as default
+};