@mx-cartographer/experiences 9.4.1 → 9.4.3

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.es.js

@@ -12,8 +12,8 @@ import { Add as $ } from "@mxenabled/mx-icons";
 import { Fragment as H, jsx as a, jsxs as I } from "react/jsx-runtime";
 import { fromUnixTime as J } from "date-fns/fromUnixTime";
 import { formatISO as K } from "date-fns/formatISO";
-var ce = E(({ isIncome: i = !1, label: f, onAddRecurringTransaction: x = () => null }) => {
-  const { recurring: r } = w(), { filter: s, setFilter: c, transactions: _ } = G(), { addRepeatingTransaction: D } = B(), { user: C } = j(), [O, d] = o.useState(!1), [u, m] = o.useState(""), [p, R] = o.useState(L.EveryMonth), [l, A] = o.useState(1), [y, b] = o.useState(15), e = o.useMemo(() => _.find((t) => t.guid === u), [u, _]), q = () => {
+var ce = E(({ isIncome: i = !1, label: _, onAddRecurringTransaction: x = () => null }) => {
+  const { recurring: r } = w(), { filter: s, setFilter: c, transactions: f } = G(), { addRepeatingTransaction: D } = B(), { user: C } = j(), [O, d] = o.useState(!1), [u, m] = o.useState(""), [l, R] = o.useState(L.EveryMonth), [p, A] = o.useState(1), [g, b] = o.useState(15), e = o.useMemo(() => f.find((t) => t.guid === u), [u, f]), q = () => {
     d(!0), c(i ? {
       ...s,
       custom: F
@@ -23,26 +23,28 @@ var ce = E(({ isIncome: i = !1, label: f, onAddRecurringTransaction: x = () => n
     });
   }, v = async () => {
     if (!e) {
-      g();
+      y();
       return;
     }
     x();
-    const t = M(p, J(e.date), l), n = {
+    const t = M(l, J(e.date), p), n = {
       account_guid: e.account_guid,
       amount: e.amount,
+      category_guid: e.category_guid ?? null,
       created_by: 0,
+      main_class_guid: e.main_class_guid ?? null,
       merchant_guid: e.merchant_guid,
       description: e.payee || e.description || e.feed_description,
       predicted_occurs_on: K(t, { representation: "date" }),
-      recurrence_day: l,
-      recurrence_type: p,
+      recurrence_day: p,
+      recurrence_type: l,
       repeating_transaction_type: i ? T.Income : T.Bill,
-      second_recurrence_day: y,
+      second_recurrence_day: g,
       transaction_type: e.transaction_type,
       user_guid: C.guid
     };
-    await D(n, e), g();
-  }, g = () => {
+    await D(n, e), y();
+  }, y = () => {
     m(""), d(!1);
   };
   return /* @__PURE__ */ I(H, { children: [
@@ -50,13 +52,13 @@ var ce = E(({ isIncome: i = !1, label: f, onAddRecurringTransaction: x = () => n
       onClick: q,
       startIcon: /* @__PURE__ */ a($, { size: 24 }),
       variant: "contained",
-      children: f
+      children: _
     }),
     /* @__PURE__ */ a(S, {
       ariaLabelClose: r.close_drawer_aria,
       isOpen: O,
       onClose: () => d(!1),
-      title: f,
+      title: _,
       children: /* @__PURE__ */ a(k, {
         description: i ? r.add_income_description : r.add_expense_description,
         onSearch: (t) => {
@@ -75,12 +77,12 @@ var ce = E(({ isIncome: i = !1, label: f, onAddRecurringTransaction: x = () => n
       onPrimaryAction: v,
       title: i ? r.income_details : r.expense_details,
       children: e && /* @__PURE__ */ a(z, {
-        firstDay: l,
-        frequency: p,
+        firstDay: p,
+        frequency: l,
         onFirstDayChange: A,
         onFrequencyChange: R,
         onSecondDayChange: b,
-        secondDay: y,
+        secondDay: g,
         transaction: e
       })
     })

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddRecurringTransaction.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport Button from '@mui/material/Button'\n\nimport { Add } from '@mxenabled/mx-icons'\n\nimport {\n  Drawer,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useUserStore,\n} from '../../../../common'\nimport {\n  type RepeatingTransaction,\n  type Transaction,\n  Frequency,\n  RepeatingType,\n} from '../../../../core'\n\nimport { SelectTransaction } from './SelectTransaction'\nimport { AddRecurringTransactionDetails } from './AddRecurringTransactionDetails'\n\nimport {\n  expenseFilter,\n  expenseFilterSearch,\n  incomeFilter,\n  incomeFilterSearch,\n} from '../../../../transactions/utils/Filters'\n\nimport { getNextPaymentDate } from '../../../../core/utils/RecurringTransactionsUtil'\n\ninterface AddRecurringTransactionProps {\n  isIncome?: boolean\n  label: string\n  onAddRecurringTransaction?: () => void\n}\n\nexport const AddRecurringTransaction = observer(\n  ({\n    isIncome = false,\n    label,\n    onAddRecurringTransaction = () => null,\n  }: AddRecurringTransactionProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { filter, setFilter, transactions } = useTransactionStore()\n    const { addRepeatingTransaction } = useRecurringTransactionsStore()\n    const { user } = useUserStore()\n\n    const [isSelectTransactionOpen, setIsSelectTransactionOpen] = React.useState(false)\n    const [transactionGuid, setTransactionGuid] = React.useState('')\n    const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n    const [firstDay, setFirstDay] = React.useState(1)\n    const [secondDay, setSecondDay] = React.useState(15)\n\n    const transaction = React.useMemo(\n      () => transactions.find((t) => t.guid === transactionGuid),\n      [transactionGuid, transactions],\n    )\n\n    const handleOpen = () => {\n      setIsSelectTransactionOpen(true)\n\n      if (isIncome) {\n        setFilter({ ...filter, custom: incomeFilter })\n      } else {\n        setFilter({ ...filter, custom: expenseFilter })\n      }\n    }\n\n    const handleAddRecurringTransaction = async () => {\n      if (!transaction) {\n        closeOnAdd()\n        return\n      }\n      onAddRecurringTransaction()\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(transaction.date), firstDay)\n\n      const repeatingTransaction = {\n        account_guid: transaction.account_guid,\n        amount: transaction.amount,\n        created_by: 0, // User\n        merchant_guid: transaction.merchant_guid,\n        description: transaction.payee || transaction.description || transaction.feed_description,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: firstDay,\n        recurrence_type: frequency,\n        repeating_transaction_type: isIncome ? RepeatingType.Income : RepeatingType.Bill,\n        second_recurrence_day: secondDay,\n        transaction_type: transaction.transaction_type,\n        user_guid: user.guid,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, transaction)\n      closeOnAdd()\n    }\n\n    const closeOnAdd = () => {\n      setTransactionGuid('')\n      setIsSelectTransactionOpen(false)\n    }\n\n    return (\n      <>\n        <Button onClick={handleOpen} startIcon={<Add size={24} />} variant=\"contained\">\n          {label}\n        </Button>\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={isSelectTransactionOpen}\n          onClose={() => setIsSelectTransactionOpen(false)}\n          title={label}\n        >\n          <SelectTransaction\n            description={isIncome ? copy.add_income_description : copy.add_expense_description}\n            onSearch={(searchValue) => {\n              setFilter({\n                ...filter,\n                custom: (transaction: Transaction) => {\n                  if (isIncome) {\n                    return searchValue\n                      ? incomeFilterSearch(transaction, searchValue)\n                      : incomeFilter(transaction)\n                  } else {\n                    return searchValue\n                      ? expenseFilterSearch(transaction, searchValue)\n                      : expenseFilter(transaction)\n                  }\n                },\n              })\n            }}\n            onSelected={(guid) => setTransactionGuid(guid)}\n          />\n        </Drawer>\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={Boolean(transactionGuid)}\n          onClose={() => setTransactionGuid('')}\n          onPrimaryAction={handleAddRecurringTransaction}\n          title={isIncome ? copy.income_details : copy.expense_details}\n        >\n          {transaction && (\n            <AddRecurringTransactionDetails\n              firstDay={firstDay}\n              frequency={frequency}\n              onFirstDayChange={setFirstDay}\n              onFrequencyChange={setFrequency}\n              onSecondDayChange={setSecondDay}\n              secondDay={secondDay}\n              transaction={transaction}\n            />\n          )}\n        </Drawer>\n      </>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"AddRecurringTransaction.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport Button from '@mui/material/Button'\n\nimport { Add } from '@mxenabled/mx-icons'\n\nimport {\n  Drawer,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useUserStore,\n} from '../../../../common'\nimport {\n  type RepeatingTransaction,\n  type Transaction,\n  Frequency,\n  RepeatingType,\n} from '../../../../core'\n\nimport { SelectTransaction } from './SelectTransaction'\nimport { AddRecurringTransactionDetails } from './AddRecurringTransactionDetails'\n\nimport {\n  expenseFilter,\n  expenseFilterSearch,\n  incomeFilter,\n  incomeFilterSearch,\n} from '../../../../transactions/utils/Filters'\n\nimport { getNextPaymentDate } from '../../../../core/utils/RecurringTransactionsUtil'\n\ninterface AddRecurringTransactionProps {\n  isIncome?: boolean\n  label: string\n  onAddRecurringTransaction?: () => void\n}\n\nexport const AddRecurringTransaction = observer(\n  ({\n    isIncome = false,\n    label,\n    onAddRecurringTransaction = () => null,\n  }: AddRecurringTransactionProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { filter, setFilter, transactions } = useTransactionStore()\n    const { addRepeatingTransaction } = useRecurringTransactionsStore()\n    const { user } = useUserStore()\n\n    const [isSelectTransactionOpen, setIsSelectTransactionOpen] = React.useState(false)\n    const [transactionGuid, setTransactionGuid] = React.useState('')\n    const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n    const [firstDay, setFirstDay] = React.useState(1)\n    const [secondDay, setSecondDay] = React.useState(15)\n\n    const transaction = React.useMemo(\n      () => transactions.find((t) => t.guid === transactionGuid),\n      [transactionGuid, transactions],\n    )\n\n    const handleOpen = () => {\n      setIsSelectTransactionOpen(true)\n\n      if (isIncome) {\n        setFilter({ ...filter, custom: incomeFilter })\n      } else {\n        setFilter({ ...filter, custom: expenseFilter })\n      }\n    }\n\n    const handleAddRecurringTransaction = async () => {\n      if (!transaction) {\n        closeOnAdd()\n        return\n      }\n      onAddRecurringTransaction()\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(transaction.date), firstDay)\n\n      const repeatingTransaction = {\n        account_guid: transaction.account_guid,\n        amount: transaction.amount,\n        category_guid: transaction.category_guid ?? null,\n        created_by: 0, // User\n        main_class_guid: transaction.main_class_guid ?? null,\n        merchant_guid: transaction.merchant_guid,\n        description: transaction.payee || transaction.description || transaction.feed_description,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: firstDay,\n        recurrence_type: frequency,\n        repeating_transaction_type: isIncome ? RepeatingType.Income : RepeatingType.Bill,\n        second_recurrence_day: secondDay,\n        transaction_type: transaction.transaction_type,\n        user_guid: user.guid,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, transaction)\n      closeOnAdd()\n    }\n\n    const closeOnAdd = () => {\n      setTransactionGuid('')\n      setIsSelectTransactionOpen(false)\n    }\n\n    return (\n      <>\n        <Button onClick={handleOpen} startIcon={<Add size={24} />} variant=\"contained\">\n          {label}\n        </Button>\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={isSelectTransactionOpen}\n          onClose={() => setIsSelectTransactionOpen(false)}\n          title={label}\n        >\n          <SelectTransaction\n            description={isIncome ? copy.add_income_description : copy.add_expense_description}\n            onSearch={(searchValue) => {\n              setFilter({\n                ...filter,\n                custom: (transaction: Transaction) => {\n                  if (isIncome) {\n                    return searchValue\n                      ? incomeFilterSearch(transaction, searchValue)\n                      : incomeFilter(transaction)\n                  } else {\n                    return searchValue\n                      ? expenseFilterSearch(transaction, searchValue)\n                      : expenseFilter(transaction)\n                  }\n                },\n              })\n            }}\n            onSelected={(guid) => setTransactionGuid(guid)}\n          />\n        </Drawer>\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={Boolean(transactionGuid)}\n          onClose={() => setTransactionGuid('')}\n          onPrimaryAction={handleAddRecurringTransaction}\n          title={isIncome ? copy.income_details : copy.expense_details}\n        >\n          {transaction && (\n            <AddRecurringTransactionDetails\n              firstDay={firstDay}\n              frequency={frequency}\n              onFirstDayChange={setFirstDay}\n              onFrequencyChange={setFrequency}\n              onSecondDayChange={setSecondDay}\n              secondDay={secondDay}\n              transaction={transaction}\n            />\n          )}\n        </Drawer>\n      </>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/recurringtransactions/components/shared/recurringsettings/SelectTransaction.es.js

@@ -1,44 +1,46 @@
 import { useGlobalCopyStore as l } from "../../../../common/context/hooks.es.js";
-import m from "../../../../common/components/SearchBox.es.js";
-import { useTransactionsUiStore as h } from "../../../../transactions/context/hooks.es.js";
-import p from "../../../../transactions/components/shared/TransactionList.es.js";
-import { observer as f } from "mobx-react-lite";
-import _ from "@mui/material/Stack";
-import { P as u } from "@mxenabled/mxui";
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-var j = f(({ bgcolor: e = "background.default", description: o, onSearch: c, onSelected: s }) => {
-  const { recurring: r } = l(), { searchValue: i, setSearchValue: n } = h();
-  return /* @__PURE__ */ d(_, {
+import { isEligibleRepeatingTransaction as m } from "../../../../core/utils/RecurringTransactionsUtil.es.js";
+import p from "../../../../common/components/SearchBox.es.js";
+import { useTransactionsUiStore as f } from "../../../../transactions/context/hooks.es.js";
+import h from "../../../../transactions/components/shared/TransactionList.es.js";
+import { observer as _ } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import { P as d } from "@mxenabled/mxui";
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+var V = _(({ bgcolor: e = "background.default", description: o, onSearch: i, onSelected: c }) => {
+  const { recurring: r } = l(), { searchValue: s, setSearchValue: n } = f();
+  return /* @__PURE__ */ g(u, {
     sx: {
       bgcolor: e,
       gap: 16,
       pt: 8
     },
     children: [
-      o && /* @__PURE__ */ a(u, {
+      o && /* @__PURE__ */ a(d, {
         sx: { mx: 24 },
         children: o
       }),
-      /* @__PURE__ */ a(m, {
+      /* @__PURE__ */ a(p, {
         ariaLabel: r.select_transaction_search_aria,
         cancelAriaLabel: r.select_transaction_search_cancel_aria,
         onChange: (t) => {
-          n(t), c(t);
+          n(t), i(t);
         },
         placeholder: r.select_transaction_search_placeholder,
-        searchValue: i
+        searchValue: s
       }),
-      /* @__PURE__ */ a(p, {
+      /* @__PURE__ */ a(h, {
         bgcolor: e,
+        filter: m,
         height: "auto",
-        onClick: s,
+        onClick: c,
         showLoader: !1
       })
     ]
   });
 });
 export {
-  j as SelectTransaction
+  V as SelectTransaction
 };
 
 //# sourceMappingURL=SelectTransaction.es.js.map

package/dist/recurringtransactions/components/shared/recurringsettings/SelectTransaction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTransaction.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/SelectTransaction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SearchBox, useGlobalCopyStore } from '../../../../common'\nimport { TransactionList, useTransactionsUiStore } from '../../../../transactions'\n\ninterface SelectTransactionProps {\n  bgcolor?: string\n  description?: string\n  onSearch: (value: string) => void\n  onSelected: (guid: string) => void\n}\n\nexport const SelectTransaction = observer(\n  ({\n    bgcolor = 'background.default',\n    description,\n    onSearch,\n    onSelected,\n  }: SelectTransactionProps) => {\n    const { recurring: recurringCopy } = useGlobalCopyStore()\n    const { searchValue, setSearchValue } = useTransactionsUiStore()\n\n    return (\n      <Stack sx={{ bgcolor, gap: 16, pt: 8 }}>\n        {description && <P sx={{ mx: 24 }}>{description}</P>}\n        <SearchBox\n          ariaLabel={recurringCopy.select_transaction_search_aria}\n          cancelAriaLabel={recurringCopy.select_transaction_search_cancel_aria}\n          onChange={(value) => {\n            setSearchValue(value)\n            onSearch(value)\n          }}\n          placeholder={recurringCopy.select_transaction_search_placeholder}\n          searchValue={searchValue}\n        />\n        <TransactionList bgcolor={bgcolor} height=\"auto\" onClick={onSelected} showLoader={false} />\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAgBA,IAAa,IAAoB,EAAA,CAC9B,EACC,SAAA,IAAU,sBACV,aAAA,GACA,UAAA,GACA,YAAA,EAAA,MAC4B;AAC5B,QAAM,EAAE,WAAW,EAAA,IAAkB,EAAmB,GAClD,EAAE,aAAA,GAAa,gBAAA,EAAA,IAAmB,EAAuB;AAE/D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,SAAA;AAAA,MAAS,KAAK;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,IAArC,UAAA;AAAA,MACG,KAAe,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAI,UAAA;AAAA,MAAe,CAAA;AAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,EAAc;AAAA,QACzB,iBAAiB,EAAc;AAAA,QAC/B,UAAA,CAAW,MAAU;AACnB,UAAA,EAAe,CAAK,GACpB,EAAS,CAAK;AAAA,QAChB;AAAA,QACA,aAAa,EAAc;AAAA,QACd,aAAA;AAAA,MACd,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QAA0B,SAAA;AAAA,QAAS,QAAO;AAAA,QAAO,SAAS;AAAA,QAAY,YAAY;AAAA,MAAQ,CAAA;AAAA,IACrF;AAAA;AAEX,CACF"}
+{"version":3,"file":"SelectTransaction.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/SelectTransaction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SearchBox, useGlobalCopyStore } from '../../../../common'\nimport { isEligibleRepeatingTransaction } from '../../../../core/utils/RecurringTransactionsUtil'\nimport { TransactionList, useTransactionsUiStore } from '../../../../transactions'\n\ninterface SelectTransactionProps {\n  bgcolor?: string\n  description?: string\n  onSearch: (value: string) => void\n  onSelected: (guid: string) => void\n}\n\nexport const SelectTransaction = observer(\n  ({\n    bgcolor = 'background.default',\n    description,\n    onSearch,\n    onSelected,\n  }: SelectTransactionProps) => {\n    const { recurring: recurringCopy } = useGlobalCopyStore()\n    const { searchValue, setSearchValue } = useTransactionsUiStore()\n\n    return (\n      <Stack sx={{ bgcolor, gap: 16, pt: 8 }}>\n        {description && <P sx={{ mx: 24 }}>{description}</P>}\n        <SearchBox\n          ariaLabel={recurringCopy.select_transaction_search_aria}\n          cancelAriaLabel={recurringCopy.select_transaction_search_cancel_aria}\n          onChange={(value) => {\n            setSearchValue(value)\n            onSearch(value)\n          }}\n          placeholder={recurringCopy.select_transaction_search_placeholder}\n          searchValue={searchValue}\n        />\n        <TransactionList\n          bgcolor={bgcolor}\n          filter={isEligibleRepeatingTransaction}\n          height=\"auto\"\n          onClick={onSelected}\n          showLoader={false}\n        />\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;AAiBA,IAAa,IAAoB,EAAA,CAC9B,EACC,SAAA,IAAU,sBACV,aAAA,GACA,UAAA,GACA,YAAA,EAAA,MAC4B;AAC5B,QAAM,EAAE,WAAW,EAAA,IAAkB,EAAmB,GAClD,EAAE,aAAA,GAAa,gBAAA,EAAA,IAAmB,EAAuB;AAE/D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,SAAA;AAAA,MAAS,KAAK;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,IAArC,UAAA;AAAA,MACG,KAAe,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAI,UAAA;AAAA,MAAe,CAAA;AAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,EAAc;AAAA,QACzB,iBAAiB,EAAc;AAAA,QAC/B,UAAA,CAAW,MAAU;AACnB,UAAA,EAAe,CAAK,GACpB,EAAS,CAAK;AAAA,QAChB;AAAA,QACA,aAAa,EAAc;AAAA,QACd,aAAA;AAAA,MACd,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACW,SAAA;AAAA,QACT,QAAQ;AAAA,QACR,QAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,MACb,CAAA;AAAA,IACI;AAAA;AAEX,CACF"}

package/dist/transactions/components/shared/TransactionList.es.js

@@ -10,18 +10,22 @@ import { hasInsetBorder as B, shouldShowDate as T } from "../../utils/Transactio
 import i from "react";
 import { observer as G } from "mobx-react-lite";
 import { jsx as o, jsxs as S } from "react/jsx-runtime";
-import m from "@mui/material/Box";
+import u from "@mui/material/Box";
 import Y from "@mui/material/Divider";
 import y from "@mui/material/List";
 import { useVirtualizer as K } from "@tanstack/react-virtual";
-var _ = 65, v = 32, M = ({ bgcolor: x, filter: u, height: E = "calc(100dvh - 36px)", loader: I = /* @__PURE__ */ o(U, {
+var _ = 65, v = 32, M = ({ bgcolor: x, filter: s, height: E = "calc(100dvh - 36px)", loader: I = /* @__PURE__ */ o(U, {
   label: "Loading",
   size: 40
-}), onClick: f, showInsights: d = !1, showLoader: s = !1, transaction: p, width: g = "100%", zeroState: A = /* @__PURE__ */ o(w, {}) }) => {
-  const { isLoading: l, sortedTransactions: c } = N(), e = i.useMemo(() => {
-    const t = u ? c.filter(u) : c;
+}), onClick: f, showInsights: d = !1, showLoader: l = !1, transaction: p, width: g = "100%", zeroState: A = /* @__PURE__ */ o(w, {}) }) => {
+  const { isLoading: c, sortedTransactions: m } = N(), e = i.useMemo(() => {
+    const t = s ? m.filter(s) : m;
     return p ?? t;
-  }, [c, p]), { clearExpandedSplits: C, setShowInsights: R, toggleSplit: b } = k(), { onEvent: D } = z(), L = (t) => {
+  }, [
+    m,
+    s,
+    p
+  ]), { clearExpandedSplits: C, setShowInsights: R, toggleSplit: b } = k(), { onEvent: D } = z(), L = (t) => {
     const r = e.find((a) => a.guid === t);
     if (r?.has_been_split) {
       b(r.guid);
@@ -41,23 +45,23 @@ var _ = 65, v = 32, M = ({ bgcolor: x, filter: u, height: E = "calc(100dvh - 36p
     component: "div",
     role: "list",
     sx: { width: g },
-    children: /* @__PURE__ */ o(m, {
+    children: /* @__PURE__ */ o(u, {
       height: E,
       overflow: "auto",
       ref: h,
       role: "presentation",
       width: g,
-      children: /* @__PURE__ */ S(m, {
+      children: /* @__PURE__ */ S(u, {
         height: n.getVirtualItems().length === 0 ? "auto" : n.getTotalSize(),
         position: "relative",
         role: "presentation",
         width: "100%",
         children: [
-          (l || s) && I,
-          !l && !s && n.getVirtualItems().length === 0 && A,
-          !l && !s && n.getVirtualItems().length > 0 && n.getVirtualItems().map((t) => {
+          (c || l) && I,
+          !c && !l && n.getVirtualItems().length === 0 && A,
+          !c && !l && n.getVirtualItems().length > 0 && n.getVirtualItems().map((t) => {
             const r = e[t.index], a = T(t.index, e), V = B(t.index, e);
-            return /* @__PURE__ */ S(m, {
+            return /* @__PURE__ */ S(u, {
               role: "listitem",
               sx: {
                 height: _ + (a ? v : 0),

package/dist/transactions/components/shared/TransactionList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionList.es.js","names":[],"sources":["../../../../src/transactions/components/shared/TransactionList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { ANALYTICS_EVENTS, Loader, useEvent } from '../../../common'\nimport { type Transaction } from '../../../core'\n\nimport { useTransactionsUiStore } from '../../context/hooks'\nimport { useTransactionStore } from '../../../common'\n\nimport SubheaderRow from '../../../common/components/SubheaderRow'\nimport TransactionRow from './transactionlist/TransactionRow'\nimport ZeroState from './transactionlist/ZeroState'\n\nimport { hasInsetBorder, shouldShowDate } from '../../utils/Transactions'\nimport { fromUnixUTCToDayOfWeekAndDate } from '../../../core/utils/DateUtil'\n\nconst ROW_HEIGHT = 65\nconst DATE_ROW_HEIGHT = 32\n\nexport interface TransactionListProps {\n  bgcolor?: string\n  filter?: (t: Transaction) => boolean\n  height?: number | string\n  loader?: React.JSX.Element\n  onClick?: (guid: string) => void\n  showInsights?: boolean\n  showLoader?: boolean\n  transaction?: Transaction[]\n  width?: number | string\n  zeroState?: React.JSX.Element\n}\n\nconst TransactionList: React.FC<TransactionListProps> = ({\n  bgcolor,\n  filter,\n  height = 'calc(100dvh - 36px)',\n  loader = <Loader label=\"Loading\" size={40} />,\n  onClick,\n  showInsights = false,\n  showLoader = false,\n  transaction,\n  width = '100%',\n  zeroState = <ZeroState />,\n}) => {\n  const { isLoading, sortedTransactions: allTransactions } = useTransactionStore()\n  const transactions = React.useMemo(() => {\n    const updatedTransactions = filter ? allTransactions.filter(filter) : allTransactions\n    return transaction ?? updatedTransactions\n  }, [allTransactions, transaction])\n\n  const { clearExpandedSplits, setShowInsights, toggleSplit } = useTransactionsUiStore()\n  const { onEvent } = useEvent()\n\n  const handleClick = (guid: string) => {\n    const transaction = transactions.find((t) => t.guid === guid)\n\n    if (transaction?.has_been_split) {\n      toggleSplit(transaction.guid)\n      return\n    }\n\n    onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_CLICK_TRANSACTION, {\n      account_guid: transaction?.account_guid,\n      transaction_guid: guid,\n    })\n    onClick?.(guid)\n  }\n\n  const parentRef = React.useRef<HTMLDivElement>(null)\n  const rowVirtualizer = useVirtualizer({\n    count: transactions.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (i) => ROW_HEIGHT + (shouldShowDate(i, transactions) ? DATE_ROW_HEIGHT : 0),\n    overscan: 5,\n  })\n\n  React.useEffect(() => rowVirtualizer.measure(), [transactions])\n  React.useEffect(() => setShowInsights(showInsights), [showInsights])\n\n  React.useEffect(() => {\n    return () => clearExpandedSplits()\n  }, [])\n\n  return (\n    <List component=\"div\" role=\"list\" sx={{ width: width }}>\n      <Box height={height} overflow=\"auto\" ref={parentRef} role=\"presentation\" width={width}>\n        <Box\n          height={\n            // set the height to auto when there are no transactions so the zero state isn't set to 0\n            rowVirtualizer.getVirtualItems().length === 0 ? 'auto' : rowVirtualizer.getTotalSize()\n          }\n          position=\"relative\"\n          role=\"presentation\"\n          width=\"100%\"\n        >\n          {(isLoading || showLoader) && loader}\n          {!isLoading && !showLoader && rowVirtualizer.getVirtualItems().length === 0 && zeroState}\n          {!isLoading &&\n            !showLoader &&\n            rowVirtualizer.getVirtualItems().length > 0 &&\n            rowVirtualizer.getVirtualItems().map((row) => {\n              const transaction = transactions[row.index]\n              const showDate = shouldShowDate(row.index, transactions)\n              const isInset = hasInsetBorder(row.index, transactions)\n              const rowHeight = ROW_HEIGHT + (showDate ? DATE_ROW_HEIGHT : 0)\n\n              return (\n                <Box\n                  key={transaction.guid}\n                  role=\"listitem\"\n                  sx={{\n                    height: rowHeight,\n                    position: 'absolute',\n                    transform: `translateY(${row.start}px)`,\n                    width: '100%',\n                    bgcolor: 'background.paper',\n                  }}\n                >\n                  {showDate && (\n                    <SubheaderRow bgcolor={bgcolor}>\n                      {fromUnixUTCToDayOfWeekAndDate(transaction.date)}\n                    </SubheaderRow>\n                  )}\n                  <TransactionRow\n                    component=\"div\"\n                    {...(onClick && { onClick: handleClick })}\n                    transaction={transaction}\n                  />\n                  <Divider sx={{ ml: isInset ? 68 : 0 }} />\n                </Box>\n              )\n            })}\n        </Box>\n      </Box>\n    </List>\n  )\n}\n\nexport default observer(TransactionList)\n"],"mappings":"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"}
+{"version":3,"file":"TransactionList.es.js","names":[],"sources":["../../../../src/transactions/components/shared/TransactionList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { ANALYTICS_EVENTS, Loader, useEvent } from '../../../common'\nimport { type Transaction } from '../../../core'\n\nimport { useTransactionsUiStore } from '../../context/hooks'\nimport { useTransactionStore } from '../../../common'\n\nimport SubheaderRow from '../../../common/components/SubheaderRow'\nimport TransactionRow from './transactionlist/TransactionRow'\nimport ZeroState from './transactionlist/ZeroState'\n\nimport { hasInsetBorder, shouldShowDate } from '../../utils/Transactions'\nimport { fromUnixUTCToDayOfWeekAndDate } from '../../../core/utils/DateUtil'\n\nconst ROW_HEIGHT = 65\nconst DATE_ROW_HEIGHT = 32\n\nexport interface TransactionListProps {\n  bgcolor?: string\n  filter?: (t: Transaction) => boolean\n  height?: number | string\n  loader?: React.JSX.Element\n  onClick?: (guid: string) => void\n  showInsights?: boolean\n  showLoader?: boolean\n  transaction?: Transaction[]\n  width?: number | string\n  zeroState?: React.JSX.Element\n}\n\nconst TransactionList: React.FC<TransactionListProps> = ({\n  bgcolor,\n  filter,\n  height = 'calc(100dvh - 36px)',\n  loader = <Loader label=\"Loading\" size={40} />,\n  onClick,\n  showInsights = false,\n  showLoader = false,\n  transaction,\n  width = '100%',\n  zeroState = <ZeroState />,\n}) => {\n  const { isLoading, sortedTransactions: allTransactions } = useTransactionStore()\n  const transactions = React.useMemo(() => {\n    const updatedTransactions = filter ? allTransactions.filter(filter) : allTransactions\n    return transaction ?? updatedTransactions\n  }, [allTransactions, filter, transaction])\n\n  const { clearExpandedSplits, setShowInsights, toggleSplit } = useTransactionsUiStore()\n  const { onEvent } = useEvent()\n\n  const handleClick = (guid: string) => {\n    const transaction = transactions.find((t) => t.guid === guid)\n\n    if (transaction?.has_been_split) {\n      toggleSplit(transaction.guid)\n      return\n    }\n\n    onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_CLICK_TRANSACTION, {\n      account_guid: transaction?.account_guid,\n      transaction_guid: guid,\n    })\n    onClick?.(guid)\n  }\n\n  const parentRef = React.useRef<HTMLDivElement>(null)\n  const rowVirtualizer = useVirtualizer({\n    count: transactions.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (i) => ROW_HEIGHT + (shouldShowDate(i, transactions) ? DATE_ROW_HEIGHT : 0),\n    overscan: 5,\n  })\n\n  React.useEffect(() => rowVirtualizer.measure(), [transactions])\n  React.useEffect(() => setShowInsights(showInsights), [showInsights])\n\n  React.useEffect(() => {\n    return () => clearExpandedSplits()\n  }, [])\n\n  return (\n    <List component=\"div\" role=\"list\" sx={{ width: width }}>\n      <Box height={height} overflow=\"auto\" ref={parentRef} role=\"presentation\" width={width}>\n        <Box\n          height={\n            // set the height to auto when there are no transactions so the zero state isn't set to 0\n            rowVirtualizer.getVirtualItems().length === 0 ? 'auto' : rowVirtualizer.getTotalSize()\n          }\n          position=\"relative\"\n          role=\"presentation\"\n          width=\"100%\"\n        >\n          {(isLoading || showLoader) && loader}\n          {!isLoading && !showLoader && rowVirtualizer.getVirtualItems().length === 0 && zeroState}\n          {!isLoading &&\n            !showLoader &&\n            rowVirtualizer.getVirtualItems().length > 0 &&\n            rowVirtualizer.getVirtualItems().map((row) => {\n              const transaction = transactions[row.index]\n              const showDate = shouldShowDate(row.index, transactions)\n              const isInset = hasInsetBorder(row.index, transactions)\n              const rowHeight = ROW_HEIGHT + (showDate ? DATE_ROW_HEIGHT : 0)\n\n              return (\n                <Box\n                  key={transaction.guid}\n                  role=\"listitem\"\n                  sx={{\n                    height: rowHeight,\n                    position: 'absolute',\n                    transform: `translateY(${row.start}px)`,\n                    width: '100%',\n                    bgcolor: 'background.paper',\n                  }}\n                >\n                  {showDate && (\n                    <SubheaderRow bgcolor={bgcolor}>\n                      {fromUnixUTCToDayOfWeekAndDate(transaction.date)}\n                    </SubheaderRow>\n                  )}\n                  <TransactionRow\n                    component=\"div\"\n                    {...(onClick && { onClick: handleClick })}\n                    transaction={transaction}\n                  />\n                  <Divider sx={{ ml: isInset ? 68 : 0 }} />\n                </Box>\n              )\n            })}\n        </Box>\n      </Box>\n    </List>\n  )\n}\n\nexport default observer(TransactionList)\n"],"mappings":"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"}

package/dist/transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction.es.js

@@ -1,39 +1,39 @@
 import { buildDynamicCopy as n } from "../../../../../core/utils/Localization.es.js";
-import { useAccountStore as H, useBudgetsStore as V, useGlobalCopyStore as W, useTransactionStore as q } from "../../../../../common/context/hooks.es.js";
-import { useAriaLive as J } from "../../../../../common/hooks/useAriaLive.es.js";
-import { formatCurrency as C } from "../../../../../core/utils/NumberFormatting.es.js";
-import K from "../../../../../common/components/CurrencyDialog.es.js";
-import Q from "../../../../../budgets/components/MerchantBudgetDetailsDrawer.es.js";
-import i from "react";
-import { observer as U } from "mobx-react-lite";
-import { Text as X, Toast as Y } from "@mxenabled/mxui";
-import { endOfMonth as Z } from "date-fns/endOfMonth";
-import { startOfMonth as ee } from "date-fns/startOfMonth";
-import { Icon as D } from "@mxenabled/mx-icons";
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { useTheme as te } from "@mui/material/styles";
-import re from "@mui/material/ListItem";
-import oe from "@mui/material/ListItemButton";
-import ne from "@mui/material/ListItemText";
-import ae from "@mui/material/Avatar";
-import ie from "@mui/material/ListItemAvatar";
-import se from "@mui/material/ListItemIcon";
-var Se = /* @__PURE__ */ (function(e) {
+import { useAccountStore as N, useBudgetsStore as z, useGlobalCopyStore as H, useTransactionStore as V } from "../../../../../common/context/hooks.es.js";
+import { useAriaLive as W } from "../../../../../common/hooks/useAriaLive.es.js";
+import { formatCurrency as B } from "../../../../../core/utils/NumberFormatting.es.js";
+import q from "../../../../../common/components/CurrencyDialog.es.js";
+import J from "../../../../../budgets/components/MerchantBudgetDetailsDrawer.es.js";
+import s from "react";
+import { observer as K } from "mobx-react-lite";
+import { Text as Q, Toast as U } from "@mxenabled/mxui";
+import { endOfMonth as X } from "date-fns/endOfMonth";
+import { startOfMonth as Y } from "date-fns/startOfMonth";
+import { Icon as v } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { useTheme as Z } from "@mui/material/styles";
+import ee from "@mui/material/ListItem";
+import te from "@mui/material/ListItemButton";
+import re from "@mui/material/ListItemText";
+import oe from "@mui/material/Avatar";
+import ne from "@mui/material/ListItemAvatar";
+import ie from "@mui/material/ListItemIcon";
+var Ce = /* @__PURE__ */ (function(e) {
   return e.CREATE = "create", e.EDIT = "edit", e.DELETE = "delete", e;
-})({}), Le = U(({ transaction: e }) => {
-  const [o, c] = i.useState(null), [p, _] = i.useState(""), [A, S] = i.useState(!1), h = i.useRef(!1), [L, w] = i.useState(null), I = te(), { addMerchantBudget: E, updateMerchantBudget: R, deleteMerchantBudget: O, getMerchantBudgetByMerchantGuid: k, alert: m, setAlert: x } = V(), { setFilter: P } = q(), { accounts: T } = H(), $ = I.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: t, common: l } = W(), { announce: G, ariaLive: j } = J(), [g, f] = i.useState(!1), a = e?.merchant_guid ? k(e.merchant_guid) : void 0, y = () => {
-    w(o), c(null), _("");
-  }, F = () => {
-    a ? f(!0) : c("create");
-  }, u = {
+})({}), De = K(({ transaction: e }) => {
+  const [o, c] = s.useState(null), [p, _] = s.useState(""), h = s.useRef(!1), [D, L] = s.useState(null), S = Z(), { addMerchantBudget: w, updateMerchantBudget: I, deleteMerchantBudget: R, getMerchantBudgetByMerchantGuid: E, alert: d, setAlert: A } = z(), { setFilter: O } = V(), { accounts: x } = N(), k = S.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: t, common: u } = H(), { announce: P, ariaLive: $ } = W(), [g, y] = s.useState(!1), i = e?.merchant_guid ? E(e.merchant_guid) : void 0, f = () => {
+    L(o), c(null), _("");
+  }, G = () => {
+    i ? y(!0) : c("create");
+  }, m = {
     create: {
-      content: n(t.create_budget_content, /* @__PURE__ */ r("strong", { children: e.description }), `${C(e.amount, "0,0.00")}`),
+      content: n(t.create_budget_content, /* @__PURE__ */ r("strong", { children: e.description }), `${B(e.amount, "0,0.00")}`),
       title: t.dialog_create_budget_title,
       primaryButtonText: t.dialog_primary_button_text,
       errorAlertMessage: n(t.alert_merchant_budget_not_created, e.description),
       errorRetryAction: () => c("create"),
       successAlertMessage: n(t.alert_budget_created, e.description),
-      apiTrigger: async () => await E(e.merchant_guid, Number(p))
+      apiTrigger: async () => await w(e.merchant_guid, Number(p))
     },
     edit: {
       content: n(t.edit_budget_content, /* @__PURE__ */ r("strong", { children: e.description })),
@@ -42,8 +42,8 @@ var Se = /* @__PURE__ */ (function(e) {
       errorAlertMessage: n(t.error_alert_edit_merchant_budget, e.description),
       errorRetryAction: () => c("edit"),
       successAlertMessage: n(t.success_alert_edit_merchant_budget, e.description),
-      apiTrigger: async () => await R({
-        ...a,
+      apiTrigger: async () => await I({
+        ...i,
         amount: Number(p)
       })
     },
@@ -54,64 +54,67 @@ var Se = /* @__PURE__ */ (function(e) {
       errorAlertMessage: n(t.error_alert_delete_merchant_budget, e.description),
       errorRetryAction: () => c("delete"),
       successAlertMessage: n(t.success_alert_delete_merchant_budget, e.description),
-      apiTrigger: async () => await O(a.guid)
+      apiTrigger: async () => await R(i.guid)
     }
-  }, N = async () => {
+  }, j = async () => {
     if (h.current) return;
     h.current = !0;
-    const { apiTrigger: d, successAlertMessage: s, errorAlertMessage: z } = u[o], { isSuccess: b } = await d(), B = b ? s : z;
-    y(), S(!b), x(B), G(B), b && o === "delete" && f(!1), h.current = !1;
+    const { apiTrigger: l, successAlertMessage: a, errorAlertMessage: F } = m[o], { isSuccess: b } = await l(), M = b ? a : F;
+    f(), A({
+      msg: M,
+      severity: b ? "success" : "error"
+    }), P(M), b && o === "delete" && y(!1), h.current = !1;
   };
-  i.useEffect(() => {
-    const d = {
-      start: ee(/* @__PURE__ */ new Date(e.date * 1e3)),
-      end: Z(/* @__PURE__ */ new Date(e.date * 1e3))
+  s.useEffect(() => {
+    const l = {
+      start: Y(/* @__PURE__ */ new Date(e.date * 1e3)),
+      end: X(/* @__PURE__ */ new Date(e.date * 1e3))
     };
-    g && P({
-      accounts: T.map((s) => s.guid),
-      custom: g ? (s) => s.merchant_guid === e.merchant_guid : (s) => s.guid === e.guid,
-      dateRange: d
+    g && O({
+      accounts: x.map((a) => a.guid),
+      custom: g ? (a) => a.merchant_guid === e.merchant_guid : (a) => a.guid === e.guid,
+      dateRange: l
     });
   }, [
     g,
     e,
-    T
+    x
   ]);
-  const M = () => /* @__PURE__ */ r(Y, {
+  const T = () => /* @__PURE__ */ r(U, {
     actionText: t.autogenerate_budgets_error_primary_button,
     autoHideDuration: 3500,
-    closeAriaLabel: l.close_aria,
-    handleClose: () => x(""),
-    message: m,
-    onActionClick: u[L]?.errorRetryAction,
-    open: !!m,
-    severity: A ? "error" : "success",
-    showAction: A,
+    closeAriaLabel: u.close_aria,
+    handleClose: () => A(null),
+    message: d?.msg ?? "",
+    onActionClick: m[D]?.errorRetryAction,
+    open: !!d,
+    severity: d?.severity ?? "success",
+    showAction: d?.severity === "error",
     showClose: !0
   });
-  return /* @__PURE__ */ v(i.Fragment, { children: [
-    j,
-    /* @__PURE__ */ r(re, {
+  return /* @__PURE__ */ C(s.Fragment, { children: [
+    $,
+    /* @__PURE__ */ r(ee, {
       disableGutters: !0,
       disablePadding: !0,
-      children: /* @__PURE__ */ v(oe, {
-        onClick: F,
+      children: /* @__PURE__ */ C(te, {
+        onClick: G,
         children: [
-          /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(ae, {
-            sx: { bgcolor: $ },
+          /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(oe, {
+            sx: { bgcolor: k },
             variant: "rounded",
-            children: /* @__PURE__ */ r(D, {
+            children: /* @__PURE__ */ r(v, {
               name: "bubble_chart",
               sx: { color: "text.primary" }
             })
           }) }),
-          /* @__PURE__ */ r(ne, {
+          /* @__PURE__ */ r(re, {
             primary: t.add_merchant_budget_primary_text,
-            secondary: /* @__PURE__ */ r(X, {
+            secondary: /* @__PURE__ */ r(Q, {
               bold: !0,
               sx: { color: "text.primary" },
               variant: "body1",
-              children: a ? `${C(a.amount, "0,0.00")} / ${l.month_text}` : t.add_merchant_budget_secondary_text
+              children: i ? `${B(i.amount, "0,0.00")} / ${u.month_text}` : t.add_merchant_budget_secondary_text
             }),
             slotProps: { primary: {
               variant: "caption",
@@ -119,43 +122,43 @@ var Se = /* @__PURE__ */ (function(e) {
               fontWeight: "normal"
             } }
           }),
-          /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(D, {
+          /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(v, {
             name: "chevron_right",
             sx: { color: "text.primary" }
           }) })
         ]
       })
     }),
-    !!a && /* @__PURE__ */ r(Q, {
+    !!i && /* @__PURE__ */ r(J, {
       isOpen: g,
-      merchantBudget: a,
-      onClose: () => f(!1),
-      renderingToast: () => m && M(),
-      setCurrencyDialogAction: (d) => {
-        d === "edit" && _(a?.amount.toString() || ""), c(d);
+      merchantBudget: i,
+      onClose: () => y(!1),
+      renderingToast: () => d && T(),
+      setCurrencyDialogAction: (l) => {
+        l === "edit" && _(i?.amount.toString() || ""), c(l);
       },
       transaction: e
     }),
-    o && /* @__PURE__ */ r(K, {
-      closeAriaLabel: l.close_aria,
-      content: u[o].content,
+    o && /* @__PURE__ */ r(q, {
+      closeAriaLabel: u.close_aria,
+      content: m[o].content,
       handleInputChange: _,
-      handleModalClose: y,
-      handlePrimaryAction: N,
-      handleSecondaryAction: y,
-      inputLabel: o !== "delete" ? l.amount_text : "",
+      handleModalClose: f,
+      handlePrimaryAction: j,
+      handleSecondaryAction: f,
+      inputLabel: o !== "delete" ? u.amount_text : "",
       inputValue: p,
       isOpen: !!o,
-      primaryText: u[o].primaryButtonText,
-      secondaryText: l.cancel_button,
-      title: u[o].title
+      primaryText: m[o].primaryButtonText,
+      secondaryText: u.cancel_button,
+      title: m[o].title
     }),
-    !!m && M()
+    !!d && T()
   ] });
 });
 export {
-  Le as AddMerchantBudgetAction,
-  Se as CurrencyDialogAction
+  De as AddMerchantBudgetAction,
+  Ce as CurrencyDialogAction
 };
 
 //# sourceMappingURL=AddMerchantBudgetAction.es.js.map

package/dist/transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddMerchantBudgetAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text, Toast } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport {\n  CurrencyDialog,\n  useAccountStore,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../../common'\nimport { type Transaction } from '../../../../../core'\nimport { useAriaLive } from '../../../../../common/hooks/useAriaLive'\nimport MerchantBudgetDetailsDrawer from '../../../../../budgets/components/MerchantBudgetDetailsDrawer'\nimport { formatCurrency } from '../../../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../../../core/utils/Localization'\n\ninterface AddMerchantBudgetActionProps {\n  transaction: Transaction\n}\n\nexport enum CurrencyDialogAction {\n  CREATE = 'create',\n  EDIT = 'edit',\n  DELETE = 'delete',\n}\n\nexport const AddMerchantBudgetAction = observer(({ transaction }: AddMerchantBudgetActionProps) => {\n  const [currencyDialogAction, setCurrencyDialogAction] =\n    React.useState<CurrencyDialogAction | null>(null)\n\n  const [amount, setAmount] = React.useState('')\n\n  const [isError, setIsError] = React.useState(false)\n\n  const inProgressRef = React.useRef(false)\n\n  const [lastActionType, setLastActionType] = React.useState<CurrencyDialogAction | null>(null)\n\n  const theme = useTheme()\n\n  const {\n    addMerchantBudget,\n    updateMerchantBudget,\n    deleteMerchantBudget,\n    getMerchantBudgetByMerchantGuid,\n    alert,\n    setAlert,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n  const { accounts } = useAccountStore()\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n\n  const { announce, ariaLive } = useAriaLive()\n\n  const [merchantBudgetDetailsDrawerOpen, setMerchantBudgetDetailsDrawerOpen] =\n    React.useState(false)\n\n  const existingMerchantBudget = transaction?.merchant_guid\n    ? getMerchantBudgetByMerchantGuid(transaction.merchant_guid)\n    : undefined\n\n  const handleModalClose = () => {\n    setLastActionType(currencyDialogAction)\n    setCurrencyDialogAction(null)\n    setAmount('')\n  }\n\n  const handleClick = () => {\n    if (!existingMerchantBudget) {\n      setCurrencyDialogAction(CurrencyDialogAction.CREATE)\n    } else {\n      setMerchantBudgetDetailsDrawerOpen(true)\n    }\n  }\n\n  // details needed for all the three states of the dialog - create, edit, delete\n  const actionDetails = {\n    [CurrencyDialogAction.CREATE]: {\n      content: buildDynamicCopy(\n        budgetsCopy.create_budget_content,\n        <strong>{transaction.description}</strong>,\n        `${formatCurrency(transaction.amount, '0,0.00')}`,\n      ) as string,\n      title: budgetsCopy.dialog_create_budget_title,\n      primaryButtonText: budgetsCopy.dialog_primary_button_text,\n      errorAlertMessage: buildDynamicCopy(\n        budgetsCopy.alert_merchant_budget_not_created,\n        transaction.description,\n      ) as string,\n      errorRetryAction: () => setCurrencyDialogAction(CurrencyDialogAction.CREATE),\n      successAlertMessage: buildDynamicCopy(\n        budgetsCopy.alert_budget_created,\n        transaction.description,\n      ) as string,\n      apiTrigger: async () => await addMerchantBudget(transaction.merchant_guid!, Number(amount)),\n    },\n\n    [CurrencyDialogAction.EDIT]: {\n      content: buildDynamicCopy(\n        budgetsCopy.edit_budget_content,\n        <strong>{transaction.description}</strong>,\n      ) as string,\n      title: budgetsCopy.details_edit_title,\n      primaryButtonText: budgetsCopy.add_save_button,\n      errorAlertMessage: buildDynamicCopy(\n        budgetsCopy.error_alert_edit_merchant_budget,\n        transaction.description,\n      ) as string,\n      errorRetryAction: () => setCurrencyDialogAction(CurrencyDialogAction.EDIT),\n      successAlertMessage: buildDynamicCopy(\n        budgetsCopy.success_alert_edit_merchant_budget,\n        transaction.description,\n      ) as string,\n      apiTrigger: async () =>\n        await updateMerchantBudget({\n          ...existingMerchantBudget!,\n          amount: Number(amount),\n        }),\n    },\n\n    [CurrencyDialogAction.DELETE]: {\n      content: buildDynamicCopy(\n        budgetsCopy.delete_description,\n        <strong>{transaction.description}</strong>,\n      ) as string,\n      title: budgetsCopy.delete_title,\n      primaryButtonText: budgetsCopy.details_delete_button,\n      errorAlertMessage: buildDynamicCopy(\n        budgetsCopy.error_alert_delete_merchant_budget,\n        transaction.description,\n      ) as string,\n      errorRetryAction: () => setCurrencyDialogAction(CurrencyDialogAction.DELETE),\n      successAlertMessage: buildDynamicCopy(\n        budgetsCopy.success_alert_delete_merchant_budget,\n        transaction.description,\n      ) as string,\n      apiTrigger: async () => await deleteMerchantBudget(existingMerchantBudget!.guid),\n    },\n  }\n\n  const handlePrimaryAction = async () => {\n    if (inProgressRef.current) return\n\n    inProgressRef.current = true\n\n    const { apiTrigger, successAlertMessage, errorAlertMessage } =\n      actionDetails[currencyDialogAction as CurrencyDialogAction]\n\n    const { isSuccess } = await apiTrigger()\n    const alertMessage = isSuccess ? successAlertMessage : errorAlertMessage\n    handleModalClose()\n    setIsError(!isSuccess)\n    setAlert(alertMessage)\n    announce(alertMessage)\n\n    if (isSuccess && currencyDialogAction === CurrencyDialogAction.DELETE) {\n      setMerchantBudgetDetailsDrawerOpen(false)\n    }\n    inProgressRef.current = false\n  }\n\n  React.useEffect(() => {\n    const dateRange = {\n      start: startOfMonth(new Date(transaction.date * 1000)),\n      end: endOfMonth(new Date(transaction.date * 1000)),\n    }\n\n    if (merchantBudgetDetailsDrawerOpen) {\n      setFilter({\n        accounts: accounts.map((account) => account.guid),\n        custom: merchantBudgetDetailsDrawerOpen\n          ? (trn) => trn.merchant_guid === transaction.merchant_guid\n          : (trn) => trn.guid === transaction.guid,\n        dateRange,\n      })\n    }\n  }, [merchantBudgetDetailsDrawerOpen, transaction, accounts])\n\n  const snackBar = () => (\n    <Toast\n      actionText={budgetsCopy.autogenerate_budgets_error_primary_button}\n      autoHideDuration={3500}\n      closeAriaLabel={commonCopy.close_aria}\n      handleClose={() => setAlert('')}\n      message={alert}\n      onActionClick={actionDetails[lastActionType as CurrencyDialogAction]?.errorRetryAction}\n      open={Boolean(alert)}\n      severity={isError ? 'error' : 'success'}\n      showAction={isError}\n      showClose={true}\n    />\n  )\n  return (\n    <React.Fragment>\n      {ariaLive}\n\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton onClick={handleClick}>\n          <ListItemAvatar>\n            <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n              <Icon name=\"bubble_chart\" sx={{ color: 'text.primary' }} />\n            </Avatar>\n          </ListItemAvatar>\n          <ListItemText\n            primary={budgetsCopy.add_merchant_budget_primary_text}\n            secondary={\n              <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n                {existingMerchantBudget\n                  ? `${formatCurrency(existingMerchantBudget.amount, '0,0.00')} / ${commonCopy.month_text}`\n                  : budgetsCopy.add_merchant_budget_secondary_text}\n              </Text>\n            }\n            slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n          />\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n\n      {!!existingMerchantBudget && (\n        <MerchantBudgetDetailsDrawer\n          isOpen={merchantBudgetDetailsDrawerOpen}\n          merchantBudget={existingMerchantBudget}\n          onClose={() => setMerchantBudgetDetailsDrawerOpen(false)}\n          renderingToast={() => alert && snackBar()}\n          setCurrencyDialogAction={(action) => {\n            if (action === CurrencyDialogAction.EDIT) {\n              setAmount(existingMerchantBudget?.amount.toString() || '')\n            }\n            setCurrencyDialogAction(action)\n          }}\n          transaction={transaction}\n        />\n      )}\n      {currencyDialogAction && (\n        <CurrencyDialog\n          closeAriaLabel={commonCopy.close_aria}\n          content={actionDetails[currencyDialogAction].content}\n          handleInputChange={setAmount}\n          handleModalClose={handleModalClose}\n          handlePrimaryAction={handlePrimaryAction}\n          handleSecondaryAction={handleModalClose}\n          inputLabel={\n            currencyDialogAction !== CurrencyDialogAction.DELETE ? commonCopy.amount_text : ''\n          }\n          inputValue={amount}\n          isOpen={Boolean(currencyDialogAction)}\n          primaryText={actionDetails[currencyDialogAction].primaryButtonText}\n          secondaryText={commonCopy.cancel_button}\n          title={actionDetails[currencyDialogAction].title}\n        />\n      )}\n\n      {!!alert && snackBar()}\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"AddMerchantBudgetAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text, Toast } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport {\n  CurrencyDialog,\n  useAccountStore,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../../common'\nimport { type Transaction } from '../../../../../core'\nimport { useAriaLive } from '../../../../../common/hooks/useAriaLive'\nimport MerchantBudgetDetailsDrawer from '../../../../../budgets/components/MerchantBudgetDetailsDrawer'\nimport { formatCurrency } from '../../../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../../../core/utils/Localization'\n\ninterface AddMerchantBudgetActionProps {\n  transaction: Transaction\n}\n\nexport enum CurrencyDialogAction {\n  CREATE = 'create',\n  EDIT = 'edit',\n  DELETE = 'delete',\n}\n\nexport const AddMerchantBudgetAction = observer(({ transaction }: AddMerchantBudgetActionProps) => {\n  const [currencyDialogAction, setCurrencyDialogAction] =\n    React.useState<CurrencyDialogAction | null>(null)\n\n  const [amount, setAmount] = React.useState('')\n\n  const inProgressRef = React.useRef(false)\n\n  const [lastActionType, setLastActionType] = React.useState<CurrencyDialogAction | null>(null)\n\n  const theme = useTheme()\n\n  const {\n    addMerchantBudget,\n    updateMerchantBudget,\n    deleteMerchantBudget,\n    getMerchantBudgetByMerchantGuid,\n    alert,\n    setAlert,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n  const { accounts } = useAccountStore()\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n\n  const { announce, ariaLive } = useAriaLive()\n\n  const [merchantBudgetDetailsDrawerOpen, setMerchantBudgetDetailsDrawerOpen] =\n    React.useState(false)\n\n  const existingMerchantBudget = transaction?.merchant_guid\n    ? getMerchantBudgetByMerchantGuid(transaction.merchant_guid)\n    : undefined\n\n  const handleModalClose = () => {\n    setLastActionType(currencyDialogAction)\n    setCurrencyDialogAction(null)\n    setAmount('')\n  }\n\n  const handleClick = () => {\n    if (!existingMerchantBudget) {\n      setCurrencyDialogAction(CurrencyDialogAction.CREATE)\n    } else {\n      setMerchantBudgetDetailsDrawerOpen(true)\n    }\n  }\n\n  // details needed for all the three states of the dialog - create, edit, delete\n  const actionDetails = {\n    [CurrencyDialogAction.CREATE]: {\n      content: buildDynamicCopy(\n        budgetsCopy.create_budget_content,\n        <strong>{transaction.description}</strong>,\n        `${formatCurrency(transaction.amount, '0,0.00')}`,\n      ) as string,\n      title: budgetsCopy.dialog_create_budget_title,\n      primaryButtonText: budgetsCopy.dialog_primary_button_text,\n      errorAlertMessage: buildDynamicCopy(\n        budgetsCopy.alert_merchant_budget_not_created,\n        transaction.description,\n      ) as string,\n      errorRetryAction: () => setCurrencyDialogAction(CurrencyDialogAction.CREATE),\n      successAlertMessage: buildDynamicCopy(\n        budgetsCopy.alert_budget_created,\n        transaction.description,\n      ) as string,\n      apiTrigger: async () => await addMerchantBudget(transaction.merchant_guid!, Number(amount)),\n    },\n\n    [CurrencyDialogAction.EDIT]: {\n      content: buildDynamicCopy(\n        budgetsCopy.edit_budget_content,\n        <strong>{transaction.description}</strong>,\n      ) as string,\n      title: budgetsCopy.details_edit_title,\n      primaryButtonText: budgetsCopy.add_save_button,\n      errorAlertMessage: buildDynamicCopy(\n        budgetsCopy.error_alert_edit_merchant_budget,\n        transaction.description,\n      ) as string,\n      errorRetryAction: () => setCurrencyDialogAction(CurrencyDialogAction.EDIT),\n      successAlertMessage: buildDynamicCopy(\n        budgetsCopy.success_alert_edit_merchant_budget,\n        transaction.description,\n      ) as string,\n      apiTrigger: async () =>\n        await updateMerchantBudget({\n          ...existingMerchantBudget!,\n          amount: Number(amount),\n        }),\n    },\n\n    [CurrencyDialogAction.DELETE]: {\n      content: buildDynamicCopy(\n        budgetsCopy.delete_description,\n        <strong>{transaction.description}</strong>,\n      ) as string,\n      title: budgetsCopy.delete_title,\n      primaryButtonText: budgetsCopy.details_delete_button,\n      errorAlertMessage: buildDynamicCopy(\n        budgetsCopy.error_alert_delete_merchant_budget,\n        transaction.description,\n      ) as string,\n      errorRetryAction: () => setCurrencyDialogAction(CurrencyDialogAction.DELETE),\n      successAlertMessage: buildDynamicCopy(\n        budgetsCopy.success_alert_delete_merchant_budget,\n        transaction.description,\n      ) as string,\n      apiTrigger: async () => await deleteMerchantBudget(existingMerchantBudget!.guid),\n    },\n  }\n\n  const handlePrimaryAction = async () => {\n    if (inProgressRef.current) return\n\n    inProgressRef.current = true\n\n    const { apiTrigger, successAlertMessage, errorAlertMessage } =\n      actionDetails[currencyDialogAction as CurrencyDialogAction]\n\n    const { isSuccess } = await apiTrigger()\n    const alertMessage = isSuccess ? successAlertMessage : errorAlertMessage\n    handleModalClose()\n    setAlert({ msg: alertMessage, severity: isSuccess ? 'success' : 'error' })\n    announce(alertMessage)\n\n    if (isSuccess && currencyDialogAction === CurrencyDialogAction.DELETE) {\n      setMerchantBudgetDetailsDrawerOpen(false)\n    }\n    inProgressRef.current = false\n  }\n\n  React.useEffect(() => {\n    const dateRange = {\n      start: startOfMonth(new Date(transaction.date * 1000)),\n      end: endOfMonth(new Date(transaction.date * 1000)),\n    }\n\n    if (merchantBudgetDetailsDrawerOpen) {\n      setFilter({\n        accounts: accounts.map((account) => account.guid),\n        custom: merchantBudgetDetailsDrawerOpen\n          ? (trn) => trn.merchant_guid === transaction.merchant_guid\n          : (trn) => trn.guid === transaction.guid,\n        dateRange,\n      })\n    }\n  }, [merchantBudgetDetailsDrawerOpen, transaction, accounts])\n\n  const snackBar = () => (\n    <Toast\n      actionText={budgetsCopy.autogenerate_budgets_error_primary_button}\n      autoHideDuration={3500}\n      closeAriaLabel={commonCopy.close_aria}\n      handleClose={() => setAlert(null)}\n      message={alert?.msg ?? ''}\n      onActionClick={actionDetails[lastActionType as CurrencyDialogAction]?.errorRetryAction}\n      open={Boolean(alert)}\n      severity={alert?.severity ?? 'success'}\n      showAction={alert?.severity === 'error'}\n      showClose={true}\n    />\n  )\n  return (\n    <React.Fragment>\n      {ariaLive}\n\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton onClick={handleClick}>\n          <ListItemAvatar>\n            <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n              <Icon name=\"bubble_chart\" sx={{ color: 'text.primary' }} />\n            </Avatar>\n          </ListItemAvatar>\n          <ListItemText\n            primary={budgetsCopy.add_merchant_budget_primary_text}\n            secondary={\n              <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n                {existingMerchantBudget\n                  ? `${formatCurrency(existingMerchantBudget.amount, '0,0.00')} / ${commonCopy.month_text}`\n                  : budgetsCopy.add_merchant_budget_secondary_text}\n              </Text>\n            }\n            slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n          />\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n\n      {!!existingMerchantBudget && (\n        <MerchantBudgetDetailsDrawer\n          isOpen={merchantBudgetDetailsDrawerOpen}\n          merchantBudget={existingMerchantBudget}\n          onClose={() => setMerchantBudgetDetailsDrawerOpen(false)}\n          renderingToast={() => alert && snackBar()}\n          setCurrencyDialogAction={(action) => {\n            if (action === CurrencyDialogAction.EDIT) {\n              setAmount(existingMerchantBudget?.amount.toString() || '')\n            }\n            setCurrencyDialogAction(action)\n          }}\n          transaction={transaction}\n        />\n      )}\n      {currencyDialogAction && (\n        <CurrencyDialog\n          closeAriaLabel={commonCopy.close_aria}\n          content={actionDetails[currencyDialogAction].content}\n          handleInputChange={setAmount}\n          handleModalClose={handleModalClose}\n          handlePrimaryAction={handlePrimaryAction}\n          handleSecondaryAction={handleModalClose}\n          inputLabel={\n            currencyDialogAction !== CurrencyDialogAction.DELETE ? commonCopy.amount_text : ''\n          }\n          inputValue={amount}\n          isOpen={Boolean(currencyDialogAction)}\n          primaryText={actionDetails[currencyDialogAction].primaryButtonText}\n          secondaryText={commonCopy.cancel_button}\n          title={actionDetails[currencyDialogAction].title}\n        />\n      )}\n\n      {!!alert && snackBar()}\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}