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

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

@@ -1,48 +0,0 @@
-import p from "../../../../common/components/charts/StatusBar/index.es.js";
-import { formatCurrency as t } from "../../../../core/utils/NumberFormatting/index.es.js";
-import "react";
-import s from "@mui/material/Stack";
-import { CategoryIcon as l, Text as o } from "@mxenabled/mxui";
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import f from "@mui/material/Card";
-import h from "@mui/material/CardContent";
-var S = ({ budget: a }) => {
-  const { amount: e, budgetColors: { background: n }, category: { name: m }, category_guid: c, percentage: i, transaction_total: d } = a, g = [{
-    color: n,
-    percentage: `${i}%`
-  }];
-  return /* @__PURE__ */ r(f, {
-    sx: {
-      mt: 24,
-      mx: 24
-    },
-    children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ u(s, {
-      alignItems: "center",
-      gap: 16,
-      children: [
-        /* @__PURE__ */ r(l, {
-          categoryGuid: c,
-          size: 56
-        }),
-        /* @__PURE__ */ r(o, {
-          variant: "h1",
-          children: `${t(d, "0,0")} / ${t(e, "0,0")}`
-        }),
-        /* @__PURE__ */ r(o, {
-          bold: !0,
-          variant: "caption",
-          children: m
-        }),
-        /* @__PURE__ */ r(p, {
-          data: g,
-          height: 10
-        })
-      ]
-    }) })
-  });
-};
-export {
-  S as Header
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/budgetdetails/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nimport { StatusBar } from '../../../common'\nimport { DetailedBudget } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface HeaderProps {\n  budget: DetailedBudget\n}\n\nexport const Header: React.FC<HeaderProps> = ({ budget }) => {\n  const {\n    amount,\n    budgetColors: { background },\n    category: { name: categoryName },\n    category_guid,\n    percentage,\n    transaction_total,\n  } = budget\n\n  const status = [\n    {\n      color: background,\n      percentage: `${percentage}%`,\n    },\n  ]\n\n  return (\n    <Card sx={{ mt: 24, mx: 24 }}>\n      <CardContent>\n        <Stack alignItems=\"center\" gap={16}>\n          <CategoryIcon categoryGuid={category_guid} size={56} />\n          <Text variant=\"h1\">\n            {`${formatCurrency(transaction_total, '0,0')} / ${formatCurrency(amount, '0,0')}`}\n          </Text>\n          <Text bold={true} variant=\"caption\">\n            {categoryName}\n          </Text>\n          <StatusBar data={status} height={10} />\n        </Stack>\n      </CardContent>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,IAAa,IAAA,CAAiC,EAAE,QAAA,EAAA,MAAa;AAC3D,QAAM,EACJ,QAAA,GACA,cAAc,EAAE,YAAA,EAAA,GAChB,UAAU,EAAE,MAAM,EAAA,GAClB,eAAA,GACA,YAAA,GACA,mBAAA,EAAA,IACE,GAEE,IAAS,CACb;AAAA,IACE,OAAO;AAAA,IACP,YAAY,GAAG,CAAA;AAAA,EACjB,CACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI;AAAA,IAAG;AAAA,cACzB,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,MAAO,YAAW;AAAA,MAAS,KAAK;AAAA,gBAAhC;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAe,MAAM;AAAA,QAAK,CAAA;AAAA,QACtD,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBACX,GAAG,EAAe,GAAmB,KAAK,CAAA,MAAO,EAAe,GAAQ,KAAK,CAAA;AAAA,QAC1E,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAW,MAAM;AAAA,UAAQ,QAAQ;AAAA,QAAK,CAAA;AAAA,MACjC;AAAA,OACI,CAAA;AAAA,EACT,CAAA;AAEV"}

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

@@ -1,98 +0,0 @@
-import { buildDynamicCopy as D } from "../../../../core/utils/Localization/index.es.js";
-import { useBudgetsStore as v, useGlobalCopyStore as O, useTransactionStore as T } from "../../../../common/context/hooks/index.es.js";
-import f from "../../../../common/components/dialog/Dialog/index.es.js";
-import w from "../../../../common/components/drawer/Drawer/index.es.js";
-import F from "../../../../transactions/components/shared/TransactionList/index.es.js";
-import { BudgetAmount as L } from "../../shared/BudgetAmount/index.es.js";
-import { Header as P } from "../Header/index.es.js";
-import { SubBudgetZeroState as E } from "../../budgetlist/SubBudgetZeroState/index.es.js";
-import { SubBudgetRow as N } from "../../budgetlist/SubBudgetRow/index.es.js";
-import { AddSubBudget as j } from "../AddSubBudget/index.es.js";
-import i from "react";
-import { observer as k } from "mobx-react-lite";
-import I from "@mui/material/Stack";
-import { Text as R } from "@mxenabled/mxui";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import $ from "@mui/material/Divider";
-import G from "@mui/material/List";
-var ie = k(({ budget: n }) => {
-  const { category: _, subBudgets: m } = n, { budgets: o, common: s } = O(), { deleteBudget: b, selectedSubBudget: e, setSelectedSubBudget: h, updateBudget: S } = v(), { filter: c, setFilter: u } = T(), [B, p] = i.useState(!1), [C, d] = i.useState(!1), [l, g] = i.useState("");
-  i.useEffect(() => {
-    e && (g(`${e.amount}`), u({
-      ...c,
-      custom: (r) => r.category_guid === e.category_guid
-    }));
-  }, [e]);
-  const x = async () => {
-    e && await S({
-      ...e,
-      amount: Number(l)
-    });
-  }, A = async () => {
-    e && await b(e.guid), d(!1), y();
-  }, y = () => {
-    u({
-      ...c,
-      custom: (r) => r.category_guid === n.category_guid || r.top_level_category_guid === n.category_guid
-    }), h(void 0);
-  };
-  return /* @__PURE__ */ a(i.Fragment, { children: [
-    /* @__PURE__ */ a(G, {
-      sx: { bgcolor: "background.paper" },
-      children: [m.length === 0 ? /* @__PURE__ */ t(E, {}) : m.map((r) => /* @__PURE__ */ a(i.Fragment, { children: [/* @__PURE__ */ t(N, { budget: r }), /* @__PURE__ */ t($, {})] }, r.guid)), /* @__PURE__ */ t(j, {
-        category: _,
-        parentBudget: n
-      })]
-    }),
-    /* @__PURE__ */ t(w, {
-      ariaLabelClose: s.close_aria,
-      isOpen: !!e,
-      onClose: y,
-      onPrimaryAction: () => p(!0),
-      onSecondaryAction: () => d(!0),
-      primaryText: o.details_edit_button,
-      secondaryText: o.details_delete_button,
-      title: o.details_title,
-      children: e && /* @__PURE__ */ a(I, {
-        gap: 24,
-        children: [/* @__PURE__ */ t(P, { budget: e }), /* @__PURE__ */ t(F, { height: "100%" })]
-      })
-    }),
-    e && /* @__PURE__ */ a(i.Fragment, { children: [/* @__PURE__ */ t(f, {
-      copy: {
-        close_aria: s.close_aria,
-        title: o.details_edit_title
-      },
-      disablePrimaryButton: Number(l) <= 0,
-      isOpen: B,
-      onClose: () => p(!1),
-      onPrimaryAction: x,
-      primaryText: o.edit_save_button,
-      children: /* @__PURE__ */ t(L, {
-        amount: l,
-        categoryName: e.category.name,
-        onAmountChanged: g
-      })
-    }), /* @__PURE__ */ t(f, {
-      copy: {
-        close_aria: s.close_aria,
-        title: o.delete_title
-      },
-      isOpen: C,
-      onClose: () => d(!1),
-      onPrimaryAction: A,
-      primaryColor: "error",
-      primaryText: "Delete",
-      secondaryColor: "secondary",
-      children: /* @__PURE__ */ t(R, {
-        variant: "subtitle1",
-        children: D(o.delete_description, e.category.name)
-      })
-    })] })
-  ] });
-});
-export {
-  ie as SubBudgetList
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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":"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"}

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

@@ -1,27 +0,0 @@
-import { buildDynamicCopy as r } from "../../../../core/utils/Localization/index.es.js";
-import { useBudgetsStore as a, useGlobalCopyStore as l, useRecurringTransactionsStore as f } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as y } from "../../../../core/utils/NumberFormatting/index.es.js";
-import b from "../../../../common/components/CurrencyInput/index.es.js";
-import "react";
-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__ */ 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: o.add_label,
-      minAmount: 0,
-      setAmount: c,
-      sx: { ".MuiTypography-body1": { p: 0 } }
-    })]
-  });
-};
-export {
-  j as BudgetAmount
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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,cAAZ,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/budgets/components/shared/BudgetDetailsTopSection/index.es.js

@@ -1,84 +0,0 @@
-import { buildDynamicCopy as m } from "../../../../core/utils/Localization/index.es.js";
-import { useGlobalCopyStore as h } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as t } from "../../../../core/utils/NumberFormatting/index.es.js";
-import { fromTimestampToMonthYear as x } from "../../../../core/utils/DateUtil/index.es.js";
-import u from "../../../../insights/components/shared/StatusIndicator/index.es.js";
-import g from "react";
-import a from "@mui/material/Stack";
-import { H2 as y, P as e, Text as C } from "@mxenabled/mxui";
-import v from "@mui/material/Button";
-import { ChevronRight as B } from "@mxenabled/mx-icons";
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import S from "@mui/material/Box";
-var W = ({ startDate: p, onViewHistory: n, totalTransaction: d, amount: c, spentPercentage: l, remainingAmount: s, iconColor: b, icon: f }) => {
-  const { budgets: r } = h();
-  return /* @__PURE__ */ o(g.Fragment, { children: /* @__PURE__ */ i(S, {
-    sx: {
-      bgcolor: "background.paper",
-      borderBottomColor: "divider",
-      borderBottomStyle: "solid",
-      borderBottomWidth: 1
-    },
-    children: [/* @__PURE__ */ i(a, {
-      sx: {
-        alignItems: "center",
-        flexDirection: "row",
-        gap: 12,
-        justifyContent: "space-between",
-        pt: 16,
-        px: 24
-      },
-      children: [/* @__PURE__ */ o(e, {
-        bold: !0,
-        variant: "subtitle1",
-        children: x(p)
-      }), n && /* @__PURE__ */ o(v, {
-        endIcon: /* @__PURE__ */ o(B, {}),
-        onClick: n,
-        sx: { height: 28 },
-        children: /* @__PURE__ */ o(C, {
-          bold: !0,
-          variant: "body2",
-          children: r.spending_history
-        })
-      })]
-    }), /* @__PURE__ */ o(u, {
-      amount: /* @__PURE__ */ i(a, {
-        sx: {
-          alignItems: "baseline",
-          flexDirection: "row",
-          gap: 4
-        },
-        children: [
-          /* @__PURE__ */ o(y, { children: t(d, "0,0.00") }),
-          /* @__PURE__ */ o(e, {
-            color: "text.secondary",
-            variant: "body2",
-            children: "/"
-          }),
-          /* @__PURE__ */ o(e, {
-            color: "text.secondary",
-            variant: "body2",
-            children: t(c, "0,0.00")
-          })
-        ]
-      }),
-      completeColor: `${b}.main`,
-      icon: f,
-      label: r.spent_label,
-      leftLabel: m(r.percent_spent, l.toFixed()),
-      percentComplete: l,
-      rightLabel: m(r.balance_left, t(s, "0,0.00")),
-      sx: {
-        pb: 24,
-        pt: 16,
-        px: 24
-      }
-    })]
-  }) });
-};
-export {
-  W as BudgetDetailsTopSection
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/shared/BudgetDetailsTopSection/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/shared/BudgetDetailsTopSection.tsx"],"sourcesContent":["import React from 'react'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { H2, P, Text } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { StatusIndicator } from '../../../insights'\nimport { fromTimestampToMonthYear } from '../../../core/utils/DateUtil'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface BudgetDetailsTopAndMiddleSectionProps {\n  startDate: number\n  onViewHistory?: () => void\n  totalTransaction: number\n  amount: number\n  spentPercentage: number\n  remainingAmount: number\n  iconColor?: string\n  icon: React.ReactNode\n}\n\nexport const BudgetDetailsTopSection = ({\n  startDate,\n  onViewHistory,\n  totalTransaction,\n  amount,\n  spentPercentage,\n  remainingAmount,\n  iconColor,\n  icon,\n}: BudgetDetailsTopAndMiddleSectionProps) => {\n  const { budgets: budgetsCopy } = useGlobalCopyStore()\n\n  return (\n    <React.Fragment>\n      <Box\n        sx={{\n          bgcolor: 'background.paper',\n          borderBottomColor: 'divider',\n          borderBottomStyle: 'solid',\n          borderBottomWidth: 1,\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            flexDirection: 'row',\n            gap: 12,\n            justifyContent: 'space-between',\n            pt: 16,\n            px: 24,\n          }}\n        >\n          <P bold={true} variant=\"subtitle1\">\n            {fromTimestampToMonthYear(startDate)}\n          </P>\n          {onViewHistory && (\n            <Button endIcon={<ChevronRight />} onClick={onViewHistory} sx={{ height: 28 }}>\n              <Text bold={true} variant=\"body2\">\n                {budgetsCopy.spending_history}\n              </Text>\n            </Button>\n          )}\n        </Stack>\n        <StatusIndicator\n          amount={\n            <Stack sx={{ alignItems: 'baseline', flexDirection: 'row', gap: 4 }}>\n              <H2>{formatCurrency(totalTransaction, '0,0.00')}</H2>\n              <P color=\"text.secondary\" variant=\"body2\">\n                /\n              </P>\n              <P color=\"text.secondary\" variant=\"body2\">\n                {formatCurrency(amount, '0,0.00')}\n              </P>\n            </Stack>\n          }\n          completeColor={`${iconColor}.main`}\n          icon={icon}\n          label={budgetsCopy.spent_label}\n          leftLabel={\n            buildDynamicCopy(budgetsCopy.percent_spent, spentPercentage.toFixed()) as string\n          }\n          percentComplete={spentPercentage}\n          rightLabel={\n            buildDynamicCopy(\n              budgetsCopy.balance_left,\n              formatCurrency(remainingAmount, '0,0.00'),\n            ) as string\n          }\n          sx={{\n            pb: 24,\n            pt: 16,\n            px: 24,\n          }}\n        />\n      </Box>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAa,IAAA,CAA2B,EACtC,WAAA,GACA,eAAA,GACA,kBAAA,GACA,QAAA,GACA,iBAAA,GACA,iBAAA,GACA,WAAA,GACA,MAAA,EAAA,MAC2C;AAC3C,QAAM,EAAE,SAAS,EAAA,IAAgB,EAAmB;AAEpD,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IACrB;AAAA,cANF,CAQE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,KAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBARF,CAUE,gBAAA,EAAC,GAAD;AAAA,QAAG,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACpB,EAAyB,CAAS;AAAA,MAClC,CAAA,GACF,KACC,gBAAA,EAAC,GAAD;AAAA,QAAQ,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,QAAG,SAAS;AAAA,QAAe,IAAI,EAAE,QAAQ,GAAG;AAAA,kBAC1E,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAY;AAAA,QACT,CAAA;AAAA,MACA,CAAA,CAEL;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MACE,QACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAY,eAAe;AAAA,UAAO,KAAK;AAAA,QAAE;AAAA,kBAAlE;AAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAe,GAAkB,QAAQ,EAAM,CAAA;AAAA,UACpD,gBAAA,EAAC,GAAD;AAAA,YAAG,OAAM;AAAA,YAAiB,SAAQ;AAAA,sBAAQ;AAAA,UAEvC,CAAA;AAAA,UACH,gBAAA,EAAC,GAAD;AAAA,YAAG,OAAM;AAAA,YAAiB,SAAQ;AAAA,sBAC/B,EAAe,GAAQ,QAAQ;AAAA,UAC/B,CAAA;AAAA,QACE;AAAA;MAET,eAAe,GAAG,CAAA;AAAA,MACZ,MAAA;AAAA,MACN,OAAO,EAAY;AAAA,MACnB,WACE,EAAiB,EAAY,eAAe,EAAgB,QAAQ,CAAC;AAAA,MAEvE,iBAAiB;AAAA,MACjB,YACE,EACE,EAAY,cACZ,EAAe,GAAiB,QAAQ,CAC1C;AAAA,MAEF,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACD,CAAA,CACE;AAAA,KACS,CAAA;AAEpB"}

package/dist/budgets/utils/BubblesSVG/index.es.js

@@ -1,73 +0,0 @@
-import * as l from "d3";
-var d = 5, h = 100, u = 25, p = (t) => {
-  const s = (a) => {
-    a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
-  }, n = (a) => {
-    a.subject.fx = a.x, a.subject.fy = a.y;
-  }, c = (a) => {
-    a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
-  };
-  return l.drag().on("start", s).on("drag", n).on("end", c);
-}, A = (t) => {
-  let s = t.transaction_total / t.amount;
-  s < 0 ? s = 0 : s > 1 && (s = 1);
-  const n = s * 2 * Math.PI, c = l.interpolate(0, n), a = l.arc().cornerRadius(5).innerRadius(t.radius - d * 2).outerRadius(t.radius - d).startAngle(0).endAngle(0);
-  return (r) => (a.endAngle(c(r)), a(t) || "");
-}, S = (t) => {
-  l.selectAll(".bubble").call(p(t));
-}, x = (t, s, n) => Math.min(Math.max(t, s), n), _ = (t, s, n) => {
-  t.alpha(1).restart().force("x", l.forceX().x(n / 2).strength(0.01)).force("y", l.forceY().y(s / 2).strength(0.02)).on("tick", () => {
-    const c = t.nodes();
-    c.forEach((a) => {
-      const r = a.radius ?? u;
-      a.x = x(a.x ?? 0, r, n - r), a.y = x(a.y ?? 0, r, s - r);
-    }), l.selectAll(".bubble").data(c).attr("transform", (a) => `translate(${a.x},${a.y})`);
-  });
-}, f = (t, s) => l.scaleLinear().domain([t, s]).range([u, h]), I = (t) => {
-  const s = t.reduce((r, e) => {
-    const i = Math.max(e.transaction_total, e.amount);
-    return i > r ? i : r;
-  }, 0), n = t.reduce((r, e) => {
-    const i = Math.max(e.transaction_total, e.amount);
-    return i < r ? i : r;
-  }, s), c = f(n, s), a = t.map((r) => {
-    const e = c(Math.max(r.transaction_total, r.amount)) || 25;
-    return {
-      ...r,
-      radius: e
-    };
-  });
-  return l.forceSimulation(a).velocityDecay(0.05).force("collide", l.forceCollide((r) => r.radius + 2).strength(0.7));
-}, R = (t, s, n) => {
-  const c = Math.PI * u ** 2 * t, a = n < 400 || s < 300, r = a ? 40 : 20, e = Math.max(100, n - r), i = Math.max(100, s - r), m = e * i;
-  let o = u;
-  if (c < m) {
-    const M = Math.sqrt(m / (t * Math.PI)), g = Math.min(e, i) / 4;
-    o = Math.min(h, M, g);
-  }
-  return a && t <= 3 && (o = Math.min(o, 45)), {
-    minRadius: Math.max(20, o * 0.6),
-    maxRadius: o
-  };
-}, y = (t, s, n, c, a) => {
-  const { maxRadius: r, minRadius: e } = R(t, s, a);
-  return l.scaleLinear().domain([c, n]).range([e, r]);
-}, j = (t, s, n = !1, c, a) => {
-  const r = s.map((o) => Math.max(o.transaction_total, o.amount)), e = Math.min(...r), i = Math.max(...r), m = n ? y(t.length, c, i, e, a) : f(e, i);
-  return t.map((o) => ({
-    ...o,
-    radius: m(Math.max(o.transaction_total, o.amount))
-  }));
-};
-export {
-  A as arcTween,
-  j as computeScaledNodes,
-  p as drag,
-  S as enableDrag,
-  f as getScale,
-  y as getSmartScale,
-  _ as resize,
-  I as simulate
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/utils/BubblesSVG/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/utils/BubblesSVG.ts"],"sourcesContent":["import * as d3 from 'd3'\n\nimport type { Simulation } from 'd3'\n\nimport { type BubbleData } from '../components/BubbleChart'\nimport { DetailedBudget } from '../../core'\n\n// D3 SVG Types\nexport type SimulationType = Simulation<BubbleData, undefined>\n\nconst PROGRESS_INDICATOR_SIZE = 5\nconst MAX_BUBBLE_RADIUS = 100\nconst MIN_BUBBLE_RADIUS = 25\n\n/**\n * Enables dragging of bubbles\n * @param simulation D3 Simulation\n */\nexport const drag = (simulation: SimulationType) => {\n  const dragStarted = (event: any) => {\n    if (!event.active) simulation.alphaTarget(0.3).restart()\n    event.subject.fx = event.subject.x\n    event.subject.fy = event.subject.y\n  }\n\n  const dragged = (event: any) => {\n    event.subject.fx = event.x\n    event.subject.fy = event.y\n  }\n\n  const dragEnded = (event: any) => {\n    if (!event.active) simulation.alphaTarget(0)\n    event.subject.fx = null\n    event.subject.fy = null\n  }\n  return d3.drag().on('start', dragStarted).on('drag', dragged).on('end', dragEnded)\n}\n\n/**\n * Provide d values for the arc between the start and end radius based on time\n * @param bubble Bubble data\n */\nexport const arcTween = (bubble: BubbleData) => {\n  // Percentage of the budget\n  let p = bubble.transaction_total / bubble.amount\n  if (p < 0) p = 0\n  else if (p > 1) p = 1\n\n  // End angle for the progress status\n  const angle = p * 2 * Math.PI\n  // Interpolate values between 0 and the end angle\n  const interpolate = d3.interpolate(0, angle)\n  // Progress arc starting at 0\n  const arc = d3\n    .arc<BubbleData>()\n    .cornerRadius(5)\n    .innerRadius(bubble.radius - PROGRESS_INDICATOR_SIZE * 2)\n    .outerRadius(bubble.radius - PROGRESS_INDICATOR_SIZE)\n    .startAngle(0)\n    .endAngle(0)\n\n  return (t: number) => {\n    // assign end angle to interpolated value for t\n    arc.endAngle(interpolate(t))\n    // call arc and return intermediate `d` value\n    return arc(bubble) || ''\n  }\n}\n\n/**\n * Enable drag\n * @param simulation D3 Simulation\n */\nexport const enableDrag = (simulation: SimulationType) => {\n  d3.selectAll('.bubble').call(drag(simulation) as any)\n}\n\n/**\n * Clamps a number between a minimum and maximum value.\n *\n * @param value - The number to be clamped.\n * @param min - The minimum allowable value.\n * @param max - The maximum allowable value.\n * @returns The clamped value within the range [min, max].\n */\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max)\n\n/**\n * Update location after a resize\n * @param simulation D3 Simulation\n * @param height New height\n * @param width New width\n */\nexport const resize = (simulation: SimulationType, height: number, width: number) => {\n  simulation\n    .alpha(1)\n    .restart()\n    .force(\n      'x',\n      d3\n        .forceX()\n        .x(width / 2)\n        .strength(0.01),\n    )\n    .force(\n      'y',\n      d3\n        .forceY()\n        .y(height / 2)\n        .strength(0.02),\n    )\n    .on('tick', () => {\n      const nodes = simulation.nodes()\n\n      nodes.forEach((node: BubbleData) => {\n        const radius = node.radius ?? MIN_BUBBLE_RADIUS\n\n        node.x = clamp(node.x ?? 0, radius, width - radius)\n        node.y = clamp(node.y ?? 0, radius, height - radius)\n      })\n\n      d3.selectAll('.bubble')\n        .data(nodes)\n        .attr('transform', (d: BubbleData) => `translate(${d.x},${d.y})`)\n    })\n}\n\nexport const getScale = (min: number, max: number) => {\n  return d3.scaleLinear().domain([min, max]).range([MIN_BUBBLE_RADIUS, MAX_BUBBLE_RADIUS])\n}\n\n/**\n * Simulates the chart\n * @param budgets Budget data\n */\nexport const simulate = (budgets: DetailedBudget[]) => {\n  const maxValue = budgets.reduce((acc, budget) => {\n    const max = Math.max(budget.transaction_total, budget.amount)\n    return max > acc ? max : acc\n  }, 0)\n\n  const minValue = budgets.reduce((acc, budget) => {\n    const max = Math.max(budget.transaction_total, budget.amount)\n    return max < acc ? max : acc\n  }, maxValue)\n\n  const scale = getScale(minValue, maxValue)\n\n  const bubbles = budgets.map((budget) => {\n    const radius = scale(Math.max(budget.transaction_total, budget.amount)) || 25\n\n    return {\n      ...budget,\n      radius,\n    } as BubbleData\n  })\n\n  return d3\n    .forceSimulation<BubbleData>(bubbles)\n    .velocityDecay(0.05)\n    .force('collide', d3.forceCollide<BubbleData>((d) => d.radius + 2).strength(0.7))\n}\n\n/**\n * Calculate the target radius based on the number of bubbles and container size\n * @param count Number of bubbles\n * @param height Height of the container\n * @param width Width of the container\n * @returns An object containing the target minimum and maximum radius\n */\nconst getTargetRadius = (bubbleCount: number, containerHeight: number, containerWidth: number) => {\n  const minBubbleArea = Math.PI * MIN_BUBBLE_RADIUS ** 2\n  const totalMinBubbleArea = minBubbleArea * bubbleCount\n\n  const isSmallContainer = containerWidth < 400 || containerHeight < 300\n  const padding = isSmallContainer ? 40 : 20\n  const usableWidth = Math.max(100, containerWidth - padding)\n  const usableHeight = Math.max(100, containerHeight - padding)\n  const usableArea = usableWidth * usableHeight\n\n  let maxRadius = MIN_BUBBLE_RADIUS\n\n  if (totalMinBubbleArea < usableArea) {\n    const radiusFromArea = Math.sqrt(usableArea / (bubbleCount * Math.PI))\n    const radiusFromDimensions = Math.min(usableWidth, usableHeight) / 4\n\n    maxRadius = Math.min(MAX_BUBBLE_RADIUS, radiusFromArea, radiusFromDimensions)\n  }\n\n  if (isSmallContainer && bubbleCount <= 3) {\n    maxRadius = Math.min(maxRadius, 45)\n  }\n\n  const minRadius = Math.max(20, maxRadius * 0.6)\n\n  return { minRadius, maxRadius }\n}\n\n/* @param count Number of bubbles\n * @param height Height of the container\n * @param maxValue Maximum value for the scale\n * @param minValue Minimum value for the scale\n * @param width Width of the container\n * @returns A D3 linear scale for bubble radius\n */\nexport const getSmartScale = (\n  count: number,\n  height: number,\n  maxValue: number,\n  minValue: number,\n  width: number,\n) => {\n  const { maxRadius, minRadius } = getTargetRadius(count, height, width)\n\n  return d3.scaleLinear().domain([minValue, maxValue]).range([minRadius, maxRadius])\n}\n\nexport const computeScaledNodes = (\n  nodes: BubbleData[],\n  budgets: DetailedBudget[],\n  isCompact: boolean = false,\n  height: number,\n  width: number,\n) => {\n  const values = budgets.map((b) => Math.max(b.transaction_total, b.amount))\n  const min = Math.min(...values)\n  const max = Math.max(...values)\n\n  const scale = isCompact\n    ? getSmartScale(nodes.length, height, max, min, width)\n    : getScale(min, max)\n\n  return nodes.map((node) => ({\n    ...node,\n    radius: scale(Math.max(node.transaction_total, node.amount)),\n  }))\n}\n"],"mappings":"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"}

package/dist/cashflow/CashflowMiniWidget/index.es.js

@@ -1,45 +0,0 @@
-import { useGlobalCopyStore as c, useGlobalUiStore as f, useRecurringTransactionsStore as p } from "../../common/context/hooks/index.es.js";
-import { useWidgetLoadTimer as u } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import h from "../../common/components/MiniWidgetContainer/index.es.js";
-import a from "../../common/components/Loader/index.es.js";
-import { EmptyState as g } from "../../common/components/EmptyState/index.es.js";
-import { useCashflowUiStore as y } from "../context/hooks/index.es.js";
-import C from "../components/CashflowWidgetContent/index.es.js";
-import w from "react";
-import { observer as _ } from "mobx-react-lite";
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-var x = ({ onPrimaryCtaClick: r, onSecondaryCtaClick: s, sx: m = {} }) => {
-  const { cashflow: t } = c(), { isInitialized: n } = f(), { income: l } = y(), { loadRepeatingTransactionData: d, isDataLoaded: i } = p();
-  w.useEffect(() => {
-    i || d().finally();
-  }, []), u({
-    widgetName: "CashflowMiniWidget",
-    isLoaded: i
-  });
-  const o = i && !l.length;
-  return n ? /* @__PURE__ */ b(h, {
-    className: "mx-exp-cashflow-miniwidget",
-    onPrimaryCtaClick: r,
-    primaryCtaLabel: t.primary_cta,
-    primaryCtaLabelAria: t.primary_cta_aria,
-    subTitle: o || !i ? void 0 : t.sub_title,
-    sx: {
-      height: "100%",
-      ...m
-    },
-    title: t.title,
-    children: [!i && /* @__PURE__ */ e(a, {}), i && (o ? /* @__PURE__ */ e(g, {
-      header: t.create,
-      icon: "local_atm",
-      onClick: s,
-      primaryButton: t.add_income,
-      primaryButtonStartIcon: "add",
-      subText: t.create_description
-    }) : /* @__PURE__ */ e(C, {}))]
-  }) : /* @__PURE__ */ e(a, {});
-}, D = _(x);
-export {
-  D as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/cashflow/CashflowMiniWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/cashflow/CashflowMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  EmptyState,\n  Loader,\n  MiniWidgetContainer,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useWidgetLoadTimer,\n} from '../common'\nimport { MiniWidgetProps } from '../core'\n\nimport CashflowWidgetContent from './components/CashflowWidgetContent'\nimport { useCashflowUiStore } from './context/hooks'\n\nconst CashflowMiniWidget: React.FC<MiniWidgetProps> = ({\n  onPrimaryCtaClick,\n  onSecondaryCtaClick,\n  sx = {},\n}) => {\n  const { cashflow: copy } = useGlobalCopyStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { income } = useCashflowUiStore()\n  const { loadRepeatingTransactionData, isDataLoaded } = useRecurringTransactionsStore()\n\n  React.useEffect(() => {\n    if (!isDataLoaded) {\n      loadRepeatingTransactionData().finally()\n    }\n  }, [])\n\n  useWidgetLoadTimer({\n    widgetName: 'CashflowMiniWidget',\n    isLoaded: isDataLoaded,\n  })\n\n  const showEmptyState = isDataLoaded && !income.length\n\n  if (!isInitialized) return <Loader />\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-cashflow-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={copy.primary_cta}\n      primaryCtaLabelAria={copy.primary_cta_aria}\n      subTitle={showEmptyState || !isDataLoaded ? undefined : copy.sub_title}\n      sx={{ height: '100%', ...sx }}\n      title={copy.title}\n    >\n      {!isDataLoaded && <Loader />}\n      {isDataLoaded &&\n        (showEmptyState ? (\n          <EmptyState\n            header={copy.create}\n            icon=\"local_atm\"\n            onClick={onSecondaryCtaClick}\n            primaryButton={copy.add_income}\n            primaryButtonStartIcon=\"add\"\n            subText={copy.create_description}\n          />\n        ) : (\n          <CashflowWidgetContent />\n        ))}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(CashflowMiniWidget)\n"],"mappings":";;;;;;;;;;AAiBA,IAAM,IAAA,CAAiD,EACrD,mBAAA,GACA,qBAAA,GACA,IAAA,IAAK,CAAC,EAAA,MACF;AACJ,QAAM,EAAE,UAAU,EAAA,IAAS,EAAmB,GACxC,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,QAAA,EAAA,IAAW,EAAmB,GAChC,EAAE,8BAAA,GAA8B,cAAA,EAAA,IAAiB,EAA8B;AAErF,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAA6B,EAAE,QAAQ;AAAA,EAE3C,GAAG,CAAC,CAAC,GAEL,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,IAAiB,KAAgB,CAAC,EAAO;AAE/C,SAAK,IAGH,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACS,mBAAA;AAAA,IACnB,iBAAiB,EAAK;AAAA,IACtB,qBAAqB,EAAK;AAAA,IAC1B,UAAU,KAAkB,CAAC,IAAe,SAAY,EAAK;AAAA,IAC7D,IAAI;AAAA,MAAE,QAAQ;AAAA,MAAQ,GAAG;AAAA,IAAG;AAAA,IAC5B,OAAO,EAAK;AAAA,cAPd,CASG,CAAC,KAAgB,gBAAA,EAAC,GAAD,CAAS,CAAA,GAC1B,MACE,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAK;AAAA,MACb,MAAK;AAAA,MACL,SAAS;AAAA,MACT,eAAe,EAAK;AAAA,MACpB,wBAAuB;AAAA,MACvB,SAAS,EAAK;AAAA,IACf,CAAA,IAED,gBAAA,EAAC,GAAD,CAAwB,CAAA,EAET;AAAA,OA1BI,gBAAA,EAAC,GAAD,CAAS,CAAA;AA4BtC,GAEA,IAAe,EAAS,CAAkB"}