@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

package/dist/transactions/components/tagmanager/Header/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/transactions/components/tagmanager/Header.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { P, Text, TextField } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../../common'\n\nimport { useEvent, useTransactionStore } from '../../../common'\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\n\nconst Header = () => {\n  const theme = useTheme()\n\n  const { onEvent } = useEvent()\n  const { addTag } = useTransactionStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const [isAdding, setIsAdding] = React.useState(false)\n  const [tagName, setTagName] = React.useState('')\n  const [tagNameError, setTagNameError] = React.useState('')\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => {\n    if (isAdding) {\n      inputRef?.current?.focus()\n    }\n  }, [isAdding])\n\n  const handleAdding = () => {\n    onEvent(\n      isAdding\n        ? ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK\n        : ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_ADD_CLICK,\n    )\n    if (!isAdding) {\n      setTagName('')\n    }\n    setIsAdding(!isAdding)\n  }\n\n  const handleAddTag = async () => {\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_ADDED)\n    await addTag(tagName)\n    setIsAdding(false)\n  }\n\n  React.useEffect(() => {\n    setTagNameError(tagName.length > 40 ? copy.tags_error_name_must_be_40_chars : '')\n  }, [tagName])\n\n  return (\n    <Box className=\"mx-txn-tag-manager-header\">\n      <Stack\n        alignItems=\"center\"\n        bgcolor={theme.palette.background.default}\n        direction=\"row\"\n        justifyContent=\"space-between\"\n        px={24}\n        py={16}\n      >\n        <Text bold={true}>{copy.tags_your_tags}</Text>\n        <Button\n          aria-expanded={isAdding}\n          aria-label={copy.tags_add_tag_btn_aria}\n          onClick={handleAdding}\n        >\n          {copy.tags_add_tag_btn}\n        </Button>\n      </Stack>\n\n      <Dialog\n        copy={{ title: copy.tags_add_tag_btn }}\n        isOpen={isAdding}\n        onClose={() => setIsAdding(false)}\n        onPrimaryAction={handleAddTag}\n        onSecondaryAction={() => setIsAdding(false)}\n      >\n        <TextField\n          aria-label={copy.tags_placeholder}\n          name=\"add-tag\"\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setTagName(e.target.value)}\n          placeholder={copy.tags_placeholder}\n          sx={{ width: '100%' }}\n          value={tagName}\n        />\n        <P id=\"add-tag-error\" sx={{ color: 'error.main' }} variant=\"subtitle2\">\n          {tagNameError}\n        </P>\n      </Dialog>\n    </Box>\n  )\n}\n\nexport default observer(Header)\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,IAAA,MAAe;AACnB,QAAM,IAAQ,EAAS,GAEjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,QAAA,EAAA,IAAW,EAAoB,GACjC,EAAE,cAAc,EAAA,IAAS,EAAmB,GAE5C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAE,GACzC,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAE,GAEnD,IAAW,EAAM,OAAyB,IAAI;AAEpD,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,GAAU,SAAS,MAAM;AAAA,EAE7B,GAAG,CAAC,CAAQ,CAAC;AAEb,QAAM,IAAA,MAAqB;AACzB,IAAA,EACE,IACI,EAAgB,2CAChB,EAAgB,iCACtB,GACK,KACH,EAAW,EAAE,GAEf,EAAY,CAAC,CAAQ;AAAA,EACvB,GAEM,IAAe,YAAY;AAC/B,IAAA,EAAQ,EAAgB,6BAA6B,GACrD,MAAM,EAAO,CAAO,GACpB,EAAY,EAAK;AAAA,EACnB;AAEA,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAgB,EAAQ,SAAS,KAAK,EAAK,mCAAmC,EAAE;AAAA,EAClF,GAAG,CAAC,CAAO,CAAC,GAGV,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAU;AAAA,cAAf,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,YAAW;AAAA,MACX,SAAS,EAAM,QAAQ,WAAW;AAAA,MAClC,WAAU;AAAA,MACV,gBAAe;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,gBANN,CAQE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,kBAAO,EAAK;AAAA,MAAqB,CAAA,GAC7C,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAe;AAAA,QACf,cAAY,EAAK;AAAA,QACjB,SAAS;AAAA,kBAER,EAAK;AAAA,MACA,CAAA,CACH;AAAA,QAEP,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAE,OAAO,EAAK,iBAAiB;AAAA,MACrC,QAAQ;AAAA,MACR,SAAA,MAAe,EAAY,EAAK;AAAA,MAChC,iBAAiB;AAAA,MACjB,mBAAA,MAAyB,EAAY,EAAK;AAAA,gBAL5C,CAOE,gBAAA,EAAC,GAAD;AAAA,QACE,cAAY,EAAK;AAAA,QACjB,MAAK;AAAA,QACL,UAAA,CAAW,MAA2C,EAAW,EAAE,OAAO,KAAK;AAAA,QAC/E,aAAa,EAAK;AAAA,QAClB,IAAI,EAAE,OAAO,OAAO;AAAA,QACpB,OAAO;AAAA,MACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAG;AAAA,QAAgB,IAAI,EAAE,OAAO,aAAa;AAAA,QAAG,SAAQ;AAAA,kBACxD;AAAA,MACA,CAAA,CACG;AAAA,MACL;AAAA;AAET,GAEA,IAAe,EAAS,CAAM"}

package/dist/transactions/components/tagmanager/SearchBox/index.es.js

@@ -0,0 +1,48 @@
+import { useGlobalCopyStore as l } from "../../../../common/context/hooks/index.es.js";
+import "react";
+import { observer as i } from "mobx-react-lite";
+import { TextField as p } from "@mxenabled/mxui";
+import { Cancel as s, Search as d } from "@mxenabled/mx-icons";
+import { jsx as o } from "react/jsx-runtime";
+import h from "@mui/material/Box";
+import f from "@mui/material/IconButton";
+import t from "@mui/material/InputAdornment";
+var x = ({ onSearchValueChanged: r, searchValue: a }) => {
+  const { common: e, transactions: n } = l(), c = /* @__PURE__ */ o(f, {
+    "aria-label": n.tags_cancel_search || "Search",
+    onClick: () => r(""),
+    children: /* @__PURE__ */ o(s, {})
+  });
+  return /* @__PURE__ */ o(h, {
+    className: "mx-txn-tag-manager-search",
+    px: 24,
+    py: 16,
+    children: /* @__PURE__ */ o(p, {
+      "aria-label": e.search_aria,
+      name: "search",
+      onChange: (m) => r(m.target.value),
+      placeholder: e.search_placeholder,
+      slotProps: { input: {
+        startAdornment: /* @__PURE__ */ o(t, {
+          position: "start",
+          children: /* @__PURE__ */ o(d, { color: "disabled" })
+        }),
+        endAdornment: /* @__PURE__ */ o(t, {
+          position: "end",
+          sx: { padding: 0 },
+          children: a ? c : null
+        })
+      } },
+      sx: {
+        bgcolor: "background.paper",
+        width: "100%"
+      },
+      value: a
+    })
+  });
+}, k = i(x);
+export {
+  k as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/tagmanager/SearchBox/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/transactions/components/tagmanager/SearchBox.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\n\nimport { TextField } from '@mxenabled/mxui'\nimport { Cancel as HighlightOffIcon, Search as SearchIcon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface SearchBoxProps {\n  onSearchValueChanged: (value: string) => void\n  searchValue: string\n}\n\nconst SearchBox: React.FC<SearchBoxProps> = ({ onSearchValueChanged, searchValue }) => {\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const cancelButton = (\n    <IconButton\n      aria-label={copy.tags_cancel_search || 'Search'}\n      onClick={() => onSearchValueChanged('')}\n    >\n      <HighlightOffIcon />\n    </IconButton>\n  )\n\n  return (\n    <Box className=\"mx-txn-tag-manager-search\" px={24} py={16}>\n      <TextField\n        aria-label={commonCopy.search_aria}\n        name=\"search\"\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => onSearchValueChanged(e.target.value)}\n        placeholder={commonCopy.search_placeholder}\n        slotProps={{\n          input: {\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon color=\"disabled\" />\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment position=\"end\" sx={{ padding: 0 }}>\n                {searchValue ? cancelButton : null}\n              </InputAdornment>\n            ),\n          },\n        }}\n        // TODO: Theme needs to have the background color defaulted to paper for TextField\n        sx={{ bgcolor: 'background.paper', width: '100%' }}\n        value={searchValue}\n      />\n    </Box>\n  )\n}\n\nexport default observer(SearchBox)\n"],"mappings":";;;;;;;;;AAiBA,IAAM,IAAA,CAAuC,EAAE,sBAAA,GAAsB,aAAA,EAAA,MAAkB;AACrF,QAAM,EAAE,QAAQ,GAAY,cAAc,EAAA,IAAS,EAAmB,GAEhE,IACJ,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY,EAAK,sBAAsB;AAAA,IACvC,SAAA,MAAe,EAAqB,EAAE;AAAA,cAEtC,gBAAA,EAAC,GAAD,CAAmB,CAAA;AAAA,EACT,CAAA;AAGd,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAU;AAAA,IAA4B,IAAI;AAAA,IAAI,IAAI;AAAA,cACrD,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAW;AAAA,MACvB,MAAK;AAAA,MACL,UAAA,CAAW,MAA2C,EAAqB,EAAE,OAAO,KAAK;AAAA,MACzF,aAAa,EAAW;AAAA,MACxB,WAAW,EACT,OAAO;AAAA,QACL,gBACE,gBAAA,EAAC,GAAD;AAAA,UAAgB,UAAS;AAAA,oBACvB,gBAAA,EAAC,GAAD,EAAY,OAAM,WAAY,CAAA;AAAA,QAChB,CAAA;AAAA,QAElB,cACE,gBAAA,EAAC,GAAD;AAAA,UAAgB,UAAS;AAAA,UAAM,IAAI,EAAE,SAAS,EAAE;AAAA,oBAC7C,IAAc,IAAe;AAAA,QAChB,CAAA;AAAA,MAEpB,EACF;AAAA,MAEA,IAAI;AAAA,QAAE,SAAS;AAAA,QAAoB,OAAO;AAAA,MAAO;AAAA,MACjD,OAAO;AAAA,IACR,CAAA;AAAA,EACE,CAAA;AAET,GAEA,IAAe,EAAS,CAAS"}

package/dist/transactions/components/tagmanager/TagManager/index.es.js

@@ -0,0 +1,36 @@
+import { useTransactionStore as f } from "../../../../common/context/hooks/index.es.js";
+import l from "../Header/index.es.js";
+import c from "../SearchBox/index.es.js";
+import p from "../TagRow/index.es.js";
+import o from "react";
+import { observer as u } from "mobx-react-lite";
+import g from "@mui/material/Paper";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import h from "@mui/material/Divider";
+import x from "@mui/material/List";
+var S = ({ selectedTags: m, onTagChecked: i }) => {
+  const { tags: s } = f(), [a, n] = o.useState(""), d = s.filter((r) => r.name.toLowerCase().includes(a.toLowerCase()));
+  return /* @__PURE__ */ t("div", {
+    className: "mx-txn-tag-manager",
+    children: [
+      /* @__PURE__ */ e(c, {
+        onSearchValueChanged: (r) => n(r),
+        searchValue: a
+      }),
+      /* @__PURE__ */ e(l, {}),
+      /* @__PURE__ */ e(g, {
+        sx: { boxShadow: "none" },
+        children: /* @__PURE__ */ e(x, { children: d.map((r) => /* @__PURE__ */ t(o.Fragment, { children: [/* @__PURE__ */ e(p, {
+          onTagChecked: i,
+          selectedTags: m,
+          tag: r
+        }), /* @__PURE__ */ e(h, { sx: { ml: 24 } })] }, r.guid)) })
+      })
+    ]
+  });
+}, R = u(S);
+export {
+  R as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/tagmanager/TagManager/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/transactions/components/tagmanager/TagManager.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Paper from '@mui/material/Paper'\n\nimport { useTransactionStore } from '../../../common'\n\nimport Header from './Header'\nimport SearchBox from './SearchBox'\nimport TagRow from './TagRow'\n\ninterface TagManagerProps {\n  selectedTags: string[]\n  onTagChecked: (guid: string) => void\n}\n\nconst TagManager: React.FC<TagManagerProps> = ({ selectedTags, onTagChecked }) => {\n  const { tags } = useTransactionStore()\n\n  const [searchValue, setSearchValue] = React.useState('')\n\n  const filteredTags = tags.filter((tag) =>\n    tag.name.toLowerCase().includes(searchValue.toLowerCase()),\n  )\n\n  return (\n    <div className=\"mx-txn-tag-manager\">\n      <SearchBox\n        onSearchValueChanged={(value) => setSearchValue(value)}\n        searchValue={searchValue}\n      />\n\n      <Header />\n\n      <Paper sx={{ boxShadow: 'none' }}>\n        <List>\n          {filteredTags.map((tag) => (\n            <React.Fragment key={tag.guid}>\n              <TagRow onTagChecked={onTagChecked} selectedTags={selectedTags} tag={tag} />\n              <Divider sx={{ ml: 24 }} />\n            </React.Fragment>\n          ))}\n        </List>\n      </Paper>\n    </div>\n  )\n}\n\nexport default observer(TagManager)\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,IAAA,CAAyC,EAAE,cAAA,GAAc,cAAA,EAAA,MAAmB;AAChF,QAAM,EAAE,MAAA,EAAA,IAAS,EAAoB,GAE/B,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAS,EAAE,GAEjD,IAAe,EAAK,OAAA,CAAQ,MAChC,EAAI,KAAK,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,CAC3D;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cAAf;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,sBAAA,CAAuB,MAAU,EAAe,CAAK;AAAA,QACxC,aAAA;AAAA,MACd,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD,CAAS,CAAA;AAAA,MAET,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,WAAW,OAAO;AAAA,kBAC7B,gBAAA,EAAC,GAAD,EAAA,UACG,EAAa,IAAA,CAAK,MACjB,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAsB,cAAA;AAAA,UAA4B,cAAA;AAAA,UAAmB,KAAA;AAAA,QAAM,CAAA,GAC3E,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA,CACZ,EAAA,GAHK,EAAI,IAGT,CACjB,EACG,CAAA;AAAA,MACD,CAAA;AAAA,IACJ;AAAA;AAET,GAEA,IAAe,EAAS,CAAU"}

package/dist/transactions/components/tagmanager/TagRow/index.es.js

@@ -0,0 +1,108 @@
+import { useEvent as O, useGlobalCopyStore as b, useTransactionStore as D } from "../../../../common/context/hooks/index.es.js";
+import u from "../../../../common/components/dialog/Dialog/index.es.js";
+import { ON_CLICK_EVENTS as o } from "../../../constants/OnClickEvents/index.es.js";
+import r from "react";
+import { observer as v } from "mobx-react-lite";
+import G from "@mui/material/Stack";
+import { P as L, Text as k, TextField as w } from "@mxenabled/mxui";
+import { Delete as R, Edit as K } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import p from "@mui/material/IconButton";
+import P from "@mui/material/Checkbox";
+import B from "@mui/material/ListItem";
+import j from "@mui/material/ListItemButton";
+import V from "@mui/material/ListItemIcon";
+import $ from "@mui/material/ListItemText";
+var F = ({ onTagChecked: f, selectedTags: d, tag: e }) => {
+  const { onEvent: a } = O(), { removeTag: h, updateTag: A } = D(), { common: m, transactions: n } = b(), [C, i] = r.useState(!1), [g, s] = r.useState(!1), [c, _] = r.useState(""), [T, E] = r.useState(""), N = async () => {
+    a(o.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), e && await A({
+      ...e,
+      name: c
+    }), i(!1);
+  }, S = async () => {
+    a(o.ON_TRANSACTION_TAGS_TAG_DELETED), await h(e.guid), s(!1);
+  };
+  r.useEffect(() => {
+    E(c.length > 40 ? n.tags_error_name_must_be_40_chars : "");
+  }, [c]);
+  const y = () => {
+    a(o.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), _(e.name), i(!0);
+  }, I = () => {
+    a(o.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), s(!0);
+  };
+  return /* @__PURE__ */ l(B, {
+    className: "mx-txn-transaction-manager-row",
+    disableGutters: !0,
+    disablePadding: !0,
+    secondaryAction: !e.is_default_tag && /* @__PURE__ */ l(G, {
+      direction: "row",
+      children: [/* @__PURE__ */ t(p, {
+        "aria-label": `Edit ${e.name} tag`,
+        color: "secondary",
+        onClick: y,
+        children: /* @__PURE__ */ t(K, { color: "secondary" })
+      }), /* @__PURE__ */ t(p, {
+        "aria-label": `Delete ${e.name} tag`,
+        color: "secondary",
+        onClick: I,
+        children: /* @__PURE__ */ t(R, { color: "secondary" })
+      })]
+    }),
+    children: [
+      /* @__PURE__ */ l(j, {
+        "aria-checked": d.includes(e.guid),
+        onClick: () => f(e.guid),
+        role: "checkbox",
+        tabIndex: 0,
+        children: [/* @__PURE__ */ t(V, {
+          sx: { ml: 0 },
+          children: /* @__PURE__ */ t(P, {
+            "aria-hidden": !0,
+            checked: d.includes(e.guid),
+            edge: "start",
+            tabIndex: -1
+          })
+        }), /* @__PURE__ */ t($, { children: e.name })]
+      }),
+      /* @__PURE__ */ l(u, {
+        copy: { title: "Update tag name" },
+        isOpen: C,
+        onClose: () => i(!1),
+        onPrimaryAction: N,
+        onSecondaryAction: () => i(!1),
+        children: [/* @__PURE__ */ t(w, {
+          "aria-describedby": T ? "update-tag-error" : void 0,
+          "aria-label": n.tags_update_the_tag_name,
+          name: "update-tag",
+          onChange: (x) => _(x.target.value),
+          placeholder: "Tag name",
+          sx: { width: "100%" },
+          value: c
+        }), /* @__PURE__ */ t(L, {
+          id: "update-tag-error",
+          sx: { color: "error.main" },
+          variant: "subtitle2",
+          children: T
+        })]
+      }),
+      /* @__PURE__ */ t(u, {
+        copy: { title: n.tags_delete_title },
+        isOpen: g,
+        onClose: () => s(!1),
+        onPrimaryAction: S,
+        onSecondaryAction: () => a(o.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
+        primaryText: m.delete_button,
+        secondaryText: m.cancel_button,
+        children: /* @__PURE__ */ t(k, {
+          truncate: !1,
+          children: n.tags_deleting_this_tag_will_remove_it
+        })
+      })
+    ]
+  });
+}, re = v(F);
+export {
+  re as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/tagmanager/TagRow/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/transactions/components/tagmanager/TagRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Checkbox from '@mui/material/Checkbox'\nimport IconButton from '@mui/material/IconButton'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { P, Text, TextField } from '@mxenabled/mxui'\nimport { Delete as DeleteOutlinedIcon, Edit as EditIcon } from '@mxenabled/mx-icons'\n\nimport { Dialog, useGlobalCopyStore } from '../../../common'\n\nimport type { Tag } from '../../../core'\n\nimport { useEvent, useTransactionStore } from '../../../common'\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\n\ninterface TagRowProps {\n  tag: Tag\n  selectedTags: string[]\n  onTagChecked: (guid: string) => void\n}\n\nconst TagRow: React.FC<TagRowProps> = ({ onTagChecked, selectedTags, tag }) => {\n  const { onEvent } = useEvent()\n  const { removeTag, updateTag } = useTransactionStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const [editOpen, setEditOpen] = React.useState(false)\n  const [deleteOpen, setDeleteOpen] = React.useState(false)\n\n  const [tagName, setTagName] = React.useState('')\n  const [tagNameError, setTagNameError] = React.useState('')\n\n  const handleSaveTag = async () => {\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED)\n    if (tag) {\n      await updateTag({ ...tag, name: tagName })\n    }\n    setEditOpen(false)\n  }\n\n  const handleDeleteTag = async () => {\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_DELETED)\n    await removeTag(tag.guid)\n    setDeleteOpen(false)\n  }\n\n  React.useEffect(() => {\n    setTagNameError(tagName.length > 40 ? copy.tags_error_name_must_be_40_chars : '')\n  }, [tagName])\n\n  const handleEditClick = () => {\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK)\n    setTagName(tag.name)\n    setEditOpen(true)\n  }\n\n  const handleDeleteClick = () => {\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK)\n    setDeleteOpen(true)\n  }\n\n  return (\n    <ListItem\n      className=\"mx-txn-transaction-manager-row\"\n      disableGutters={true}\n      disablePadding={true}\n      secondaryAction={\n        !tag.is_default_tag && (\n          <Stack direction=\"row\">\n            <IconButton\n              aria-label={`Edit ${tag.name} tag`}\n              color=\"secondary\"\n              onClick={handleEditClick}\n            >\n              <EditIcon color=\"secondary\" />\n            </IconButton>\n            <IconButton\n              aria-label={`Delete ${tag.name} tag`}\n              color=\"secondary\"\n              onClick={handleDeleteClick}\n            >\n              <DeleteOutlinedIcon color=\"secondary\" />\n            </IconButton>\n          </Stack>\n        )\n      }\n    >\n      <ListItemButton\n        aria-checked={selectedTags.includes(tag.guid)}\n        onClick={() => onTagChecked(tag.guid)}\n        role=\"checkbox\"\n        tabIndex={0}\n      >\n        <ListItemIcon sx={{ ml: 0 }}>\n          <Checkbox\n            aria-hidden={true}\n            checked={selectedTags.includes(tag.guid)}\n            edge=\"start\"\n            tabIndex={-1}\n          />\n        </ListItemIcon>\n        <ListItemText>{tag.name}</ListItemText>\n      </ListItemButton>\n\n      <Dialog\n        copy={{ title: 'Update tag name' }} // TODO: Need copy\n        isOpen={editOpen}\n        onClose={() => setEditOpen(false)}\n        onPrimaryAction={handleSaveTag}\n        onSecondaryAction={() => setEditOpen(false)}\n      >\n        <TextField\n          aria-describedby={tagNameError ? 'update-tag-error' : undefined}\n          aria-label={copy.tags_update_the_tag_name}\n          name=\"update-tag\"\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setTagName(e.target.value)}\n          placeholder=\"Tag name\" // TODO: Need copy\n          sx={{ width: '100%' }}\n          value={tagName}\n        />\n        <P id=\"update-tag-error\" sx={{ color: 'error.main' }} variant=\"subtitle2\">\n          {tagNameError}\n        </P>\n      </Dialog>\n\n      <Dialog\n        copy={{ title: copy.tags_delete_title }}\n        isOpen={deleteOpen}\n        onClose={() => setDeleteOpen(false)}\n        onPrimaryAction={handleDeleteTag}\n        onSecondaryAction={() =>\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK)\n        }\n        primaryText={commonCopy.delete_button}\n        secondaryText={commonCopy.cancel_button}\n      >\n        <Text truncate={false}>{copy.tags_deleting_this_tag_will_remove_it}</Text>\n      </Dialog>\n    </ListItem>\n  )\n}\n\nexport default observer(TagRow)\n"],"mappings":"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"}

package/dist/transactions/components/transactionwidget/AddAccountModal/index.es.js

@@ -0,0 +1,33 @@
+import { useGlobalCopyStore as l, useGlobalUiStore as p } from "../../../../common/context/hooks/index.es.js";
+import i from "../../../../common/components/dialog/Dialog/index.es.js";
+import s from "../../../../common/components/Loader/index.es.js";
+import "react";
+import { observer as u } from "mobx-react-lite";
+import { Text as a } from "@mxenabled/mxui";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+var _ = ({ copy: r, isOpen: e, onClose: c, onPrimaryAction: m }) => {
+  const { common: n, transactions: o } = l(), { isCopyLoaded: d } = p();
+  return d ? /* @__PURE__ */ f(i, {
+    copy: { title: r.title },
+    isOpen: e,
+    onClose: c,
+    onPrimaryAction: m,
+    primaryText: o.add_manual_account,
+    secondaryText: n.cancel_button,
+    children: [/* @__PURE__ */ t(a, {
+      component: "p",
+      sx: { marginBottom: "20px" },
+      truncate: !1,
+      children: o.add_account_modal_message
+    }), /* @__PURE__ */ t(a, {
+      component: "p",
+      truncate: !1,
+      children: o.add_account_modal_cta
+    })]
+  }) : /* @__PURE__ */ t(s, {});
+}, T = u(_);
+export {
+  T as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/transactionwidget/AddAccountModal/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/transactions/components/transactionwidget/AddAccountModal.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Text } from '@mxenabled/mxui'\nimport { Dialog, Loader, useGlobalCopyStore, useGlobalUiStore } from '../../../common'\nimport { DialogProps } from '../../../common/components/dialog/Dialog'\n\nconst AddAccountModal: React.FC<DialogProps> = ({ copy, isOpen, onClose, onPrimaryAction }) => {\n  const { common: commonCopy, transactions: modalCopy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  return isCopyLoaded ? (\n    <Dialog\n      copy={{\n        title: copy.title,\n      }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={onPrimaryAction}\n      primaryText={modalCopy.add_manual_account}\n      secondaryText={commonCopy.cancel_button}\n    >\n      <Text component=\"p\" sx={{ marginBottom: '20px' }} truncate={false}>\n        {modalCopy.add_account_modal_message}\n      </Text>\n      <Text component=\"p\" truncate={false}>\n        {modalCopy.add_account_modal_cta}\n      </Text>\n    </Dialog>\n  ) : (\n    <Loader />\n  )\n}\n\nexport default observer(AddAccountModal)\n"],"mappings":";;;;;;;AAMA,IAAM,IAAA,CAA0C,EAAE,MAAA,GAAM,QAAA,GAAQ,SAAA,GAAS,iBAAA,EAAA,MAAsB;AAC7F,QAAM,EAAE,QAAQ,GAAY,cAAc,EAAA,IAAc,EAAmB,GACrE,EAAE,cAAA,EAAA,IAAiB,EAAiB;AAE1C,SAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EACJ,OAAO,EAAK,MACd;AAAA,IACQ,QAAA;AAAA,IACC,SAAA;AAAA,IACQ,iBAAA;AAAA,IACjB,aAAa,EAAU;AAAA,IACvB,eAAe,EAAW;AAAA,cAR5B,CAUE,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAU;AAAA,MAAI,IAAI,EAAE,cAAc,OAAO;AAAA,MAAG,UAAU;AAAA,gBACzD,EAAU;AAAA,IACP,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAU;AAAA,MAAI,UAAU;AAAA,gBAC3B,EAAU;AAAA,IACP,CAAA,CACA;AAAA,OAER,gBAAA,EAAC,GAAD,CAAS,CAAA;AAEb,GAEA,IAAe,EAAS,CAAe"}

package/dist/transactions/components/transactionwidget/actions/EditCategoryAction/index.es.js

@@ -0,0 +1,44 @@
+import { buildDynamicCopy as s } from "../../../../../core/utils/Localization/index.es.js";
+import { useCategoryStore as _, useGlobalCopyStore as u, useTransactionStore as g } from "../../../../../common/context/hooks/index.es.js";
+import f from "../../../../../common/components/dialog/Dialog/index.es.js";
+import C from "../../../../../categories/components/CategorySelectorDrawer/index.es.js";
+import l from "react";
+import { observer as x } from "mobx-react-lite";
+import { P as S } from "@mxenabled/mxui";
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import w from "@mui/material/Box";
+var T = ({ onClose: c, transaction: t }) => {
+  const { addOrUpdateTransactionRule: d, updateTransaction: m } = g(), { transactions: o } = u(), { categories: p } = _(), [e, n] = l.useState(""), y = l.useMemo(() => p.find((a) => a.guid === e), [e]), r = async (a) => {
+    await m({
+      ...t,
+      category_guid: e
+    }), a && await d(e, t), n(""), c();
+  };
+  return /* @__PURE__ */ h(w, {
+    className: "mx-txn-edit-category-action",
+    children: [/* @__PURE__ */ i(C, {
+      initialSelected: t.category_guid,
+      onClose: c,
+      onSelect: (a) => n(a),
+      showDrawer: !!t,
+      title: o.actions_select_a_category
+    }), /* @__PURE__ */ i(f, {
+      copy: { title: s(o.actions_apply_to_all_transaction_types, t.description) },
+      isOpen: !!e,
+      onClose: () => r(!1),
+      onPrimaryAction: () => r(!0),
+      onSecondaryAction: () => r(!1),
+      primaryText: o.actions_apply_to_all,
+      secondaryText: o.actions_this_time_only,
+      children: /* @__PURE__ */ i(S, {
+        variant: "subtitle1",
+        children: s(o.actions_all_past_and_future, t.description, y?.name)
+      })
+    })]
+  });
+}, R = x(T);
+export {
+  R as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/transactionwidget/actions/EditCategoryAction/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/transactions/components/transactionwidget/actions/EditCategoryAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { CategorySelectorDrawer } from '../../../../categories'\n\nimport { Dialog, useCategoryStore, useGlobalCopyStore } from '../../../../common'\nimport type { Transaction } from '../../../../core'\n\nimport { useTransactionStore } from '../../../../common'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\n\ninterface EditCategoryActionProps {\n  onClose: () => void\n  transaction: Transaction\n}\n\nconst EditCategoryAction: React.FC<EditCategoryActionProps> = ({ onClose, transaction }) => {\n  const { addOrUpdateTransactionRule, updateTransaction } = useTransactionStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const { categories } = useCategoryStore()\n\n  const [categoryGuid, setCategoryGuid] = React.useState('')\n\n  const category = React.useMemo(\n    () => categories.find((item) => item.guid === categoryGuid),\n    [categoryGuid],\n  )\n\n  const handleCategoryChanged = async (applyToAll: boolean) => {\n    await updateTransaction({ ...transaction, category_guid: categoryGuid })\n    if (applyToAll) {\n      await addOrUpdateTransactionRule(categoryGuid, transaction)\n    }\n\n    setCategoryGuid('')\n    onClose()\n  }\n\n  return (\n    <Box className=\"mx-txn-edit-category-action\">\n      <CategorySelectorDrawer\n        initialSelected={transaction.category_guid}\n        onClose={onClose}\n        onSelect={(guid: string) => setCategoryGuid(guid)}\n        showDrawer={!!transaction}\n        title={copy.actions_select_a_category}\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={!!categoryGuid}\n        onClose={() => handleCategoryChanged(false)}\n        onPrimaryAction={() => handleCategoryChanged(true)}\n        onSecondaryAction={() => handleCategoryChanged(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    </Box>\n  )\n}\n\nexport default observer(EditCategoryAction)\n"],"mappings":";;;;;;;;;AAoBA,IAAM,IAAA,CAAyD,EAAE,SAAA,GAAS,aAAA,EAAA,MAAkB;AAC1F,QAAM,EAAE,4BAAA,GAA4B,mBAAA,EAAA,IAAsB,EAAoB,GACxE,EAAE,cAAc,EAAA,IAAS,EAAmB,GAE5C,EAAE,YAAA,EAAA,IAAe,EAAiB,GAElC,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAE,GAEnD,IAAW,EAAM,QAAA,MACf,EAAW,KAAA,CAAM,MAAS,EAAK,SAAS,CAAY,GAC1D,CAAC,CAAY,CACf,GAEM,IAAwB,OAAO,MAAwB;AAC3D,UAAM,EAAkB;AAAA,MAAE,GAAG;AAAA,MAAa,eAAe;AAAA,IAAa,CAAC,GACnE,KACF,MAAM,EAA2B,GAAc,CAAW,GAG5D,EAAgB,EAAE,GAClB,EAAQ;AAAA,EACV;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAU;AAAA,cAAf,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAiB,EAAY;AAAA,MACpB,SAAA;AAAA,MACT,UAAA,CAAW,MAAiB,EAAgB,CAAI;AAAA,MAChD,YAAY,CAAC,CAAC;AAAA,MACd,OAAO,EAAK;AAAA,IACb,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EACJ,OAAO,EACL,EAAK,wCACL,EAAY,WACd,EACF;AAAA,MACA,QAAQ,CAAC,CAAC;AAAA,MACV,SAAA,MAAe,EAAsB,EAAK;AAAA,MAC1C,iBAAA,MAAuB,EAAsB,EAAI;AAAA,MACjD,mBAAA,MAAyB,EAAsB,EAAK;AAAA,MACpD,aAAa,EAAK;AAAA,MAClB,eAAe,EAAK;AAAA,gBAEpB,gBAAA,EAAC,GAAD;AAAA,QAAG,SAAQ;AAAA,kBAEP,EACE,EAAK,6BACL,EAAY,aACZ,GAAU,IACZ;AAAA,MAED,CAAA;AAAA,IACG,CAAA,CACL;AAAA;AAET,GAEA,IAAe,EAAS,CAAkB"}

package/dist/transactions/components/transactionwidget/actions/ExportCsvAction/index.es.js

@@ -0,0 +1,26 @@
+import { useEvent as a, useGlobalCopyStore as c, useTransactionStore as p } from "../../../../../common/context/hooks/index.es.js";
+import { exportTransactionsToCSV as m } from "../../../../../core/utils/TransactionUtils/index.es.js";
+import _ from "../../../../../common/components/ResponsiveButton/index.es.js";
+import { ON_CLICK_EVENTS as l } from "../../../../constants/OnClickEvents/index.es.js";
+import { observer as v } from "mobx-react-lite";
+import { Icon as x } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var C = ({ filter: t }) => {
+  const { onEvent: e } = a(), { tags: s, sortedTransactions: r } = p(), { transactions: n } = c(), i = () => {
+    e(l.ON_TRANSACTION_EXPORT_CSV_CLICK), m(t ? r.filter(t) : r, s);
+  };
+  return /* @__PURE__ */ o("div", {
+    className: "mx-txn-export-csv-action",
+    children: /* @__PURE__ */ o(_, {
+      icon: /* @__PURE__ */ o(x, { name: "open_in_new" }),
+      label: n.export_csv_btn,
+      onClick: i,
+      tooltipText: n.export_csv_title
+    })
+  });
+}, b = v(C);
+export {
+  b as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/transactionwidget/actions/ExportCsvAction/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/transactions/components/transactionwidget/actions/ExportCsvAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { ResponsiveButton, useGlobalCopyStore } from '../../../../common'\nimport { useEvent, useTransactionStore } from '../../../../common'\n\nimport { type Transaction } from '../../../../core'\nimport { exportTransactionsToCSV } from '../../../../core/utils/TransactionUtils'\n\nimport { ON_CLICK_EVENTS } from '../../../constants/OnClickEvents'\n\ninterface ExportCsvActionProps {\n  filter?: (t: Transaction) => boolean\n}\n\nconst ExportCsvAction = ({ filter }: ExportCsvActionProps) => {\n  const { onEvent } = useEvent()\n  const { tags, sortedTransactions } = useTransactionStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const handleExport = () => {\n    onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_EXPORT_CSV_CLICK)\n    exportTransactionsToCSV(filter ? sortedTransactions.filter(filter) : sortedTransactions, tags)\n  }\n\n  return (\n    <div className=\"mx-txn-export-csv-action\">\n      <ResponsiveButton\n        icon={<Icon name=\"open_in_new\" />}\n        label={copy.export_csv_btn}\n        onClick={handleExport}\n        tooltipText={copy.export_csv_title}\n      />\n    </div>\n  )\n}\n\nexport default observer(ExportCsvAction)\n"],"mappings":";;;;;;;AAgBA,IAAM,IAAA,CAAmB,EAAE,QAAA,EAAA,MAAmC;AAC5D,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,MAAA,GAAM,oBAAA,EAAA,IAAuB,EAAoB,GACnD,EAAE,cAAc,EAAA,IAAS,EAAmB,GAE5C,IAAA,MAAqB;AACzB,IAAA,EAAQ,EAAgB,+BAA+B,GACvD,EAAwB,IAAS,EAAmB,OAAO,CAAM,IAAI,GAAoB,CAAI;AAAA,EAC/F;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cACb,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,gBAAA,EAAC,GAAD,EAAM,MAAK,cAAe,CAAA;AAAA,MAChC,OAAO,EAAK;AAAA,MACZ,SAAS;AAAA,MACT,aAAa,EAAK;AAAA,IACnB,CAAA;AAAA,EACE,CAAA;AAET,GAEA,IAAe,EAAS,CAAe"}

package/dist/transactions/constants/Actions/index.es.js

@@ -0,0 +1,22 @@
+var r = /* @__PURE__ */ (function(a) {
+  return a[a.Category = 0] = "Category", a[a.Date = 1] = "Date", a[a.Memo = 2] = "Memo", a[a.Tags = 3] = "Tags", a;
+})({}), e = /* @__PURE__ */ (function(a) {
+  return a[a.MerchantBudget = 0] = "MerchantBudget", a[a.SplitTransaction = 1] = "SplitTransaction", a[a.HideTransaction = 2] = "HideTransaction", a[a.MerchantLogo = 3] = "MerchantLogo", a;
+})({}), g = [
+  0,
+  1,
+  2,
+  3
+], M = [
+  1,
+  2,
+  3
+];
+export {
+  e as BottomActions,
+  M as DEFAULT_BOTTOM_ACTIONS,
+  g as DEFAULT_TOP_ACTIONS,
+  r as TopActions
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/constants/Actions/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/constants/Actions.ts"],"sourcesContent":["export enum TopActions {\n  Category,\n  Date,\n  Memo,\n  Tags,\n}\n\nexport enum BottomActions {\n  MerchantBudget,\n  SplitTransaction,\n  HideTransaction,\n  MerchantLogo,\n}\n\nexport const DEFAULT_TOP_ACTIONS = [\n  TopActions.Category,\n  TopActions.Date,\n  TopActions.Memo,\n  TopActions.Tags,\n] as TopActions[]\n\nexport const DEFAULT_BOTTOM_ACTIONS = [\n  BottomActions.SplitTransaction,\n  BottomActions.HideTransaction,\n  BottomActions.MerchantLogo,\n] as BottomActions[]\n\nexport const CHEVRON_ICON_SIZE = 20\nexport const ICON_SIZE = 28\n"],"mappings":"AAAA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,WAAA,CAAA,IAAA,YACA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,OAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,iBAAA,CAAA,IAAA,kBACA,EAAA,EAAA,mBAAA,CAAA,IAAA,oBACA,EAAA,EAAA,kBAAA,CAAA,IAAA,mBACA,EAAA,EAAA,eAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA,GAEa,IAAsB;AAAA;;;;AAKnC,GAEa,IAAyB;AAAA;;;AAItC"}

package/dist/transactions/constants/OnClickEvents/index.es.js

@@ -0,0 +1,50 @@
+var T = {
+  ON_TRANSACTION_CATEGORY_CLICK: "onTransactionCategoryClick",
+  ON_TRANSACTION_CATEGORY_CHANGED: "onTransactionCategoryChanged",
+  ON_TRANSACTION_MANUAL_ADD_CLICK: "onTransactionManualAddClick",
+  ON_TRANSACTION_MANUAL_ADD_ADDED: "onTransactionManualAddAdded",
+  ON_TRANSACTION_DATE_CHANGED: "onTransactionDateChanged",
+  ON_TRANSACTION_DATE_CLICK: "onTransactionDateClick",
+  ON_TRANSACTION_DELETE_CANCEL: "onTransactionDeleteCancel",
+  ON_TRANSACTION_DELETE_CLICK: "onTransactionDeleteClick",
+  ON_TRANSACTION_DELETE_DELETED: "onTransactionDeleted",
+  ON_TRANSACTION_DELETE_LOGO_CANCEL: "onTransactionDeleteLogoCancel",
+  ON_TRANSACTION_DELETE_LOGO_CLICK: "onTransactionDeleteLogoClick",
+  ON_TRANSACTION_DELETE_LOGO_DELETED: "onTransactionDeletedLogo",
+  ON_TRANSACTION_DESCRIPTION_EDIT_CLICK: "onTransactionDescriptionEditClick",
+  ON_TRANSACTION_DESCRIPTION_SAVE_CLICK: "onTransactionDescriptionSaveClick",
+  ON_TRANSACTION_EXPORT_CSV_CLICK: "onTransactionExportCsvClick",
+  ON_TRANSACTION_HIDDEN: "onTransactionHidden",
+  ON_TRANSACTION_HIDE_CLICK: "onTransactionHideClick",
+  ON_TRANSACTION_HIDE_CANCEL_CLICK: "onTransactionHideCancelClick",
+  ON_TRANSACTION_LIST_ITEM_CLICK: "onTransactionListItemClick",
+  ON_TRANSACTION_MEMO_CHANGED: "onTransactionMemoChanged",
+  ON_TRANSACTION_MEMO_CLICK: "onTransactionMemoClick",
+  ON_TRANSACTION_SPLIT_ADD_CLICK: "onTransactionSplitAddClick",
+  ON_TRANSACTION_SPLIT_CANCEL_CLICK: "onTransactionSplitCancelClick",
+  ON_TRANSACTION_SPLIT_CATEGORY_CLICK: "onTransactionSplitCategoryClick",
+  ON_TRANSACTION_SPLIT_CLICK: "onTransactionSplitClick",
+  ON_TRANSACTION_SPLIT_DELETE_CLICK: "onTransactionSplitDeleteClick",
+  ON_TRANSACTION_SPLIT_SAVE_CLICK: "onTransactionSplitSaveClick",
+  ON_TRANSACTION_TAGS_CHANGED: "onTransactionTagsChanged",
+  ON_TRANSACTION_TAGS_CLICK: "onTransactionTagsClick",
+  ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK: "onTransactionTagsTagAddCancelClick",
+  ON_TRANSACTION_TAGS_TAG_ADD_CLICK: "onTransactionTagsTagAddClick",
+  ON_TRANSACTION_TAGS_TAG_ADDED: "onTransactionTagsTagAdded",
+  ON_TRANSACTION_TAGS_TAG_DELETE_CLICK: "onTransactionTagsTagDeleteClick",
+  ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK: "onTransactionTagsTagDeleteCancelClick",
+  ON_TRANSACTION_TAGS_TAG_DELETED: "onTransactionTagsTagDeleted",
+  ON_TRANSACTION_TAGS_TAG_EDIT_CLICK: "onTransactionTagsTagEditClick",
+  ON_TRANSACTION_TAGS_TAG_EDIT_SAVED: "onTransactionTagsTagEditSavedClick",
+  ON_TRANSACTION_TOGGLE_FLAG_CLICK: "onTransactionToggleFlagClick",
+  ON_TRANSACTION_UNHIDDEN: "onTransactionUnHidden",
+  ON_TRANSACTION_UNHIDE_CLICK: "onTransactionUnHideClick",
+  ON_TRANSACTION_UNHIDE_CANCEL_CLICK: "onTransactionUnHideCancelClick",
+  ON_TRANSACTION_UNSPLIT: "onTransactionUnsplit",
+  ON_TRANSACTION_UNSPLIT_CANCEL: "onTransactionUnsplitCancel"
+};
+export {
+  T as ON_CLICK_EVENTS
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/constants/OnClickEvents/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/constants/OnClickEvents.ts"],"sourcesContent":["export const ON_CLICK_EVENTS = {\n  ON_TRANSACTION_CATEGORY_CLICK: 'onTransactionCategoryClick',\n  ON_TRANSACTION_CATEGORY_CHANGED: 'onTransactionCategoryChanged',\n  ON_TRANSACTION_MANUAL_ADD_CLICK: 'onTransactionManualAddClick',\n  ON_TRANSACTION_MANUAL_ADD_ADDED: 'onTransactionManualAddAdded',\n  ON_TRANSACTION_DATE_CHANGED: 'onTransactionDateChanged',\n  ON_TRANSACTION_DATE_CLICK: 'onTransactionDateClick',\n  ON_TRANSACTION_DELETE_CANCEL: 'onTransactionDeleteCancel',\n  ON_TRANSACTION_DELETE_CLICK: 'onTransactionDeleteClick',\n  ON_TRANSACTION_DELETE_DELETED: 'onTransactionDeleted',\n  ON_TRANSACTION_DELETE_LOGO_CANCEL: 'onTransactionDeleteLogoCancel',\n  ON_TRANSACTION_DELETE_LOGO_CLICK: 'onTransactionDeleteLogoClick',\n  ON_TRANSACTION_DELETE_LOGO_DELETED: 'onTransactionDeletedLogo',\n  ON_TRANSACTION_DESCRIPTION_EDIT_CLICK: 'onTransactionDescriptionEditClick',\n  ON_TRANSACTION_DESCRIPTION_SAVE_CLICK: 'onTransactionDescriptionSaveClick',\n  ON_TRANSACTION_EXPORT_CSV_CLICK: 'onTransactionExportCsvClick',\n  ON_TRANSACTION_HIDDEN: 'onTransactionHidden',\n  ON_TRANSACTION_HIDE_CLICK: 'onTransactionHideClick',\n  ON_TRANSACTION_HIDE_CANCEL_CLICK: 'onTransactionHideCancelClick',\n  ON_TRANSACTION_LIST_ITEM_CLICK: 'onTransactionListItemClick',\n  ON_TRANSACTION_MEMO_CHANGED: 'onTransactionMemoChanged',\n  ON_TRANSACTION_MEMO_CLICK: 'onTransactionMemoClick',\n  ON_TRANSACTION_SPLIT_ADD_CLICK: 'onTransactionSplitAddClick',\n  ON_TRANSACTION_SPLIT_CANCEL_CLICK: 'onTransactionSplitCancelClick',\n  ON_TRANSACTION_SPLIT_CATEGORY_CLICK: 'onTransactionSplitCategoryClick',\n  ON_TRANSACTION_SPLIT_CLICK: 'onTransactionSplitClick',\n  ON_TRANSACTION_SPLIT_DELETE_CLICK: 'onTransactionSplitDeleteClick',\n  ON_TRANSACTION_SPLIT_SAVE_CLICK: 'onTransactionSplitSaveClick',\n  ON_TRANSACTION_TAGS_CHANGED: 'onTransactionTagsChanged',\n  ON_TRANSACTION_TAGS_CLICK: 'onTransactionTagsClick',\n  ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK: 'onTransactionTagsTagAddCancelClick',\n  ON_TRANSACTION_TAGS_TAG_ADD_CLICK: 'onTransactionTagsTagAddClick',\n  ON_TRANSACTION_TAGS_TAG_ADDED: 'onTransactionTagsTagAdded',\n  ON_TRANSACTION_TAGS_TAG_DELETE_CLICK: 'onTransactionTagsTagDeleteClick',\n  ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK: 'onTransactionTagsTagDeleteCancelClick',\n  ON_TRANSACTION_TAGS_TAG_DELETED: 'onTransactionTagsTagDeleted',\n  ON_TRANSACTION_TAGS_TAG_EDIT_CLICK: 'onTransactionTagsTagEditClick',\n  ON_TRANSACTION_TAGS_TAG_EDIT_SAVED: 'onTransactionTagsTagEditSavedClick',\n  ON_TRANSACTION_TOGGLE_FLAG_CLICK: 'onTransactionToggleFlagClick',\n  ON_TRANSACTION_UNHIDDEN: 'onTransactionUnHidden',\n  ON_TRANSACTION_UNHIDE_CLICK: 'onTransactionUnHideClick',\n  ON_TRANSACTION_UNHIDE_CANCEL_CLICK: 'onTransactionUnHideCancelClick',\n  ON_TRANSACTION_UNSPLIT: 'onTransactionUnsplit',\n  ON_TRANSACTION_UNSPLIT_CANCEL: 'onTransactionUnsplitCancel',\n}\n"],"mappings":"AAAA,IAAa,IAAkB;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,mCAAmC;AAAA,EACnC,kCAAkC;AAAA,EAClC,oCAAoC;AAAA,EACpC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EACvC,iCAAiC;AAAA,EACjC,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,gCAAgC;AAAA,EAChC,mCAAmC;AAAA,EACnC,qCAAqC;AAAA,EACrC,4BAA4B;AAAA,EAC5B,mCAAmC;AAAA,EACnC,iCAAiC;AAAA,EACjC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,0CAA0C;AAAA,EAC1C,mCAAmC;AAAA,EACnC,+BAA+B;AAAA,EAC/B,sCAAsC;AAAA,EACtC,6CAA6C;AAAA,EAC7C,iCAAiC;AAAA,EACjC,oCAAoC;AAAA,EACpC,oCAAoC;AAAA,EACpC,kCAAkC;AAAA,EAClC,yBAAyB;AAAA,EACzB,6BAA6B;AAAA,EAC7B,oCAAoC;AAAA,EACpC,wBAAwB;AAAA,EACxB,+BAA+B;AACjC"}

package/dist/transactions/context/hooks/index.es.js

@@ -0,0 +1,12 @@
+import { GlobalDataContext as t } from "../../../common/context/GlobalDataProvider/index.es.js";
+import { useTransactionStore as o } from "../../../common/context/hooks/index.es.js";
+import r from "react";
+var n = () => {
+  if (!r.useContext(t)) throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
+  return o().uiStore;
+};
+export {
+  n as useTransactionsUiStore
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/transactions/context/hooks/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/context/hooks.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useTransactionStore } from '../../common'\n\nexport const useTransactionsUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useTransactionsUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useTransactionStore().uiStore\n}\n"],"mappings":";;;AAGA,IAAa,IAAA,MAA+B;AAG1C,MAAI,CAFY,EAAM,WAAW,CAE5B,EACH,OAAM,IAAI,MAAM,oEAAoE;AAGtF,SAAO,EAAoB,EAAE;AAC/B"}