@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/transactions/components/shared/transactiondetails/TransactionDetailsView.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsView.es.js","names":[],"sources":["../../../../../src/transactions/components/shared/transactiondetails/TransactionDetailsView.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { CategoryIcon, CategoryIconVariants, Icon, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, useTransactionStore } from '../../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../../core/constants'\nimport { fromUnixUTC } from '../../../../core/utils/DateUtil'\nimport { type Transaction } from '../../../../core'\n\ninterface TransactionDetailsViewProps {\n  transaction: Transaction\n}\n\nconst renderItem = (\n  icon: React.ReactNode,\n  primary: string,\n  secondary: React.ReactNode,\n  show: boolean = true,\n  dividerVariant: 'inset' | 'fullWidth' = 'inset',\n) => {\n  if (!show) return null\n  return (\n    <React.Fragment>\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: 'neutral.light' }} variant=\"rounded\">\n            {icon}\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={primary}\n          secondary={secondary}\n          slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n        />\n      </ListItem>\n      <Divider variant={dividerVariant} />\n    </React.Fragment>\n  )\n}\n\nconst TransactionDetailsView = ({ transaction }: TransactionDetailsViewProps) => {\n  const { transactions: copy } = useGlobalCopyStore()\n  const { tags } = useTransactionStore()\n\n  const tagNames = React.useMemo(() => {\n    const tagMap = new Map(tags.map((tag) => [tag.guid, tag.name]))\n\n    return transaction.tags\n      .map((tagGuid) => tagMap.get(tagGuid))\n      .filter(Boolean)\n      .join(' / ')\n  }, [tags, transaction.tags])\n\n  return (\n    <List sx={{ '& .MuiListItem-root': { px: 24, py: 12 } }}>\n      {renderItem(\n        <CategoryIcon\n          categoryGuid={transaction.top_level_category_guid}\n          size={24}\n          sx={{ color: 'text.primary' }}\n          variant={CategoryIconVariants.Transparent}\n        />,\n        copy.category_title,\n        <Text bold={true} variant=\"body1\">\n          {transaction.category ?? copy.actions_select_a_category}\n        </Text>,\n      )}\n\n      {renderItem(\n        <Icon name=\"calendar_month\" sx={{ color: 'text.primary' }} />,\n        copy.date_title,\n        <Text bold={true} variant=\"body1\">\n          {formatDate(fromUnixUTC(transaction.date), DATE_FORMATS_INTL.YEAR_MONTH_DAY)}\n        </Text>,\n      )}\n\n      {renderItem(\n        <Icon name=\"article\" sx={{ color: 'text.primary' }} />,\n        copy.memo_title,\n        <Text bold={true} variant=\"body1\">\n          {transaction.memo ?? copy.memo_desc}\n        </Text>,\n        Boolean(transaction.memo),\n        transaction.tags?.length > 0 ? 'inset' : 'fullWidth',\n      )}\n\n      {renderItem(\n        <Icon name=\"local_offer\" sx={{ color: 'text.primary' }} />,\n        copy.tags_title,\n        <Text bold={true} variant=\"body1\">\n          {transaction.tags?.length ? tagNames : copy.tags_desc}\n        </Text>,\n        Boolean(transaction.tags?.length),\n        'fullWidth',\n      )}\n    </List>\n  )\n}\n\nexport default observer(TransactionDetailsView)\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAM,IAAA,CACJ,GACA,GACA,GACA,IAAgB,IAChB,IAAwC,YAEnC,IAEH,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EAAU,gBAAgB;AAAA,EAAM,gBAAgB;AAAA,YAAhD,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,IAAI,EAAE,SAAS,gBAAgB;AAAA,IAAG,SAAQ;AAAA,cAC/C;AAAA,EACK,CAAA,EACM,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACE,WAAA;AAAA,IACX,WAAW,EAAE,SAAS;AAAA,MAAE,SAAS;AAAA,MAAW,UAAU;AAAA,MAAI,YAAY;AAAA,IAAS,EAAE;AAAA,EAClF,CAAA,CACO;IACV,gBAAA,EAAC,GAAD,EAAS,SAAS,EAAiB,CAAA,CACrB,EAAA,CAAA,IAhBA,MAoBd,IAAA,CAA0B,EAAE,aAAA,EAAA,MAA+C;AAC/E,QAAM,EAAE,cAAc,EAAA,IAAS,EAAmB,GAC5C,EAAE,MAAA,EAAA,IAAS,EAAoB,GAE/B,IAAW,EAAM,QAAA,MAAc;AACnC,UAAM,IAAS,IAAI,IAAI,EAAK,IAAA,CAAK,MAAQ,CAAC,EAAI,MAAM,EAAI,IAAI,CAAC,CAAC;AAE9D,WAAO,EAAY,KAChB,IAAA,CAAK,MAAY,EAAO,IAAI,CAAO,CAAC,EACpC,OAAO,OAAO,EACd,KAAK,KAAK;AAAA,EACf,GAAG,CAAC,GAAM,EAAY,IAAI,CAAC;AAE3B,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,uBAAuB;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI;AAAA,IAAG,EAAE;AAAA,cAAtD;AAAA,MACG,EACC,gBAAA,EAAC,GAAD;AAAA,QACE,cAAc,EAAY;AAAA,QAC1B,MAAM;AAAA,QACN,IAAI,EAAE,OAAO,eAAe;AAAA,QAC5B,SAAS,EAAqB;AAAA,MAC/B,CAAA,GACD,EAAK,gBACL,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAY,YAAY,EAAK;AAAA,MAC1B,CAAA,CACR;AAAA,MAEC,EACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAiB,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA,GAC5D,EAAK,YACL,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAW,EAAY,EAAY,IAAI,GAAG,EAAkB,cAAc;AAAA,MACvE,CAAA,CACR;AAAA,MAEC,EACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAU,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA,GACrD,EAAK,YACL,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAY,QAAQ,EAAK;AAAA,MACtB,CAAA,GACN,EAAQ,EAAY,MACpB,EAAY,MAAM,SAAS,IAAI,UAAU,WAC3C;AAAA,MAEC,EACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAc,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA,GACzD,EAAK,YACL,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAY,MAAM,SAAS,IAAW,EAAK;AAAA,MACxC,CAAA,GACN,EAAQ,EAAY,MAAM,QAC1B,WACF;AAAA,IACI;AAAA;AAEV,GAEA,IAAe,EAAS,CAAsB"}

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

@@ -0,0 +1,161 @@
+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/ListItemIcon";
+import ae from "@mui/material/ListItemText";
+import ie from "@mui/material/Avatar";
+import se from "@mui/material/ListItemAvatar";
+var Se = /* @__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 = {
+    create: {
+      content: n(t.create_budget_content, /* @__PURE__ */ r("strong", { children: e.description }), `${C(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))
+    },
+    edit: {
+      content: n(t.edit_budget_content, /* @__PURE__ */ r("strong", { children: e.description })),
+      title: t.details_edit_title,
+      primaryButtonText: t.add_save_button,
+      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,
+        amount: Number(p)
+      })
+    },
+    delete: {
+      content: n(t.delete_description, /* @__PURE__ */ r("strong", { children: e.description })),
+      title: t.delete_title,
+      primaryButtonText: t.details_delete_button,
+      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)
+    }
+  }, N = 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;
+  };
+  i.useEffect(() => {
+    const d = {
+      start: ee(/* @__PURE__ */ new Date(e.date * 1e3)),
+      end: Z(/* @__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,
+    e,
+    T
+  ]);
+  const M = () => /* @__PURE__ */ r(Y, {
+    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,
+    showClose: !0
+  });
+  return /* @__PURE__ */ v(i.Fragment, { children: [
+    j,
+    /* @__PURE__ */ r(re, {
+      disableGutters: !0,
+      disablePadding: !0,
+      children: /* @__PURE__ */ v(oe, {
+        onClick: F,
+        children: [
+          /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(ie, {
+            sx: { bgcolor: $ },
+            variant: "rounded",
+            children: /* @__PURE__ */ r(D, {
+              name: "bubble_chart",
+              sx: { color: "text.primary" }
+            })
+          }) }),
+          /* @__PURE__ */ r(ae, {
+            primary: t.add_merchant_budget_primary_text,
+            secondary: /* @__PURE__ */ r(X, {
+              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
+            }),
+            slotProps: { primary: {
+              variant: "caption",
+              fontSize: 11,
+              fontWeight: "normal"
+            } }
+          }),
+          /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(D, {
+            name: "chevron_right",
+            sx: { color: "text.primary" }
+          }) })
+        ]
+      })
+    }),
+    !!a && /* @__PURE__ */ r(Q, {
+      isOpen: g,
+      merchantBudget: a,
+      onClose: () => f(!1),
+      renderingToast: () => m && M(),
+      setCurrencyDialogAction: (d) => {
+        d === "edit" && _(a?.amount.toString() || ""), c(d);
+      },
+      transaction: e
+    }),
+    o && /* @__PURE__ */ r(K, {
+      closeAriaLabel: l.close_aria,
+      content: u[o].content,
+      handleInputChange: _,
+      handleModalClose: y,
+      handlePrimaryAction: N,
+      handleSecondaryAction: y,
+      inputLabel: o !== "delete" ? l.amount_text : "",
+      inputValue: p,
+      isOpen: !!o,
+      primaryText: u[o].primaryButtonText,
+      secondaryText: l.cancel_button,
+      title: u[o].title
+    }),
+    !!m && M()
+  ] });
+});
+export {
+  Le as AddMerchantBudgetAction,
+  Se as CurrencyDialogAction
+};
+
+//# sourceMappingURL=AddMerchantBudgetAction.es.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,105 @@
+import { buildDynamicCopy as _ } from "../../../../../core/utils/Localization.es.js";
+import { useCategoryStore as A, useEvent as v, useGlobalCopyStore as L, useTransactionStore as b } from "../../../../../common/context/hooks.es.js";
+import E from "../../../../../common/components/dialog/Dialog.es.js";
+import { ANALYTICS_EVENTS as N } from "../../../../../common/constants/Analytics.es.js";
+import { useTransactionsUiStore as O } from "../../../../context/hooks.es.js";
+import { ON_CLICK_EVENTS as D } from "../../../../constants/OnClickEvents.es.js";
+import w from "../../../../../categories/components/CategorySelectorDrawer.es.js";
+import n from "react";
+import { CategoryIcon as G, CategoryIconVariants as R, P, Text as K } from "@mxenabled/mxui";
+import { Icon as V } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { useTheme as Y } from "@mui/material/styles";
+import j from "@mui/material/ListItem";
+import k from "@mui/material/ListItemButton";
+import z from "@mui/material/ListItemIcon";
+import B from "@mui/material/ListItemText";
+import M from "@mui/material/Avatar";
+import U from "@mui/material/ListItemAvatar";
+var le = ({ transaction: e }) => {
+  const { addOrUpdateTransactionRule: u, updateTransaction: g } = b(), { categories: s } = A(), { onEvent: c } = v(), { setShouldDisableDrawerScroll: f, updateManualTransaction: C } = O(), { transactions: r } = L(), S = Y(), [T, l] = n.useState(!1), [a, i] = n.useState(""), m = async (o) => {
+    await g({
+      ...e,
+      category_guid: a
+    }), o && await u(a, e), i(""), c(N.TRANSACTION_DETAILS_CLICK_CATEGORY, { transaction_guid: e.guid });
+  }, h = (o) => {
+    if (e.is_manual && !e.guid) {
+      const p = s.find((x) => x.guid === o);
+      C({
+        ...e,
+        category: p?.name,
+        category_guid: o,
+        top_level_category_guid: p?.parent_guid || o
+      });
+    } else i(o);
+    d();
+  }, d = () => {
+    l(!1), f(!1);
+  }, I = n.useMemo(() => s.find((o) => o.guid === a), [a]);
+  return /* @__PURE__ */ y(j, {
+    disableGutters: !0,
+    disablePadding: !0,
+    children: [
+      /* @__PURE__ */ y(k, {
+        onClick: () => {
+          c(D.ON_TRANSACTION_CATEGORY_CLICK), l(!0);
+        },
+        children: [
+          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(M, {
+            sx: { bgcolor: S.palette.mode === "dark" ? "grey.800" : "grey.100" },
+            variant: "rounded",
+            children: /* @__PURE__ */ t(G, {
+              categoryGuid: e.top_level_category_guid,
+              size: 24,
+              sx: { color: "text.primary" },
+              variant: R.Transparent
+            })
+          }) }),
+          /* @__PURE__ */ t(B, {
+            primary: r.category_title,
+            secondary: /* @__PURE__ */ t(K, {
+              bold: !0,
+              sx: { color: "text.primary" },
+              variant: "body1",
+              children: e.category ?? r.actions_select_a_category
+            }),
+            slotProps: { primary: {
+              variant: "caption",
+              fontSize: 11,
+              fontWeight: "normal"
+            } }
+          }),
+          /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(V, {
+            name: "chevron_right",
+            sx: { color: "text.primary" }
+          }) })
+        ]
+      }),
+      /* @__PURE__ */ t(w, {
+        initialSelected: e.category_guid,
+        onClose: d,
+        onSelect: h,
+        showDrawer: T,
+        title: r.actions_select_a_category
+      }),
+      /* @__PURE__ */ t(E, {
+        copy: { title: _(r.actions_apply_to_all_transaction_types, e.description) },
+        isOpen: !!a,
+        onClose: () => i(""),
+        onPrimaryAction: () => m(!0),
+        onSecondaryAction: () => m(!1),
+        primaryText: r.actions_apply_to_all,
+        secondaryText: r.actions_this_time_only,
+        children: /* @__PURE__ */ t(P, {
+          variant: "subtitle1",
+          children: _(r.actions_all_past_and_future, e.description, I?.name)
+        })
+      })
+    ]
+  });
+};
+export {
+  le as default
+};
+
+//# sourceMappingURL=CategoryAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/CategoryAction.tsx"],"sourcesContent":["import React from 'react'\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 { CategoryIcon, CategoryIconVariants, P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { CategorySelectorDrawer } from '../../../../../categories'\n\nimport {\n  ANALYTICS_EVENTS,\n  Dialog,\n  useCategoryStore,\n  useGlobalCopyStore,\n} from '../../../../../common'\nimport type { Transaction } from '../../../../../core'\n\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\nimport { buildDynamicCopy } from '../../../../../core/utils/Localization'\n\ninterface CategoryActionProps {\n  transaction: Transaction\n}\n\nconst CategoryAction: React.FC<CategoryActionProps> = ({ transaction }) => {\n  const { addOrUpdateTransactionRule, updateTransaction } = useTransactionStore()\n  const { categories } = useCategoryStore()\n  const { onEvent } = useEvent()\n  const { setShouldDisableDrawerScroll, updateManualTransaction } = useTransactionsUiStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  const [open, setOpen] = React.useState(false)\n  const [selectedGuid, setSelectedGuid] = React.useState('')\n\n  const handleCategoryChange = async (applyToAll: boolean) => {\n    await updateTransaction({ ...transaction, category_guid: selectedGuid })\n    if (applyToAll) {\n      await addOrUpdateTransactionRule(selectedGuid, transaction)\n    }\n    setSelectedGuid('')\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_CATEGORY, {\n      transaction_guid: transaction.guid,\n    })\n  }\n\n  const handleSelected = (guid: string) => {\n    if (transaction.is_manual && !transaction.guid) {\n      const category = categories.find((c) => c.guid === guid)\n      updateManualTransaction({\n        ...transaction,\n        category: category?.name,\n        category_guid: guid,\n        top_level_category_guid: category?.parent_guid || guid,\n      })\n    } else {\n      setSelectedGuid(guid)\n    }\n\n    handleCloseDrawer()\n  }\n\n  const handleCloseDrawer = () => {\n    setOpen(false)\n    setShouldDisableDrawerScroll(false)\n  }\n\n  const category = React.useMemo(\n    () => categories.find((item) => item.guid === selectedGuid),\n    [selectedGuid],\n  )\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_CATEGORY_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <CategoryIcon\n              categoryGuid={transaction.top_level_category_guid}\n              size={24}\n              sx={{ color: 'text.primary' }}\n              variant={CategoryIconVariants.Transparent}\n            />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.category_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {transaction.category ?? copy.actions_select_a_category}\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\n      <CategorySelectorDrawer\n        initialSelected={transaction.category_guid}\n        onClose={handleCloseDrawer}\n        onSelect={handleSelected}\n        showDrawer={open}\n        title={copy.actions_select_a_category}\n      />\n\n      <Dialog\n        copy={{\n          title: buildDynamicCopy(\n            copy.actions_apply_to_all_transaction_types,\n            transaction.description,\n          ) as string,\n        }}\n        isOpen={Boolean(selectedGuid)}\n        onClose={() => setSelectedGuid('')}\n        onPrimaryAction={() => handleCategoryChange(true)}\n        onSecondaryAction={() => handleCategoryChange(false)}\n        primaryText={copy.actions_apply_to_all}\n        secondaryText={copy.actions_this_time_only}\n      >\n        <P variant=\"subtitle1\">\n          {\n            buildDynamicCopy(\n              copy.actions_all_past_and_future,\n              transaction.description,\n              category?.name,\n            ) as string\n          }\n        </P>\n      </Dialog>\n    </ListItem>\n  )\n}\n\nexport default CategoryAction\n"],"mappings":"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"}

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

@@ -0,0 +1,103 @@
+import { DATE_FORMATS_INTL as A, formatDate as S } from "../../../../../core/constants/DateFormats.es.js";
+import C, { CalendarSelectionTypes as I } from "../../../../../common/components/calendar/Calendar.es.js";
+import { useEvent as h, useGlobalCopyStore as g, useTransactionStore as v } from "../../../../../common/context/hooks.es.js";
+import D from "../../../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as L } from "../../../../../common/constants/Analytics.es.js";
+import { fromUnixUTC as m } from "../../../../../core/utils/DateUtil.es.js";
+import { useTransactionsUiStore as N } from "../../../../context/hooks.es.js";
+import { ON_CLICK_EVENTS as E } from "../../../../constants/OnClickEvents.es.js";
+import s from "react";
+import b from "@mui/material/Stack";
+import { Text as O } from "@mxenabled/mxui";
+import { Icon as c } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useTheme as R } from "@mui/material/styles";
+import { getUnixTime as k } from "date-fns/getUnixTime";
+import U from "@mui/material/ListItem";
+import K from "@mui/material/ListItemButton";
+import M from "@mui/material/ListItemIcon";
+import P from "@mui/material/ListItemText";
+import Y from "@mui/material/Avatar";
+import j from "@mui/material/ListItemAvatar";
+var me = ({ transaction: t }) => {
+  const { onEvent: n } = h(), { updateTransaction: d } = v(), { updateManualTransaction: p } = N(), { common: r, transactions: o } = g(), f = R(), [_, a] = s.useState(!1), [i, T] = s.useState(t.date), u = (x) => {
+    T(k(x));
+  }, y = async () => {
+    if (t.is_manual && !t.guid) {
+      p({
+        ...t,
+        date: i
+      }), a(!1);
+      return;
+    }
+    await d({
+      ...t,
+      date: i
+    }), n(L.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), a(!1);
+  };
+  return /* @__PURE__ */ l(U, {
+    className: "mx-txn-date-action",
+    disableGutters: !0,
+    disablePadding: !0,
+    children: [/* @__PURE__ */ l(K, {
+      onClick: () => {
+        n(E.ON_TRANSACTION_DATE_CLICK), a(!0);
+      },
+      children: [
+        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, {
+          sx: { bgcolor: f.palette.mode === "dark" ? "grey.800" : "grey.100" },
+          variant: "rounded",
+          children: /* @__PURE__ */ e(c, {
+            name: "calendar_month",
+            sx: { color: "text.primary" }
+          })
+        }) }),
+        /* @__PURE__ */ e(P, {
+          primary: o.date_title,
+          secondary: /* @__PURE__ */ e(O, {
+            bold: !0,
+            sx: { color: "text.primary" },
+            variant: "body1",
+            children: S(m(t.date), A.YEAR_MONTH_DAY)
+          }),
+          slotProps: { primary: {
+            variant: "caption",
+            fontSize: 11,
+            fontWeight: "normal"
+          } }
+        }),
+        /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(c, {
+          name: "chevron_right",
+          sx: { color: "text.primary" }
+        }) })
+      ]
+    }), /* @__PURE__ */ e(D, {
+      ariaLabelClose: r.close_aria,
+      isOpen: _,
+      onClose: () => a(!1),
+      onPrimaryAction: y,
+      primaryText: r.save_button,
+      secondaryText: r.cancel_button,
+      title: o.date_edit_title,
+      children: /* @__PURE__ */ e(b, {
+        alignItems: "center",
+        mt: 40,
+        children: /* @__PURE__ */ e(C, {
+          beginDate: m(i),
+          copy: {
+            nextAria: o.date_next_aria,
+            prevAria: o.date_prev_aria,
+            today: r.date_range_picker.today
+          },
+          onDateSelected: u,
+          selectionType: I.Single
+        })
+      })
+    })]
+  });
+};
+export {
+  me as default
+};
+
+//# sourceMappingURL=DateAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/DateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport Avatar from '@mui/material/Avatar'\nimport Stack from '@mui/material/Stack'\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 } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport {\n  ANALYTICS_EVENTS,\n  Calendar,\n  CalendarSelectionTypes,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../../common'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../../../core/constants'\nimport { fromUnixUTC } from '../../../../../core/utils/DateUtil'\nimport type { Transaction } from '../../../../../core'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface DateActionProps {\n  transaction: Transaction\n}\n\nconst DateAction: React.FC<DateActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { updateTransaction } = useTransactionStore()\n  const { updateManualTransaction } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n  const [open, setOpen] = React.useState(false)\n  const [date, setDate] = React.useState<number>(transaction.date)\n\n  const handleDateSelected = (date: Date) => {\n    setDate(getUnixTime(date))\n  }\n\n  const handleSave = async () => {\n    if (transaction.is_manual && !transaction.guid) {\n      updateManualTransaction({ ...transaction, date })\n      setOpen(false)\n      return\n    }\n\n    await updateTransaction({ ...transaction, date })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: transaction.guid })\n    setOpen(false)\n  }\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem className=\"mx-txn-date-action\" disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DATE_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <Icon name=\"calendar_month\" sx={{ color: 'text.primary' }} />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.date_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {formatDate(fromUnixUTC(transaction.date), DATE_FORMATS_INTL.YEAR_MONTH_DAY)}\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\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={open}\n        onClose={() => setOpen(false)}\n        onPrimaryAction={handleSave}\n        primaryText={commonCopy.save_button}\n        secondaryText={commonCopy.cancel_button}\n        title={copy.date_edit_title}\n      >\n        <Stack alignItems=\"center\" mt={40}>\n          <Calendar\n            beginDate={fromUnixUTC(date)}\n            copy={{\n              nextAria: copy.date_next_aria,\n              prevAria: copy.date_prev_aria,\n              today: commonCopy.date_range_picker.today,\n            }}\n            onDateSelected={handleDateSelected}\n            selectionType={CalendarSelectionTypes.Single}\n          />\n        </Stack>\n      </Drawer>\n    </ListItem>\n  )\n}\n\nexport default DateAction\n"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+import { useEvent as _, useGlobalCopyStore as u, useTransactionStore as f } from "../../../../../common/context/hooks.es.js";
+import T from "../../../../../common/components/dialog/Dialog.es.js";
+import { useTransactionsUiStore as E } from "../../../../context/hooks.es.js";
+import { ON_CLICK_EVENTS as r } from "../../../../constants/OnClickEvents.es.js";
+import A from "react";
+import { observer as C } from "mobx-react-lite";
+import { Text as N } from "@mxenabled/mxui";
+import { Delete as s } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import y from "@mui/material/Box";
+import D from "@mui/material/ListItem";
+import L from "@mui/material/ListItemButton";
+import S from "@mui/material/ListItemIcon";
+import I from "@mui/material/ListItemText";
+import h from "@mui/material/Avatar";
+import v from "@mui/material/ListItemAvatar";
+var x = ({ transaction: n }) => {
+  const { onEvent: o } = _(), { removeTransaction: c } = f(), { setShouldDisableDrawerScroll: i } = E(), { common: a, transactions: e } = u(), [d, m] = A.useState(!1), p = async () => {
+    await c(n.guid), o(r.ON_TRANSACTION_DELETE_DELETED);
+  };
+  return /* @__PURE__ */ l(y, {
+    className: "mx-txn-delete",
+    children: [n && /* @__PURE__ */ t(D, {
+      disableGutters: !0,
+      disablePadding: !0,
+      children: /* @__PURE__ */ l(L, {
+        onClick: () => {
+          o(r.ON_TRANSACTION_DELETE_CLICK), i(!0), m(!0);
+        },
+        children: [
+          /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(h, {
+            variant: "rounded",
+            children: /* @__PURE__ */ t(s, {
+              color: "secondary",
+              fontSize: "small"
+            })
+          }) }),
+          /* @__PURE__ */ t(I, {
+            primary: e.manual_transaction_delete_title,
+            secondary: e.manual_transaction_delete_subtitle
+          }),
+          /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(s, {}) })
+        ]
+      })
+    }), /* @__PURE__ */ t(T, {
+      copy: { title: e.manual_transaction_delete_title },
+      isOpen: d,
+      onClose: () => {
+        i(!1), m(!1);
+      },
+      onPrimaryAction: p,
+      onSecondaryAction: () => o(r.ON_TRANSACTION_DELETE_CANCEL),
+      primaryText: a.delete_button,
+      secondaryText: a.cancel_button,
+      children: /* @__PURE__ */ t(N, {
+        variant: "subtitle1",
+        children: e.manual_transaction_delete_description
+      })
+    })]
+  });
+}, H = C(x);
+export {
+  H as default
+};
+
+//# sourceMappingURL=DeleteAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/DeleteAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\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'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Delete as DeleteOutlinedIcon } from '@mxenabled/mx-icons'\n\nimport { Dialog, useEvent, useGlobalCopyStore, useTransactionStore } from '../../../../../common'\n\nimport type { Transaction } from '../../../../../core'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface DeleteActionProps {\n  transaction: Transaction\n}\n\nconst DeleteAction: React.FC<DeleteActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { removeTransaction } = useTransactionStore()\n  const { setShouldDisableDrawerScroll } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const [open, setOpen] = React.useState(false)\n  const handleDelete = async () => {\n    await removeTransaction(transaction.guid)\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DELETE_DELETED)\n  }\n\n  return (\n    <Box className=\"mx-txn-delete\">\n      {transaction && (\n        <ListItem disableGutters={true} disablePadding={true}>\n          <ListItemButton\n            onClick={() => {\n              onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DELETE_CLICK)\n              setShouldDisableDrawerScroll(true)\n              setOpen(true)\n            }}\n          >\n            <ListItemAvatar>\n              <Avatar variant=\"rounded\">\n                <DeleteOutlinedIcon color=\"secondary\" fontSize=\"small\" />\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText\n              primary={copy.manual_transaction_delete_title}\n              secondary={copy.manual_transaction_delete_subtitle}\n            />\n            <ListItemIcon>\n              <DeleteOutlinedIcon />\n            </ListItemIcon>\n          </ListItemButton>\n        </ListItem>\n      )}\n      <Dialog\n        copy={{ title: copy.manual_transaction_delete_title }}\n        isOpen={open}\n        onClose={() => {\n          setShouldDisableDrawerScroll(false)\n          setOpen(false)\n        }}\n        onPrimaryAction={handleDelete}\n        onSecondaryAction={() => onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DELETE_CANCEL)}\n        primaryText={commonCopy.delete_button}\n        secondaryText={commonCopy.cancel_button}\n      >\n        <Text variant=\"subtitle1\">{copy.manual_transaction_delete_description}</Text>\n      </Dialog>\n    </Box>\n  )\n}\n\nexport default observer(DeleteAction)\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAM,IAAA,CAA6C,EAAE,aAAA,EAAA,MAAkB;AACrE,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,mBAAA,EAAA,IAAsB,EAAoB,GAC5C,EAAE,8BAAA,EAAA,IAAiC,EAAuB,GAC1D,EAAE,QAAQ,GAAY,cAAc,EAAA,IAAS,EAAmB,GAEhE,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAK,GACtC,IAAe,YAAY;AAC/B,UAAM,EAAkB,EAAY,IAAI,GACxC,EAAQ,EAAgB,6BAA6B;AAAA,EACvD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAU;AAAA,cAAf,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,MAAU,gBAAgB;AAAA,MAAM,gBAAgB;AAAA,gBAC9C,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe;AACb,UAAA,EAAQ,EAAgB,2BAA2B,GACnD,EAA6B,EAAI,GACjC,EAAQ,EAAI;AAAA,QACd;AAAA,kBALF;AAAA,UAOE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAQ;AAAA,sBACd,gBAAA,EAAC,GAAD;AAAA,cAAoB,OAAM;AAAA,cAAY,UAAS;AAAA,YAAS,CAAA;AAAA,UAClD,CAAA,EACM,CAAA;AAAA,UAChB,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS,EAAK;AAAA,YACd,WAAW,EAAK;AAAA,UACjB,CAAA;AAAA,UACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,CAAqB,CAAA,EACT,CAAA;AAAA,QACA;AAAA;IACR,CAAA,GAEZ,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAE,OAAO,EAAK,gCAAgC;AAAA,MACpD,QAAQ;AAAA,MACR,SAAA,MAAe;AACb,QAAA,EAA6B,EAAK,GAClC,EAAQ,EAAK;AAAA,MACf;AAAA,MACA,iBAAiB;AAAA,MACjB,mBAAA,MAAyB,EAAQ,EAAgB,4BAA4B;AAAA,MAC7E,aAAa,EAAW;AAAA,MACxB,eAAe,EAAW;AAAA,gBAE1B,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAa,EAAK;AAAA,MAA4C,CAAA;AAAA,IACtE,CAAA,CACL;AAAA;AAET,GAEA,IAAe,EAAS,CAAY"}

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

@@ -0,0 +1,77 @@
+import { useEvent as g, useGlobalCopyStore as T, useTransactionStore as L } from "../../../../../common/context/hooks.es.js";
+import C from "../../../../../common/components/dialog/Dialog.es.js";
+import { ANALYTICS_EVENTS as E } from "../../../../../common/constants/Analytics.es.js";
+import { useTransactionsUiStore as A } from "../../../../context/hooks.es.js";
+import { ON_CLICK_EVENTS as i } from "../../../../constants/OnClickEvents.es.js";
+import l from "react";
+import { observer as I } from "mobx-react-lite";
+import { Text as c } from "@mxenabled/mxui";
+import { Icon as s } from "@mxenabled/mx-icons";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { useTheme as y } from "@mui/material/styles";
+import x from "@mui/material/ListItem";
+import N from "@mui/material/ListItemButton";
+import O from "@mui/material/ListItemIcon";
+import S from "@mui/material/ListItemText";
+import b from "@mui/material/Avatar";
+import v from "@mui/material/ListItemAvatar";
+var D = ({ transaction: e }) => {
+  const { onEvent: r } = g(), { updateTransaction: d } = L(), { setShouldDisableDrawerScroll: _ } = A(), { common: m, transactions: t } = T(), p = y(), [u, a] = l.useState(!1), f = async () => {
+    await d({
+      ...e,
+      merchant_guid: ""
+    }), r(E.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, { transaction_guid: e.guid });
+  }, h = p.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ o(l.Fragment, { children: e && /* @__PURE__ */ n(x, {
+    className: "mx-txn-delete-logo",
+    disableGutters: !0,
+    disablePadding: !0,
+    children: [/* @__PURE__ */ n(N, {
+      onClick: () => {
+        r(i.ON_TRANSACTION_DELETE_LOGO_CLICK), a(!0);
+      },
+      children: [
+        /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(b, {
+          sx: { bgcolor: h },
+          variant: "rounded",
+          children: /* @__PURE__ */ o(s, {
+            name: "delete",
+            sx: { color: "text.primary" }
+          })
+        }) }),
+        /* @__PURE__ */ o(S, {
+          primary: t.merchant_logo_title,
+          secondary: t.merchant_logo_desc
+        }),
+        /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(s, {
+          name: "chevron_right",
+          sx: { color: "text.primary" }
+        }) })
+      ]
+    }), /* @__PURE__ */ n(C, {
+      copy: { title: t.merchant_logo_modal_title },
+      isOpen: u,
+      onClose: () => {
+        _(!1), a(!1);
+      },
+      onPrimaryAction: f,
+      onSecondaryAction: () => r(i.ON_TRANSACTION_DELETE_LOGO_CANCEL),
+      primaryText: m.delete_button,
+      secondaryText: m.cancel_button,
+      title: t.merchant_logo_modal_title,
+      children: [/* @__PURE__ */ o(c, {
+        variant: "subtitle1",
+        children: t.merchant_logo_modal_desc
+      }), /* @__PURE__ */ o(c, {
+        bold: !0,
+        variant: "subtitle1",
+        children: ` ${t.merchant_logo_modal_desc_bold}`
+      })]
+    })]
+  }) });
+}, M = I(D);
+export {
+  M as default
+};
+
+//# sourceMappingURL=DeleteLogoAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteLogoAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/DeleteLogoAction.tsx"],"sourcesContent":["import React from 'react'\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 } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, Dialog, useGlobalCopyStore } from '../../../../../common'\n\nimport type { Transaction } from '../../../../../core'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface DeleteLogoActionProps {\n  transaction: Transaction\n}\n\nconst DeleteLogoAction: React.FC<DeleteLogoActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { updateTransaction } = useTransactionStore()\n  const { setShouldDisableDrawerScroll } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const [open, setOpen] = React.useState(false)\n\n  const handleDeleteLogo = async () => {\n    await updateTransaction({ ...transaction, merchant_guid: '' })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {\n      transaction_guid: transaction.guid,\n    })\n  }\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <React.Fragment>\n      {transaction && (\n        <ListItem className=\"mx-txn-delete-logo\" disableGutters={true} disablePadding={true}>\n          <ListItemButton\n            onClick={() => {\n              onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DELETE_LOGO_CLICK)\n              setOpen(true)\n            }}\n          >\n            <ListItemAvatar>\n              <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n                <Icon name=\"delete\" sx={{ color: 'text.primary' }} />\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText primary={copy.merchant_logo_title} secondary={copy.merchant_logo_desc} />\n            <ListItemIcon>\n              <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n            </ListItemIcon>\n          </ListItemButton>\n          <Dialog\n            copy={{ title: copy.merchant_logo_modal_title }}\n            isOpen={open}\n            onClose={() => {\n              setShouldDisableDrawerScroll(false)\n              setOpen(false)\n            }}\n            onPrimaryAction={handleDeleteLogo}\n            onSecondaryAction={() => onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DELETE_LOGO_CANCEL)}\n            primaryText={commonCopy.delete_button}\n            secondaryText={commonCopy.cancel_button}\n            title={copy.merchant_logo_modal_title}\n          >\n            <Text variant=\"subtitle1\">{copy.merchant_logo_modal_desc}</Text>\n            <Text bold={true} variant=\"subtitle1\">\n              {` ${copy.merchant_logo_modal_desc_bold}`}\n            </Text>\n          </Dialog>\n        </ListItem>\n      )}\n    </React.Fragment>\n  )\n}\n\nexport default observer(DeleteLogoAction)\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,IAAM,IAAA,CAAqD,EAAE,aAAA,EAAA,MAAkB;AAC7E,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,mBAAA,EAAA,IAAsB,EAAoB,GAC5C,EAAE,8BAAA,EAAA,IAAiC,EAAuB,GAC1D,EAAE,QAAQ,GAAY,cAAc,EAAA,IAAS,EAAmB,GAChE,IAAQ,EAAS,GACjB,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAK,GAEtC,IAAmB,YAAY;AACnC,UAAM,EAAkB;AAAA,MAAE,GAAG;AAAA,MAAa,eAAe;AAAA,IAAG,CAAC,GAC7D,EAAQ,EAAiB,uCAAuC,EAC9D,kBAAkB,EAAY,KAChC,CAAC;AAAA,EACH,GAEM,IAAU,EAAM,QAAQ,SAAS,SAAS,aAAa;AAE7D,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UACG,KACC,gBAAA,EAAC,GAAD;AAAA,IAAU,WAAU;AAAA,IAAqB,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,cAA/E,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe;AACb,QAAA,EAAQ,EAAgB,gCAAgC,GACxD,EAAQ,EAAI;AAAA,MACd;AAAA,gBAJF;AAAA,QAME,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,IAAI,EAAE,SAAS,EAAQ;AAAA,UAAG,SAAQ;AAAA,oBACxC,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAS,IAAI,EAAE,OAAO,eAAe;AAAA,UAAI,CAAA;AAAA,QAC9C,CAAA,EACM,CAAA;AAAA,QAChB,gBAAA,EAAC,GAAD;AAAA,UAAc,SAAS,EAAK;AAAA,UAAqB,WAAW,EAAK;AAAA,QAAqB,CAAA;AAAA,QACtF,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAK;AAAA,UAAgB,IAAI,EAAE,OAAO,eAAe;AAAA,QAAI,CAAA,EAC/C,CAAA;AAAA,MACA;AAAA,QAChB,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAE,OAAO,EAAK,0BAA0B;AAAA,MAC9C,QAAQ;AAAA,MACR,SAAA,MAAe;AACb,QAAA,EAA6B,EAAK,GAClC,EAAQ,EAAK;AAAA,MACf;AAAA,MACA,iBAAiB;AAAA,MACjB,mBAAA,MAAyB,EAAQ,EAAgB,iCAAiC;AAAA,MAClF,aAAa,EAAW;AAAA,MACxB,eAAe,EAAW;AAAA,MAC1B,OAAO,EAAK;AAAA,gBAXd,CAaE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAa,EAAK;AAAA,MAA+B,CAAA,GAC/D,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,IAAI,EAAK,6BAAA;AAAA,MACN,CAAA,CACA;AAAA,MACA;AAAA,KAEE,CAAA;AAEpB,GAEA,IAAe,EAAS,CAAgB"}