@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

package/dist/budgets/components/BudgetList/index.es.js

@@ -0,0 +1,44 @@
+import { useBudgetsStore as p, useEvent as c, useGlobalCopyStore as l } from "../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as n } from "../../../common/constants/Analytics/index.es.js";
+import { BudgetRow as a } from "../budgetlist/BudgetRow/index.es.js";
+import g from "react";
+import { observer as u } from "mobx-react-lite";
+import { H3 as f } from "@mxenabled/mxui";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import C from "@mui/material/Card";
+import B from "@mui/material/CardContent";
+import _ from "@mui/material/CardHeader";
+import h from "@mui/material/Divider";
+import E from "@mui/material/List";
+var j = u(() => {
+  const { onEvent: o } = c(), { budgets: i } = l(), { detailedBudgets: m, setSelectedBudget: d } = p(), s = (e) => {
+    d(e), o(n.BUDGETS_CLICK_BUDGET_CATEGORY, {
+      budget_category: e.category.name,
+      click_type: "list"
+    });
+  };
+  return /* @__PURE__ */ r(C, {
+    elevation: 2,
+    children: [/* @__PURE__ */ t(_, {
+      sx: {
+        pb: 8,
+        pl: 24
+      },
+      title: /* @__PURE__ */ t(f, { children: i.budget_categories_title })
+    }), /* @__PURE__ */ t(B, {
+      sx: {
+        p: 0,
+        ":last-child": { p: 0 }
+      },
+      children: /* @__PURE__ */ t(E, { children: m.map((e) => /* @__PURE__ */ r(g.Fragment, { children: [/* @__PURE__ */ t(a, {
+        budget: e,
+        onClick: s
+      }), /* @__PURE__ */ t(h, {})] }, e.guid)) })
+    })]
+  });
+});
+export {
+  j as BudgetList
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BudgetList/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useBudgetsStore, useEvent, useGlobalCopyStore } from '../../common'\nimport { type DetailedBudget } from '../../core'\n\nimport { BudgetRow } from './budgetlist/BudgetRow'\n\nexport const BudgetList = observer(() => {\n  const { onEvent } = useEvent()\n  const { budgets: copy } = useGlobalCopyStore()\n  const { detailedBudgets: budgets, setSelectedBudget } = useBudgetsStore()\n\n  const handleBudgetClick = (budget: DetailedBudget) => {\n    setSelectedBudget(budget)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_BUDGET_CATEGORY, {\n      budget_category: budget.category.name,\n      click_type: 'list',\n    })\n  }\n\n  return (\n    <Card elevation={2}>\n      <CardHeader sx={{ pb: 8, pl: 24 }} title={<H3>{copy.budget_categories_title}</H3>} />\n      <CardContent sx={{ p: 0, ':last-child': { p: 0 } }}>\n        <List>\n          {budgets.map((budget) => (\n            <React.Fragment key={budget.guid}>\n              <BudgetRow budget={budget} onClick={handleBudgetClick} />\n              <Divider />\n            </React.Fragment>\n          ))}\n        </List>\n      </CardContent>\n    </Card>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAgBA,IAAa,IAAa,EAAA,MAAe;AACvC,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,iBAAiB,GAAS,mBAAA,EAAA,IAAsB,EAAgB,GAElE,IAAA,CAAqB,MAA2B;AACpD,IAAA,EAAkB,CAAM,GACxB,EAAQ,EAAiB,+BAA+B;AAAA,MACtD,iBAAiB,EAAO,SAAS;AAAA,MACjC,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAW;AAAA,cAAjB,CACE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI;AAAA,QAAE,IAAI;AAAA,QAAG,IAAI;AAAA,MAAG;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,wBAA4B,CAAA;AAAA,IAAI,CAAA,GACpF,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,eAAe,EAAE,GAAG,EAAE;AAAA,MAAE;AAAA,gBAC/C,gBAAA,EAAC,GAAD,EAAA,UACG,EAAQ,IAAA,CAAK,MACZ,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAmB,QAAA;AAAA,QAAQ,SAAS;AAAA,MAAoB,CAAA,GACxD,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAHK,EAAO,IAGZ,CACjB,EACG,CAAA;AAAA,IACK,CAAA,CACT;AAAA;AAEV,CAAC"}

package/dist/budgets/components/BudgetsEmptyState/index.es.js

@@ -0,0 +1,109 @@
+import { useAppConfig as B, useBudgetsStore as x, useCategoryStore as v, useGlobalCopyStore as z, useWidgetContainerProvider as A } from "../../../common/context/hooks/index.es.js";
+import { useScreenSize as D } from "../../../common/hooks/useScreenSize/index.es.js";
+import E from "../../../common/components/Loader/index.es.js";
+import { EmptyState as u } from "../../../common/components/EmptyState/index.es.js";
+import a from "react";
+import { Fragment as j, jsx as s } from "react/jsx-runtime";
+var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: m, createBudgetOnClick: n }) => {
+  const { config: h } = B(), { recalculateBudgets: g } = x(), { spendCategories: d } = v(), { budgets: t } = z(), { availableWidth: b } = A(), { isMobile: l } = D(b), r = o && l, [p, i] = a.useState(!1), [y, f] = a.useState(!1), [w, c] = a.useState(!1), C = a.useMemo(() => [...d.filter((e) => e.totalAverageAmount > 0)], [d]), _ = async () => {
+    c(!0);
+    const { data: e, isSuccess: S } = await g(C);
+    c(!1), S ? (e.length === 0 && f(!0), i(!1)) : i(!0);
+  };
+  return w ? /* @__PURE__ */ s(E, {}) : p ? /* @__PURE__ */ s(u, {
+    header: t.autogenerate_budgets_error_header,
+    icon: "error",
+    iconColor: "#4D4D4D",
+    onClick: (e) => {
+      e === "primary" ? _() : n();
+    },
+    primaryButton: t.autogenerate_budgets_error_primary_button,
+    secondaryButton: t.zero_state_generate_budgets_secondary_button,
+    subText: t.autogenerate_budgets_error_subheader,
+    sx: {
+      width: { sm: 468 },
+      ".buttons-footer": {
+        width: 208,
+        ...r && {
+          mt: 16,
+          button: { height: "max-content" }
+        }
+      },
+      ...r && {
+        justifyContent: "center",
+        mt: 0,
+        svg: {
+          height: 32,
+          width: 32
+        }
+      }
+    }
+  }) : /* @__PURE__ */ s(j, { children: y ? /* @__PURE__ */ s(u, {
+    header: t.zero_state_generate_budgets_header,
+    icon: "error",
+    iconColor: "#4D4D4D",
+    onClick: (e) => {
+      e === "primary" ? m() : n();
+    },
+    primaryButton: h.show_connections_widget_in_master ? t.zero_state_generate_budgets_primary_button : void 0,
+    secondaryButton: t.zero_state_generate_budgets_secondary_button,
+    subText: t.zero_state_generate_budgets_subheader,
+    sx: {
+      width: o ? "100%" : { sm: 500 },
+      height: o ? "100%" : { sm: 468 },
+      mt: r ? 0 : 50,
+      ".buttons-footer": {
+        width: 208,
+        height: 100,
+        ...r && {
+          mt: 16,
+          button: { height: "max-content" }
+        }
+      },
+      padding: o ? 5 : 0,
+      ...r && {
+        justifyContent: "center",
+        svg: {
+          height: 32,
+          width: 32
+        }
+      }
+    }
+  }) : /* @__PURE__ */ s(u, {
+    header: t.create_budgets_title,
+    icon: "bubble_chart",
+    iconColor: "#1A1A1A",
+    onClick: (e) => {
+      e === "primary" ? _() : n();
+    },
+    primaryButton: t.empty_state_primary_button,
+    secondaryButton: o ? void 0 : t.empty_state_secondary_button,
+    subText: t.empty_state_subheader,
+    sx: {
+      width: o ? "100%" : { sm: 432 },
+      height: o ? "100%" : { sm: 468 },
+      mt: r ? 0 : 50,
+      ".buttons-footer": {
+        width: 208,
+        height: 100,
+        ...r && {
+          mt: 24,
+          button: { height: "max-content" }
+        }
+      },
+      padding: o ? 4 : 0,
+      ...r && {
+        justifyContent: "center",
+        svg: {
+          height: 32,
+          width: 32
+        }
+      }
+    }
+  }) });
+};
+export {
+  P as BudgetsEmptyState
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BudgetsEmptyState/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BudgetsEmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  useAppConfig,\n  EmptyState,\n  Loader,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useWidgetContainerProvider,\n} from '../../common'\n\ninterface BudgetsEmptyStateProps {\n  isMiniWidget?: boolean\n  onConnectAccountsClick: () => void\n  createBudgetOnClick: () => void\n}\nexport const BudgetsEmptyState: React.FC<BudgetsEmptyStateProps> = ({\n  isMiniWidget = false,\n  onConnectAccountsClick,\n  createBudgetOnClick,\n}) => {\n  const { config } = useAppConfig()\n  const { recalculateBudgets } = useBudgetsStore()\n  const { spendCategories } = useCategoryStore()\n  const { budgets: copy } = useGlobalCopyStore()\n  const { availableWidth } = useWidgetContainerProvider()\n  const { isMobile } = useScreenSize(availableWidth)\n\n  const isCompact = isMiniWidget && isMobile\n\n  const [isError, setError] = React.useState(false)\n  const [shouldShowEmptyGeneratedBudgets, setShouldShowEmptyGeneratedBudgets] =\n    React.useState(false)\n  const [recalculateBudgetsLoading, setRecalculateBudgetsLoading] = React.useState(false)\n\n  const newBudgetCategories = React.useMemo(() => {\n    return [...spendCategories.filter((category) => category.totalAverageAmount > 0)]\n  }, [spendCategories])\n\n  const autoGenerateBudgets = async () => {\n    setRecalculateBudgetsLoading(true)\n    const { data, isSuccess } = await recalculateBudgets(newBudgetCategories)\n    setRecalculateBudgetsLoading(false)\n    if (isSuccess) {\n      if (data.length === 0) {\n        setShouldShowEmptyGeneratedBudgets(true)\n      }\n      setError(false)\n    } else {\n      setError(true)\n    }\n  }\n\n  if (recalculateBudgetsLoading) {\n    return <Loader />\n  }\n  if (isError) {\n    return (\n      <EmptyState\n        header={copy.autogenerate_budgets_error_header}\n        icon={'error'}\n        iconColor=\"#4D4D4D\"\n        onClick={(buttonType) => {\n          if (buttonType === 'primary') {\n            autoGenerateBudgets()\n          } else {\n            createBudgetOnClick()\n          }\n        }}\n        primaryButton={copy.autogenerate_budgets_error_primary_button}\n        secondaryButton={copy.zero_state_generate_budgets_secondary_button}\n        subText={copy.autogenerate_budgets_error_subheader}\n        sx={{\n          width: { sm: 468 },\n          '.buttons-footer': {\n            width: 208,\n            ...(isCompact && { mt: 16, button: { height: 'max-content' } }),\n          },\n          ...(isCompact && { justifyContent: 'center', mt: 0, svg: { height: 32, width: 32 } }),\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {shouldShowEmptyGeneratedBudgets ? (\n        <EmptyState\n          header={copy.zero_state_generate_budgets_header}\n          icon=\"error\"\n          iconColor=\"#4D4D4D\"\n          onClick={(buttonType: string) => {\n            if (buttonType === 'primary') {\n              onConnectAccountsClick()\n            } else {\n              createBudgetOnClick()\n            }\n          }}\n          primaryButton={\n            config.show_connections_widget_in_master\n              ? copy.zero_state_generate_budgets_primary_button\n              : undefined\n          }\n          secondaryButton={copy.zero_state_generate_budgets_secondary_button}\n          subText={copy.zero_state_generate_budgets_subheader}\n          sx={{\n            width: isMiniWidget ? '100%' : { sm: 500 },\n            height: isMiniWidget ? '100%' : { sm: 468 },\n            mt: isCompact ? 0 : 50,\n            '.buttons-footer': {\n              width: 208,\n              height: 100,\n              ...(isCompact && { mt: 16, button: { height: 'max-content' } }),\n            },\n            padding: isMiniWidget ? 5 : 0,\n            ...(isCompact && { justifyContent: 'center', svg: { height: 32, width: 32 } }),\n          }}\n        />\n      ) : (\n        <EmptyState\n          header={copy.create_budgets_title}\n          icon=\"bubble_chart\"\n          iconColor=\"#1A1A1A\"\n          onClick={(buttonType: string) => {\n            if (buttonType === 'primary') {\n              autoGenerateBudgets()\n            } else {\n              createBudgetOnClick()\n            }\n          }}\n          primaryButton={copy.empty_state_primary_button}\n          secondaryButton={!isMiniWidget ? copy.empty_state_secondary_button : undefined}\n          subText={copy.empty_state_subheader}\n          sx={{\n            width: isMiniWidget ? '100%' : { sm: 432 },\n            height: isMiniWidget ? '100%' : { sm: 468 },\n            mt: isCompact ? 0 : 50,\n            '.buttons-footer': {\n              width: 208,\n              height: 100,\n              ...(isCompact && { mt: 24, button: { height: 'max-content' } }),\n            },\n            padding: isMiniWidget ? 4 : 0,\n            ...(isCompact && { justifyContent: 'center', svg: { height: 32, width: 32 } }),\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/budgets/components/MerchantBudgetDetailsDrawer/index.es.js

@@ -0,0 +1,54 @@
+import { buildDynamicCopy as g } from "../../../core/utils/Localization/index.es.js";
+import { useGlobalCopyStore as D, useTransactionStore as T } from "../../../common/context/hooks/index.es.js";
+import b from "../../../common/components/drawer/Drawer/index.es.js";
+import { getRemainingAmountSpentPercentage as x } from "../../../core/utils/BudgetUtil/index.es.js";
+import C from "../../../transactions/components/shared/TransactionList/index.es.js";
+import { BudgetDetailsTopSection as S } from "../shared/BudgetDetailsTopSection/index.es.js";
+import { CurrencyDialogAction as c } from "../../../transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction/index.es.js";
+import h from "react";
+import { observer as v } from "mobx-react-lite";
+import { MerchantLogo as w } from "@mxenabled/mxui";
+import { jsx as e, jsxs as A } from "react/jsx-runtime";
+var E = ({ merchantBudget: t, transaction: o, onClose: p, isOpen: u, setCurrencyDialogAction: a, renderingToast: l }) => {
+  const { budgets: r, common: d } = D(), { sortedTransactions: n } = T(), i = h.useMemo(() => n.reduce((m, s) => s.parent_guid ? m : m + s.amount, 0), [n]), { remainingAmount: f, spentPercentage: y, iconColor: _ } = x(i, t.amount ?? 0);
+  return /* @__PURE__ */ A(b, {
+    ariaLabelClose: d.close_aria,
+    footerStyles: {
+      px: 24,
+      py: 16
+    },
+    isOpen: u,
+    onClose: p,
+    onPrimaryAction: () => a(c.EDIT),
+    onSecondaryAction: () => {
+      a(c.DELETE);
+    },
+    primaryText: r.details_edit_button,
+    secondaryColor: "error",
+    secondaryText: r.details_delete_button,
+    sx: { "& .list-wrapper": { pr: 24 } },
+    title: g(r.details_type_title, t.merchant_name),
+    children: [
+      /* @__PURE__ */ e(S, {
+        amount: t.amount,
+        icon: /* @__PURE__ */ e(w, {
+          categoryGuid: o.top_level_category_guid || "",
+          merchantGuid: o.merchant_guid || ""
+        }),
+        iconColor: _,
+        remainingAmount: f,
+        spentPercentage: y,
+        startDate: o.date,
+        totalTransaction: i
+      }),
+      /* @__PURE__ */ e(C, {}),
+      l?.()
+    ]
+  });
+}, z = v(E);
+export {
+  E as MerchantBudgetDetailsDrawer,
+  z as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/MerchantBudgetDetailsDrawer/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/MerchantBudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MerchantLogo } from '@mxenabled/mxui'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { BudgetDetailsTopSection } from './shared/BudgetDetailsTopSection'\n\nimport { getRemainingAmountSpentPercentage } from '../../core/utils/BudgetUtil'\n\nimport { useGlobalCopyStore, useTransactionStore } from '../../common'\nimport { type Transaction } from '../../core'\nimport { Drawer } from '../../common/components'\nimport type { MerchantBudget } from '../../core/types/Budget'\nimport { TransactionList } from '../../transactions'\nimport { CurrencyDialogAction } from '../../transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface MerchantBudgetDetailsDrawerProps {\n  merchantBudget: MerchantBudget\n  transaction: Transaction\n  onClose: () => void\n  isOpen: boolean\n  setCurrencyDialogAction: (action: CurrencyDialogAction) => void\n  renderingToast?: () => React.ReactNode\n}\n\nexport const MerchantBudgetDetailsDrawer = ({\n  merchantBudget,\n  transaction,\n  onClose,\n  isOpen,\n  setCurrencyDialogAction,\n  renderingToast,\n}: MerchantBudgetDetailsDrawerProps) => {\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n\n  const { sortedTransactions } = useTransactionStore()\n\n  const transactionTotal = React.useMemo(() => {\n    return sortedTransactions.reduce((acc, t) => {\n      if (!t.parent_guid) {\n        return acc + t.amount\n      }\n      return acc\n    }, 0)\n  }, [sortedTransactions])\n\n  const { remainingAmount, spentPercentage, iconColor } = getRemainingAmountSpentPercentage(\n    transactionTotal,\n    merchantBudget.amount ?? 0,\n  )\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      footerStyles={{\n        px: 24,\n        py: 16,\n      }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={() => setCurrencyDialogAction(CurrencyDialogAction.EDIT)}\n      onSecondaryAction={() => {\n        setCurrencyDialogAction(CurrencyDialogAction.DELETE)\n      }}\n      primaryText={budgetsCopy.details_edit_button}\n      secondaryColor=\"error\"\n      secondaryText={budgetsCopy.details_delete_button}\n      sx={{\n        '& .list-wrapper': {\n          pr: 24,\n        },\n      }}\n      title={\n        buildDynamicCopy(budgetsCopy.details_type_title, merchantBudget.merchant_name) as string\n      }\n    >\n      <BudgetDetailsTopSection\n        amount={merchantBudget.amount}\n        icon={\n          <MerchantLogo\n            categoryGuid={transaction.top_level_category_guid || ''}\n            merchantGuid={transaction.merchant_guid || ''}\n          />\n        }\n        iconColor={iconColor}\n        remainingAmount={remainingAmount}\n        spentPercentage={spentPercentage}\n        startDate={transaction.date}\n        totalTransaction={transactionTotal}\n      />\n      <TransactionList />\n      {renderingToast?.()}\n    </Drawer>\n  )\n}\n\nexport default observer(MerchantBudgetDetailsDrawer)\n"],"mappings":";;;;;;;;;;;AA2BA,IAAa,IAAA,CAA+B,EAC1C,gBAAA,GACA,aAAA,GACA,SAAA,GACA,QAAA,GACA,yBAAA,GACA,gBAAA,EAAA,MACsC;AACtC,QAAM,EAAE,SAAS,GAAa,QAAQ,EAAA,IAAe,EAAmB,GAElE,EAAE,oBAAA,EAAA,IAAuB,EAAoB,GAE7C,IAAmB,EAAM,QAAA,MACtB,EAAmB,OAAA,CAAQ,GAAK,MAChC,EAAE,cAGA,IAFE,IAAM,EAAE,QAGhB,CAAC,GACH,CAAC,CAAkB,CAAC,GAEjB,EAAE,iBAAA,GAAiB,iBAAA,GAAiB,WAAA,EAAA,IAAc,EACtD,GACA,EAAe,UAAU,CAC3B;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,cAAc;AAAA,MACZ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACQ,QAAA;AAAA,IACC,SAAA;AAAA,IACT,iBAAA,MAAuB,EAAwB,EAAqB,IAAI;AAAA,IACxE,mBAAA,MAAyB;AACvB,MAAA,EAAwB,EAAqB,MAAM;AAAA,IACrD;AAAA,IACA,aAAa,EAAY;AAAA,IACzB,gBAAe;AAAA,IACf,eAAe,EAAY;AAAA,IAC3B,IAAI,EACF,mBAAmB,EACjB,IAAI,GACN,EACF;AAAA,IACA,OACE,EAAiB,EAAY,oBAAoB,EAAe,aAAa;AAAA,cArBjF;AAAA,MAwBE,gBAAA,EAAC,GAAD;AAAA,QACE,QAAQ,EAAe;AAAA,QACvB,MACE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAc,EAAY,2BAA2B;AAAA,UACrD,cAAc,EAAY,iBAAiB;AAAA,QAC5C,CAAA;AAAA,QAEQ,WAAA;AAAA,QACM,iBAAA;AAAA,QACA,iBAAA;AAAA,QACjB,WAAW,EAAY;AAAA,QACvB,kBAAkB;AAAA,MACnB,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,MACjB,IAAiB;AAAA,IACZ;AAAA;AAEZ,GAEA,IAAe,EAAS,CAA2B"}

package/dist/budgets/components/Overview/index.es.js

@@ -0,0 +1,129 @@
+import { buildDynamicCopy as C } from "../../../core/utils/Localization/index.es.js";
+import v from "../../../common/components/charts/StatusBar/index.es.js";
+import { useAccountStore as M, useBudgetsStore as P, useCategoryStore as L, useEvent as N, useGlobalCopyStore as R, useRecurringTransactionsStore as $, useTransactionStore as j } from "../../../common/context/hooks/index.es.js";
+import k from "../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as G } from "../../../common/constants/Analytics/index.es.js";
+import { formatCurrency as c } from "../../../core/utils/NumberFormatting/index.es.js";
+import { ManageIncome as H } from "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome/index.es.js";
+import d from "react";
+import { observer as F } from "mobx-react-lite";
+import s from "@mui/material/Stack";
+import { H3 as K, Icon as U, Text as m } from "@mxenabled/mxui";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTheme as V } from "@mui/material/styles";
+import { subDays as Y } from "date-fns/subDays";
+import q from "@mui/material/IconButton";
+import z from "@mui/material/Card";
+import J from "@mui/material/CardContent";
+import Q from "@mui/material/CardHeader";
+var fe = F(() => {
+  const a = V(), { onEvent: y } = N(), { visibleAccounts: S } = M(), { budgets: r, common: I, recurring: u } = R(), { incomeCategories: g, spendCategories: f } = L(), { detailedBudgets: _, totalBudgeted: h } = P(), { incomeTotal: l } = $(), { setFilter: T } = j(), [x, b] = d.useState(!1), [w, D] = d.useMemo(() => {
+    const o = f.reduce((p, B) => p + B.totalAmount, 0);
+    let t = o / h;
+    t > 1 && (t = 1);
+    let n = a.palette.success.main;
+    return t > 0.8 && t < 1 ? n = a.palette.warning.main : t >= 1 && (n = a.palette.error.main), [o, [{
+      color: n,
+      percentage: `${t}`
+    }]];
+  }, [_, f]), [E, O] = d.useMemo(() => {
+    const o = Math.abs(g.reduce((n, p) => n + p.totalAmount, 0));
+    let t = o / l;
+    return t > 1 && (t = 1), [o, [{
+      color: a.palette.secondary.main,
+      percentage: `${t}`
+    }]];
+  }, [g, l]), A = () => {
+    T({
+      accounts: S.map((o) => o.guid),
+      dateRange: {
+        start: Y(/* @__PURE__ */ new Date(), 90),
+        end: /* @__PURE__ */ new Date()
+      }
+    }), b(!0), y(G.BUDGETS_CLICK_EDIT_INCOME);
+  };
+  return /* @__PURE__ */ i(z, {
+    elevation: 2,
+    sx: { overflow: "visible" },
+    children: [
+      /* @__PURE__ */ e(Q, {
+        sx: {
+          pb: 8,
+          pl: 24
+        },
+        title: /* @__PURE__ */ e(K, { children: r.overview_title })
+      }),
+      /* @__PURE__ */ e(J, {
+        sx: {
+          pt: 12,
+          px: 24
+        },
+        children: /* @__PURE__ */ i(s, {
+          gap: 24,
+          children: [/* @__PURE__ */ i(s, {
+            gap: 8,
+            children: [
+              /* @__PURE__ */ e(m, {
+                bold: !0,
+                sx: { mb: 8 },
+                variant: "body1",
+                children: r.spending_title
+              }),
+              /* @__PURE__ */ e(v, {
+                data: D,
+                height: 16
+              }),
+              /* @__PURE__ */ e(m, {
+                variant: "body2",
+                children: C(r.spending_description, c(w, "0,0"), c(h, "0,0"))
+              })
+            ]
+          }), /* @__PURE__ */ i(s, {
+            gap: 8,
+            children: [
+              /* @__PURE__ */ i(s, {
+                alignItems: "center",
+                direction: "row",
+                gap: 4,
+                mb: -4,
+                children: [/* @__PURE__ */ e(m, {
+                  bold: !0,
+                  variant: "body1",
+                  children: r.income_title
+                }), /* @__PURE__ */ e(q, {
+                  "aria-label": u.manage_income,
+                  onClick: A,
+                  sx: { p: 0 },
+                  children: /* @__PURE__ */ e(U, {
+                    color: "primary",
+                    name: "edit"
+                  })
+                })]
+              }),
+              /* @__PURE__ */ e(v, {
+                data: O,
+                height: 16
+              }),
+              /* @__PURE__ */ e(m, {
+                variant: "body2",
+                children: C(r.income_description, c(E, "0,0"), c(l, "0,0"))
+              })
+            ]
+          })]
+        })
+      }),
+      /* @__PURE__ */ e(k, {
+        ariaLabelClose: I.close_aria,
+        isOpen: x,
+        onClose: () => b(!1),
+        title: u.manage_income,
+        children: /* @__PURE__ */ e(H, { forOverview: !0 })
+      })
+    ]
+  });
+});
+export {
+  fe as Overview
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/Overview/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/Overview.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays } from 'date-fns/subDays'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { H3, Icon, Text } from '@mxenabled/mxui'\n\nimport {\n  type StatusBarData,\n  ANALYTICS_EVENTS,\n  Drawer,\n  StatusBar,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useAccountStore,\n  useEvent,\n} from '../../common'\nimport { ManageIncome } from '../../recurringtransactions'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport const Overview = observer(() => {\n  const theme = useTheme()\n\n  const { onEvent } = useEvent()\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { budgets: copy, common: commonCopy, recurring: recurringCopy } = useGlobalCopyStore()\n  const { incomeCategories, spendCategories } = useCategoryStore()\n  const { detailedBudgets: budgets, totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isIncomeOpen, setIsIncomeOpen] = React.useState(false)\n\n  const [spentTotal, spendingStatus] = React.useMemo(() => {\n    const spentTotal = spendCategories.reduce((total, current) => total + current.totalAmount, 0)\n    let spendingPercentage = spentTotal / totalBudgeted\n    if (spendingPercentage > 1) spendingPercentage = 1\n    let color = theme.palette.success.main\n    if (spendingPercentage > 0.8 && spendingPercentage < 1) {\n      color = theme.palette.warning.main\n    } else if (spendingPercentage >= 1) {\n      color = theme.palette.error.main\n    }\n\n    const spendingStatus = [\n      {\n        color,\n        percentage: `${spendingPercentage}`,\n      },\n    ] as StatusBarData[]\n    return [spentTotal, spendingStatus]\n  }, [budgets, spendCategories])\n\n  const [incomePaid, incomeStatus] = React.useMemo(() => {\n    const incomePaid = Math.abs(\n      incomeCategories.reduce((total, current) => total + current.totalAmount, 0),\n    )\n    let incomePercentage = incomePaid / incomeTotal\n    if (incomePercentage > 1) incomePercentage = 1\n\n    const incomeStatus = [\n      {\n        color: theme.palette.secondary.main,\n        percentage: `${incomePercentage}`,\n      },\n    ]\n    return [incomePaid, incomeStatus]\n  }, [incomeCategories, incomeTotal])\n\n  const handleOpenIncome = () => {\n    setFilter({\n      accounts: accounts.map((account) => account.guid),\n      dateRange: {\n        start: subDays(new Date(), 90),\n        end: new Date(),\n      },\n    })\n    setIsIncomeOpen(true)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_EDIT_INCOME)\n  }\n\n  return (\n    <Card elevation={2} sx={{ overflow: 'visible' }}>\n      <CardHeader sx={{ pb: 8, pl: 24 }} title={<H3>{copy.overview_title}</H3>} />\n      <CardContent sx={{ pt: 12, px: 24 }}>\n        <Stack gap={24}>\n          <Stack gap={8}>\n            <Text bold={true} sx={{ mb: 8 }} variant=\"body1\">\n              {copy.spending_title}\n            </Text>\n            <StatusBar data={spendingStatus} height={16} />\n            <Text variant=\"body2\">\n              {\n                buildDynamicCopy(\n                  copy.spending_description,\n                  formatCurrency(spentTotal, '0,0'),\n                  formatCurrency(totalBudgeted, '0,0'),\n                ) as string\n              }\n            </Text>\n          </Stack>\n\n          <Stack gap={8}>\n            <Stack alignItems=\"center\" direction=\"row\" gap={4} mb={-4}>\n              <Text bold={true} variant=\"body1\">\n                {copy.income_title}\n              </Text>\n              <IconButton\n                aria-label={recurringCopy.manage_income}\n                onClick={handleOpenIncome}\n                sx={{ p: 0 }}\n              >\n                <Icon color=\"primary\" name=\"edit\" />\n              </IconButton>\n            </Stack>\n            <StatusBar data={incomeStatus} height={16} />\n            <Text variant=\"body2\">\n              {\n                buildDynamicCopy(\n                  copy.income_description,\n                  formatCurrency(incomePaid, '0,0'),\n                  formatCurrency(incomeTotal, '0,0'),\n                ) as string\n              }\n            </Text>\n          </Stack>\n        </Stack>\n      </CardContent>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isIncomeOpen}\n        onClose={() => setIsIncomeOpen(false)}\n        title={recurringCopy.manage_income}\n      >\n        <ManageIncome forOverview={true} />\n      </Drawer>\n    </Card>\n  )\n})\n"],"mappings":"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"}

package/dist/budgets/components/addbudget/Header/index.es.js

@@ -0,0 +1,70 @@
+import { useBudgetsStore as l, useGlobalCopyStore as s, useRecurringTransactionsStore as m } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as i } from "../../../../core/utils/NumberFormatting/index.es.js";
+import { observer as u } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { Text as r } from "@mxenabled/mxui";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+var v = u(() => {
+  const { budgets: n } = s(), { totalBudgeted: c } = l(), { incomeTotal: d } = m(), a = d - c;
+  return /* @__PURE__ */ o(t, {
+    direction: "row",
+    justifyContent: "center",
+    my: 16,
+    spacing: 20,
+    children: [
+      /* @__PURE__ */ o(t, {
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(r, {
+          bold: !0,
+          variant: "body1",
+          children: i(d, "0,0")
+        }), /* @__PURE__ */ e(r, {
+          color: "secondary",
+          variant: "body2",
+          children: n.projected_income
+        })]
+      }),
+      /* @__PURE__ */ e(r, {
+        bold: !0,
+        justifyContent: "center",
+        variant: "body1",
+        children: "-"
+      }),
+      /* @__PURE__ */ o(t, {
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(r, {
+          bold: !0,
+          variant: "body1",
+          children: i(c, "0,0")
+        }), /* @__PURE__ */ e(r, {
+          color: "secondary",
+          variant: "body2",
+          children: n.budgeted
+        })]
+      }),
+      /* @__PURE__ */ e(r, {
+        bold: !0,
+        justifyContent: "center",
+        variant: "body1",
+        children: "="
+      }),
+      /* @__PURE__ */ o(t, {
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(r, {
+          bold: !0,
+          variant: "body1",
+          children: i(a, "0,0")
+        }), /* @__PURE__ */ e(r, {
+          color: "secondary",
+          variant: "body2",
+          children: n.remaining
+        })]
+      })
+    ]
+  });
+});
+export {
+  v as Header
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/addbudget/Header/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/addbudget/Header.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useBudgetsStore, useGlobalCopyStore, useRecurringTransactionsStore } from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nexport const Header = observer(() => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n\n  const remaining = incomeTotal - totalBudgeted\n\n  return (\n    <Stack direction=\"row\" justifyContent=\"center\" my={16} spacing={20}>\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(incomeTotal, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.projected_income}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'-'}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(totalBudgeted, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.budgeted}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'='}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(remaining, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.remaining}\n        </Text>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AASA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAEhD,IAAY,IAAc;AAEhC,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAM,gBAAe;AAAA,IAAS,IAAI;AAAA,IAAI,SAAS;AAAA,cAAhE;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,GAAa,KAAK;AAAA,QAC9B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,oBAC7B,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,kBAC/C;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,GAAe,KAAK;AAAA,QAChC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,oBAC7B,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,kBAC/C;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,GAAW,KAAK;AAAA,QAC5B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,oBAC7B,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF;AAAA;AAEX,CAAC"}

package/dist/budgets/components/addbudget/RecalculateBudgetRow/index.es.js

@@ -0,0 +1,30 @@
+import { buildDynamicCopy as s } from "../../../../core/utils/Localization/index.es.js";
+import { useBudgetsStore as c, useGlobalCopyStore as p } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as i } from "../../../../core/utils/NumberFormatting/index.es.js";
+import u from "react";
+import { observer as l } from "mobx-react-lite";
+import { CategoryIcon as f } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import g from "@mui/material/Divider";
+import b from "@mui/material/ListItem";
+import v from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemText";
+import x from "@mui/material/ListItemAvatar";
+var S = l(({ category: r }) => {
+  const { budgets: o } = p(), { budgets: e } = c(), a = u.useMemo(() => {
+    const m = e.find((d) => d.category_guid === r.guid);
+    return `${i(r.totalAverageAmount, "0,0")} - ${m ? s(o.recalculate_previous_budget, i(m.amount, "0,0")) : o.recalculate_new_budget}`;
+  }, [o, e]);
+  return /* @__PURE__ */ n(u.Fragment, { children: [/* @__PURE__ */ t(b, { children: /* @__PURE__ */ n(v, { children: [/* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(f, {
+    categoryGuid: r.guid,
+    variant: "filled"
+  }) }), /* @__PURE__ */ t(y, {
+    primary: r.name,
+    secondary: a
+  })] }) }), /* @__PURE__ */ t(g, {})] }, r.guid);
+});
+export {
+  S as RecalculateBudgetRow
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/addbudget/RecalculateBudgetRow/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/addbudget/RecalculateBudgetRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { useBudgetsStore, useGlobalCopyStore } from '../../../common'\nimport { type DetailedCategory } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface RecalculateBudgetRowProps {\n  category: DetailedCategory\n}\n\nexport const RecalculateBudgetRow: React.FC<RecalculateBudgetRowProps> = observer(\n  ({ category }) => {\n    const { budgets: copy } = useGlobalCopyStore()\n    const { budgets } = useBudgetsStore()\n\n    const secondaryText = React.useMemo(() => {\n      const budget = budgets.find((b) => b.category_guid === category.guid)\n      const part1 = formatCurrency(category.totalAverageAmount, '0,0')\n      const part2 = budget\n        ? buildDynamicCopy(copy.recalculate_previous_budget, formatCurrency(budget.amount, '0,0'))\n        : copy.recalculate_new_budget\n\n      return `${part1} - ${part2}`\n    }, [copy, budgets])\n\n    return (\n      <React.Fragment key={category.guid}>\n        <ListItem>\n          <ListItemButton>\n            <ListItemAvatar>\n              <CategoryIcon categoryGuid={category.guid} variant=\"filled\" />\n            </ListItemAvatar>\n            <ListItemText primary={category.name} secondary={secondaryText} />\n          </ListItemButton>\n        </ListItem>\n        <Divider />\n      </React.Fragment>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAa,IAA4D,EAAA,CACtE,EAAE,UAAA,EAAA,MAAe;AAChB,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,SAAA,EAAA,IAAY,EAAgB,GAE9B,IAAgB,EAAM,QAAA,MAAc;AACxC,UAAM,IAAS,EAAQ,KAAA,CAAM,MAAM,EAAE,kBAAkB,EAAS,IAAI;AAMpE,WAAO,GALO,EAAe,EAAS,oBAAoB,KAKhD,CAAA,MAJI,IACV,EAAiB,EAAK,6BAA6B,EAAe,EAAO,QAAQ,KAAK,CAAC,IACvF,EAAK,sBAAA;AAAA,EAGX,GAAG,CAAC,GAAM,CAAO,CAAC;AAElB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAc,cAAc,EAAS;AAAA,IAAM,SAAQ;AAAA,EAAU,CAAA,EAC/C,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,IAAc,SAAS,EAAS;AAAA,IAAM,WAAW;AAAA,EAAgB,CAAA,CACnD,EAAA,CAAA,EACR,CAAA,GACV,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAVK,EAAS,IAUd;AAEpB,CACF"}

package/dist/budgets/components/addbudget/RecalculateBudgets/index.es.js

@@ -0,0 +1,62 @@
+import { useBudgetsStore as b, useCategoryStore as h, useGlobalCopyStore as x } from "../../../../common/context/hooks/index.es.js";
+import _ from "../../../../common/components/drawer/Drawer/index.es.js";
+import { RecalculateBudgetRow as y } from "../RecalculateBudgetRow/index.es.js";
+import i from "react";
+import n from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import C from "@mui/material/Button";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import B from "@mui/material/Box";
+import v from "@mui/material/List";
+var F = ({ onRecalculateBudgets: s }) => {
+  const { budgets: t, common: m } = x(), { spendCategories: u } = h(), { recalculateBudgets: d, setAlert: p } = b(), [g, o] = i.useState(!1), c = u.filter((r) => r.totalAverageAmount > 0), f = async () => {
+    await d(c), o(!1), p(t.alert_recalculated_budgets), s?.();
+  };
+  return /* @__PURE__ */ l(i.Fragment, { children: [
+    /* @__PURE__ */ e(C, {
+      onClick: () => o(!0),
+      sx: {
+        mt: 24,
+        mx: 24
+      },
+      variant: "text",
+      children: t.recalculate_button
+    }),
+    /* @__PURE__ */ e(a, {
+      sx: {
+        mx: 24,
+        my: 16,
+        textAlign: "center"
+      },
+      variant: "subtitle1",
+      children: t.recalculate_help
+    }),
+    /* @__PURE__ */ e(_, {
+      ariaLabelClose: m.close_aria,
+      isOpen: g,
+      onClose: () => o(!1),
+      onPrimaryAction: f,
+      title: t.recalculate_title,
+      children: /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ l(n, {
+        mx: 24,
+        my: 16,
+        children: [/* @__PURE__ */ e(a, {
+          bold: !0,
+          variant: "body1",
+          children: t.recalculate_description_top
+        }), /* @__PURE__ */ e(a, {
+          variant: "subtitle2",
+          children: t.recalculate_description_bottom
+        })]
+      }), /* @__PURE__ */ e(B, {
+        bgcolor: "background.paper",
+        children: /* @__PURE__ */ e(v, { children: c.map((r) => /* @__PURE__ */ e(y, { category: r }, r.guid)) })
+      })] })
+    })
+  ] });
+};
+export {
+  F as RecalculateBudgets
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/addbudget/RecalculateBudgets/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/addbudget/RecalculateBudgets.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useBudgetsStore, useCategoryStore, useGlobalCopyStore } from '../../../common'\n\nimport { RecalculateBudgetRow } from './RecalculateBudgetRow'\n\ninterface RecalculateBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const RecalculateBudgets = ({ onRecalculateBudgets }: RecalculateBudgetsProps) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { spendCategories } = useCategoryStore()\n  const { recalculateBudgets, setAlert } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const newBudgetCategories = spendCategories.filter((category) => category.totalAverageAmount > 0)\n\n  const handlePrimaryClick = async () => {\n    await recalculateBudgets(newBudgetCategories)\n\n    setIsOpen(false)\n    setAlert(copy.alert_recalculated_budgets)\n    onRecalculateBudgets?.()\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={() => setIsOpen(true)} sx={{ mt: 24, mx: 24 }} variant=\"text\">\n        {copy.recalculate_button}\n      </Button>\n\n      <Text sx={{ mx: 24, my: 16, textAlign: 'center' }} variant=\"subtitle1\">\n        {copy.recalculate_help}\n      </Text>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handlePrimaryClick}\n        title={copy.recalculate_title}\n      >\n        <Stack>\n          <Stack mx={24} my={16}>\n            <Text bold={true} variant=\"body1\">\n              {copy.recalculate_description_top}\n            </Text>\n            <Text variant=\"subtitle2\">{copy.recalculate_description_bottom}</Text>\n          </Stack>\n          <Box bgcolor=\"background.paper\">\n            <List>\n              {newBudgetCategories.map((category) => (\n                <RecalculateBudgetRow category={category} key={category.guid} />\n              ))}\n            </List>\n          </Box>\n        </Stack>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAA,CAAsB,EAAE,sBAAA,EAAA,MAAoD;AACvF,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GACvC,EAAE,oBAAA,GAAoB,UAAA,EAAA,IAAa,EAAgB,GAEnD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAsB,EAAgB,OAAA,CAAQ,MAAa,EAAS,qBAAqB,CAAC,GAE1F,IAAqB,YAAY;AACrC,UAAM,EAAmB,CAAmB,GAE5C,EAAU,EAAK,GACf,EAAS,EAAK,0BAA0B,GACxC,IAAuB;AAAA,EACzB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,gBACrE,EAAK;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAAG,SAAQ;AAAA,gBACxD,EAAK;AAAA,IACF,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,iBAAiB;AAAA,MACjB,OAAO,EAAK;AAAA,gBAEZ,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,QAAI,IAAI;AAAA,kBAAnB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAa,EAAK;AAAA,QAAqC,CAAA,CAChE;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QAAK,SAAQ;AAAA,kBACX,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,MACxB,gBAAA,EAAC,GAAD,EAAgC,UAAA,EAA+B,GAAhB,EAAS,IAAO,CAChE,EACG,CAAA;AAAA,MACH,CAAA,CACA,EAAA,CAAA;AAAA,IACD,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB"}

package/dist/budgets/components/addbudget/UnbudgetedRow/index.es.js

@@ -0,0 +1,50 @@
+import { useGlobalCopyStore as p } from "../../../../common/context/hooks/index.es.js";
+import l from "../../../../common/components/dialog/Dialog/index.es.js";
+import { formatCurrency as c } from "../../../../core/utils/NumberFormatting/index.es.js";
+import { BudgetAmount as f } from "../../shared/BudgetAmount/index.es.js";
+import m from "react";
+import { observer as A } from "mobx-react-lite";
+import { CategoryIcon as b, Icon as I } from "@mxenabled/mxui";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import h from "@mui/material/ListItem";
+import y from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemText";
+import g from "@mui/material/ListItemAvatar";
+import x from "@mui/material/ListItemSecondaryAction";
+var w = A(({ category: t, onAddBudget: a }) => {
+  const { budgets: e, common: s } = p(), [d, i] = m.useState(!1), [r, u] = m.useState(`${t.totalAmount === 0 ? "" : t.totalAmount}`);
+  return /* @__PURE__ */ n(m.Fragment, { children: [/* @__PURE__ */ o(h, { children: /* @__PURE__ */ n(y, {
+    onClick: () => i(!0),
+    children: [
+      /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(b, { categoryGuid: t.guid }) }),
+      /* @__PURE__ */ o(C, {
+        primary: t.name,
+        secondary: c(t.totalAmount, "0,0")
+      }),
+      /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(I, {
+        name: "add",
+        size: 20
+      }) })
+    ]
+  }) }, t.guid), /* @__PURE__ */ o(l, {
+    copy: {
+      close_aria: s.close_aria,
+      title: e.add_title
+    },
+    disablePrimaryButton: Number(r) <= 0,
+    isOpen: d,
+    onClose: () => i(!1),
+    onPrimaryAction: () => a(t, Number(r)),
+    primaryText: e.add_save_button,
+    children: /* @__PURE__ */ o(f, {
+      amount: r,
+      categoryName: t.name,
+      onAmountChanged: u
+    })
+  })] });
+});
+export {
+  w as UnbudgetedRow
+};
+
+//# sourceMappingURL=index.es.js.map