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

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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.1-alpha.al0",
+  "version": "9.4.2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",