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

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionAmountHeader.es.js","names":[],"sources":["../../../../../src/transactions/components/shared/transactiondetails/TransactionAmountHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { MerchantLogo, P, Text } from '@mxenabled/mxui'\n\nimport type { Transaction } from '../../../../core'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface TransactionAmountHeaderProps {\n  transaction: Transaction\n}\n\nconst TransactionAmountHeader: React.FC<TransactionAmountHeaderProps> = ({ transaction }) => {\n  const { amount, description, isIncome, merchant_guid, payee, top_level_category_guid } =\n    transaction\n\n  return (\n    <Stack className=\"mx-txn-amount-header\" direction=\"row\" gap={12} px={16} py={24}>\n      <MerchantLogo\n        categoryGuid={top_level_category_guid || ''}\n        merchantGuid={merchant_guid || ''}\n        size={64}\n      />\n      <Stack overflow=\"hidden\">\n        <Text bold={true} mb={4} truncate={true} variant=\"body1\">\n          {description || payee}\n        </Text>\n        <P color={isIncome ? 'success.main' : 'text.primary'} truncate={true} variant=\"h1\">\n          {isIncome ? '+' : ''}\n          {formatCurrency(amount, '0,0.00')}\n        </P>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default TransactionAmountHeader\n"],"mappings":";;;;;AAaA,IAAM,IAAA,CAAmE,EAAE,aAAA,EAAA,MAAkB;AAC3F,QAAM,EAAE,QAAA,GAAQ,aAAA,GAAa,UAAA,GAAU,eAAA,GAAe,OAAA,GAAO,yBAAA,EAAA,IAC3D;AAEF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAuB,WAAU;AAAA,IAAM,KAAK;AAAA,IAAI,IAAI;AAAA,IAAI,IAAI;AAAA,cAA7E,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc,KAA2B;AAAA,MACzC,cAAc,KAAiB;AAAA,MAC/B,MAAM;AAAA,IACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAO,UAAS;AAAA,gBAAhB,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI;AAAA,QAAG,UAAU;AAAA,QAAM,SAAQ;AAAA,kBAC9C,KAAe;AAAA,MACZ,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAO,IAAW,iBAAiB;AAAA,QAAgB,UAAU;AAAA,QAAM,SAAQ;AAAA,kBAA9E,CACG,IAAW,MAAM,IACjB,EAAe,GAAQ,QAAQ,CAC/B;AAAA,QACE;AAAA,MACF;AAAA;AAEX"}
+{"version":3,"file":"TransactionAmountHeader.es.js","names":[],"sources":["../../../../../src/transactions/components/shared/transactiondetails/TransactionAmountHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { MerchantLogo, P, Text } from '@mxenabled/mxui'\n\nimport type { Transaction } from '../../../../core'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface TransactionAmountHeaderProps {\n  transaction: Transaction\n}\n\nconst TransactionAmountHeader: React.FC<TransactionAmountHeaderProps> = ({ transaction }) => {\n  const { amount, description, isIncome, merchant_guid, payee, top_level_category_guid } =\n    transaction\n\n  return (\n    <Stack className=\"mx-txn-amount-header\" direction=\"row\" gap={12} px={16} py={24}>\n      <MerchantLogo\n        categoryGuid={top_level_category_guid || ''}\n        merchantGuid={merchant_guid || ''}\n        size={64}\n      />\n      <Stack overflow=\"hidden\">\n        <Text bold={true} mb={4} truncate={true} variant=\"body1\">\n          {description || payee}\n        </Text>\n        <P color={isIncome ? 'success.main' : 'text.primary'} truncate={true} variant=\"h1\">\n          {isIncome ? '+' : ''}\n          {formatCurrency(amount, '0,0.00')}\n        </P>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default TransactionAmountHeader\n"],"mappings":";;;;;AAaA,IAAM,IAAA,CAAmE,EAAE,aAAA,EAAA,MAAkB;AAC3F,QAAM,EAAE,QAAA,GAAQ,aAAA,GAAa,UAAA,GAAU,eAAA,GAAe,OAAA,GAAO,yBAAA,EAAA,IAC3D;AAEF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAuB,WAAU;AAAA,IAAM,KAAK;AAAA,IAAI,IAAI;AAAA,IAAI,IAAI;AAAA,IAA7E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc,KAA2B;AAAA,MACzC,cAAc,KAAiB;AAAA,MAC/B,MAAM;AAAA,IACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAO,UAAS;AAAA,MAAhB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI;AAAA,QAAG,UAAU;AAAA,QAAM,SAAQ;AAAA,QAC9C,UAAA,KAAe;AAAA,MACZ,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAO,IAAW,iBAAiB;AAAA,QAAgB,UAAU;AAAA,QAAM,SAAQ;AAAA,QAA9E,UAAA,CACG,IAAW,MAAM,IACjB,EAAe,GAAQ,QAAQ,CAC/B;AAAA,MACE,CAAA,CAAA;AAAA,IACF,CAAA,CAAA;AAAA;AAEX"}

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

@@ -1 +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"}
+{"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":"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"}

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

@@ -14,10 +14,10 @@ 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";
+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) {
   return e.CREATE = "create", e.EDIT = "edit", e.DELETE = "delete", e;
 })({}), Le = U(({ transaction: e }) => {
@@ -97,7 +97,7 @@ var Se = /* @__PURE__ */ (function(e) {
       children: /* @__PURE__ */ v(oe, {
         onClick: F,
         children: [
-          /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(ie, {
+          /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(ae, {
             sx: { bgcolor: $ },
             variant: "rounded",
             children: /* @__PURE__ */ r(D, {
@@ -105,7 +105,7 @@ var Se = /* @__PURE__ */ (function(e) {
               sx: { color: "text.primary" }
             })
           }) }),
-          /* @__PURE__ */ r(ae, {
+          /* @__PURE__ */ r(ne, {
             primary: t.add_merchant_budget_primary_text,
             secondary: /* @__PURE__ */ r(X, {
               bold: !0,
@@ -119,7 +119,7 @@ var Se = /* @__PURE__ */ (function(e) {
               fontWeight: "normal"
             } }
           }),
-          /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(D, {
+          /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(D, {
             name: "chevron_right",
             sx: { color: "text.primary" }
           }) })

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 [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

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

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

@@ -1 +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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"}
+{"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

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

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

@@ -1 +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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"}
+{"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

@@ -10,10 +10,10 @@ 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";
+import S from "@mui/material/ListItemText";
+import I from "@mui/material/Avatar";
+import h from "@mui/material/ListItemAvatar";
+import v from "@mui/material/ListItemIcon";
 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);
@@ -28,18 +28,18 @@ var x = ({ transaction: n }) => {
           o(r.ON_TRANSACTION_DELETE_CLICK), i(!0), m(!0);
         },
         children: [
-          /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(h, {
+          /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(I, {
             variant: "rounded",
             children: /* @__PURE__ */ t(s, {
               color: "secondary",
               fontSize: "small"
             })
           }) }),
-          /* @__PURE__ */ t(I, {
+          /* @__PURE__ */ t(S, {
             primary: e.manual_transaction_delete_title,
             secondary: e.manual_transaction_delete_subtitle
           }),
-          /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(s, {}) })
+          /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(s, {}) })
         ]
       })
     }), /* @__PURE__ */ t(T, {

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

@@ -1 +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"}
+{"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,IAAf,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,MAAU,gBAAgB;AAAA,MAAM,gBAAgB;AAAA,MAC9C,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe;AACb,UAAA,EAAQ,EAAgB,2BAA2B,GACnD,EAA6B,EAAI,GACjC,EAAQ,EAAI;AAAA,QACd;AAAA,QALF,UAAA;AAAA,UAOE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAQ;AAAA,YACd,UAAA,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,MAE1B,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAa,UAAA,EAAK;AAAA,MAA4C,CAAA;AAAA,IACtE,CAAA,CACL;AAAA;AAET,GAEA,IAAe,EAAS,CAAY"}

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

@@ -11,10 +11,10 @@ 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";
+import O from "@mui/material/ListItemText";
+import S from "@mui/material/Avatar";
+import b from "@mui/material/ListItemAvatar";
+import v from "@mui/material/ListItemIcon";
 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({
@@ -31,7 +31,7 @@ var D = ({ transaction: e }) => {
         r(i.ON_TRANSACTION_DELETE_LOGO_CLICK), a(!0);
       },
       children: [
-        /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(b, {
+        /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(S, {
           sx: { bgcolor: h },
           variant: "rounded",
           children: /* @__PURE__ */ o(s, {
@@ -39,11 +39,11 @@ var D = ({ transaction: e }) => {
             sx: { color: "text.primary" }
           })
         }) }),
-        /* @__PURE__ */ o(S, {
+        /* @__PURE__ */ o(O, {
           primary: t.merchant_logo_title,
           secondary: t.merchant_logo_desc
         }),
-        /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(s, {
+        /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(s, {
           name: "chevron_right",
           sx: { color: "text.primary" }
         }) })