@mx-cartographer/experiences 9.4.54 → 9.4.56

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [9.4.56] - 10-06-2026
+
+- **FIXED** - Transactions in the Sub Budget drawer now open the Transaction Details drawer when clicked MEW-4015
+
+## [9.4.55] - 10-05-2026
+
+- **FIXED** - Color contrast in the Transaction Details calendar and Cancel buttons MEW-4123
+- **CHANGED** - Secondary buttons next to a main button use the text style
+- **CHANGED** - Bumped `@mxenabled/mxui` to `^2.11.1`
+
 ## [9.4.54] - 10-05-2026
 
 - **FIXED** - Searching in the Add Expense drawer in Recurring Transactions no longer crashes when an expense has no description MEW-3671

package/dist/budgets/components/BudgetDetailsDrawer.es.js

@@ -9,13 +9,13 @@ import { SubBudgetAmounts as q } from "./budgetdetails/SubBudgetAmounts.es.js";
 import r from "react";
 import { observer as J } from "mobx-react-lite";
 import { Text as K } from "@mxenabled/mxui";
-import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
 import Q from "@mui/material/Alert";
 import V from "@mui/material/Snackbar";
 var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t.amount}`])), ce = J(() => {
-  const { selectedAccountGuids: d } = U(), { budgets: t, common: m } = R(), { alert: l, dateRange: O, deleteBudget: T, selectedBudget: e, selectedSubBudget: w, setAlert: c, setSelectedBudget: N, updateBudget: h } = F(), { setFilter: E } = z(), [P, S] = r.useState(!1), [$, g] = r.useState(!1), [I, y] = r.useState(!1), [n, p] = r.useState(""), [_, b] = r.useState({});
+  const { selectedAccountGuids: d } = U(), { budgets: t, common: m } = R(), { alert: l, dateRange: O, deleteBudget: T, selectedBudget: e, selectedSubBudget: w, setAlert: c, setSelectedBudget: N, updateBudget: B } = F(), { setFilter: E } = z(), [P, S] = r.useState(!1), [$, g] = r.useState(!1), [I, p] = r.useState(!1), [n, y] = r.useState(""), [_, b] = r.useState({});
   r.useEffect(() => {
-    e && !w && (p(`${e.amount}`), b(D(e)), S(!0), E({
+    e && !w && (y(`${e.amount}`), b(D(e)), S(!0), E({
       accounts: d,
       dateRange: O,
       custom: (o) => o.category_guid === e.category_guid || o.top_level_category_guid === e.category_guid,
@@ -27,12 +27,12 @@ var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t
       let o = !0;
       e.subBudgets.length > 0 ? o = (await Promise.all(e.subBudgets.map((s) => {
         const i = Number(_[s.guid] ?? s.amount);
-        return h({
+        return B({
           ...s,
           amount: i,
           percentage: i ? s.category.currentAmount / i * 100 : 0
         });
-      }))).every(Boolean) : o = await h({
+      }))).every(Boolean) : o = await B({
         ...e,
         amount: Number(n),
         percentage: Number(n) ? e.category.totalAmount / Number(n) * 100 : 0
@@ -47,7 +47,7 @@ var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t
   }, G = async () => {
     if (e) {
       const o = await T(e.guid);
-      y(!1), c(o ? {
+      p(!1), c(o ? {
         msg: u(t.alert_budget_deleted, e.category.name),
         severity: "success"
       } : {
@@ -60,17 +60,17 @@ var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t
       N(void 0);
     }, 250);
   }, v = () => {
-    g(!1), p(`${e?.amount}`), b(D(e));
+    g(!1), y(`${e?.amount}`), b(D(e));
   };
   if (!e) return;
   const f = e.subBudgets.length > 0, k = f ? e.subBudgets.some((o) => x(_[o.guid] ?? `${o.amount}`)) : x(n);
-  return /* @__PURE__ */ B(r.Fragment, { children: [
-    /* @__PURE__ */ B(H, {
+  return /* @__PURE__ */ h(r.Fragment, { children: [
+    /* @__PURE__ */ h(H, {
       ariaLabelClose: m.close_aria,
       isOpen: P,
       onClose: A,
       onPrimaryAction: () => g(!0),
-      onSecondaryAction: () => y(!0),
+      onSecondaryAction: () => p(!0),
       primaryText: t.details_edit_button,
       secondaryColor: "error",
       secondaryText: t.details_delete_button,
@@ -93,7 +93,7 @@ var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t
         })
       })]
     }),
-    /* @__PURE__ */ B(C, {
+    /* @__PURE__ */ h(C, {
       copy: {
         close_aria: m.close_aria,
         title: t.details_edit_title
@@ -108,7 +108,7 @@ var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t
       children: [!f && /* @__PURE__ */ a(L, {
         amount: n,
         categoryName: e.category.name,
-        onAmountChanged: p
+        onAmountChanged: y
       }), f && /* @__PURE__ */ a(q, {
         categoryName: e.category.name,
         onSubBudgetAmountChanged: (o, s) => b((i) => ({
@@ -125,11 +125,11 @@ var D = (d) => Object.fromEntries((d?.subBudgets ?? []).map((t) => [t.guid, `${t
         title: t.delete_title
       },
       isOpen: I,
-      onClose: () => y(!1),
+      onClose: () => p(!1),
       onPrimaryAction: G,
       primaryColor: "error",
       primaryText: t.details_delete_button,
-      secondaryColor: "secondary",
+      secondaryColor: "inherit",
       children: /* @__PURE__ */ a(K, {
         variant: "subtitle1",
         children: u(t.delete_description, e.category.name)

package/dist/budgets/components/BudgetDetailsDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BudgetDetailsDrawer.es.js","names":[],"sources":["../../../src/budgets/components/BudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../core'\n\nimport { BudgetDetails } from './budgetdetails/BudgetDetails'\nimport { BudgetAmount } from './shared/BudgetAmount'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\nimport { isInvalidAmount } from '../../core/utils/BudgetUtil'\nimport { SubBudgetAmounts } from './budgetdetails/SubBudgetAmounts'\n\nconst seedSubAmounts = (b?: DetailedBudget) =>\n  Object.fromEntries((b?.subBudgets ?? []).map((sb) => [sb.guid, `${sb.amount}`]))\n\nexport const BudgetDetailsDrawer = observer(() => {\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const {\n    alert,\n    dateRange,\n    deleteBudget,\n    selectedBudget,\n    selectedSubBudget,\n    setAlert,\n    setSelectedBudget,\n    updateBudget,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n  const [subBudgetAmounts, setSubBudgetAmounts] = React.useState<Record<string, string>>({})\n\n  React.useEffect(() => {\n    if (selectedBudget && !selectedSubBudget) {\n      setAmount(`${selectedBudget.amount}`)\n      setSubBudgetAmounts(seedSubAmounts(selectedBudget))\n      setIsOpen(true)\n      setFilter({\n        accounts: selectedAccountGuids,\n        dateRange: dateRange,\n        custom: (t: Transaction) =>\n          t.category_guid === selectedBudget.category_guid ||\n          t.top_level_category_guid === selectedBudget.category_guid,\n        showSplits: true,\n      })\n    }\n  }, [selectedBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedBudget) {\n      let allSucceeded = true\n\n      if (selectedBudget.subBudgets.length > 0) {\n        const results = await Promise.all(\n          selectedBudget.subBudgets.map((subBudget) => {\n            const newAmount = Number(subBudgetAmounts[subBudget.guid] ?? subBudget.amount)\n            return updateBudget({\n              ...subBudget,\n              amount: newAmount,\n              percentage: newAmount ? (subBudget.category.currentAmount / newAmount) * 100 : 0,\n            } as Budget)\n          }),\n        )\n        allSucceeded = results.every(Boolean)\n      } else {\n        const result = await updateBudget({\n          ...selectedBudget,\n          amount: Number(amount),\n          percentage: Number(amount)\n            ? (selectedBudget.category.totalAmount / Number(amount)) * 100\n            : 0,\n        } as Budget)\n        allSucceeded = result\n      }\n\n      setAlert(\n        allSucceeded\n          ? {\n              msg: buildDynamicCopy(\n                copy.alert_budget_updated,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'success',\n            }\n          : {\n              msg: buildDynamicCopy(\n                copy.error_alert_edit_merchant_budget,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'error',\n            },\n      )\n      setIsEditOpen(false)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedBudget) {\n      const succeeded = await deleteBudget(selectedBudget.guid)\n      setIsDeleteOpen(false)\n      setAlert(\n        succeeded\n          ? {\n              msg: buildDynamicCopy(\n                copy.alert_budget_deleted,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'success',\n            }\n          : {\n              msg: buildDynamicCopy(\n                copy.error_alert_delete_merchant_budget,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'error',\n            },\n      )\n      if (succeeded) {\n        handleClose()\n      }\n    }\n  }\n\n  const handleClose = () => {\n    setIsOpen(false)\n    // Wait for the close animation before set the selected budget\n    setTimeout(() => {\n      setSelectedBudget(undefined)\n    }, 250)\n  }\n\n  const handleEditClose = () => {\n    setIsEditOpen(false)\n    setAmount(`${selectedBudget?.amount}`)\n    setSubBudgetAmounts(seedSubAmounts(selectedBudget))\n  }\n\n  if (!selectedBudget) {\n    return undefined\n  }\n\n  const hasSubBudgets = selectedBudget.subBudgets.length > 0\n  const disablePrimaryButton = hasSubBudgets\n    ? selectedBudget.subBudgets.some((sb) =>\n        isInvalidAmount(subBudgetAmounts[sb.guid] ?? `${sb.amount}`),\n      )\n    : isInvalidAmount(amount)\n\n  return (\n    <React.Fragment>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryColor=\"error\"\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        <BudgetDetails budget={selectedBudget} />\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert(null)}\n          open={Boolean(alert)}\n        >\n          <Alert\n            closeText=\"\"\n            onClose={() => setAlert(null)}\n            role={alert?.severity === 'error' ? 'alert' : undefined}\n            severity={alert?.severity ?? 'success'}\n            variant=\"filled\"\n          >\n            {alert?.msg}\n          </Alert>\n        </Snackbar>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n        disablePrimaryButton={disablePrimaryButton}\n        isOpen={isEditOpen}\n        onClose={handleEditClose}\n        onPrimaryAction={handleUpdateBudget}\n        onSecondaryAction={handleEditClose}\n        primaryText={copy.edit_save_button}\n        sx={{\n          '& .MuiStack-root:first-of-type': {\n            pb: 8,\n          },\n        }}\n      >\n        {!hasSubBudgets && (\n          <BudgetAmount\n            amount={amount}\n            categoryName={selectedBudget.category.name}\n            onAmountChanged={setAmount}\n          />\n        )}\n        {hasSubBudgets && (\n          <SubBudgetAmounts\n            categoryName={selectedBudget.category.name}\n            onSubBudgetAmountChanged={(guid, v) =>\n              setSubBudgetAmounts((p) => ({ ...p, [guid]: v }))\n            }\n            subBudgetAmounts={subBudgetAmounts}\n            subBudgets={selectedBudget.subBudgets}\n          />\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={copy.details_delete_button}\n        secondaryColor=\"secondary\"\n      >\n        <Text variant=\"subtitle1\">\n          {buildDynamicCopy(copy.delete_description, selectedBudget.category.name) as string}\n        </Text>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"BudgetDetailsDrawer.es.js","names":[],"sources":["../../../src/budgets/components/BudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { type Budget, type DetailedBudget, type Transaction } from '../../core'\n\nimport { BudgetDetails } from './budgetdetails/BudgetDetails'\nimport { BudgetAmount } from './shared/BudgetAmount'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\nimport { isInvalidAmount } from '../../core/utils/BudgetUtil'\nimport { SubBudgetAmounts } from './budgetdetails/SubBudgetAmounts'\n\nconst seedSubAmounts = (b?: DetailedBudget) =>\n  Object.fromEntries((b?.subBudgets ?? []).map((sb) => [sb.guid, `${sb.amount}`]))\n\nexport const BudgetDetailsDrawer = observer(() => {\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const {\n    alert,\n    dateRange,\n    deleteBudget,\n    selectedBudget,\n    selectedSubBudget,\n    setAlert,\n    setSelectedBudget,\n    updateBudget,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n  const [subBudgetAmounts, setSubBudgetAmounts] = React.useState<Record<string, string>>({})\n\n  React.useEffect(() => {\n    if (selectedBudget && !selectedSubBudget) {\n      setAmount(`${selectedBudget.amount}`)\n      setSubBudgetAmounts(seedSubAmounts(selectedBudget))\n      setIsOpen(true)\n      setFilter({\n        accounts: selectedAccountGuids,\n        dateRange: dateRange,\n        custom: (t: Transaction) =>\n          t.category_guid === selectedBudget.category_guid ||\n          t.top_level_category_guid === selectedBudget.category_guid,\n        showSplits: true,\n      })\n    }\n  }, [selectedBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedBudget) {\n      let allSucceeded = true\n\n      if (selectedBudget.subBudgets.length > 0) {\n        const results = await Promise.all(\n          selectedBudget.subBudgets.map((subBudget) => {\n            const newAmount = Number(subBudgetAmounts[subBudget.guid] ?? subBudget.amount)\n            return updateBudget({\n              ...subBudget,\n              amount: newAmount,\n              percentage: newAmount ? (subBudget.category.currentAmount / newAmount) * 100 : 0,\n            } as Budget)\n          }),\n        )\n        allSucceeded = results.every(Boolean)\n      } else {\n        const result = await updateBudget({\n          ...selectedBudget,\n          amount: Number(amount),\n          percentage: Number(amount)\n            ? (selectedBudget.category.totalAmount / Number(amount)) * 100\n            : 0,\n        } as Budget)\n        allSucceeded = result\n      }\n\n      setAlert(\n        allSucceeded\n          ? {\n              msg: buildDynamicCopy(\n                copy.alert_budget_updated,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'success',\n            }\n          : {\n              msg: buildDynamicCopy(\n                copy.error_alert_edit_merchant_budget,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'error',\n            },\n      )\n      setIsEditOpen(false)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedBudget) {\n      const succeeded = await deleteBudget(selectedBudget.guid)\n      setIsDeleteOpen(false)\n      setAlert(\n        succeeded\n          ? {\n              msg: buildDynamicCopy(\n                copy.alert_budget_deleted,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'success',\n            }\n          : {\n              msg: buildDynamicCopy(\n                copy.error_alert_delete_merchant_budget,\n                selectedBudget.category.name,\n              ) as string,\n              severity: 'error',\n            },\n      )\n      if (succeeded) {\n        handleClose()\n      }\n    }\n  }\n\n  const handleClose = () => {\n    setIsOpen(false)\n    // Wait for the close animation before set the selected budget\n    setTimeout(() => {\n      setSelectedBudget(undefined)\n    }, 250)\n  }\n\n  const handleEditClose = () => {\n    setIsEditOpen(false)\n    setAmount(`${selectedBudget?.amount}`)\n    setSubBudgetAmounts(seedSubAmounts(selectedBudget))\n  }\n\n  if (!selectedBudget) {\n    return undefined\n  }\n\n  const hasSubBudgets = selectedBudget.subBudgets.length > 0\n  const disablePrimaryButton = hasSubBudgets\n    ? selectedBudget.subBudgets.some((sb) =>\n        isInvalidAmount(subBudgetAmounts[sb.guid] ?? `${sb.amount}`),\n      )\n    : isInvalidAmount(amount)\n\n  return (\n    <React.Fragment>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryColor=\"error\"\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        <BudgetDetails budget={selectedBudget} />\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert(null)}\n          open={Boolean(alert)}\n        >\n          <Alert\n            closeText=\"\"\n            onClose={() => setAlert(null)}\n            role={alert?.severity === 'error' ? 'alert' : undefined}\n            severity={alert?.severity ?? 'success'}\n            variant=\"filled\"\n          >\n            {alert?.msg}\n          </Alert>\n        </Snackbar>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n        disablePrimaryButton={disablePrimaryButton}\n        isOpen={isEditOpen}\n        onClose={handleEditClose}\n        onPrimaryAction={handleUpdateBudget}\n        onSecondaryAction={handleEditClose}\n        primaryText={copy.edit_save_button}\n        sx={{\n          '& .MuiStack-root:first-of-type': {\n            pb: 8,\n          },\n        }}\n      >\n        {!hasSubBudgets && (\n          <BudgetAmount\n            amount={amount}\n            categoryName={selectedBudget.category.name}\n            onAmountChanged={setAmount}\n          />\n        )}\n        {hasSubBudgets && (\n          <SubBudgetAmounts\n            categoryName={selectedBudget.category.name}\n            onSubBudgetAmountChanged={(guid, v) =>\n              setSubBudgetAmounts((p) => ({ ...p, [guid]: v }))\n            }\n            subBudgetAmounts={subBudgetAmounts}\n            subBudgets={selectedBudget.subBudgets}\n          />\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={copy.details_delete_button}\n        secondaryColor=\"inherit\"\n      >\n        <Text variant=\"subtitle1\">\n          {buildDynamicCopy(copy.delete_description, selectedBudget.category.name) as string}\n        </Text>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,IAAA,CAAkB,MACtB,OAAO,aAAa,GAAG,cAAc,CAAC,GAAG,IAAA,CAAK,MAAO,CAAC,EAAG,MAAM,GAAG,EAAG,MAAA,EAAQ,CAAC,CAAC,GAEpE,KAAsB,EAAA,MAAe;AAChD,QAAM,EAAE,sBAAA,EAAA,IAAyB,EAAiB,GAC5C,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EACJ,OAAA,GACA,WAAA,GACA,cAAA,GACA,gBAAA,GACA,mBAAA,GACA,UAAA,GACA,mBAAA,GACA,cAAA,EAAA,IACE,EAAgB,GACd,EAAE,WAAA,EAAA,IAAc,EAAoB,GAEpC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAC1C,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAK,GACtD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAE,GACvC,CAAC,GAAkB,CAAA,IAAuB,EAAM,SAAiC,CAAC,CAAC;AAEzF,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,KAAkB,CAAC,MACrB,EAAU,GAAG,EAAe,MAAA,EAAQ,GACpC,EAAoB,EAAe,CAAc,CAAC,GAClD,EAAU,EAAI,GACd,EAAU;AAAA,MACR,UAAU;AAAA,MACC,WAAA;AAAA,MACX,QAAA,CAAS,MACP,EAAE,kBAAkB,EAAe,iBACnC,EAAE,4BAA4B,EAAe;AAAA,MAC/C,YAAY;AAAA,IACd,CAAC;AAAA,EAEL,GAAG,CAAC,CAAc,CAAC;AAEnB,QAAM,IAAqB,YAAY;AACrC,QAAI,GAAgB;AAClB,UAAI,IAAe;AAEnB,MAAI,EAAe,WAAW,SAAS,IAWrC,KAAe,MAVO,QAAQ,IAC5B,EAAe,WAAW,IAAA,CAAK,MAAc;AAC3C,cAAM,IAAY,OAAO,EAAiB,EAAU,IAAA,KAAS,EAAU,MAAM;AAC7E,eAAO,EAAa;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,YAAY,IAAa,EAAU,SAAS,gBAAgB,IAAa,MAAM;AAAA,QACjF,CAAW;AAAA,MACb,CAAC,CACH,GACuB,MAAM,OAAO,IASpC,IAAe,MAPM,EAAa;AAAA,QAChC,GAAG;AAAA,QACH,QAAQ,OAAO,CAAM;AAAA,QACrB,YAAY,OAAO,CAAM,IACpB,EAAe,SAAS,cAAc,OAAO,CAAM,IAAK,MACzD;AAAA,MACN,CAAW,GAIb,EACE,IACI;AAAA,QACE,KAAK,EACH,EAAK,sBACL,EAAe,SAAS,IAC1B;AAAA,QACA,UAAU;AAAA,MACZ,IACA;AAAA,QACE,KAAK,EACH,EAAK,kCACL,EAAe,SAAS,IAC1B;AAAA,QACA,UAAU;AAAA,MACZ,CACN,GACA,EAAc,EAAK;AAAA,IACrB;AAAA,EACF,GAEM,IAAqB,YAAY;AACrC,QAAI,GAAgB;AAClB,YAAM,IAAY,MAAM,EAAa,EAAe,IAAI;AACxD,MAAA,EAAgB,EAAK,GACrB,EACE,IACI;AAAA,QACE,KAAK,EACH,EAAK,sBACL,EAAe,SAAS,IAC1B;AAAA,QACA,UAAU;AAAA,MACZ,IACA;AAAA,QACE,KAAK,EACH,EAAK,oCACL,EAAe,SAAS,IAC1B;AAAA,QACA,UAAU;AAAA,MACZ,CACN,GACI,KACF,EAAY;AAAA,IAEhB;AAAA,EACF,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAU,EAAK,GAEf,WAAA,MAAiB;AACf,MAAA,EAAkB,MAAS;AAAA,IAC7B,GAAG,GAAG;AAAA,EACR,GAEM,IAAA,MAAwB;AAC5B,IAAA,EAAc,EAAK,GACnB,EAAU,GAAG,GAAgB,MAAA,EAAQ,GACrC,EAAoB,EAAe,CAAc,CAAC;AAAA,EACpD;AAEA,MAAI,CAAC,EACH;AAGF,QAAM,IAAgB,EAAe,WAAW,SAAS,GACnD,IAAuB,IACzB,EAAe,WAAW,KAAA,CAAM,MAC9B,EAAgB,EAAiB,EAAG,IAAA,KAAS,GAAG,EAAG,MAAA,EAAQ,CAC7D,IACA,EAAgB,CAAM;AAE1B,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAS;AAAA,MACT,iBAAA,MAAuB,EAAc,EAAI;AAAA,MACzC,mBAAA,MAAyB,EAAgB,EAAI;AAAA,MAC7C,aAAa,EAAK;AAAA,MAClB,gBAAe;AAAA,MACf,eAAe,EAAK;AAAA,MACpB,OAAO,EAAK;AAAA,MATd,UAAA,CAWE,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAiB,CAAA,GACxC,gBAAA,EAAC,GAAD;AAAA,QACE,cAAc;AAAA,UAAE,UAAU;AAAA,UAAU,YAAY;AAAA,QAAQ;AAAA,QACxD,kBAAkB;AAAA,QAClB,SAAA,MAAe,EAAS,IAAI;AAAA,QAC5B,MAAM,EAAQ;AAAA,QAEd,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,WAAU;AAAA,UACV,SAAA,MAAe,EAAS,IAAI;AAAA,UAC5B,MAAM,GAAO,aAAa,UAAU,UAAU;AAAA,UAC9C,UAAU,GAAO,YAAY;AAAA,UAC7B,SAAQ;AAAA,UAEP,UAAA,GAAO;AAAA,QACH,CAAA;AAAA,MACC,CAAA,CACJ;AAAA;IAER,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,YAAY,EAAW;AAAA,QAAY,OAAO,EAAK;AAAA,MAAmB;AAAA,MACpD,sBAAA;AAAA,MACtB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,aAAa,EAAK;AAAA,MAClB,IAAI,EACF,kCAAkC,EAChC,IAAI,EACN,EACF;AAAA,MAZF,UAAA,CAcG,CAAC,KACA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,cAAc,EAAe,SAAS;AAAA,QACtC,iBAAiB;AAAA,MAClB,CAAA,GAEF,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,cAAc,EAAe,SAAS;AAAA,QACtC,0BAAA,CAA2B,GAAM,MAC/B,EAAA,CAAqB,OAAO;AAAA,UAAE,GAAG;AAAA,UAAI,CAAA,CAAA,GAAO;AAAA,QAAE,EAAE;AAAA,QAEhC,kBAAA;AAAA,QAClB,YAAY,EAAe;AAAA,MAC5B,CAAA,CAEG;AAAA;IAER,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,aAAa,EAAK;AAAA,MAClB,gBAAe;AAAA,MAEf,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QACX,UAAA,EAAiB,EAAK,oBAAoB,EAAe,SAAS,IAAI;AAAA,MACnE,CAAA;AAAA,IACA,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB,CAAC"}

package/dist/budgets/components/budgetdetails/BudgetDetails.es.js

@@ -6,7 +6,7 @@ import A from "../../../transactions/components/shared/TransactionList.es.js";
 import E from "../../../transactions/components/shared/TransactionDetails.es.js";
 import { Header as W } from "./Header.es.js";
 import { SubBudgetList as H } from "./SubBudgetList.es.js";
-import i from "react";
+import c from "react";
 import { observer as M } from "mobx-react-lite";
 import e from "@mui/material/Stack";
 import { Icon as O } from "@mxenabled/mxui";
@@ -14,18 +14,18 @@ import R from "@mui/material/Button";
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import p from "@mui/material/Tab";
 import V from "@mui/material/Tabs";
-var st = M(({ budget: c }) => {
-  const { is_mobile_webview: u } = k(), { setAlert: f } = D(), { budgets: o, common: b, transactions: h } = j(), { isDesktop: _, isSmallTablet: T, isTablet: g } = I(), { sortedTransactions: s, sortedTransactionsWithSplits: C, tags: S } = G(), [a, v] = i.useState(0), [l, m] = i.useState(""), n = i.useMemo(() => s.find((d) => d.guid === l), [l, s]), x = (d, B) => {
+var st = M(({ budget: l }) => {
+  const { is_mobile_webview: u } = k(), { setAlert: f } = D(), { budgets: o, common: b, transactions: h } = j(), { isDesktop: T, isSmallTablet: _, isTablet: C } = I(), { sortedTransactions: s, sortedTransactionsWithSplits: g, tags: S } = G(), [a, v] = c.useState(0), [m, n] = c.useState(""), i = c.useMemo(() => s.find((d) => d.guid === m), [m, s]), x = (d, B) => {
     v(B);
   }, w = () => {
-    z(C, S), f({
+    z(g, S), f({
       msg: o.alert_csv_downloaded,
       severity: "success"
     });
-  }, y = s.length > 0 && !u && (_ || g && !T);
+  }, y = s.length > 0 && !u && (T || C && !_);
   return /* @__PURE__ */ r(e, {
     gap: 24,
-    children: [/* @__PURE__ */ t(W, { budget: c }), /* @__PURE__ */ r(e, { children: [
+    children: [/* @__PURE__ */ t(W, { budget: l }), /* @__PURE__ */ r(e, { children: [
       /* @__PURE__ */ r(V, {
         onChange: x,
         sx: { width: "100%" },
@@ -49,15 +49,18 @@ var st = M(({ budget: c }) => {
         })
       }), /* @__PURE__ */ t(A, {
         height: "100%",
-        onClick: m
+        onClick: n
       })] }),
-      a === 1 && /* @__PURE__ */ t(H, { budget: c }),
+      a === 1 && /* @__PURE__ */ t(H, {
+        budget: l,
+        onTransactionClick: n
+      }),
       /* @__PURE__ */ t(L, {
         ariaLabelClose: b.close_aria,
-        isOpen: !!n,
-        onClose: () => m(""),
+        isOpen: !!i,
+        onClose: () => n(""),
         title: o.details_transaction_drawer,
-        children: n && /* @__PURE__ */ t(E, { transaction: n })
+        children: i && /* @__PURE__ */ t(E, { transaction: i })
       })
     ] })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"BudgetDetails.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/BudgetDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useTransactionStore,\n} from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport { exportTransactionsToCSV } from '../../../core/utils/TransactionUtils'\n\nimport { TransactionDetails, TransactionList } from '../../../transactions'\n\nimport { Header } from './Header'\nimport { SubBudgetList } from './SubBudgetList'\n\ninterface BudgetDetailsProps {\n  budget: DetailedBudget\n}\n\nexport const BudgetDetails: React.FC<BudgetDetailsProps> = observer(({ budget }) => {\n  const { is_mobile_webview } = useAppConfig()\n  const { setAlert } = useBudgetsStore()\n  const { budgets: copy, common: commonCopy, transactions: transactionCopy } = useGlobalCopyStore()\n  const { isDesktop, isSmallTablet, isTablet } = useScreenSize()\n  const {\n    sortedTransactions: transactions,\n    sortedTransactionsWithSplits,\n    tags,\n  } = useTransactionStore()\n\n  const [selectedTab, setSelectedTab] = React.useState(0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n  }\n\n  const handleExportToCsv = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n    setAlert({ msg: copy.alert_csv_downloaded, severity: 'success' })\n  }\n\n  const shouldShowExportButton =\n    transactions.length > 0 && !is_mobile_webview && (isDesktop || (isTablet && !isSmallTablet))\n\n  return (\n    <Stack gap={24}>\n      <Header budget={budget} />\n\n      <Stack>\n        <Tabs\n          onChange={handleTabChange}\n          sx={{ width: '100%' }}\n          textColor=\"primary\"\n          value={selectedTab}\n          variant=\"fullWidth\"\n        >\n          <Tab label={copy.details_transactions_tab} />\n          <Tab label={copy.details_subbudgets_tab} />\n        </Tabs>\n        {selectedTab === 0 && (\n          <Stack>\n            {shouldShowExportButton && (\n              <Stack direction=\"row\" justifyContent=\"right\" mb={-24} mr={8} mt={8} zIndex={1}>\n                <Button\n                  onClick={handleExportToCsv}\n                  startIcon={<Icon name=\"ios_share\" />}\n                  variant=\"text\"\n                >\n                  {transactionCopy.export_csv_btn}\n                </Button>\n              </Stack>\n            )}\n            <TransactionList height=\"100%\" onClick={setTransactionGuid} />\n          </Stack>\n        )}\n        {selectedTab === 1 && <SubBudgetList budget={budget} />}\n\n        <Drawer\n          ariaLabelClose={commonCopy.close_aria}\n          isOpen={Boolean(transaction)}\n          onClose={() => setTransactionGuid('')}\n          title={copy.details_transaction_drawer}\n        >\n          {transaction && <TransactionDetails transaction={transaction} />}\n        </Drawer>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,IAAa,KAA8C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAClF,QAAM,EAAE,mBAAA,EAAA,IAAsB,EAAa,GACrC,EAAE,UAAA,EAAA,IAAa,EAAgB,GAC/B,EAAE,SAAS,GAAM,QAAQ,GAAY,cAAc,EAAA,IAAoB,EAAmB,GAC1F,EAAE,WAAA,GAAW,eAAA,GAAe,UAAA,EAAA,IAAa,EAAc,GACvD,EACJ,oBAAoB,GACpB,8BAAA,GACA,MAAA,EAAA,IACE,EAAoB,GAElB,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAS,CAAC,GAChD,CAAC,GAAiB,CAAA,IAAsB,EAAM,SAAS,EAAE,GAEzD,IAAc,EAAM,QAAA,MAClB,EAAa,KAAA,CAAM,MAAM,EAAE,SAAS,CAAe,GACzD,CAAC,GAAiB,CAAY,CAChC,GAEM,IAAA,CAAmB,GAA8B,MAAqB;AAC1E,IAAA,EAAe,CAAQ;AAAA,EACzB,GAEM,IAAA,MAA0B;AAC9B,IAAA,EAAwB,GAA8B,CAAI,GAC1D,EAAS;AAAA,MAAE,KAAK,EAAK;AAAA,MAAsB,UAAU;AAAA,IAAU,CAAC;AAAA,EAClE,GAEM,IACJ,EAAa,SAAS,KAAK,CAAC,MAAsB,KAAc,KAAY,CAAC;AAE/E,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAZ,UAAA,CACE,gBAAA,EAAC,GAAD,EAAgB,QAAA,EAAS,CAAA,GAEzB,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,UAAU;AAAA,QACV,IAAI,EAAE,OAAO,OAAO;AAAA,QACpB,WAAU;AAAA,QACV,OAAO;AAAA,QACP,SAAQ;AAAA,QALV,UAAA,CAOE,gBAAA,EAAC,GAAD,EAAK,OAAO,EAAK,yBAA2B,CAAA,GAC5C,gBAAA,EAAC,GAAD,EAAK,OAAO,EAAK,uBAAyB,CAAA,CACtC;AAAA;MACL,MAAgB,KACf,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAQ,IAAI;AAAA,QAAK,IAAI;AAAA,QAAG,IAAI;AAAA,QAAG,QAAQ;AAAA,QAC3E,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW,gBAAA,EAAC,GAAD,EAAM,MAAK,YAAa,CAAA;AAAA,UACnC,SAAQ;AAAA,UAEP,UAAA,EAAgB;AAAA,QACX,CAAA;AAAA,MACH,CAAA,GAET,gBAAA,EAAC,GAAD;AAAA,QAAiB,QAAO;AAAA,QAAO,SAAS;AAAA,MAAqB,CAAA,CACxD,EAAA,CAAA;AAAA,MAER,MAAgB,KAAK,gBAAA,EAAC,GAAD,EAAuB,QAAA,EAAS,CAAA;AAAA,MAEtD,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAgB,EAAW;AAAA,QAC3B,QAAQ,EAAQ;AAAA,QAChB,SAAA,MAAe,EAAmB,EAAE;AAAA,QACpC,OAAO,EAAK;AAAA,QAEX,UAAA,KAAe,gBAAA,EAAC,GAAD,EAAiC,aAAA,EAAc,CAAA;AAAA,MACzD,CAAA;AAAA,IACH,EAAA,CAAA,CACF;AAAA;AAEX,CAAC"}
+{"version":3,"file":"BudgetDetails.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/BudgetDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useTransactionStore,\n} from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport { exportTransactionsToCSV } from '../../../core/utils/TransactionUtils'\n\nimport { TransactionDetails, TransactionList } from '../../../transactions'\n\nimport { Header } from './Header'\nimport { SubBudgetList } from './SubBudgetList'\n\ninterface BudgetDetailsProps {\n  budget: DetailedBudget\n}\n\nexport const BudgetDetails: React.FC<BudgetDetailsProps> = observer(({ budget }) => {\n  const { is_mobile_webview } = useAppConfig()\n  const { setAlert } = useBudgetsStore()\n  const { budgets: copy, common: commonCopy, transactions: transactionCopy } = useGlobalCopyStore()\n  const { isDesktop, isSmallTablet, isTablet } = useScreenSize()\n  const {\n    sortedTransactions: transactions,\n    sortedTransactionsWithSplits,\n    tags,\n  } = useTransactionStore()\n\n  const [selectedTab, setSelectedTab] = React.useState(0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n  }\n\n  const handleExportToCsv = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n    setAlert({ msg: copy.alert_csv_downloaded, severity: 'success' })\n  }\n\n  const shouldShowExportButton =\n    transactions.length > 0 && !is_mobile_webview && (isDesktop || (isTablet && !isSmallTablet))\n\n  return (\n    <Stack gap={24}>\n      <Header budget={budget} />\n\n      <Stack>\n        <Tabs\n          onChange={handleTabChange}\n          sx={{ width: '100%' }}\n          textColor=\"primary\"\n          value={selectedTab}\n          variant=\"fullWidth\"\n        >\n          <Tab label={copy.details_transactions_tab} />\n          <Tab label={copy.details_subbudgets_tab} />\n        </Tabs>\n        {selectedTab === 0 && (\n          <Stack>\n            {shouldShowExportButton && (\n              <Stack direction=\"row\" justifyContent=\"right\" mb={-24} mr={8} mt={8} zIndex={1}>\n                <Button\n                  onClick={handleExportToCsv}\n                  startIcon={<Icon name=\"ios_share\" />}\n                  variant=\"text\"\n                >\n                  {transactionCopy.export_csv_btn}\n                </Button>\n              </Stack>\n            )}\n            <TransactionList height=\"100%\" onClick={setTransactionGuid} />\n          </Stack>\n        )}\n        {selectedTab === 1 && (\n          <SubBudgetList budget={budget} onTransactionClick={setTransactionGuid} />\n        )}\n\n        <Drawer\n          ariaLabelClose={commonCopy.close_aria}\n          isOpen={Boolean(transaction)}\n          onClose={() => setTransactionGuid('')}\n          title={copy.details_transaction_drawer}\n        >\n          {transaction && <TransactionDetails transaction={transaction} />}\n        </Drawer>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,IAAa,KAA8C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAClF,QAAM,EAAE,mBAAA,EAAA,IAAsB,EAAa,GACrC,EAAE,UAAA,EAAA,IAAa,EAAgB,GAC/B,EAAE,SAAS,GAAM,QAAQ,GAAY,cAAc,EAAA,IAAoB,EAAmB,GAC1F,EAAE,WAAA,GAAW,eAAA,GAAe,UAAA,EAAA,IAAa,EAAc,GACvD,EACJ,oBAAoB,GACpB,8BAAA,GACA,MAAA,EAAA,IACE,EAAoB,GAElB,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAS,CAAC,GAChD,CAAC,GAAiB,CAAA,IAAsB,EAAM,SAAS,EAAE,GAEzD,IAAc,EAAM,QAAA,MAClB,EAAa,KAAA,CAAM,MAAM,EAAE,SAAS,CAAe,GACzD,CAAC,GAAiB,CAAY,CAChC,GAEM,IAAA,CAAmB,GAA8B,MAAqB;AAC1E,IAAA,EAAe,CAAQ;AAAA,EACzB,GAEM,IAAA,MAA0B;AAC9B,IAAA,EAAwB,GAA8B,CAAI,GAC1D,EAAS;AAAA,MAAE,KAAK,EAAK;AAAA,MAAsB,UAAU;AAAA,IAAU,CAAC;AAAA,EAClE,GAEM,IACJ,EAAa,SAAS,KAAK,CAAC,MAAsB,KAAc,KAAY,CAAC;AAE/E,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAZ,UAAA,CACE,gBAAA,EAAC,GAAD,EAAgB,QAAA,EAAS,CAAA,GAEzB,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,UAAU;AAAA,QACV,IAAI,EAAE,OAAO,OAAO;AAAA,QACpB,WAAU;AAAA,QACV,OAAO;AAAA,QACP,SAAQ;AAAA,QALV,UAAA,CAOE,gBAAA,EAAC,GAAD,EAAK,OAAO,EAAK,yBAA2B,CAAA,GAC5C,gBAAA,EAAC,GAAD,EAAK,OAAO,EAAK,uBAAyB,CAAA,CACtC;AAAA;MACL,MAAgB,KACf,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAQ,IAAI;AAAA,QAAK,IAAI;AAAA,QAAG,IAAI;AAAA,QAAG,QAAQ;AAAA,QAC3E,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW,gBAAA,EAAC,GAAD,EAAM,MAAK,YAAa,CAAA;AAAA,UACnC,SAAQ;AAAA,UAEP,UAAA,EAAgB;AAAA,QACX,CAAA;AAAA,MACH,CAAA,GAET,gBAAA,EAAC,GAAD;AAAA,QAAiB,QAAO;AAAA,QAAO,SAAS;AAAA,MAAqB,CAAA,CACxD,EAAA,CAAA;AAAA,MAER,MAAgB,KACf,gBAAA,EAAC,GAAD;AAAA,QAAuB,QAAA;AAAA,QAAQ,oBAAoB;AAAA,MAAqB,CAAA;AAAA,MAG1E,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAgB,EAAW;AAAA,QAC3B,QAAQ,EAAQ;AAAA,QAChB,SAAA,MAAe,EAAmB,EAAE;AAAA,QACpC,OAAO,EAAK;AAAA,QAEX,UAAA,KAAe,gBAAA,EAAC,GAAD,EAAiC,aAAA,EAAc,CAAA;AAAA,MACzD,CAAA;AAAA,IACH,EAAA,CAAA,CACF;AAAA;AAEX,CAAC"}

package/dist/budgets/components/budgetdetails/SubBudgetList.d.ts

@@ -1,7 +1,9 @@
-import { default as React } from 'react';
 import { DetailedBudget } from '../../../core';
 interface SubBudgetListProps {
     budget: DetailedBudget;
+    onTransactionClick: (guid: string) => void;
 }
-export declare const SubBudgetList: React.FC<SubBudgetListProps>;
+export declare const SubBudgetList: (({ budget, onTransactionClick }: SubBudgetListProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 export {};

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

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

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, setAlert, setSelectedSubBudget, updateBudget } =\n    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      const result = await updateBudget({\n        ...selectedSubBudget,\n        amount: Number(amount),\n      } as Budget)\n      setIsEditOpen(false)\n      if (!result) {\n        setAlert({\n          msg: buildDynamicCopy(\n            copy.error_alert_edit_merchant_budget,\n            selectedSubBudget.category.name,\n          ) as string,\n          severity: 'error',\n        })\n      }\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedSubBudget) {\n      const result = await deleteBudget(selectedSubBudget.guid)\n      setIsDeleteOpen(false)\n      if (result) {\n        handleClose()\n      } else {\n        setAlert({\n          msg: buildDynamicCopy(\n            copy.error_alert_delete_merchant_budget,\n            selectedSubBudget.category.name,\n          ) as string,\n          severity: 'error',\n        })\n      }\n    }\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-of-type': {\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":"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"}
+{"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  onTransactionClick: (guid: string) => void\n}\n\nexport const SubBudgetList = observer(({ budget, onTransactionClick }: SubBudgetListProps) => {\n  const { category, subBudgets } = budget\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { deleteBudget, selectedSubBudget, setAlert, setSelectedSubBudget, updateBudget } =\n    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      const result = await updateBudget({\n        ...selectedSubBudget,\n        amount: Number(amount),\n      } as Budget)\n      setIsEditOpen(false)\n      if (!result) {\n        setAlert({\n          msg: buildDynamicCopy(\n            copy.error_alert_edit_merchant_budget,\n            selectedSubBudget.category.name,\n          ) as string,\n          severity: 'error',\n        })\n      }\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedSubBudget) {\n      const result = await deleteBudget(selectedSubBudget.guid)\n      setIsDeleteOpen(false)\n      if (result) {\n        handleClose()\n      } else {\n        setAlert({\n          msg: buildDynamicCopy(\n            copy.error_alert_delete_merchant_budget,\n            selectedSubBudget.category.name,\n          ) as string,\n          severity: 'error',\n        })\n      }\n    }\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%\" onClick={onTransactionClick} />\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-of-type': {\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=\"inherit\"\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":";;;;;;;;;;;;;;;;;AAgCA,IAAa,KAAgB,EAAA,CAAU,EAAE,QAAA,GAAQ,oBAAA,EAAA,MAA6C;AAC5F,QAAM,EAAE,UAAA,GAAU,YAAA,EAAA,IAAe,GAC3B,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,cAAA,GAAc,mBAAA,GAAmB,UAAA,GAAU,sBAAA,GAAsB,cAAA,EAAA,IACvE,EAAgB,GACZ,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,QAAI,GAAmB;AACrB,YAAM,IAAS,MAAM,EAAa;AAAA,QAChC,GAAG;AAAA,QACH,QAAQ,OAAO,CAAM;AAAA,MACvB,CAAW;AACX,MAAA,EAAc,EAAK,GACd,KACH,EAAS;AAAA,QACP,KAAK,EACH,EAAK,kCACL,EAAkB,SAAS,IAC7B;AAAA,QACA,UAAU;AAAA,MACZ,CAAC;AAAA,IAEL;AAAA,EACF,GAEM,IAAqB,YAAY;AACrC,QAAI,GAAmB;AACrB,YAAM,IAAS,MAAM,EAAa,EAAkB,IAAI;AACxD,MAAA,EAAgB,EAAK,GACjB,IACF,EAAY,IAEZ,EAAS;AAAA,QACP,KAAK,EACH,EAAK,oCACL,EAAkB,SAAS,IAC7B;AAAA,QACA,UAAU;AAAA,MACZ,CAAC;AAAA,IAEL;AAAA,EACF,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;AAAA,UAAiB,QAAO;AAAA,UAAO,SAAS;AAAA,QAAqB,CAAA,CACxD;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,kCAAkC,EAChC,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"}

package/dist/cashflow/CashflowOnboarding.es.js

@@ -1,4 +1,4 @@
-import { useCashflowStore as te, useGlobalCopyStore as oe, useGlobalUiStore as re, useRecurringTransactionsStore as ne, useTransactionStore as ie, useUserStore as ae } from "../common/context/hooks.es.js";
+import { useCashflowStore as te, useGlobalCopyStore as re, useGlobalUiStore as oe, useRecurringTransactionsStore as ne, useTransactionStore as ie, useUserStore as ae } from "../common/context/hooks.es.js";
 import { useScreenSize as ce } from "../common/hooks/useScreenSize.es.js";
 import { Frequency as se, RepeatingType as F } from "../core/types/RepeatingTransaction.es.js";
 import { fromUnixToDayOfWeekAndDate as me } from "../core/utils/DateUtil.es.js";
@@ -37,34 +37,34 @@ var ve = Te`
     transform: rotate(360deg);
   }
 `, Oe = () => {
-  const { addRepeatingTransaction: M, repeatingTransactions: q } = ne(), { cashflow: a, common: y } = oe(), { user: N } = ae(), { completeOnboarding: x } = te(), { isDirty: z } = he(), { isMobile: c } = ce(), { isCopyLoaded: B, setDisplayedDate: H } = re(), { filter: _, setFilter: S, transactions: b } = ie(), P = Ce(), [$, u] = d(!0), [s, j] = m.useState(se.EveryMonth), [E, J] = m.useState(1), [D, K] = m.useState(15), [T, Q] = d(!1), [f, C] = d(1), [r, X] = d([]), [k, g] = d(""), n = m.useMemo(() => b.find((t) => t.guid === k), [k, b]), Y = !!q.filter((t) => t.repeating_transaction_type === F.Income).length, I = async () => {
+  const { addRepeatingTransaction: M, repeatingTransactions: q } = ne(), { cashflow: a, common: y } = re(), { user: N } = ae(), { completeOnboarding: x } = te(), { isDirty: z } = he(), { isMobile: c } = ce(), { isCopyLoaded: B, setDisplayedDate: H } = oe(), { filter: _, setFilter: S, transactions: b } = ie(), P = Ce(), [$, u] = d(!0), [s, j] = m.useState(se.EveryMonth), [E, J] = m.useState(1), [D, K] = m.useState(15), [T, Q] = d(!1), [f, C] = d(1), [o, X] = d([]), [k, g] = d(""), n = m.useMemo(() => b.find((t) => t.guid === k), [k, b]), Y = !!q.filter((t) => t.repeating_transaction_type === F.Income).length, I = async () => {
     C(2), H(De(ke(A(), 90)), A()), S({
       ..._,
       custom: O
     }), C(3);
   }, Z = async () => {
-    if (!(r.length < 1)) {
+    if (!(o.length < 1)) {
       Q(!0);
-      for (let t = 0; t < r.length; t++) {
-        const o = r[t], w = v(s, U(o.date)), ee = {
-          account_guid: o.account_guid,
-          amount: o.amount,
+      for (let t = 0; t < o.length; t++) {
+        const r = o[t], w = v(s, U(r.date)), ee = {
+          account_guid: r.account_guid,
+          amount: r.amount,
           created_by: 0,
-          merchant_guid: o.merchant_guid,
-          description: o.feed_description || o.description,
+          merchant_guid: r.merchant_guid,
+          description: r.feed_description || r.description,
           predicted_occurs_on: we(w, { representation: "date" }),
           recurrence_day: w.getDay(),
           recurrence_type: s,
           repeating_transaction_type: F.Income,
           second_recurrence_day: D,
-          transaction_type: o.transaction_type,
+          transaction_type: r.transaction_type,
           user_guid: N.guid
         };
-        await M(ee, o);
+        await M(ee, r);
       }
       await x();
     }
-  }, V = !n && $ || !n && r.length < 1;
+  }, V = !n && $ || !n && o.length < 1;
   return B ? /* @__PURE__ */ i(p, {
     sx: {
       display: "flex",
@@ -124,13 +124,13 @@ var ve = Te`
             mb: 24,
             children: a.add_income_description
           }),
-          r.length > 0 && !n && /* @__PURE__ */ i(G, { children: [/* @__PURE__ */ e(Fe, { children: r.map((t, o) => /* @__PURE__ */ i(m.Fragment, { children: [
+          o.length > 0 && !n && /* @__PURE__ */ i(G, { children: [/* @__PURE__ */ e(Fe, { children: o.map((t, r) => /* @__PURE__ */ i(m.Fragment, { children: [
             /* @__PURE__ */ e(pe, {
               bgcolor: "background.paper",
               children: me(Ie(t.nextDate || t.date))
             }),
             /* @__PURE__ */ e(le, { transaction: t }),
-            o !== r.length - 1 && /* @__PURE__ */ e(L, {})
+            r !== o.length - 1 && /* @__PURE__ */ e(L, {})
           ] }, t.guid)) }), /* @__PURE__ */ i(h, {
             alignItems: "center",
             direction: "row",
@@ -147,7 +147,7 @@ var ve = Te`
             bgcolor: "background.paper",
             onSearch: (t) => S({
               ..._,
-              custom: (o) => t ? ue(o, t) : O(o)
+              custom: (r) => t ? ue(r, t) : O(r)
             }),
             onSelected: (t) => {
               g(t), u(!1);
@@ -175,7 +175,7 @@ var ve = Te`
             children: [/* @__PURE__ */ e(l, {
               "aria-disabled": !n,
               onClick: () => {
-                const t = [...r];
+                const t = [...o];
                 t.push({
                   ...n,
                   nextDate: v(s, U(n.date)),
@@ -188,17 +188,17 @@ var ve = Te`
               onClick: () => {
                 g(""), u(!0), I().finally();
               },
-              variant: "outlined",
+              variant: "text",
               children: y.cancel_button
             })]
           })] }),
-          r.length > 0 && !n && /* @__PURE__ */ i(h, {
+          o.length > 0 && !n && /* @__PURE__ */ i(h, {
             direction: "row",
             gap: 16,
             ml: 24,
             mt: 32,
             children: [/* @__PURE__ */ e(l, {
-              "aria-disabled": r.length < 1 || T,
+              "aria-disabled": o.length < 1 || T,
               onClick: Z,
               startIcon: T ? /* @__PURE__ */ e(R, {
                 name: "progress_activity",
@@ -208,7 +208,7 @@ var ve = Te`
               children: a.confirm_income_button
             }), /* @__PURE__ */ e(l, {
               onClick: x,
-              variant: "outlined",
+              variant: "text",
               children: a.skip_button
             })]
           })