@mx-cartographer/experiences 9.4.1-alpha.al0 → 9.4.1

package/dist/budgets/components/budgetdetails/SubBudgetList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubBudgetList.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/SubBudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../../core'\n\nimport { TransactionList } from '../../../transactions'\n\nimport { SubBudgetZeroState } from '../budgetlist/SubBudgetZeroState'\nimport { SubBudgetRow } from '../budgetlist/SubBudgetRow'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { AddSubBudget } from './AddSubBudget'\nimport { Header } from './Header'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface SubBudgetListProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetList: React.FC<SubBudgetListProps> = observer(({ budget }) => {\n  const { category, subBudgets } = budget\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { deleteBudget, selectedSubBudget, setSelectedSubBudget, updateBudget } = useBudgetsStore()\n  const { filter, setFilter } = useTransactionStore()\n\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n\n  React.useEffect(() => {\n    if (selectedSubBudget) {\n      setAmount(`${selectedSubBudget.amount}`)\n      setFilter({\n        ...filter,\n        custom: (t: Transaction) => t.category_guid === selectedSubBudget.category_guid,\n      })\n    }\n  }, [selectedSubBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedSubBudget) {\n      await updateBudget({\n        ...selectedSubBudget,\n        amount: Number(amount),\n      } as Budget)\n      setIsEditOpen(false)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedSubBudget) {\n      await deleteBudget(selectedSubBudget.guid)\n    }\n    setIsDeleteOpen(false)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setFilter({\n      ...filter,\n      custom: (t: Transaction) =>\n        t.category_guid === budget.category_guid ||\n        t.top_level_category_guid === budget.category_guid,\n    })\n    setSelectedSubBudget(undefined)\n  }\n\n  return (\n    <React.Fragment>\n      <List sx={{ bgcolor: 'background.paper' }}>\n        {subBudgets.length === 0 ? (\n          <SubBudgetZeroState />\n        ) : (\n          subBudgets.map((subBudget) => (\n            <React.Fragment key={subBudget.guid}>\n              <SubBudgetRow budget={subBudget} />\n              <Divider />\n            </React.Fragment>\n          ))\n        )}\n        <AddSubBudget category={category} parentBudget={budget} />\n      </List>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={Boolean(selectedSubBudget)}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        {selectedSubBudget && (\n          <Stack gap={24}>\n            <Header budget={selectedSubBudget} />\n            <TransactionList height=\"100%\" />\n          </Stack>\n        )}\n      </Drawer>\n\n      {selectedSubBudget && (\n        <React.Fragment>\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title_subbudget }}\n            disablePrimaryButton={amount === '' || Number(amount) < 0 || isNaN(Number(amount))}\n            isOpen={isEditOpen}\n            onClose={() => setIsEditOpen(false)}\n            onPrimaryAction={handleUpdateBudget}\n            primaryText={copy.edit_save_button}\n            sx={{\n              '& .MuiStack-root:first-child': {\n                pb: 8,\n              },\n            }}\n          >\n            <BudgetAmount\n              amount={amount}\n              categoryName={selectedSubBudget.category.name}\n              onAmountChanged={setAmount}\n            />\n          </Dialog>\n\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n            isOpen={isDeleteOpen}\n            onClose={() => setIsDeleteOpen(false)}\n            onPrimaryAction={handleDeleteBudget}\n            primaryColor=\"error\"\n            primaryText=\"Delete\"\n            secondaryColor=\"secondary\"\n          >\n            <Text variant=\"subtitle1\">\n              {buildDynamicCopy(copy.delete_description, selectedSubBudget.category.name) as string}\n            </Text>\n          </Dialog>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAa,KAA8C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAClF,QAAM,EAAE,UAAA,GAAU,YAAA,EAAA,IAAe,GAC3B,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,cAAA,GAAc,mBAAA,GAAmB,sBAAA,GAAsB,cAAA,EAAA,IAAiB,EAAgB,GAC1F,EAAE,QAAA,GAAQ,WAAA,EAAA,IAAc,EAAoB,GAE5C,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAK,GACtD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAE;AAE7C,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,MACF,EAAU,GAAG,EAAkB,MAAA,EAAQ,GACvC,EAAU;AAAA,MACR,GAAG;AAAA,MACH,QAAA,CAAS,MAAmB,EAAE,kBAAkB,EAAkB;AAAA,IACpE,CAAC;AAAA,EAEL,GAAG,CAAC,CAAiB,CAAC;AAEtB,QAAM,IAAqB,YAAY;AACrC,IAAI,MACF,MAAM,EAAa;AAAA,MACjB,GAAG;AAAA,MACH,QAAQ,OAAO,CAAM;AAAA,IACvB,CAAW,GACX,EAAc,EAAK;AAAA,EAEvB,GAEM,IAAqB,YAAY;AACrC,IAAI,KACF,MAAM,EAAa,EAAkB,IAAI,GAE3C,EAAgB,EAAK,GACrB,EAAY;AAAA,EACd,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAU;AAAA,MACR,GAAG;AAAA,MACH,QAAA,CAAS,MACP,EAAE,kBAAkB,EAAO,iBAC3B,EAAE,4BAA4B,EAAO;AAAA,IACzC,CAAC,GACD,EAAqB,MAAS;AAAA,EAChC;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,MAAxC,UAAA,CACG,EAAW,WAAW,IACrB,gBAAA,EAAC,GAAD,CAAqB,CAAA,IAErB,EAAW,IAAA,CAAK,MACd,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAc,QAAQ,EAAY,CAAA,GAClC,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAHK,EAAU,IAGf,CACjB,GAEH,gBAAA,EAAC,GAAD;AAAA,QAAwB,UAAA;AAAA,QAAU,cAAc;AAAA,MAAS,CAAA,CACrD;AAAA;IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MAC3B,QAAQ,EAAQ;AAAA,MAChB,SAAS;AAAA,MACT,iBAAA,MAAuB,EAAc,EAAI;AAAA,MACzC,mBAAA,MAAyB,EAAgB,EAAI;AAAA,MAC7C,aAAa,EAAK;AAAA,MAClB,eAAe,EAAK;AAAA,MACpB,OAAO,EAAK;AAAA,MAEX,UAAA,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAZ,UAAA,CACE,gBAAA,EAAC,GAAD,EAAQ,QAAQ,EAAoB,CAAA,GACpC,gBAAA,EAAC,GAAD,EAAiB,QAAO,OAAQ,CAAA,CAC3B;AAAA;IAEH,CAAA;AAAA,IAEP,KACC,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAA6B;AAAA,MACpF,sBAAsB,MAAW,MAAM,OAAO,CAAM,IAAI,KAAK,MAAM,OAAO,CAAM,CAAC;AAAA,MACjF,QAAQ;AAAA,MACR,SAAA,MAAe,EAAc,EAAK;AAAA,MAClC,iBAAiB;AAAA,MACjB,aAAa,EAAK;AAAA,MAClB,IAAI,EACF,gCAAgC,EAC9B,IAAI,EACN,EACF;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,cAAc,EAAkB,SAAS;AAAA,QACzC,iBAAiB;AAAA,MAClB,CAAA;AAAA,IACK,CAAA,GAER,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAa;AAAA,MACpE,QAAQ;AAAA,MACR,SAAA,MAAe,EAAgB,EAAK;AAAA,MACpC,iBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEf,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QACX,UAAA,EAAiB,EAAK,oBAAoB,EAAkB,SAAS,IAAI;AAAA,MACtE,CAAA;AAAA,IACA,CAAA,CACM,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"SubBudgetList.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/SubBudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../../core'\n\nimport { TransactionList } from '../../../transactions'\n\nimport { SubBudgetZeroState } from '../budgetlist/SubBudgetZeroState'\nimport { SubBudgetRow } from '../budgetlist/SubBudgetRow'\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { AddSubBudget } from './AddSubBudget'\nimport { Header } from './Header'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface SubBudgetListProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetList: React.FC<SubBudgetListProps> = observer(({ budget }) => {\n  const { category, subBudgets } = budget\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { deleteBudget, selectedSubBudget, setSelectedSubBudget, updateBudget } = useBudgetsStore()\n  const { filter, setFilter } = useTransactionStore()\n\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n\n  React.useEffect(() => {\n    if (selectedSubBudget) {\n      setAmount(`${selectedSubBudget.amount}`)\n      setFilter({\n        ...filter,\n        custom: (t: Transaction) => t.category_guid === selectedSubBudget.category_guid,\n      })\n    }\n  }, [selectedSubBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedSubBudget) {\n      await updateBudget({\n        ...selectedSubBudget,\n        amount: Number(amount),\n      } as Budget)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedSubBudget) {\n      await deleteBudget(selectedSubBudget.guid)\n    }\n    setIsDeleteOpen(false)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setFilter({\n      ...filter,\n      custom: (t: Transaction) =>\n        t.category_guid === budget.category_guid ||\n        t.top_level_category_guid === budget.category_guid,\n    })\n    setSelectedSubBudget(undefined)\n  }\n\n  return (\n    <React.Fragment>\n      <List sx={{ bgcolor: 'background.paper' }}>\n        {subBudgets.length === 0 ? (\n          <SubBudgetZeroState />\n        ) : (\n          subBudgets.map((subBudget) => (\n            <React.Fragment key={subBudget.guid}>\n              <SubBudgetRow budget={subBudget} />\n              <Divider />\n            </React.Fragment>\n          ))\n        )}\n        <AddSubBudget category={category} parentBudget={budget} />\n      </List>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={Boolean(selectedSubBudget)}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        {selectedSubBudget && (\n          <Stack gap={24}>\n            <Header budget={selectedSubBudget} />\n            <TransactionList height=\"100%\" />\n          </Stack>\n        )}\n      </Drawer>\n\n      {selectedSubBudget && (\n        <React.Fragment>\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n            disablePrimaryButton={Number(amount) <= 0}\n            isOpen={isEditOpen}\n            onClose={() => setIsEditOpen(false)}\n            onPrimaryAction={handleUpdateBudget}\n            primaryText={copy.edit_save_button}\n          >\n            <BudgetAmount\n              amount={amount}\n              categoryName={selectedSubBudget.category.name}\n              onAmountChanged={setAmount}\n            />\n          </Dialog>\n\n          <Dialog\n            copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n            isOpen={isDeleteOpen}\n            onClose={() => setIsDeleteOpen(false)}\n            onPrimaryAction={handleDeleteBudget}\n            primaryColor=\"error\"\n            primaryText=\"Delete\"\n            secondaryColor=\"secondary\"\n          >\n            <Text variant=\"subtitle1\">\n              {buildDynamicCopy(copy.delete_description, selectedSubBudget.category.name) as string}\n            </Text>\n          </Dialog>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAa,KAA8C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAClF,QAAM,EAAE,UAAA,GAAU,YAAA,EAAA,IAAe,GAC3B,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,cAAA,GAAc,mBAAA,GAAmB,sBAAA,GAAsB,cAAA,EAAA,IAAiB,EAAgB,GAC1F,EAAE,QAAA,GAAQ,WAAA,EAAA,IAAc,EAAoB,GAE5C,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAK,GACtD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAE;AAE7C,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,MACF,EAAU,GAAG,EAAkB,MAAA,EAAQ,GACvC,EAAU;AAAA,MACR,GAAG;AAAA,MACH,QAAA,CAAS,MAAmB,EAAE,kBAAkB,EAAkB;AAAA,IACpE,CAAC;AAAA,EAEL,GAAG,CAAC,CAAiB,CAAC;AAEtB,QAAM,IAAqB,YAAY;AACrC,IAAI,KACF,MAAM,EAAa;AAAA,MACjB,GAAG;AAAA,MACH,QAAQ,OAAO,CAAM;AAAA,IACvB,CAAW;AAAA,EAEf,GAEM,IAAqB,YAAY;AACrC,IAAI,KACF,MAAM,EAAa,EAAkB,IAAI,GAE3C,EAAgB,EAAK,GACrB,EAAY;AAAA,EACd,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAU;AAAA,MACR,GAAG;AAAA,MACH,QAAA,CAAS,MACP,EAAE,kBAAkB,EAAO,iBAC3B,EAAE,4BAA4B,EAAO;AAAA,IACzC,CAAC,GACD,EAAqB,MAAS;AAAA,EAChC;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,MAAxC,UAAA,CACG,EAAW,WAAW,IACrB,gBAAA,EAAC,GAAD,CAAqB,CAAA,IAErB,EAAW,IAAA,CAAK,MACd,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAc,QAAQ,EAAY,CAAA,GAClC,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAHK,EAAU,IAGf,CACjB,GAEH,gBAAA,EAAC,GAAD;AAAA,QAAwB,UAAA;AAAA,QAAU,cAAc;AAAA,MAAS,CAAA,CACrD;AAAA;IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MAC3B,QAAQ,EAAQ;AAAA,MAChB,SAAS;AAAA,MACT,iBAAA,MAAuB,EAAc,EAAI;AAAA,MACzC,mBAAA,MAAyB,EAAgB,EAAI;AAAA,MAC7C,aAAa,EAAK;AAAA,MAClB,eAAe,EAAK;AAAA,MACpB,OAAO,EAAK;AAAA,MAEX,UAAA,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAZ,UAAA,CACE,gBAAA,EAAC,GAAD,EAAQ,QAAQ,EAAoB,CAAA,GACpC,gBAAA,EAAC,GAAD,EAAiB,QAAO,OAAQ,CAAA,CAC3B;AAAA;IAEH,CAAA;AAAA,IAEP,KACC,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAmB;AAAA,MAC1E,sBAAsB,OAAO,CAAM,KAAK;AAAA,MACxC,QAAQ;AAAA,MACR,SAAA,MAAe,EAAc,EAAK;AAAA,MAClC,iBAAiB;AAAA,MACjB,aAAa,EAAK;AAAA,MAElB,UAAA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,cAAc,EAAkB,SAAS;AAAA,QACzC,iBAAiB;AAAA,MAClB,CAAA;AAAA,IACK,CAAA,GAER,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAa;AAAA,MACpE,QAAQ;AAAA,MACR,SAAA,MAAe,EAAgB,EAAK;AAAA,MACpC,iBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEf,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QACX,UAAA,EAAiB,EAAK,oBAAoB,EAAkB,SAAS,IAAI;AAAA,MACtE,CAAA;AAAA,IACA,CAAA,CACM,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEpB,CAAC"}

package/dist/budgets/components/budgetlist/BudgetRow.es.js

@@ -1,21 +1,32 @@
 import { formatCurrency as c } from "../../../core/utils/NumberFormatting.es.js";
-import { BudgetDonut as h } from "../shared/BudgetDonut.es.js";
+import h from "../../../common/components/donuts/SingleSegmentDonut.es.js";
 import "react";
 import a from "@mui/material/Stack";
-import { Text as o } from "@mxenabled/mxui";
+import { CategoryIcon as b, Text as o } from "@mxenabled/mxui";
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import y from "@mui/material/ListItem";
-import b from "@mui/material/ListItemButton";
-import v from "@mui/material/ListItemText";
-var R = ({ budget: r, onClick: m }) => {
-  const { amount: d, budgetColors: { background: s, description: p }, category_guid: u, description: l, percentage: i, subBudgets: f, transaction_total: g } = r, n = i > 100;
-  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ e(b, {
+import v from "@mui/material/ListItemButton";
+import x from "@mui/material/ListItemText";
+import C from "@mui/material/ListItemAvatar";
+var _ = ({ budget: r, onClick: m }) => {
+  const { amount: s, budgetColors: { background: d, description: p }, category_guid: l, description: u, percentage: i, subBudgets: f, transaction_total: g } = r, n = i > 100;
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ e(v, {
     onClick: () => m?.(r),
-    children: [/* @__PURE__ */ t(h, {
-      background: s,
-      categoryGuid: u,
-      percentage: i
-    }), /* @__PURE__ */ t(v, {
+    children: [/* @__PURE__ */ t(C, {
+      sx: {
+        mb: -8,
+        mr: 16
+      },
+      children: /* @__PURE__ */ t(h, {
+        color: d,
+        percent: i,
+        size: 40,
+        children: /* @__PURE__ */ t(b, {
+          categoryGuid: l,
+          variant: "basic"
+        })
+      })
+    }), /* @__PURE__ */ t(x, {
       primary: /* @__PURE__ */ e(a, {
         component: "span",
         direction: "row",
@@ -29,7 +40,7 @@ var R = ({ budget: r, onClick: m }) => {
           variant: "body1",
           children: `
                   ${c(g, "0,0")} /
-                  ${c(d, "0,0")}
+                  ${c(s, "0,0")}
                 `
         })]
       }),
@@ -47,14 +58,14 @@ var R = ({ budget: r, onClick: m }) => {
             ...n && { ".MuiListItemButton-root:hover &, .MuiListItemButton-root:active &": { color: "error.dark" } }
           },
           variant: "caption",
-          children: l
+          children: u
         })]
       })
     })]
   }) });
 };
 export {
-  R as BudgetRow
+  _ as BudgetRow
 };
 
 //# sourceMappingURL=BudgetRow.es.js.map

package/dist/budgets/components/budgetlist/BudgetRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BudgetRow.es.js","names":[],"sources":["../../../../src/budgets/components/budgetlist/BudgetRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { type DetailedBudget } from '../../../core'\n\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { BudgetDonut } from '../shared/BudgetDonut'\n\ninterface BudgetRowProps {\n  budget: DetailedBudget\n  onClick?: (budget: DetailedBudget) => void\n}\n\nexport const BudgetRow: React.FC<BudgetRowProps> = ({ budget, onClick }) => {\n  const {\n    amount,\n    budgetColors: { background, description: descriptionColor },\n    category_guid,\n    description,\n    percentage,\n    subBudgets,\n    transaction_total,\n  } = budget\n\n  const overBudget = percentage > 100\n\n  return (\n    <ListItem>\n      <ListItemButton onClick={() => onClick?.(budget)}>\n        <BudgetDonut background={background} categoryGuid={category_guid} percentage={percentage} />\n        <ListItemText\n          primary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text bold={true} variant=\"body1\">\n                {budget.category.name}\n              </Text>\n              <Text fontWeight={400} variant=\"body1\">\n                {`\n                  ${formatCurrency(transaction_total, '0,0')} /\n                  ${formatCurrency(amount, '0,0')}\n                `}\n              </Text>\n            </Stack>\n          }\n          secondary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text variant=\"caption\">{`${subBudgets.length} Sub-budgets`}</Text>\n              <Text\n                bold={overBudget}\n                sx={{\n                  color: descriptionColor,\n                  ...(overBudget && {\n                    '.MuiListItemButton-root:hover &, .MuiListItemButton-root:active &': {\n                      color: 'error.dark',\n                    },\n                  }),\n                }}\n                variant=\"caption\"\n              >\n                {description}\n              </Text>\n            </Stack>\n          }\n        />\n      </ListItemButton>\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAA,CAAuC,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAc;AAC1E,QAAM,EACJ,QAAA,GACA,cAAc,EAAE,YAAA,GAAY,aAAa,EAAA,GACzC,eAAA,GACA,aAAA,GACA,YAAA,GACA,YAAA,GACA,mBAAA,EAAA,IACE,GAEE,IAAa,IAAa;AAEhC,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,IAAU,CAAM;AAAA,IAA/C,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAyB,YAAA;AAAA,MAAY,cAAc;AAAA,MAA2B,YAAA;AAAA,IAAa,CAAA,GAC3F,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAvD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAO,SAAS;AAAA,QACb,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,YAAY;AAAA,UAAK,SAAQ;AAAA,UAC5B,UAAA;AAAA,oBACG,EAAe,GAAmB,KAAK,CAAA;AAAA,oBACvC,EAAe,GAAQ,KAAK,CAAA;AAAA;AAAA,QAE5B,CAAA,CACD;AAAA;MAET,WACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAvD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAAW,UAAA,GAAG,EAAW,MAAA;AAAA,QAA2B,CAAA,GAClE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,IAAI;AAAA,YACF,OAAO;AAAA,YACP,GAAI,KAAc,EAChB,qEAAqE,EACnE,OAAO,aACT,EACF;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA;AAAA,QACG,CAAA,CACD;AAAA;IAEV,CAAA,CACa;AAAA,EACR,CAAA,EAAA,CAAA;AAEd"}
+{"version":3,"file":"BudgetRow.es.js","names":[],"sources":["../../../../src/budgets/components/budgetlist/BudgetRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut } from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface BudgetRowProps {\n  budget: DetailedBudget\n  onClick?: (budget: DetailedBudget) => void\n}\n\nexport const BudgetRow: React.FC<BudgetRowProps> = ({ budget, onClick }) => {\n  const {\n    amount,\n    budgetColors: { background, description: descriptionColor },\n    category_guid,\n    description,\n    percentage,\n    subBudgets,\n    transaction_total,\n  } = budget\n\n  const overBudget = percentage > 100\n\n  return (\n    <ListItem>\n      <ListItemButton onClick={() => onClick?.(budget)}>\n        <ListItemAvatar sx={{ mb: -8, mr: 16 }}>\n          <SingleSegmentDonut color={background} percent={percentage} size={40}>\n            <CategoryIcon categoryGuid={category_guid} variant=\"basic\" />\n          </SingleSegmentDonut>\n        </ListItemAvatar>\n        <ListItemText\n          primary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text bold={true} variant=\"body1\">\n                {budget.category.name}\n              </Text>\n              <Text fontWeight={400} variant=\"body1\">\n                {`\n                  ${formatCurrency(transaction_total, '0,0')} /\n                  ${formatCurrency(amount, '0,0')}\n                `}\n              </Text>\n            </Stack>\n          }\n          secondary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text variant=\"caption\">{`${subBudgets.length} Sub-budgets`}</Text>\n              <Text\n                bold={overBudget}\n                sx={{\n                  color: descriptionColor,\n                  ...(overBudget && {\n                    '.MuiListItemButton-root:hover &, .MuiListItemButton-root:active &': {\n                      color: 'error.dark',\n                    },\n                  }),\n                }}\n                variant=\"caption\"\n              >\n                {description}\n              </Text>\n            </Stack>\n          }\n        />\n      </ListItemButton>\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAA,CAAuC,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAc;AAC1E,QAAM,EACJ,QAAA,GACA,cAAc,EAAE,YAAA,GAAY,aAAa,EAAA,GACzC,eAAA,GACA,aAAA,GACA,YAAA,GACA,YAAA,GACA,mBAAA,EAAA,IACE,GAEE,IAAa,IAAa;AAEhC,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,IAAU,CAAM;AAAA,IAA/C,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MACnC,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAoB,OAAO;AAAA,QAAY,SAAS;AAAA,QAAY,MAAM;AAAA,QAChE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAe,SAAQ;AAAA,QAAS,CAAA;AAAA,MAC1C,CAAA;AAAA,IACN,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAvD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAO,SAAS;AAAA,QACb,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,YAAY;AAAA,UAAK,SAAQ;AAAA,UAC5B,UAAA;AAAA,oBACG,EAAe,GAAmB,KAAK,CAAA;AAAA,oBACvC,EAAe,GAAQ,KAAK,CAAA;AAAA;AAAA,QAE5B,CAAA,CACD;AAAA;MAET,WACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAvD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAAW,UAAA,GAAG,EAAW,MAAA;AAAA,QAA2B,CAAA,GAClE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,IAAI;AAAA,YACF,OAAO;AAAA,YACP,GAAI,KAAc,EAChB,qEAAqE,EACnE,OAAO,aACT,EACF;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA;AAAA,QACG,CAAA,CACD;AAAA;IAEV,CAAA,CACa;AAAA,EACR,CAAA,EAAA,CAAA;AAEd"}

package/dist/budgets/components/budgetlist/SubBudgetRow.es.js

@@ -1,19 +1,62 @@
-import { useBudgetsStore as e } from "../../../common/context/hooks.es.js";
-import { SubBudgetCategory as m } from "../shared/SubBudgetCategory.es.js";
+import { useBudgetsStore as d } from "../../../common/context/hooks.es.js";
+import { formatCurrency as o } from "../../../core/utils/NumberFormatting.es.js";
+import f from "../../../common/components/donuts/SingleSegmentDonut.es.js";
 import "react";
-import { observer as i } from "mobx-react-lite";
-import { jsx as r } from "react/jsx-runtime";
-import u from "@mui/material/ListItem";
-import p from "@mui/material/ListItemButton";
-var l = i(({ budget: t }) => {
-  const { setSelectedSubBudget: o } = e();
-  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(p, {
-    onClick: () => o(t),
-    children: /* @__PURE__ */ r(m, { budget: t })
+import { observer as u } from "mobx-react-lite";
+import e from "@mui/material/Stack";
+import { CategoryIcon as l, Text as n } from "@mxenabled/mxui";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import y from "@mui/material/ListItem";
+import b from "@mui/material/ListItemButton";
+import h from "@mui/material/ListItemText";
+import S from "@mui/material/ListItemAvatar";
+var z = u(({ budget: r }) => {
+  const { amount: i, budgetColors: { background: m }, category: c, percentage: a, transaction_total: s } = r, { setSelectedSubBudget: p } = d();
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ g(b, {
+    onClick: () => p(r),
+    children: [/* @__PURE__ */ t(S, {
+      sx: {
+        mb: -8,
+        mr: 16
+      },
+      children: /* @__PURE__ */ t(f, {
+        color: m,
+        percent: a,
+        size: 40,
+        children: /* @__PURE__ */ t(l, {
+          categoryGuid: c.parent_guid,
+          variant: "basic"
+        })
+      })
+    }), /* @__PURE__ */ t(h, {
+      primary: /* @__PURE__ */ t(e, {
+        component: "span",
+        direction: "row",
+        justifyContent: "space-between",
+        children: /* @__PURE__ */ t(n, {
+          bold: !0,
+          variant: "body1",
+          children: r.category.name
+        })
+      }),
+      secondary: /* @__PURE__ */ t(e, {
+        component: "span",
+        direction: "row",
+        justifyContent: "space-between",
+        children: /* @__PURE__ */ t(n, {
+          fontWeight: 400,
+          variant: "body1",
+          children: `
+                  ${o(s, "0,0")} / 
+                  ${o(i, "0,0")}
+                `
+        })
+      })
+    })]
   }) });
 });
 export {
-  l as SubBudgetRow
+  z as SubBudgetRow
 };
 
 //# sourceMappingURL=SubBudgetRow.es.js.map

package/dist/budgets/components/budgetlist/SubBudgetRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubBudgetRow.es.js","names":[],"sources":["../../../../src/budgets/components/budgetlist/SubBudgetRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\n\nimport { useBudgetsStore } from '../../../common'\nimport { SubBudgetCategory } from '../shared/SubBudgetCategory'\nimport { type DetailedBudget } from '../../../core'\n\ninterface SubBudgetRowProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetRow: React.FC<SubBudgetRowProps> = observer(({ budget }) => {\n  const { setSelectedSubBudget } = useBudgetsStore()\n\n  return (\n    <ListItem>\n      <ListItemButton onClick={() => setSelectedSubBudget(budget)}>\n        <SubBudgetCategory budget={budget} />\n      </ListItemButton>\n    </ListItem>\n  )\n})\n"],"mappings":";;;;;;;AAcA,IAAa,IAA4C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAChF,QAAM,EAAE,sBAAA,EAAA,IAAyB,EAAgB;AAEjD,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAqB,CAAM;AAAA,IACxD,UAAA,gBAAA,EAAC,GAAD,EAA2B,QAAA,EAAS,CAAA;AAAA,EACtB,CAAA,EACR,CAAA;AAEd,CAAC"}
+{"version":3,"file":"SubBudgetRow.es.js","names":[],"sources":["../../../../src/budgets/components/budgetlist/SubBudgetRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut, useBudgetsStore } from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface SubBudgetRowProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetRow: React.FC<SubBudgetRowProps> = observer(({ budget }) => {\n  const {\n    amount,\n    budgetColors: { background },\n    category,\n    percentage,\n    transaction_total,\n  } = budget\n\n  const { setSelectedSubBudget } = useBudgetsStore()\n\n  return (\n    <ListItem>\n      <ListItemButton onClick={() => setSelectedSubBudget(budget)}>\n        <ListItemAvatar sx={{ mb: -8, mr: 16 }}>\n          <SingleSegmentDonut color={background} percent={percentage} size={40}>\n            <CategoryIcon categoryGuid={category.parent_guid} variant=\"basic\" />\n          </SingleSegmentDonut>\n        </ListItemAvatar>\n        <ListItemText\n          primary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text bold={true} variant=\"body1\">\n                {budget.category.name}\n              </Text>\n            </Stack>\n          }\n          secondary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text fontWeight={400} variant=\"body1\">\n                {`\n                  ${formatCurrency(transaction_total, '0,0')} / \n                  ${formatCurrency(amount, '0,0')}\n                `}\n              </Text>\n            </Stack>\n          }\n        />\n      </ListItemButton>\n    </ListItem>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,IAA4C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAChF,QAAM,EACJ,QAAA,GACA,cAAc,EAAE,YAAA,EAAA,GAChB,UAAA,GACA,YAAA,GACA,mBAAA,EAAA,IACE,GAEE,EAAE,sBAAA,EAAA,IAAyB,EAAgB;AAEjD,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAqB,CAAM;AAAA,IAA1D,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MACnC,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAoB,OAAO;AAAA,QAAY,SAAS;AAAA,QAAY,MAAM;AAAA,QAChE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc,EAAS;AAAA,UAAa,SAAQ;AAAA,QAAS,CAAA;AAAA,MACjD,CAAA;AAAA,IACN,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QACrD,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAO,SAAS;AAAA,QACb,CAAA;AAAA,MACD,CAAA;AAAA,MAET,WACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QACrD,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAM,YAAY;AAAA,UAAK,SAAQ;AAAA,UAC5B,UAAA;AAAA,oBACG,EAAe,GAAmB,KAAK,CAAA;AAAA,oBACvC,EAAe,GAAQ,KAAK,CAAA;AAAA;AAAA,QAE5B,CAAA;AAAA,MACD,CAAA;AAAA,IAEV,CAAA,CACa;AAAA,EACR,CAAA,EAAA,CAAA;AAEd,CAAC"}

package/dist/budgets/components/shared/BudgetAmount.es.js

@@ -1,26 +1,27 @@
-import { buildDynamicCopy as i } from "../../../core/utils/Localization.es.js";
-import { useGlobalCopyStore as u } from "../../../common/context/hooks.es.js";
-import n from "../../../common/components/CurrencyInput.es.js";
+import { buildDynamicCopy as r } from "../../../core/utils/Localization.es.js";
+import { useBudgetsStore as a, useGlobalCopyStore as l, useRecurringTransactionsStore as f } from "../../../common/context/hooks.es.js";
+import { formatCurrency as y } from "../../../core/utils/NumberFormatting.es.js";
+import b from "../../../common/components/CurrencyInput.es.js";
 import "react";
-import t from "@mui/material/Stack";
-import { Text as a } from "@mxenabled/mxui";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-var h = ({ amount: m, categoryName: e, onAmountChanged: p }) => {
-  const { budgets: r } = u();
-  return /* @__PURE__ */ d(t, {
+import e from "@mui/material/Stack";
+import { Text as m } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var j = ({ amount: i, categoryName: u, onAmountChanged: c }) => {
+  const { budgets: o } = l(), { totalBudgeted: d } = a(), { incomeTotal: p } = f(), s = p - d;
+  return /* @__PURE__ */ n(e, {
     gap: 16,
-    children: [/* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(a, { children: i(r.add_description_bottom, e) }) }), /* @__PURE__ */ o(n, {
-      amount: m,
+    children: [/* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(m, { children: r(o.add_description_top, y(s, "0,0")) }), /* @__PURE__ */ t(m, { children: r(o.add_description_bottom, u) })] }), /* @__PURE__ */ t(b, {
+      amount: i,
       autoFocus: !0,
-      label: r.add_label,
+      label: o.add_label,
       minAmount: 0,
-      setAmount: p,
+      setAmount: c,
       sx: { ".MuiTypography-body1": { p: 0 } }
     })]
   });
 };
 export {
-  h as BudgetAmount
+  j as BudgetAmount
 };
 
 //# sourceMappingURL=BudgetAmount.es.js.map

package/dist/budgets/components/shared/BudgetAmount.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BudgetAmount.es.js","names":[],"sources":["../../../../src/budgets/components/shared/BudgetAmount.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\nimport { CurrencyInput, useGlobalCopyStore } from '../../../common'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface BudgetAmountProps {\n  amount: string\n  categoryName: string\n  onAmountChanged: (amount: string) => void\n}\n\nexport const BudgetAmount: React.FC<BudgetAmountProps> = ({\n  amount,\n  categoryName,\n  onAmountChanged,\n}) => {\n  const { budgets: copy } = useGlobalCopyStore()\n\n  return (\n    <Stack gap={16}>\n      <Stack>\n        <Text>{buildDynamicCopy(copy.add_description_bottom, categoryName) as string}</Text>\n      </Stack>\n      <CurrencyInput\n        amount={amount}\n        autoFocus={true}\n        label={copy.add_label}\n        minAmount={0}\n        setAmount={onAmountChanged}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAaA,IAAa,IAAA,CAA6C,EACxD,QAAA,GACA,cAAA,GACA,iBAAA,EAAA,MACI;AACJ,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB;AAE7C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAZ,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAiB,EAAK,wBAAwB,CAAY,EAAkB,CAAA,EAC9E,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACR,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA,CACI;AAAA;AAEX"}
+{"version":3,"file":"BudgetAmount.es.js","names":[],"sources":["../../../../src/budgets/components/shared/BudgetAmount.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\nimport {\n  CurrencyInput,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n} from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface BudgetAmountProps {\n  amount: string\n  categoryName: string\n  onAmountChanged: (amount: string) => void\n}\n\nexport const BudgetAmount: React.FC<BudgetAmountProps> = ({\n  amount,\n  categoryName,\n  onAmountChanged,\n}) => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n\n  const unbudgetedIncome = incomeTotal - totalBudgeted\n\n  return (\n    <Stack gap={16}>\n      <Stack>\n        <Text>\n          {\n            buildDynamicCopy(\n              copy.add_description_top,\n              formatCurrency(unbudgetedIncome, '0,0'),\n            ) as string\n          }\n        </Text>\n        <Text>{buildDynamicCopy(copy.add_description_bottom, categoryName) as string}</Text>\n      </Stack>\n      <CurrencyInput\n        amount={amount}\n        autoFocus={true}\n        label={copy.add_label}\n        minAmount={0}\n        setAmount={onAmountChanged}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAmBA,IAAa,IAAA,CAA6C,EACxD,QAAA,GACA,cAAA,GACA,iBAAA,EAAA,MACI;AACJ,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAEhD,IAAmB,IAAc;AAEvC,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAZ,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAEI,EACE,EAAK,qBACL,EAAe,GAAkB,KAAK,CACxC,EAEE,CAAA,GACN,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAiB,EAAK,wBAAwB,CAAY,EAAkB,CAAA,CAC9E,EAAA,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACR,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA,CACI;AAAA;AAEX"}

package/dist/core/stores/BudgetsStore.d.ts

@@ -36,9 +36,7 @@ export declare class BudgetsStore {
         data: Budget[];
         isSuccess: boolean;
     }>;
-    updateBudget: (budget: Budget) => Promise<{
-        isSuccess: boolean;
-    }>;
+    updateBudget: (budget: Budget) => Promise<void>;
     getMerchantBudgetByMerchantGuid: (merchantGuid: string) => MerchantBudget | undefined;
     setMerchantBudgets: (merchantBudgets: MerchantBudget[]) => void;
     addMerchantBudget: (merchantGuid: string, amount: number) => Promise<{

package/dist/core/stores/BudgetsStore.es.js

@@ -1,18 +1,18 @@
-import { CategoryGuids as u } from "../constants/Category.es.js";
-import { BudgetsApi as n } from "../api/BudgetsApi.es.js";
-import { upsertByGuid as c } from "../utils/upsertByGuid.es.js";
-import { augmentBudgets as h, findBudget as p, findSubBudget as f } from "../utils/BudgetUtil.es.js";
-import { endOfMonth as S } from "date-fns/endOfMonth";
-import { startOfMonth as b } from "date-fns/startOfMonth";
-import { startOfToday as l } from "date-fns/startOfToday";
-import { makeAutoObservable as m, reaction as y, runInAction as i } from "mobx";
-var C = class {
-  api = new n("/", "");
+import { CategoryGuids as i } from "../constants/Category.es.js";
+import { BudgetsApi as o } from "../api/BudgetsApi.es.js";
+import { upsertByGuid as u } from "../utils/upsertByGuid.es.js";
+import { augmentBudgets as g, findBudget as h, findSubBudget as l } from "../utils/BudgetUtil.es.js";
+import { endOfMonth as B } from "date-fns/endOfMonth";
+import { startOfMonth as p } from "date-fns/startOfMonth";
+import { startOfToday as n } from "date-fns/startOfToday";
+import { makeAutoObservable as b, reaction as S, runInAction as d } from "mobx";
+var _ = class {
+  api = new o("/", "");
   globalStore;
   alert = "";
   dateRange = {
-    start: b(l()),
-    end: S(l())
+    start: p(n()),
+    end: B(n())
   };
   budgets = [];
   selectedBudget;
@@ -21,23 +21,23 @@ var C = class {
   theme = {};
   merchantBudgets = [];
   constructor(t) {
-    this.globalStore = t, this.api = new n(t.endpoint, t.sessionToken, t.onError), m(this);
+    this.globalStore = t, this.api = new o(t.endpoint, t.sessionToken, t.onError), b(this);
   }
   loadBudgetData = async () => {
-    this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), y(() => this.detailedBudgets, (t) => {
+    this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), S(() => this.detailedBudgets, (t) => {
       if (t) {
         const e = this.selectedBudget;
-        e && (this.selectedBudget = p(t, e.guid));
+        e && (this.selectedBudget = h(t, e.guid));
         const r = this.selectedSubBudget;
-        r && r.parent_guid && (this.selectedSubBudget = f(t, r.guid, r.parent_guid));
+        r && r.parent_guid && (this.selectedSubBudget = l(t, r.guid, r.parent_guid));
       }
     });
   };
   get detailedBudgets() {
-    return h(this.budgets.filter((t) => t.category_guid !== u.INCOME && t.category_guid !== u.TRANSFER && t.category_guid !== u.INVESTMENTS), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
+    return g(this.budgets.filter((t) => t.category_guid !== i.INCOME && t.category_guid !== i.TRANSFER && t.category_guid !== i.INVESTMENTS), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
   }
   get incomeBudget() {
-    return h(this.budgets.filter((t) => !t.parent_guid), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).reduce((t, e) => e.category_guid !== u.INCOME ? t : !t || e.percentage > t.percentage ? e : t, void 0)?.amount;
+    return g(this.budgets.filter((t) => !t.parent_guid), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).reduce((t, e) => e.category_guid !== i.INCOME ? t : !t || e.percentage > t.percentage ? e : t, void 0)?.amount;
   }
   get unbudgetedCategories() {
     return this.globalStore.categoryStore.spendCategories.filter((t) => !this.detailedBudgets.find((e) => e.category_guid === t.guid));
@@ -48,8 +48,8 @@ var C = class {
   addBudget = async (t, e, r = null) => {
     try {
       const s = await this.api.addBudget(t, e, r);
-      i(() => {
-        this.budgets = c(this.budgets, s);
+      d(() => {
+        this.budgets = u(this.budgets, s);
       });
     } catch (s) {
       console.error("Error adding budget:", s), this.globalStore.captureException(s, { store: "BudgetsStore" });
@@ -57,18 +57,10 @@ var C = class {
   };
   deleteBudget = async (t) => {
     try {
-      const e = this.detailedBudgets.find((d) => d.guid === t), r = /* @__PURE__ */ new Set();
-      this.budgets.forEach((d) => {
-        d.parent_guid === t && r.add(d.guid);
-      }), e?.subBudgets && e.subBudgets.forEach((d) => {
-        r.add(d.guid);
+      await this.api.deleteBudget(t), d(() => {
+        const e = this.budgets.findIndex((r) => r.guid === t);
+        e >= 0 && this.budgets.splice(e, 1);
       });
-      const s = [t, ...Array.from(r)], a = await Promise.allSettled(s.map((d) => this.api.deleteBudget(d))), o = new Set(s.filter((d, B) => a[B].status === "fulfilled"));
-      i(() => {
-        this.budgets = this.budgets.filter((d) => !o.has(d.guid));
-      });
-      const g = a.find((d) => d.status === "rejected");
-      if (g) throw g.reason;
     } catch (e) {
       console.error("Error deleting budget:", e), this.globalStore.captureException(e, { store: "BudgetsStore" });
     }
@@ -114,12 +106,12 @@ var C = class {
   updateBudget = async (t) => {
     try {
       const e = await this.api.updateBudget(t);
-      return i(() => {
+      d(() => {
         const r = this.budgets.findIndex((s) => s.guid === t.guid);
         r >= 0 && (this.budgets[r] = e);
-      }), { isSuccess: !0 };
+      });
     } catch (e) {
-      return console.error("Error updating budget:", e), this.globalStore.captureException(e, { store: "BudgetsStore" }), { isSuccess: !1 };
+      console.error("Error updating budget:", e), this.globalStore.captureException(e, { store: "BudgetsStore" });
     }
   };
   getMerchantBudgetByMerchantGuid = (t) => this.merchantBudgets.find((e) => e?.merchant_guid === t);
@@ -129,8 +121,8 @@ var C = class {
   addMerchantBudget = async (t, e) => {
     try {
       const r = await this.api.addMerchantBudget(t, e);
-      return i(() => {
-        this.merchantBudgets = c(this.merchantBudgets, r);
+      return d(() => {
+        this.merchantBudgets = u(this.merchantBudgets, r);
       }), { isSuccess: !0 };
     } catch (r) {
       return console.error("Error adding merchant budget:", r), this.globalStore.captureException(r, { store: "BudgetsStore" }), { isSuccess: !1 };
@@ -139,8 +131,8 @@ var C = class {
   updateMerchantBudget = async (t) => {
     try {
       const { guid: e, amount: r } = t, s = await this.api.updateMerchantBudget(e, r);
-      return i(() => {
-        const a = this.merchantBudgets.findIndex((o) => o.guid === t.guid);
+      return d(() => {
+        const a = this.merchantBudgets.findIndex((c) => c.guid === t.guid);
         a >= 0 && (this.merchantBudgets[a] = s);
       }), { isSuccess: !0 };
     } catch (e) {
@@ -149,7 +141,7 @@ var C = class {
   };
   deleteMerchantBudget = async (t) => {
     try {
-      return await this.api.deleteMerchantBudget(t), i(() => {
+      return await this.api.deleteMerchantBudget(t), d(() => {
         this.merchantBudgets = this.merchantBudgets.filter((e) => e.guid !== t);
       }), { isSuccess: !0 };
     } catch (e) {
@@ -158,7 +150,7 @@ var C = class {
   };
 };
 export {
-  C as BudgetsStore
+  _ as BudgetsStore
 };
 
 //# sourceMappingURL=BudgetsStore.es.js.map

package/dist/core/stores/BudgetsStore.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { upsertByGuid } from '../utils/upsertByGuid'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n  Budget,\n  Category,\n  DateRange,\n  DetailedBudget,\n  DetailedCategory,\n  MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n  api: BudgetsApi = new BudgetsApi('/', '')\n\n  globalStore: GlobalStore\n\n  alert: string = ''\n  dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n  budgets: Budget[] = []\n  selectedBudget: DetailedBudget | undefined\n  selectedSubBudget: DetailedBudget | undefined\n  isDataLoaded = false\n  theme = {} as Theme\n  merchantBudgets: MerchantBudget[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  loadBudgetData = async () => {\n    if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n      await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n    }\n    await this.loadBudgets()\n\n    /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n    reaction(\n      () => this.detailedBudgets,\n      (detailedBudgets) => {\n        if (detailedBudgets) {\n          const budget = this.selectedBudget\n          if (budget) {\n            this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n          }\n\n          const subBudget = this.selectedSubBudget\n          if (subBudget && subBudget.parent_guid) {\n            this.selectedSubBudget = findSubBudget(\n              detailedBudgets,\n              subBudget.guid,\n              subBudget.parent_guid,\n            )\n          }\n        }\n      },\n    )\n  }\n\n  get detailedBudgets(): DetailedBudget[] {\n    return augmentBudgets(\n      this.budgets.filter(\n        (budget: Budget) =>\n          budget.category_guid !== CategoryGuids.INCOME &&\n          budget.category_guid !== CategoryGuids.TRANSFER &&\n          budget.category_guid !== CategoryGuids.INVESTMENTS,\n      ),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    ).sort((a, b) => {\n      if (a.percentage > b.percentage) return -1\n      if (a.percentage < b.percentage) return 1\n      return 0\n    })\n  }\n\n  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n  get incomeBudget(): number | undefined {\n    const filteredBudgets = augmentBudgets(\n      this.budgets.filter((budget: Budget) => !budget.parent_guid),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    )\n\n    const incomeBudget = filteredBudgets.reduce(\n      (acc, curr) => {\n        if (curr.category_guid !== CategoryGuids.INCOME) return acc\n        if (!acc || curr.percentage > acc.percentage) return curr\n        return acc\n      },\n      undefined as DetailedBudget | undefined,\n    )\n\n    return incomeBudget?.amount\n  }\n\n  get unbudgetedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.spendCategories.filter(\n      (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n    )\n  }\n\n  get totalBudgeted(): number {\n    return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n  }\n\n  addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n    try {\n      const budget = await this.api.addBudget(category, amount, parentGuid)\n      runInAction(() => {\n        this.budgets = upsertByGuid(this.budgets, budget)\n      })\n    } catch (error) {\n      console.error('Error adding budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  deleteBudget = async (guid: string) => {\n    try {\n      const detailedParent = this.detailedBudgets.find((b) => b.guid === guid)\n      const subBudgetGuids = new Set<string>()\n\n      this.budgets.forEach((b) => {\n        if (b.parent_guid === guid) {\n          subBudgetGuids.add(b.guid)\n        }\n      })\n\n      if (detailedParent?.subBudgets) {\n        detailedParent.subBudgets.forEach((sb) => {\n          subBudgetGuids.add(sb.guid)\n        })\n      }\n\n      const allGuidsToDelete = [guid, ...Array.from(subBudgetGuids)]\n\n      const results = await Promise.allSettled(\n        allGuidsToDelete.map((id) => this.api.deleteBudget(id)),\n      )\n      const deleted = new Set(allGuidsToDelete.filter((_, i) => results[i].status === 'fulfilled'))\n\n      runInAction(() => {\n        this.budgets = this.budgets.filter((budget) => !deleted.has(budget.guid))\n      })\n\n      const firstRejection = results.find(\n        (r): r is PromiseRejectedResult => r.status === 'rejected',\n      )\n      if (firstRejection) {\n        throw firstRejection.reason\n      }\n    } catch (error) {\n      console.error('Error deleting budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  loadBudgets = async () => {\n    try {\n      const budgets = await this.api.getBudgets()\n      this.setBudgets(budgets)\n    } catch (error) {\n      console.error('Error occurred while loading budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      throw error\n    }\n  }\n\n  setAlert = (alert: string) => (this.alert = alert)\n\n  setBudgets = (budgets: Budget[]) => {\n    this.budgets = budgets\n    this.isDataLoaded = true\n  }\n\n  setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n  setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n  setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n  setTheme = (theme: Theme) => (this.theme = theme)\n\n  /**\n   * Recalculate budget by using the average amount from top-level categories\n   * @param categories Detailed categories\n   */\n  recalculateBudgets = async (categories: DetailedCategory[]) => {\n    try {\n      for (const category of categories) {\n        const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n        if (budget) {\n          await this.api.updateBudget({\n            ...budget,\n            amount: category.totalAverageAmount,\n          })\n        } else {\n          await this.api.addBudget(category, category.totalAverageAmount)\n        }\n      }\n      const budgetsToDelete = this.budgets.filter(\n        (budget) => !categories.find((c) => c.guid === budget.category_guid),\n      )\n\n      for (const budgetToDelete of budgetsToDelete) {\n        await this.api.deleteBudget(budgetToDelete.guid)\n      }\n\n      await this.loadBudgets()\n\n      return { data: this.budgets, isSuccess: true }\n    } catch (error) {\n      console.error('Error recalculating budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { data: [], isSuccess: false }\n    }\n  }\n\n  updateBudget = async (budget: Budget): Promise<{ isSuccess: boolean }> => {\n    try {\n      const updatedBudget = await this.api.updateBudget(budget)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = updatedBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n    return this.merchantBudgets.find(\n      (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n    )\n  }\n\n  setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n    this.merchantBudgets = merchantBudgets\n  }\n\n  addMerchantBudget = async (merchantGuid: string, amount: number) => {\n    try {\n      const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n      runInAction(() => {\n        this.merchantBudgets = upsertByGuid(this.merchantBudgets, newMerchantBudget)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error adding merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n    try {\n      const { guid: merchantBudgetGuid, amount } = merchantBudget\n      const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = updatedMerchantBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n    try {\n      await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n      runInAction(() => {\n        this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error deleting merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { upsertByGuid } from '../utils/upsertByGuid'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n  Budget,\n  Category,\n  DateRange,\n  DetailedBudget,\n  DetailedCategory,\n  MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n  api: BudgetsApi = new BudgetsApi('/', '')\n\n  globalStore: GlobalStore\n\n  alert: string = ''\n  dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n  budgets: Budget[] = []\n  selectedBudget: DetailedBudget | undefined\n  selectedSubBudget: DetailedBudget | undefined\n  isDataLoaded = false\n  theme = {} as Theme\n  merchantBudgets: MerchantBudget[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  loadBudgetData = async () => {\n    if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n      await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n    }\n    await this.loadBudgets()\n\n    /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n    reaction(\n      () => this.detailedBudgets,\n      (detailedBudgets) => {\n        if (detailedBudgets) {\n          const budget = this.selectedBudget\n          if (budget) {\n            this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n          }\n\n          const subBudget = this.selectedSubBudget\n          if (subBudget && subBudget.parent_guid) {\n            this.selectedSubBudget = findSubBudget(\n              detailedBudgets,\n              subBudget.guid,\n              subBudget.parent_guid,\n            )\n          }\n        }\n      },\n    )\n  }\n\n  get detailedBudgets(): DetailedBudget[] {\n    return augmentBudgets(\n      this.budgets.filter(\n        (budget: Budget) =>\n          budget.category_guid !== CategoryGuids.INCOME &&\n          budget.category_guid !== CategoryGuids.TRANSFER &&\n          budget.category_guid !== CategoryGuids.INVESTMENTS,\n      ),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    ).sort((a, b) => {\n      if (a.percentage > b.percentage) return -1\n      if (a.percentage < b.percentage) return 1\n      return 0\n    })\n  }\n\n  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n  get incomeBudget(): number | undefined {\n    const filteredBudgets = augmentBudgets(\n      this.budgets.filter((budget: Budget) => !budget.parent_guid),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    )\n\n    const incomeBudget = filteredBudgets.reduce(\n      (acc, curr) => {\n        if (curr.category_guid !== CategoryGuids.INCOME) return acc\n        if (!acc || curr.percentage > acc.percentage) return curr\n        return acc\n      },\n      undefined as DetailedBudget | undefined,\n    )\n\n    return incomeBudget?.amount\n  }\n\n  get unbudgetedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.spendCategories.filter(\n      (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n    )\n  }\n\n  get totalBudgeted(): number {\n    return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n  }\n\n  addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n    try {\n      const budget = await this.api.addBudget(category, amount, parentGuid)\n      runInAction(() => {\n        this.budgets = upsertByGuid(this.budgets, budget)\n      })\n    } catch (error) {\n      console.error('Error adding budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  deleteBudget = async (guid: string) => {\n    try {\n      await this.api.deleteBudget(guid)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((budget) => budget.guid === guid)\n        if (index >= 0) {\n          this.budgets.splice(index, 1)\n        }\n      })\n    } catch (error) {\n      console.error('Error deleting budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  loadBudgets = async () => {\n    try {\n      const budgets = await this.api.getBudgets()\n      this.setBudgets(budgets)\n    } catch (error) {\n      console.error('Error occurred while loading budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      throw error\n    }\n  }\n\n  setAlert = (alert: string) => (this.alert = alert)\n\n  setBudgets = (budgets: Budget[]) => {\n    this.budgets = budgets\n    this.isDataLoaded = true\n  }\n\n  setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n  setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n  setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n  setTheme = (theme: Theme) => (this.theme = theme)\n\n  /**\n   * Recalculate budget by using the average amount from top-level categories\n   * @param categories Detailed categories\n   */\n  recalculateBudgets = async (categories: DetailedCategory[]) => {\n    try {\n      for (const category of categories) {\n        const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n        if (budget) {\n          await this.api.updateBudget({\n            ...budget,\n            amount: category.totalAverageAmount,\n          })\n        } else {\n          await this.api.addBudget(category, category.totalAverageAmount)\n        }\n      }\n      const budgetsToDelete = this.budgets.filter(\n        (budget) => !categories.find((c) => c.guid === budget.category_guid),\n      )\n\n      for (const budgetToDelete of budgetsToDelete) {\n        await this.api.deleteBudget(budgetToDelete.guid)\n      }\n\n      await this.loadBudgets()\n\n      return { data: this.budgets, isSuccess: true }\n    } catch (error) {\n      console.error('Error recalculating budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { data: [], isSuccess: false }\n    }\n  }\n\n  updateBudget = async (budget: Budget) => {\n    try {\n      const updatedBudget = await this.api.updateBudget(budget)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = updatedBudget\n        }\n      })\n    } catch (error) {\n      console.error('Error updating budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n    return this.merchantBudgets.find(\n      (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n    )\n  }\n\n  setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n    this.merchantBudgets = merchantBudgets\n  }\n\n  addMerchantBudget = async (merchantGuid: string, amount: number) => {\n    try {\n      const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n      runInAction(() => {\n        this.merchantBudgets = upsertByGuid(this.merchantBudgets, newMerchantBudget)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error adding merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n    try {\n      const { guid: merchantBudgetGuid, amount } = merchantBudget\n      const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = updatedMerchantBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n    try {\n      await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n      runInAction(() => {\n        this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error deleting merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/core/types/RepeatingTransaction.d.ts

@@ -32,7 +32,7 @@ export interface RepeatingTransaction {
     account_guid: string;
     created_by: number;
     member_guid: string;
-    merchant_guid: string;
+    merchant_guid?: string | null;
     user_guid: string;
     description: string;
     amount: number;
@@ -53,7 +53,7 @@ export interface Recurrence {
     frequency: Frequency;
     institutionGuid: string;
     institutionName: string;
-    merchantGuid: string;
+    merchantGuid?: string | null;
     name: string;
     occurredOnDate?: Date;
     recurrenceDay: number;

package/dist/core/types/RepeatingTransaction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatingTransaction.es.js","names":[],"sources":["../../../src/core/types/RepeatingTransaction.ts"],"sourcesContent":["import { Account } from './Account'\nimport { Transaction, TransactionType } from './Transaction'\n\nexport enum Frequency {\n  Unknown = 0,\n  EveryWeek = 1,\n  EveryOtherWeek = 2,\n  EveryMonth = 3,\n  EveryOtherMonth = 4,\n  EveryQuarter = 5,\n  EveryOtherQuarter = 6,\n  EveryYear = 7,\n  TwiceAMonth = 8,\n}\n\nexport enum RecurrenceStatus {\n  Paid = 0,\n  Missed = 1,\n  Upcoming = 2,\n}\n\nexport enum RecurrenceType {\n  Expense = 0,\n  Income = 1,\n}\n\nexport enum RepeatingType {\n  Unknown = 0,\n  Subscription = 1,\n  Bill = 2,\n  Income = 3,\n  Transfer = 4,\n}\n\nexport interface RepeatingTransaction {\n  // API fields\n  guid: string\n  account_guid: string\n  created_by: number\n  member_guid: string\n  merchant_guid: string\n  user_guid: string\n  description: string\n  amount: number\n  predicted_occurs_on: string\n  transaction_type: TransactionType\n  recurrence_type: Frequency\n  recurrence_day: number\n  repeating_transaction_type: RepeatingType\n  second_recurrence_day?: number\n\n  // UI fields\n  account?: Account\n  transactions: Transaction[]\n}\n\nexport interface Recurrence {\n  accountGuid: string\n  amount: number\n  categoryGuid: string\n  expectedDate: Date\n  frequency: Frequency\n  institutionGuid: string\n  institutionName: string\n  merchantGuid: string\n  name: string\n  occurredOnDate?: Date\n  recurrenceDay: number\n  repeatingTransactionGuid: string\n  secondRecurrenceDay?: number\n  status: RecurrenceStatus\n  type: RecurrenceType\n  transaction?: Transaction\n}\n"],"mappings":"AAGA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,UAAA,CAAA,IAAA,WACA,EAAA,EAAA,YAAA,CAAA,IAAA,aACA,EAAA,EAAA,iBAAA,CAAA,IAAA,kBACA,EAAA,EAAA,aAAA,CAAA,IAAA,cACA,EAAA,EAAA,kBAAA,CAAA,IAAA,mBACA,EAAA,EAAA,eAAA,CAAA,IAAA,gBACA,EAAA,EAAA,oBAAA,CAAA,IAAA,qBACA,EAAA,EAAA,YAAA,CAAA,IAAA,aACA,EAAA,EAAA,cAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,SAAA,CAAA,IAAA,UACA,EAAA,EAAA,WAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,UAAA,CAAA,IAAA,WACA,EAAA,EAAA,SAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,UAAA,CAAA,IAAA,WACA,EAAA,EAAA,eAAA,CAAA,IAAA,gBACA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,SAAA,CAAA,IAAA,UACA,EAAA,EAAA,WAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA"}
+{"version":3,"file":"RepeatingTransaction.es.js","names":[],"sources":["../../../src/core/types/RepeatingTransaction.ts"],"sourcesContent":["import { Account } from './Account'\nimport { Transaction, TransactionType } from './Transaction'\n\nexport enum Frequency {\n  Unknown = 0,\n  EveryWeek = 1,\n  EveryOtherWeek = 2,\n  EveryMonth = 3,\n  EveryOtherMonth = 4,\n  EveryQuarter = 5,\n  EveryOtherQuarter = 6,\n  EveryYear = 7,\n  TwiceAMonth = 8,\n}\n\nexport enum RecurrenceStatus {\n  Paid = 0,\n  Missed = 1,\n  Upcoming = 2,\n}\n\nexport enum RecurrenceType {\n  Expense = 0,\n  Income = 1,\n}\n\nexport enum RepeatingType {\n  Unknown = 0,\n  Subscription = 1,\n  Bill = 2,\n  Income = 3,\n  Transfer = 4,\n}\n\nexport interface RepeatingTransaction {\n  // API fields\n  guid: string\n  account_guid: string\n  created_by: number\n  member_guid: string\n  merchant_guid?: string | null\n  user_guid: string\n  description: string\n  amount: number\n  predicted_occurs_on: string\n  transaction_type: TransactionType\n  recurrence_type: Frequency\n  recurrence_day: number\n  repeating_transaction_type: RepeatingType\n  second_recurrence_day?: number\n\n  // UI fields\n  account?: Account\n  transactions: Transaction[]\n}\n\nexport interface Recurrence {\n  accountGuid: string\n  amount: number\n  categoryGuid: string\n  expectedDate: Date\n  frequency: Frequency\n  institutionGuid: string\n  institutionName: string\n  merchantGuid?: string | null\n  name: string\n  occurredOnDate?: Date\n  recurrenceDay: number\n  repeatingTransactionGuid: string\n  secondRecurrenceDay?: number\n  status: RecurrenceStatus\n  type: RecurrenceType\n  transaction?: Transaction\n}\n"],"mappings":"AAGA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,UAAA,CAAA,IAAA,WACA,EAAA,EAAA,YAAA,CAAA,IAAA,aACA,EAAA,EAAA,iBAAA,CAAA,IAAA,kBACA,EAAA,EAAA,aAAA,CAAA,IAAA,cACA,EAAA,EAAA,kBAAA,CAAA,IAAA,mBACA,EAAA,EAAA,eAAA,CAAA,IAAA,gBACA,EAAA,EAAA,oBAAA,CAAA,IAAA,qBACA,EAAA,EAAA,YAAA,CAAA,IAAA,aACA,EAAA,EAAA,cAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,SAAA,CAAA,IAAA,UACA,EAAA,EAAA,WAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,UAAA,CAAA,IAAA,WACA,EAAA,EAAA,SAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,UAAA,CAAA,IAAA,WACA,EAAA,EAAA,eAAA,CAAA,IAAA,gBACA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,SAAA,CAAA,IAAA,UACA,EAAA,EAAA,WAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/core/types/localization/BudgetsCopy.d.ts

@@ -40,7 +40,6 @@ export interface BudgetsCopy {
     details_delete_button: string;
     details_edit_button: string;
     details_edit_title: string;
-    details_edit_title_subbudget: string;
     details_subbudgets_tab: string;
     details_title: string;
     details_transaction_drawer: string;
@@ -59,7 +58,6 @@ export interface BudgetsCopy {
     income_description: string;
     income_title: string;
     left_in_budgets: string;
-    monthly_total: string;
     overspent_in_budgets: string;
     overview_title: string;
     percent_spent: string;
@@ -81,7 +79,6 @@ export interface BudgetsCopy {
     status_on_track: string;
     success_alert_delete_merchant_budget: string;
     success_alert_edit_merchant_budget: string;
-    your_budget_summary: string;
     zero_state_budget_list_text: string;
     zero_state_description: string;
     zero_state_generate_budgets_header: string;