@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditPayeeAction.es.js","names":[],"sources":["../../../../../src/settings/components/transactionrules/actions/EditPayeeAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport TextField from '@mui/material/TextField'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Dialog, useGlobalCopyStore, useSettingsStore } from '../../../../common'\nimport RuleListItem from '../components/RuleListItem'\n\nconst EditPayeeAction = observer(() => {\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { selectedRule: rule, updateRulePayee } = useSettingsStore()\n\n  const theme = useTheme()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const initialPayeeName = rule?.description ? rule.description : rule?.match_description\n\n  const [payeeName, setPayeeName] = React.useState(initialPayeeName ? initialPayeeName : '')\n\n  const handleOpen = (): void => {\n    setIsOpen(true)\n  }\n\n  const handleSave = async () => {\n    if (payeeName !== initialPayeeName && rule) {\n      rule.description = payeeName\n      await updateRulePayee(rule)\n      setIsOpen(false)\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <RuleListItem\n        onClick={handleOpen}\n        primaryText={initialPayeeName}\n        secondaryText={settingsCopy.payee}\n      />\n      <Dialog\n        copy={{ title: settingsCopy.edit_payee }}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handleSave}\n        onSecondaryAction={() => setIsOpen(false)}\n        primaryText={commonCopy.save_button}\n        secondaryText={commonCopy.cancel_button}\n        sx={{\n          '& .MuiDialogContent-root': { pt: 0, width: 400 },\n          path: { fill: theme.palette.secondary.darker },\n        }}\n      >\n        <TextField\n          onChange={(e) => setPayeeName(e.target.value)}\n          sx={{ width: 352 }}\n          value={payeeName}\n        />\n      </Dialog>\n    </React.Fragment>\n  )\n})\n\nexport default EditPayeeAction\n"],"mappings":";;;;;;;;AASA,IAAM,IAAkB,EAAA,MAAe;AACrC,QAAM,EAAE,QAAQ,GAAY,UAAU,EAAA,IAAiB,EAAmB,GACpE,EAAE,cAAc,GAAM,iBAAA,EAAA,IAAoB,EAAiB,GAE3D,IAAQ,EAAS,GAEjB,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAC1C,IAAmB,GAAM,cAAc,EAAK,cAAc,GAAM,mBAEhE,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,KAAsC,EAAE,GAEnF,IAAA,MAAyB;AAC7B,IAAA,EAAU,EAAI;AAAA,EAChB,GAEM,IAAa,YAAY;AAC7B,IAAI,MAAc,KAAoB,MACpC,EAAK,cAAc,GACnB,MAAM,EAAgB,CAAI,GAC1B,EAAU,EAAK;AAAA,EAEnB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS;AAAA,IACT,aAAa;AAAA,IACb,eAAe,EAAa;AAAA,EAC7B,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EAAE,OAAO,EAAa,WAAW;AAAA,IAC/B,QAAA;AAAA,IACR,SAAA,MAAe,EAAU,EAAK;AAAA,IAC9B,iBAAiB;AAAA,IACjB,mBAAA,MAAyB,EAAU,EAAK;AAAA,IACxC,aAAa,EAAW;AAAA,IACxB,eAAe,EAAW;AAAA,IAC1B,IAAI;AAAA,MACF,4BAA4B;AAAA,QAAE,IAAI;AAAA,QAAG,OAAO;AAAA,MAAI;AAAA,MAChD,MAAM,EAAE,MAAM,EAAM,QAAQ,UAAU,OAAO;AAAA,IAC/C;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,UAAA,CAAW,MAAM,EAAa,EAAE,OAAO,KAAK;AAAA,MAC5C,IAAI,EAAE,OAAO,IAAI;AAAA,MACjB,OAAO;AAAA,IACR,CAAA;AAAA,EACK,CAAA,CACM,EAAA,CAAA;AAEpB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditRuleAction.es.js","names":[],"sources":["../../../../../src/settings/components/transactionrules/actions/EditRuleAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\nimport Divider from '@mui/material/Divider'\n\nimport { useCategoryStore, useScreenSize, useSettingsStore } from '../../../../common'\nimport { type TransactionRule } from '../../../../core'\n\nimport EditRuleDetails from '../components/EditRuleDetails'\nimport RuleListItem from '../components/RuleListItem'\nimport { useCategoryUiStore } from '../../../../categories'\n\ninterface ActionProps {\n  rule: TransactionRule\n}\n\nconst EditRuleAction: React.FC<ActionProps> = observer(({ rule }) => {\n  const { categories } = useCategoryStore()\n  const { setSelectedGuid } = useCategoryUiStore()\n  const { deleteTransactionRule, setSelectedRule } = useSettingsStore()\n  const { isDesktop, isTablet } = useScreenSize()\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const handleClose = (): void => {\n    setIsOpen(false)\n    setSelectedGuid(null) // this resets the selected value in the category selector drawer when the edit rule drawer closes\n    setSelectedRule(undefined)\n  }\n\n  const handleDelete = async () => {\n    await deleteTransactionRule()\n    handleClose()\n  }\n\n  const handleOpen = (): void => {\n    setIsOpen(true)\n    setSelectedRule(rule)\n  }\n\n  const getCategoryName = (categoryGuid: string) => {\n    return categories.find((category) => category.guid === categoryGuid)?.name\n  }\n\n  return (\n    <React.Fragment>\n      <RuleListItem\n        onClick={handleOpen}\n        primaryText={rule.description ? rule.description : rule.match_description}\n        secondaryText={rule.category_guid ? getCategoryName(rule.category_guid) : ''}\n      />\n      <Divider sx={{ ml: isTablet || isDesktop ? 0 : 24 }} />\n      <EditRuleDetails isOpen={isOpen} onClose={handleClose} onDelete={handleDelete} />\n    </React.Fragment>\n  )\n})\n\nexport default EditRuleAction\n"],"mappings":";;;;;;;;;AAeA,IAAM,IAAwC,EAAA,CAAU,EAAE,MAAA,EAAA,MAAW;AACnE,QAAM,EAAE,YAAA,EAAA,IAAe,EAAiB,GAClC,EAAE,iBAAA,EAAA,IAAoB,EAAmB,GACzC,EAAE,uBAAA,GAAuB,iBAAA,EAAA,IAAoB,EAAiB,GAC9D,EAAE,WAAA,GAAW,UAAA,EAAA,IAAa,EAAc,GACxC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAA0B;AAC9B,IAAA,EAAU,EAAK,GACf,EAAgB,IAAI,GACpB,EAAgB,MAAS;AAAA,EAC3B,GAEM,IAAe,YAAY;AAC/B,UAAM,EAAsB,GAC5B,EAAY;AAAA,EACd,GAEM,IAAA,MAAyB;AAC7B,IAAA,EAAU,EAAI,GACd,EAAgB,CAAI;AAAA,EACtB,GAEM,IAAA,CAAmB,MAChB,EAAW,KAAA,CAAM,MAAa,EAAS,SAAS,CAAY,GAAG;AAGxE,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS;AAAA,MACT,aAAa,EAAK,cAAc,EAAK,cAAc,EAAK;AAAA,MACxD,eAAe,EAAK,gBAAgB,EAAgB,EAAK,aAAa,IAAI;AAAA,IAC3E,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,KAAY,IAAY,IAAI,GAAG,EAAI,CAAA;AAAA,IACtD,gBAAA,EAAC,GAAD;AAAA,MAAyB,QAAA;AAAA,MAAQ,SAAS;AAAA,MAAa,UAAU;AAAA,IAAe,CAAA;AAAA,EAClE,EAAA,CAAA;AAEpB,CAAC"}

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

@@ -0,0 +1,46 @@
+import { useGlobalCopyStore as n } from "../../../../common/context/hooks.es.js";
+import p from "../../../../common/components/drawer/Drawer.es.js";
+import c from "../actions/EditCategoryAction.es.js";
+import f from "../actions/EditPayeeAction.es.js";
+import d from "../actions/DeleteRuleAction.es.js";
+import u from "react";
+import { observer as y } from "mobx-react-lite";
+import { Text as D } from "@mxenabled/mxui";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import t from "@mui/material/Divider";
+import x from "@mui/material/ListSubheader";
+var T = y(({ isOpen: i, onClose: m, onDelete: l }) => {
+  const { common: s, settings: e } = n(), [a, r] = u.useState(!1);
+  return /* @__PURE__ */ h(p, {
+    hasSecondaryAction: !1,
+    isOpen: i,
+    onClose: m,
+    onPrimaryAction: () => {
+      r(!0);
+    },
+    primaryColor: "error",
+    primaryText: s.delete_button,
+    title: e.edit_rule,
+    children: [
+      /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(D, {
+        bold: !0,
+        variant: "caption",
+        children: e.details
+      }) }),
+      /* @__PURE__ */ o(f, {}),
+      /* @__PURE__ */ o(t, { sx: { ml: 24 } }),
+      /* @__PURE__ */ o(c, {}),
+      /* @__PURE__ */ o(t, { sx: { ml: 24 } }),
+      /* @__PURE__ */ o(d, {
+        isOpen: a,
+        onClose: () => r(!1),
+        onDelete: l
+      })
+    ]
+  });
+});
+export {
+  T as default
+};
+
+//# sourceMappingURL=EditRuleDetails.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditRuleDetails.es.js","names":[],"sources":["../../../../../src/settings/components/transactionrules/components/EditRuleDetails.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport ListSubheader from '@mui/material/ListSubheader'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore } from '../../../../common'\n\nimport EditCategoryAction from '../actions/EditCategoryAction'\nimport EditPayeeAction from '../actions/EditPayeeAction'\nimport DeleteRuleAction from '../actions/DeleteRuleAction'\n\ninterface EditRuleDetailsProps {\n  isOpen: boolean\n  onClose: () => void\n  onDelete: () => void\n}\n\nconst EditRuleDetails: React.FC<EditRuleDetailsProps> = observer(\n  ({ isOpen, onClose, onDelete }) => {\n    const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n\n    const [showDeleteDialog, setShowDeleteDialog] = React.useState(false)\n\n    return (\n      <Drawer\n        hasSecondaryAction={false}\n        isOpen={isOpen}\n        onClose={onClose}\n        onPrimaryAction={() => {\n          setShowDeleteDialog(true)\n        }}\n        primaryColor=\"error\"\n        primaryText={commonCopy.delete_button}\n        title={settingsCopy.edit_rule}\n      >\n        <ListSubheader>\n          <Text bold={true} variant=\"caption\">\n            {settingsCopy.details}\n          </Text>\n        </ListSubheader>\n\n        <EditPayeeAction />\n        <Divider sx={{ ml: 24 }} />\n        <EditCategoryAction />\n        <Divider sx={{ ml: 24 }} />\n        <DeleteRuleAction\n          isOpen={showDeleteDialog}\n          onClose={() => setShowDeleteDialog(false)}\n          onDelete={onDelete}\n        />\n      </Drawer>\n    )\n  },\n)\n\nexport default EditRuleDetails\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,IAAkD,EAAA,CACrD,EAAE,QAAA,GAAQ,SAAA,GAAS,UAAA,EAAA,MAAe;AACjC,QAAM,EAAE,QAAQ,GAAY,UAAU,EAAA,IAAiB,EAAmB,GAEpE,CAAC,GAAkB,CAAA,IAAuB,EAAM,SAAS,EAAK;AAEpE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,oBAAoB;AAAA,IACZ,QAAA;AAAA,IACC,SAAA;AAAA,IACT,iBAAA,MAAuB;AACrB,MAAA,EAAoB,EAAI;AAAA,IAC1B;AAAA,IACA,cAAa;AAAA,IACb,aAAa,EAAW;AAAA,IACxB,OAAO,EAAa;AAAA,cATtB;AAAA,MAWE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAa;AAAA,MACV,CAAA,EACO,CAAA;AAAA,MAEf,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,MAClB,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;AAAA,MAC1B,gBAAA,EAAC,GAAD,CAAqB,CAAA;AAAA,MACrB,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;AAAA,MAC1B,gBAAA,EAAC,GAAD;AAAA,QACE,QAAQ;AAAA,QACR,SAAA,MAAe,EAAoB,EAAK;AAAA,QAC9B,UAAA;AAAA,MACX,CAAA;AAAA,IACK;AAAA;AAEZ,CACF"}

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

@@ -0,0 +1,26 @@
+import "react";
+import { observer as i } from "mobx-react-lite";
+import { ChevronRight as s } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useTheme as a } from "@mui/material/styles";
+import f from "@mui/material/ListItem";
+import n from "@mui/material/ListItemButton";
+import l from "@mui/material/ListItemIcon";
+import c from "@mui/material/ListItemText";
+var j = i(({ onClick: t, primaryText: o, secondaryText: e, sx: m }) => /* @__PURE__ */ r(f, {
+  sx: { bgcolor: a().palette.background.paper },
+  children: /* @__PURE__ */ p(n, {
+    alignItems: "flex-start",
+    onClick: t,
+    sx: m,
+    children: [/* @__PURE__ */ r(c, {
+      primary: o,
+      secondary: e
+    }), /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(s, {}) })]
+  })
+}));
+export {
+  j as default
+};
+
+//# sourceMappingURL=RuleListItem.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuleListItem.es.js","names":[],"sources":["../../../../../src/settings/components/transactionrules/components/RuleListItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\ninterface RuleListItemProps {\n  onClick: () => void\n  primaryText?: string\n  secondaryText?: string\n  sx?: SxProps\n}\n\nconst RuleListItem: React.FC<RuleListItemProps> = observer(\n  ({ onClick, primaryText, secondaryText, sx }) => {\n    const theme = useTheme()\n\n    return (\n      <ListItem sx={{ bgcolor: theme.palette.background.paper }}>\n        <ListItemButton alignItems=\"flex-start\" onClick={onClick} sx={sx}>\n          <ListItemText primary={primaryText} secondary={secondaryText} />\n          <ListItemIcon>\n            <ChevronRight />\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n    )\n  },\n)\n\nexport default RuleListItem\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAA4C,EAAA,CAC/C,EAAE,SAAA,GAAS,aAAA,GAAa,eAAA,GAAe,IAAA,EAAA,MAIpC,gBAAA,EAAC,GAAD;AAAA,EAAU,IAAI,EAAE,SAHJ,EAGa,EAAM,QAAQ,WAAW,MAAM;AAAA,YACtD,gBAAA,EAAC,GAAD;AAAA,IAAgB,YAAW;AAAA,IAAsB,SAAA;AAAA,IAAa,IAAA;AAAA,cAA9D,CACE,gBAAA,EAAC,GAAD;AAAA,MAAc,SAAS;AAAA,MAAa,WAAW;AAAA,IAAgB,CAAA,GAC/D,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,CAAe,CAAA,EACH,CAAA,CACA;AAAA;AACR,CAAA,CAGhB"}

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

@@ -0,0 +1,8 @@
+var t = /* @__PURE__ */ (function(e) {
+  return e.Delete = "delete", e.Edit = "edit", e.Token = "token", e;
+})({});
+export {
+  t as DialogType
+};
+
+//# sourceMappingURL=Settings.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.es.js","names":[],"sources":["../../../src/settings/constants/Settings.ts"],"sourcesContent":["export enum DialogType {\n  Delete = 'delete',\n  Edit = 'edit',\n  Token = 'token',\n}\n"],"mappings":"AAAA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,SAAA,UACA,EAAA,OAAA,QACA,EAAA,QAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/settings/index.es.js

@@ -1,14 +1,14 @@
-import t from "./components/profile/ProfileTab/index.es.js";
-import { DeviceTab as r } from "./components/devices/DeviceTab/index.es.js";
-import f from "./components/transactionrules/TransactionRulesTab/index.es.js";
-import { AccountNotificationProfiles as n } from "./components/notifications/AccountNotificationProfiles/index.es.js";
-import { BudgetNotificationProfiles as a } from "./components/notifications/BudgetNotificationProfiles/index.es.js";
-import { InsightsNotificationProfiles as g } from "./components/notifications/InsightsNotificationProfiles/index.es.js";
-import { NotificationSettings as l } from "./components/notifications/NotificationSettings/index.es.js";
-import { SettingsWidgetContents as d } from "./components/SettingsWidgetContents/index.es.js";
-import { SettingsTabs as u, SettingsWidget as N } from "./SettingsWidget/index.es.js";
-import { NotificationSettingsWidget as S } from "./NotificationSettingsWidget/index.es.js";
-import { TransactionRulesWidget as R } from "./TransactionRulesWidget/index.es.js";
+import t from "./components/profile/ProfileTab.es.js";
+import { DeviceTab as r } from "./components/devices/DeviceTab.es.js";
+import f from "./components/transactionrules/TransactionRulesTab.es.js";
+import { AccountNotificationProfiles as n } from "./components/notifications/AccountNotificationProfiles.es.js";
+import { BudgetNotificationProfiles as a } from "./components/notifications/BudgetNotificationProfiles.es.js";
+import { InsightsNotificationProfiles as g } from "./components/notifications/InsightsNotificationProfiles.es.js";
+import { NotificationSettings as l } from "./components/notifications/NotificationSettings.es.js";
+import { SettingsWidgetContents as d } from "./components/SettingsWidgetContents.es.js";
+import { SettingsTabs as u, SettingsWidget as N } from "./SettingsWidget.es.js";
+import { NotificationSettingsWidget as S } from "./NotificationSettingsWidget.es.js";
+import { TransactionRulesWidget as R } from "./TransactionRulesWidget.es.js";
 export {
   n as AccountNotificationProfiles,
   a as BudgetNotificationProfiles,

package/dist/spending/SpendingMiniWidget.es.js

@@ -0,0 +1,41 @@
+import { useAccountStore as c, useCategoryStore as g, useGlobalCopyStore as u, useGlobalUiStore as y } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as C } from "../common/hooks/useWidgetLoadTimer.es.js";
+import L from "../common/components/MiniWidgetContainer.es.js";
+import S from "../common/components/Loader.es.js";
+import M from "./components/MiniSpendingChart.es.js";
+import n from "react";
+import { observer as h } from "mobx-react-lite";
+import { endOfMonth as _ } from "date-fns/endOfMonth";
+import { startOfMonth as b } from "date-fns/startOfMonth";
+import { jsx as a } from "react/jsx-runtime";
+var x = ({ onPrimaryCtaClick: d, sx: m = {} }) => {
+  const { isAccountDataLoaded: e, loadAccountData: s } = c(), { dateRangeTotalsLoaded: o, categoriesLoaded: f, loadCategories: l, loadDateRangeCategoryTotals: p } = g(), { spending: t } = u(), { isInitialized: i, selectedAccounts: r } = y();
+  return C({
+    widgetName: "SpendingMiniWidget",
+    isLoaded: o
+  }), n.useEffect(() => {
+    e || s().finally(), f || l().finally();
+  }, []), n.useEffect(() => {
+    !i || !e || p(r, b(/* @__PURE__ */ new Date()), _(/* @__PURE__ */ new Date())).finally();
+  }, [
+    i,
+    e,
+    r
+  ]), !i || !e || !o ? /* @__PURE__ */ a(S, {}) : /* @__PURE__ */ a(L, {
+    className: "mx-exp-spending-miniwidget",
+    onPrimaryCtaClick: d,
+    primaryCtaLabel: t.primary_cta,
+    primaryCtaLabelAria: t.primary_cta_aria,
+    sx: {
+      height: "100%",
+      ...m
+    },
+    title: t.mini_title,
+    children: /* @__PURE__ */ a(M, {})
+  });
+}, O = h(x);
+export {
+  O as default
+};
+
+//# sourceMappingURL=SpendingMiniWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingMiniWidget.es.js","names":[],"sources":["../../src/spending/SpendingMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  useAccountStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useWidgetLoadTimer,\n} from '../common'\nimport { MiniWidgetProps } from '../core'\n\nimport MiniSpendingChart from './components/MiniSpendingChart'\n\nconst SpendingMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx = {} }) => {\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { dateRangeTotalsLoaded, categoriesLoaded, loadCategories, loadDateRangeCategoryTotals } =\n    useCategoryStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccounts } = useGlobalUiStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'SpendingMiniWidget',\n    isLoaded: dateRangeTotalsLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n    if (!categoriesLoaded) {\n      loadCategories().finally()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!isInitialized || !isAccountDataLoaded) return\n\n    loadDateRangeCategoryTotals(\n      selectedAccounts,\n      startOfMonth(new Date()),\n      endOfMonth(new Date()),\n    ).finally()\n  }, [isInitialized, isAccountDataLoaded, selectedAccounts])\n\n  // Keep spinning until account data and the date-range totals have loaded.\n  // Rendering before then would show a misleading $0 while accounts/totals are\n  // still in flight. (MEW-3538)\n  if (!isInitialized || !isAccountDataLoaded || !dateRangeTotalsLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-spending-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={spendingCopy.primary_cta}\n      primaryCtaLabelAria={spendingCopy.primary_cta_aria}\n      sx={{ height: '100%', ...sx }}\n      title={spendingCopy.mini_title}\n    >\n      <MiniSpendingChart />\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SpendingMiniWidget)\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,IAAA,CAAiD,EAAE,mBAAA,GAAmB,IAAA,IAAK,CAAC,EAAA,MAAQ;AACxF,QAAM,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,uBAAA,GAAuB,kBAAA,GAAkB,gBAAA,GAAgB,6BAAA,EAAA,IAC/D,EAAiB,GACb,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,kBAAA,EAAA,IAAqB,EAAiB;AA6B7D,SA3BA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ,GAEvB,KACH,EAAe,EAAE,QAAQ;AAAA,EAE7B,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,IAAI,CAAC,KAAiB,CAAC,KAEvB,EACE,GACA,EAAa,oBAAI,KAAK,CAAC,GACvB,EAAW,oBAAI,KAAK,CAAC,CACvB,EAAE,QAAQ;AAAA,EACZ,GAAG;AAAA,IAAC;AAAA,IAAe;AAAA,IAAqB;AAAA,EAAgB,CAAC,GAKrD,CAAC,KAAiB,CAAC,KAAuB,CAAC,IACtC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACS,mBAAA;AAAA,IACnB,iBAAiB,EAAa;AAAA,IAC9B,qBAAqB,EAAa;AAAA,IAClC,IAAI;AAAA,MAAE,QAAQ;AAAA,MAAQ,GAAG;AAAA,IAAG;AAAA,IAC5B,OAAO,EAAa;AAAA,cAEpB,gBAAA,EAAC,GAAD,CAAoB,CAAA;AAAA,EACD,CAAA;AAEzB,GAEA,IAAe,EAAS,CAAkB"}

package/dist/spending/SpendingWidget.es.js

@@ -0,0 +1,51 @@
+import { useAccountStore as R, useAppConfig as W, useCategoryStore as v, useEvent as G, useGlobalCopyStore as O, useGlobalUiStore as b, useTransactionStore as x } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as k } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as p } from "../common/constants/Analytics.es.js";
+import w from "../common/components/Loader.es.js";
+import { WidgetContainer as F } from "../common/components/WidgetContainer.es.js";
+import M from "./components/Spending.es.js";
+import g from "react";
+import { observer as P } from "mobx-react-lite";
+import { endOfMonth as V } from "date-fns/endOfMonth";
+import { startOfMonth as j } from "date-fns/startOfMonth";
+import { startOfToday as u } from "date-fns/startOfToday";
+import { jsx as a } from "react/jsx-runtime";
+import z from "@mui/material/Box";
+import { parseISO as C } from "date-fns/parseISO";
+var B = ({ onBackClick: S, onMenuClick: D, sx: y = {} }) => {
+  const { isAccountDataLoaded: e, loadAccountData: _ } = R(), { categoriesLoaded: E, dateRangeTotalsLoaded: i, loadCategories: L, loadDateRangeCategoryTotals: d } = v(), { isTransactionDataLoaded: T, loadTransactionData: A } = x(), { spending: h } = O(), { displayedDateRange: n, isInitialized: o, setDisplayedDate: s, selectedAccounts: r } = b(), { onEvent: f } = G(), { clientConfig: I } = W();
+  k({
+    widgetName: "SpendingWidget",
+    isLoaded: i
+  }), g.useEffect(() => {
+    const t = I?.master?.deep_link_params, l = t?.date_range ? [C(t.date_range.from), C(t.date_range.to)] : [j(u()), V(u())], c = l[0], m = l[1];
+    s(c, m), e || _().finally(), E || L().finally(), T || A().finally(), o && e && d(r, c, m).finally(), f(p.SPENDING_VIEW);
+  }, []), g.useEffect(() => {
+    o && e && d(r, n.start, n.end).finally();
+  }, [
+    n,
+    o,
+    e,
+    r
+  ]);
+  const N = (t) => {
+    s(t[0], t[1]);
+  };
+  return !o || !e || !i ? /* @__PURE__ */ a(w, {}) : /* @__PURE__ */ a(F, {
+    calendarActions: { onRangeChanged: N },
+    onAccountsFilterClick: () => f(p.SPENDING_CLICK_FILTER),
+    onBackClick: S,
+    onMenuClick: D,
+    sx: y,
+    title: h.title,
+    children: /* @__PURE__ */ a(z, {
+      width: "100%",
+      children: /* @__PURE__ */ a(M, {})
+    })
+  });
+}, nt = P(B);
+export {
+  nt as default
+};
+
+//# sourceMappingURL=SpendingWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingWidget.es.js","names":[],"sources":["../../src/spending/SpendingWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport Box from '@mui/material/Box'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  Loader,\n  useAccountStore,\n  useGlobalUiStore,\n  WidgetContainer,\n  useEvent,\n  ANALYTICS_EVENTS,\n  useGlobalCopyStore,\n  useAppConfig,\n  useCategoryStore,\n  useTransactionStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport type { WidgetProps } from '../core'\n\nimport Spending from './components/Spending'\nimport { parseISO } from 'date-fns/parseISO'\n\ninterface RSpendingWidgetProps extends WidgetProps {\n  onBackClick?: () => void\n}\n\nconst SpendingWidget: React.FC<RSpendingWidgetProps> = ({ onBackClick, onMenuClick, sx = {} }) => {\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { categoriesLoaded, dateRangeTotalsLoaded, loadCategories, loadDateRangeCategoryTotals } =\n    useCategoryStore()\n  const { isTransactionDataLoaded, loadTransactionData } = useTransactionStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const { displayedDateRange, isInitialized, setDisplayedDate, selectedAccounts } =\n    useGlobalUiStore()\n  const { onEvent } = useEvent()\n\n  const { clientConfig } = useAppConfig()\n\n  useWidgetLoadTimer({\n    widgetName: 'SpendingWidget',\n    isLoaded: dateRangeTotalsLoaded,\n  })\n\n  React.useEffect(() => {\n    const dlp = clientConfig?.master?.deep_link_params\n\n    const date_range = dlp?.date_range\n      ? ([parseISO(dlp.date_range.from), parseISO(dlp.date_range.to)] as DateRange<Date>)\n      : ([startOfMonth(startOfToday()), endOfMonth(startOfToday())] as DateRange<Date>)\n\n    const startDate = date_range[0] as Date\n    const endDate = date_range[1] as Date\n\n    setDisplayedDate(startDate, endDate)\n\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n    if (!categoriesLoaded) {\n      loadCategories().finally()\n    }\n    if (!isTransactionDataLoaded) {\n      loadTransactionData().finally()\n    }\n\n    // Load with the dates we just computed rather than reading from the store,\n    // which may still hold a stale range set by a previously visited widget.\n    if (isInitialized && isAccountDataLoaded) {\n      loadDateRangeCategoryTotals(selectedAccounts, startDate, endDate).finally()\n    }\n\n    onEvent(ANALYTICS_EVENTS.SPENDING_VIEW)\n  }, [])\n\n  React.useEffect(() => {\n    if (isInitialized && isAccountDataLoaded) {\n      loadDateRangeCategoryTotals(\n        selectedAccounts,\n        displayedDateRange.start,\n        displayedDateRange.end,\n      ).finally()\n    }\n  }, [displayedDateRange, isInitialized, isAccountDataLoaded, selectedAccounts])\n\n  const handleDateChanged = (range: DateRange<Date>) => {\n    setDisplayedDate(range[0] as Date, range[1] as Date)\n  }\n\n  if (!isInitialized || !isAccountDataLoaded || !dateRangeTotalsLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <WidgetContainer\n      calendarActions={{ onRangeChanged: handleDateChanged }}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.SPENDING_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      sx={sx}\n      title={spendingCopy.title}\n    >\n      <Box width=\"100%\">\n        <Spending />\n      </Box>\n    </WidgetContainer>\n  )\n}\n\nexport default observer(SpendingWidget)\n"],"mappings":";;;;;;;;;;;;;;AAiCA,IAAM,IAAA,CAAkD,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,IAAK,CAAC,EAAA,MAAQ;AAChG,QAAM,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,kBAAA,GAAkB,uBAAA,GAAuB,gBAAA,GAAgB,6BAAA,EAAA,IAC/D,EAAiB,GACb,EAAE,yBAAA,GAAyB,qBAAA,EAAA,IAAwB,EAAoB,GACvE,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,oBAAA,GAAoB,eAAA,GAAe,kBAAA,GAAkB,kBAAA,EAAA,IAC3D,EAAiB,GACb,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,EAAE,cAAA,EAAA,IAAiB,EAAa;AAEtC,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,UAAM,IAAM,GAAc,QAAQ,kBAE5B,IAAa,GAAK,aACnB,CAAC,EAAS,EAAI,WAAW,IAAI,GAAG,EAAS,EAAI,WAAW,EAAE,CAAC,IAC3D,CAAC,EAAa,EAAa,CAAC,GAAG,EAAW,EAAa,CAAC,CAAC,GAExD,IAAY,EAAW,CAAA,GACvB,IAAU,EAAW,CAAA;AAE3B,IAAA,EAAiB,GAAW,CAAO,GAE9B,KACH,EAAgB,EAAE,QAAQ,GAEvB,KACH,EAAe,EAAE,QAAQ,GAEtB,KACH,EAAoB,EAAE,QAAQ,GAK5B,KAAiB,KACnB,EAA4B,GAAkB,GAAW,CAAO,EAAE,QAAQ,GAG5E,EAAQ,EAAiB,aAAa;AAAA,EACxC,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,IAAI,KAAiB,KACnB,EACE,GACA,EAAmB,OACnB,EAAmB,GACrB,EAAE,QAAQ;AAAA,EAEd,GAAG;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAe;AAAA,IAAqB;AAAA,EAAgB,CAAC;AAE7E,QAAM,IAAA,CAAqB,MAA2B;AACpD,IAAA,EAAiB,EAAM,CAAA,GAAY,EAAM,CAAA,CAAU;AAAA,EACrD;AAEA,SAAI,CAAC,KAAiB,CAAC,KAAuB,CAAC,IACtC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB,EAAE,gBAAgB,EAAkB;AAAA,IACrD,uBAAA,MAA6B,EAAQ,EAAiB,qBAAqB;AAAA,IAC9D,aAAA;AAAA,IACA,aAAA;AAAA,IACT,IAAA;AAAA,IACJ,OAAO,EAAa;AAAA,cAEpB,gBAAA,EAAC,GAAD;AAAA,MAAK,OAAM;AAAA,gBACT,gBAAA,EAAC,GAAD,CAAW,CAAA;AAAA,IACR,CAAA;AAAA,EACU,CAAA;AAErB,GAEA,KAAe,EAAS,CAAc"}

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

@@ -0,0 +1,112 @@
+import { useCategoryStore as x, useGlobalCopyStore as I } from "../../common/context/hooks.es.js";
+import { getIncomeData as D, getSpendingData as j } from "../utils/SpendingData.es.js";
+import u from "./SpendingDonut.es.js";
+import f from "./SpendingLegend.es.js";
+import S from "./SpendingTabLabel.es.js";
+import i from "react";
+import { observer as L } from "mobx-react-lite";
+import M from "@mui/material/Stack";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useTheme as w } from "@mui/material/styles";
+import b from "@mui/material/Box";
+import C from "@mui/material/Tab";
+import A from "@mui/material/Tabs";
+var R = () => {
+  const t = w(), { goals: _, spending: a } = I(), { categories: r, dateRangeCategoryTotals: l } = x(), h = i.useMemo(() => [
+    t.palette.chartMono.chartMono5,
+    t.palette.chartMono.chartMono4,
+    t.palette.chartMono.chartMono3,
+    t.palette.chartMono.chartMono2,
+    t.palette.chartMono.chartMono1,
+    t.palette.chartMono.chartMono6
+  ], [t]), [o, g] = i.useState(""), [n, y] = i.useState(0), m = i.useMemo(() => j(r, _, t, l), [r, l]), p = i.useMemo(() => D(r, l, h), [
+    r,
+    l,
+    h
+  ]), v = (s, T) => {
+    y(T), g("");
+  }, c = (s) => {
+    g(o === s ? "" : s);
+  };
+  return /* @__PURE__ */ d(b, {
+    width: "100%",
+    children: [
+      /* @__PURE__ */ d(A, {
+        "aria-label": a.mini_title,
+        onChange: v,
+        sx: { touchAction: "manipulation" },
+        value: n,
+        variant: "fullWidth",
+        children: [/* @__PURE__ */ e(C, {
+          "aria-controls": "spending-tabpanel",
+          id: "spending-tab",
+          label: /* @__PURE__ */ e(S, {
+            amount: m.totalAmount,
+            label: a.spend_tab_title,
+            variant: "mini"
+          }),
+          tabIndex: n === 0 ? 0 : -1
+        }), /* @__PURE__ */ e(C, {
+          "aria-controls": "income-tabpanel",
+          id: "income-tab",
+          label: /* @__PURE__ */ e(S, {
+            amount: p.totalAmount,
+            label: a.income_tab_title,
+            variant: "mini"
+          }),
+          tabIndex: n === 1 ? 0 : -1
+        })]
+      }),
+      /* @__PURE__ */ e(b, {
+        "aria-labelledby": "spending-tab",
+        hidden: n !== 0,
+        id: "spending-tabpanel",
+        role: "tabpanel",
+        children: /* @__PURE__ */ d(M, {
+          direction: "row",
+          gap: 16,
+          justifyContent: "center",
+          p: 24,
+          children: [/* @__PURE__ */ e(u, {
+            data: m,
+            onSelected: c,
+            selectedId: o,
+            totalLabel: a.total_spending
+          }), /* @__PURE__ */ e(f, {
+            data: m,
+            onSelected: c,
+            selectedId: o
+          })]
+        })
+      }),
+      /* @__PURE__ */ e(b, {
+        "aria-labelledby": "income-tab",
+        hidden: n !== 1,
+        id: "income-tabpanel",
+        role: "tabpanel",
+        children: /* @__PURE__ */ d(M, {
+          direction: "row",
+          gap: 16,
+          justifyContent: "center",
+          p: 24,
+          children: [/* @__PURE__ */ e(u, {
+            data: p,
+            isIncome: !0,
+            onSelected: c,
+            selectedId: o,
+            totalLabel: a.total_income
+          }), /* @__PURE__ */ e(f, {
+            data: p,
+            onSelected: c,
+            selectedId: o
+          })]
+        })
+      })
+    ]
+  });
+}, P = L(R);
+export {
+  P as default
+};
+
+//# sourceMappingURL=MiniSpendingChart.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniSpendingChart.es.js","names":[],"sources":["../../../src/spending/components/MiniSpendingChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { useTheme } from '@mui/material/styles'\n\nimport { useCategoryStore, useGlobalCopyStore } from '../../common'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\n\nimport SpendingTabLabel from './SpendingTabLabel'\nimport SpendingDonut from './SpendingDonut'\nimport SpendingLegend from './SpendingLegend'\n\nconst MiniSpendingChart = () => {\n  const theme = useTheme()\n  const { goals: goalsCopy, spending: spendingCopy } = useGlobalCopyStore()\n  const { categories, dateRangeCategoryTotals } = useCategoryStore()\n\n  const incomeColors = React.useMemo(\n    () => [\n      theme.palette.chartMono.chartMono5,\n      theme.palette.chartMono.chartMono4,\n      theme.palette.chartMono.chartMono3,\n      theme.palette.chartMono.chartMono2,\n      theme.palette.chartMono.chartMono1,\n      theme.palette.chartMono.chartMono6,\n    ],\n    [theme],\n  ) as string[]\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(0)\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, goalsCopy, theme, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () => getIncomeData(categories, dateRangeCategoryTotals, incomeColors),\n    [categories, dateRangeCategoryTotals, incomeColors],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string) => {\n    setSelectedId(selectedId === id ? '' : id)\n  }\n\n  return (\n    <Box width=\"100%\">\n      <Tabs\n        aria-label={spendingCopy.mini_title}\n        onChange={handleTabChange}\n        sx={{ touchAction: 'manipulation' }}\n        value={selectedTab}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"spending-tabpanel\"\n          id=\"spending-tab\"\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n              variant=\"mini\"\n            />\n          }\n          tabIndex={selectedTab === 0 ? 0 : -1}\n        />\n        <Tab\n          aria-controls=\"income-tabpanel\"\n          id=\"income-tab\"\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n              variant=\"mini\"\n            />\n          }\n          tabIndex={selectedTab === 1 ? 0 : -1}\n        />\n      </Tabs>\n      <Box\n        aria-labelledby=\"spending-tab\"\n        hidden={selectedTab !== 0}\n        id=\"spending-tabpanel\"\n        role=\"tabpanel\"\n      >\n        <Stack direction=\"row\" gap={16} justifyContent={'center'} p={24}>\n          <SpendingDonut\n            data={spendingData}\n            onSelected={handleSelected}\n            selectedId={selectedId}\n            totalLabel={spendingCopy.total_spending}\n          />\n\n          <SpendingLegend data={spendingData} onSelected={handleSelected} selectedId={selectedId} />\n        </Stack>\n      </Box>\n      <Box\n        aria-labelledby=\"income-tab\"\n        hidden={selectedTab !== 1}\n        id=\"income-tabpanel\"\n        role=\"tabpanel\"\n      >\n        <Stack direction=\"row\" gap={16} justifyContent={'center'} p={24}>\n          <SpendingDonut\n            data={incomeData}\n            isIncome={true}\n            onSelected={handleSelected}\n            selectedId={selectedId}\n            totalLabel={spendingCopy.total_income}\n          />\n\n          <SpendingLegend data={incomeData} onSelected={handleSelected} selectedId={selectedId} />\n        </Stack>\n      </Box>\n    </Box>\n  )\n}\n\nexport default observer(MiniSpendingChart)\n"],"mappings":"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"}

package/dist/spending/components/Spending.es.js

@@ -0,0 +1,123 @@
+import { CategoryGuids as i } from "../../core/constants/Category.es.js";
+import { useAppConfig as E, useCategoryStore as J, useGlobalCopyStore as K, useGlobalUiStore as P, useTransactionStore as Q } from "../../common/context/hooks.es.js";
+import O from "../../common/components/drawer/Drawer.es.js";
+import { exportTransactionsToCSV as X } from "../../core/utils/TransactionUtils.es.js";
+import Y from "../../transactions/components/shared/TransactionList.es.js";
+import Z from "../../transactions/components/shared/TransactionDetails.es.js";
+import { getIncomeData as tt, getSpendingData as et } from "../utils/SpendingData.es.js";
+import G from "./SpendingTabLabel.es.js";
+import N from "./SpendingChart.es.js";
+import s from "react";
+import { observer as ot } from "mobx-react-lite";
+import R from "@mui/material/Stack";
+import { Icon as at } from "@mxenabled/mxui";
+import nt from "@mui/material/Button";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import rt from "@mui/material/Box";
+import k from "@mui/material/Tab";
+import st from "@mui/material/Tabs";
+import { useTheme as it } from "@mui/material";
+var ct = (n) => [
+  n.palette.chartMono.chartMono5,
+  n.palette.chartMono.chartMono4,
+  n.palette.chartMono.chartMono3,
+  n.palette.chartMono.chartMono2,
+  n.palette.chartMono.chartMono1,
+  n.palette.chartMono.chartMono6
+], lt = () => {
+  const n = it(), { is_mobile_webview: A } = E(), { clientConfig: b } = E(), { categories: c, dateRangeCategoryTotals: l } = J(), { goals: B, spending: r, transactions: V } = K(), { displayedDateRange: T, selectedAccountGuids: y } = P(), { setFilter: d, sortedTransactions: g, sortedTransactionsWithSplits: L, tags: j } = Q(), p = b?.master?.deep_link_params?.account_guids, F = b?.master?.deep_link_params?.view, [m, v] = s.useState(""), [u, W] = s.useState(F === "income" ? 1 : 0), [M, w] = s.useState(""), [z, _] = s.useState(!1), f = s.useMemo(() => et(c, B, n, l), [c, l]), I = s.useMemo(() => tt(c, l, ct(n)), [c, l]), h = s.useMemo(() => g.find((t) => t.guid === M), [M, g]), U = (t, a) => {
+    W(a), v("");
+  }, x = (t, a = !1) => {
+    a ? $(t) : v(m === t || t === "0" ? "" : t);
+  }, $ = (t) => {
+    d({
+      accounts: p || y,
+      dateRange: T,
+      custom: (a) => m === "other" ? a.top_level_category_guid === t : a.category_guid === t,
+      showSplits: !0
+    }), _(!0);
+  }, D = (t) => {
+    const a = {
+      accounts: p || y,
+      dateRange: T
+    };
+    if (u === 0) if (t === "other") {
+      const o = f.categoryData.find((S) => S.guid === "other");
+      d({
+        ...a,
+        custom: (S) => !!o?.categoryTotals?.find((H) => H.guid === S.top_level_category_guid)
+      });
+    } else d({
+      ...a,
+      custom: (o) => t ? o.top_level_category_guid === t : o.top_level_category_guid !== i.INCOME && o.category_guid !== i.INCOME && o.top_level_category_guid !== i.INVESTMENTS && o.top_level_category_guid !== i.TRANSFER,
+      showSplits: !!t
+    });
+    else d({
+      ...a,
+      custom: (o) => t ? o.category_guid === t : o.category_guid === i.INCOME || o.top_level_category_guid === i.INCOME
+    });
+    _(!0);
+  }, q = () => {
+    X(L, j);
+  };
+  return /* @__PURE__ */ C(rt, { children: [
+    /* @__PURE__ */ C(st, {
+      onChange: U,
+      value: u,
+      variant: "fullWidth",
+      children: [/* @__PURE__ */ e(k, { label: /* @__PURE__ */ e(G, {
+        amount: f.totalAmount,
+        label: r.spend_tab_title
+      }) }), /* @__PURE__ */ e(k, { label: /* @__PURE__ */ e(G, {
+        amount: I.totalAmount,
+        label: r.income_tab_title
+      }) })]
+    }),
+    u === 0 && /* @__PURE__ */ e(N, {
+      data: f,
+      onSelected: x,
+      onViewTransactions: D,
+      selectedId: m,
+      title: r.spend_tab_title
+    }),
+    u === 1 && /* @__PURE__ */ e(N, {
+      data: I,
+      onSelected: x,
+      onViewTransactions: D,
+      selectedId: m,
+      title: r.income_tab_title
+    }),
+    /* @__PURE__ */ e(O, {
+      ariaLabelClose: r.close_drawer_aria,
+      isOpen: z,
+      onClose: () => _(!1),
+      title: r.transactions_drawer_title,
+      children: /* @__PURE__ */ C(R, { children: [!A && g.length > 0 && /* @__PURE__ */ e(R, {
+        direction: "row",
+        justifyContent: "right",
+        mb: -24,
+        mr: 8,
+        mt: 8,
+        zIndex: 1,
+        children: /* @__PURE__ */ e(nt, {
+          onClick: q,
+          startIcon: /* @__PURE__ */ e(at, { name: "ios_share" }),
+          variant: "text",
+          children: V.export_csv_btn
+        })
+      }), /* @__PURE__ */ e(Y, { onClick: w })] })
+    }),
+    /* @__PURE__ */ e(O, {
+      ariaLabelClose: r.close_drawer_aria,
+      isOpen: !!h,
+      onClose: () => w(""),
+      title: r.transaction_details_drawer_title,
+      children: h && /* @__PURE__ */ e(Z, { transaction: h })
+    })
+  ] });
+}, Et = ot(lt);
+export {
+  Et as default
+};
+
+//# sourceMappingURL=Spending.es.js.map

package/dist/spending/components/Spending.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spending.es.js","names":[],"sources":["../../../src/spending/components/Spending.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { useTheme } from '@mui/material'\nimport type { Theme } from '@mui/system'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { CategoryGuids } from '../../core/constants'\nimport { Transaction } from '../../core'\nimport { exportTransactionsToCSV } from '../../core/utils/TransactionUtils'\n\nimport { TransactionDetails, TransactionList } from '../../transactions'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\nimport SpendingChart from './SpendingChart'\nimport SpendingTabLabel from './SpendingTabLabel'\n\nconst getIncomeColors = (theme: Theme) => {\n  return [\n    theme.palette.chartMono.chartMono5,\n    theme.palette.chartMono.chartMono4,\n    theme.palette.chartMono.chartMono3,\n    theme.palette.chartMono.chartMono2,\n    theme.palette.chartMono.chartMono1,\n    theme.palette.chartMono.chartMono6,\n  ]\n}\n\nconst Spending = () => {\n  const theme = useTheme()\n  const { is_mobile_webview } = useAppConfig()\n\n  const { clientConfig } = useAppConfig()\n  const { categories, dateRangeCategoryTotals } = useCategoryStore()\n\n  const {\n    goals: goalsCopy,\n    spending: spendingCopy,\n    transactions: transactionCopy,\n  } = useGlobalCopyStore()\n  const { displayedDateRange, selectedAccountGuids } = useGlobalUiStore()\n  const {\n    setFilter,\n    sortedTransactions: transactions,\n    sortedTransactionsWithSplits,\n    tags,\n  } = useTransactionStore()\n\n  const accountGuids = clientConfig?.master?.deep_link_params?.account_guids\n  const view = clientConfig?.master?.deep_link_params?.view\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(view === 'income' ? 1 : 0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n  const [transactionsOpen, setTransactionsOpen] = React.useState(false)\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, goalsCopy, theme, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () => getIncomeData(categories, dateRangeCategoryTotals, getIncomeColors(theme)),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string, isSubcategory: boolean = false) => {\n    if (isSubcategory) {\n      handleSelectedSubcategory(id)\n    } else {\n      setSelectedId(selectedId === id || id === '0' ? '' : id)\n    }\n  }\n\n  const handleSelectedSubcategory = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    setFilter({\n      ...transactionFilter,\n      custom: (t: Transaction) =>\n        selectedId === 'other' ? t.top_level_category_guid === id : t.category_guid === id,\n      showSplits: true,\n    })\n\n    setTransactionsOpen(true)\n  }\n\n  const handleViewTransactions = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    if (selectedTab === 0) {\n      // Spending\n      if (id === 'other') {\n        const other = spendingData.categoryData.find((c) => c.guid === 'other')\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            Boolean(other?.categoryTotals?.find((ct) => ct.guid === t.top_level_category_guid)),\n        })\n      } else {\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            id\n              ? t.top_level_category_guid === id\n              : t.top_level_category_guid !== CategoryGuids.INCOME &&\n                t.category_guid !== CategoryGuids.INCOME &&\n                t.top_level_category_guid !== CategoryGuids.INVESTMENTS &&\n                t.top_level_category_guid !== CategoryGuids.TRANSFER,\n          showSplits: Boolean(id),\n        })\n      }\n    } else {\n      // Income\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          id\n            ? t.category_guid === id\n            : t.category_guid === CategoryGuids.INCOME ||\n              t.top_level_category_guid === CategoryGuids.INCOME,\n      })\n    }\n\n    setTransactionsOpen(true)\n  }\n\n  const handleExportToCsv = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n  }\n\n  return (\n    <Box>\n      <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n            />\n          }\n        />\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n            />\n          }\n        />\n      </Tabs>\n      {selectedTab === 0 && (\n        <SpendingChart\n          data={spendingData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.spend_tab_title}\n        />\n      )}\n      {selectedTab === 1 && (\n        <SpendingChart\n          data={incomeData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.income_tab_title}\n        />\n      )}\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={transactionsOpen}\n        onClose={() => setTransactionsOpen(false)}\n        title={spendingCopy.transactions_drawer_title}\n      >\n        <Stack>\n          {!is_mobile_webview && transactions.length > 0 && (\n            <Stack direction=\"row\" justifyContent=\"right\" mb={-24} mr={8} mt={8} zIndex={1}>\n              <Button\n                onClick={handleExportToCsv}\n                startIcon={<Icon name=\"ios_share\" />}\n                variant=\"text\"\n              >\n                {transactionCopy.export_csv_btn}\n              </Button>\n            </Stack>\n          )}\n          <TransactionList onClick={setTransactionGuid} />\n        </Stack>\n      </Drawer>\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={Boolean(transaction)}\n        onClose={() => setTransactionGuid('')}\n        title={spendingCopy.transaction_details_drawer_title}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n    </Box>\n  )\n}\n\nexport default observer(Spending)\n"],"mappings":"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"}