@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/transactions/components/tagmanager/Header.js

@@ -0,0 +1,225 @@
+import { jsxs as e, jsx as p } from "react/jsx-runtime";
+import o from "react";
+import { observer as T } from "mobx-react-lite";
+import h from "@mui/material/Box";
+import N from "@mui/material/Button";
+import C from "@mui/material/Stack";
+import S from "@mui/material/styles/useTheme";
+import { Text as b, TextField as x, P as E } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as y, useTransactionStore as D, useGlobalCopyStore as I } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import O from "../../../common/components/dialog/Dialog.js";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import { ON_CLICK_EVENTS as a } from "../../constants/OnClickEvents.js";
+import "date-fns/formatISO";
+import "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import "../shared/transactionlist/TransactionRow.js";
+import "../shared/TransactionList.js";
+import "../shared/TransactionTable.js";
+import "../shared/TransactionDetails.js";
+import "../transactionwidget/AddAccountModal.js";
+import "../../TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const G = () => {
+  const d = S(), { onEvent: n } = y(), { addTag: c } = D(), { transactions: t } = I(), [r, i] = o.useState(!1), [m, s] = o.useState(""), [l, _] = o.useState(""), g = o.useRef(null);
+  o.useEffect(() => {
+    r && g?.current?.focus();
+  }, [r]);
+  const f = () => {
+    n(
+      r ? a.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : a.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
+    ), r || s(""), i(!r);
+  }, u = async () => {
+    n(a.ON_TRANSACTION_TAGS_TAG_ADDED), await c(m), i(!1);
+  };
+  return o.useEffect(() => {
+    _(m.length > 40 ? t.tags_error_name_must_be_40_chars : "");
+  }, [m]), /* @__PURE__ */ e(h, { className: "mx-txn-tag-manager-header", children: [
+    /* @__PURE__ */ e(
+      C,
+      {
+        alignItems: "center",
+        bgcolor: d.palette.background.default,
+        direction: "row",
+        justifyContent: "space-between",
+        px: 24,
+        py: 16,
+        children: [
+          /* @__PURE__ */ p(b, { bold: !0, children: t.tags_your_tags }),
+          /* @__PURE__ */ p(
+            N,
+            {
+              "aria-expanded": r,
+              "aria-label": t.tags_add_tag_btn_aria,
+              onClick: f,
+              children: t.tags_add_tag_btn
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      O,
+      {
+        copy: { title: t.tags_add_tag_btn },
+        isOpen: r,
+        onClose: () => i(!1),
+        onPrimaryAction: u,
+        onSecondaryAction: () => i(!1),
+        children: [
+          /* @__PURE__ */ p(
+            x,
+            {
+              "aria-label": t.tags_placeholder,
+              name: "add-tag",
+              onChange: (A) => s(A.target.value),
+              placeholder: t.tags_placeholder,
+              sx: { width: "100%" },
+              value: m
+            }
+          ),
+          /* @__PURE__ */ p(E, { id: "add-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: l })
+        ]
+      }
+    )
+  ] });
+}, Do = T(G);
+export {
+  Do as default
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","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/useTheme'\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=\"ParagraphSmall\">\n          {tagNameError}\n        </P>\n      </Dialog>\n    </Box>\n  )\n}\n\nexport default observer(Header)\n"],"names":["Header","theme","useTheme","onEvent","useEvent","addTag","useTransactionStore","copy","useGlobalCopyStore","isAdding","setIsAdding","React","tagName","setTagName","tagNameError","setTagNameError","inputRef","handleAdding","ON_CLICK_EVENTS","handleAddTag","jsxs","Box","Stack","jsx","Text","Button","Dialog","TextField","e","P","Header$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,IAAS,MAAM;AACnB,QAAMC,IAAQC,KAER,EAAE,SAAAC,MAAYC,KACd,EAAE,QAAAC,MAAWC,KACb,EAAE,cAAcC,EAAK,IAAIC,EAAmB,GAE5C,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAAS,EAAK,GAC9C,CAACC,GAASC,CAAU,IAAIF,EAAM,SAAS,EAAE,GACzC,CAACG,GAAcC,CAAe,IAAIJ,EAAM,SAAS,EAAE,GAEnDK,IAAWL,EAAM,OAAyB,IAAI;AAEpD,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAIF,KACFO,GAAU,SAAS;EACrB,GACC,CAACP,CAAQ,CAAC;AAEb,QAAMQ,IAAe,MAAM;AACzB,IAAAd;AAAA,MACEM,IACIS,EAAgB,2CAChBA,EAAgB;AAAA,IAAA,GAEjBT,KACHI,EAAW,EAAE,GAEfH,EAAY,CAACD,CAAQ;AAAA,EAAA,GAGjBU,IAAe,YAAY;AAC/B,IAAAhB,EAAQe,EAAgB,6BAA6B,GACrD,MAAMb,EAAOO,CAAO,GACpBF,EAAY,EAAK;AAAA,EAAA;AAGnB,SAAAC,EAAM,UAAU,MAAM;AACpB,IAAAI,EAAgBH,EAAQ,SAAS,KAAKL,EAAK,mCAAmC,EAAE;AAAA,EAAA,GAC/E,CAACK,CAAO,CAAC,GAGV,gBAAAQ,EAACC,GAAI,EAAA,WAAU,6BACb,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAW;AAAA,QACX,SAASrB,EAAM,QAAQ,WAAW;AAAA,QAClC,WAAU;AAAA,QACV,gBAAe;AAAA,QACf,IAAI;AAAA,QACJ,IAAI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAsB,EAACC,GAAK,EAAA,MAAM,IAAO,UAAAjB,EAAK,gBAAe;AAAA,UACvC,gBAAAgB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,iBAAehB;AAAA,cACf,cAAYF,EAAK;AAAA,cACjB,SAASU;AAAA,cAER,UAAKV,EAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA,gBAAAa;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAM,EAAE,OAAOnB,EAAK,iBAAiB;AAAA,QACrC,QAAQE;AAAA,QACR,SAAS,MAAMC,EAAY,EAAK;AAAA,QAChC,iBAAiBS;AAAA,QACjB,mBAAmB,MAAMT,EAAY,EAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,cAAYpB,EAAK;AAAA,cACjB,MAAK;AAAA,cACL,UAAU,CAACqB,MAA2Cf,EAAWe,EAAE,OAAO,KAAK;AAAA,cAC/E,aAAarB,EAAK;AAAA,cAClB,IAAI,EAAE,OAAO,OAAO;AAAA,cACpB,OAAOK;AAAA,YAAA;AAAA,UACT;AAAA,UACA,gBAAAW,EAACM,GAAE,EAAA,IAAG,iBAAgB,IAAI,EAAE,OAAO,aAAa,GAAG,SAAQ,kBACxD,UACHf,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEegB,KAAAC,EAAS/B,CAAM;"}

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

@@ -0,0 +1,189 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as c } from "mobx-react-lite";
+import s from "@mui/icons-material/HighlightOff";
+import l from "@mui/icons-material/Search";
+import d from "@mui/material/Box";
+import h from "@mui/material/IconButton";
+import p from "@mui/material/InputAdornment";
+import { useTokens as f, TextField as g } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as u } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import "../shared/transactionlist/TransactionRow.js";
+import "../shared/TransactionList.js";
+import "../shared/TransactionTable.js";
+import "../shared/TransactionDetails.js";
+import "../transactionwidget/AddAccountModal.js";
+import "../../TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const x = ({ onSearchValueChanged: r, searchValue: t }) => {
+  const { common: i, transactions: e } = u(), m = f(), n = /* @__PURE__ */ o(
+    h,
+    {
+      "aria-label": e.tags_cancel_search || "Search",
+      onClick: () => r(""),
+      children: /* @__PURE__ */ o(s, {})
+    }
+  );
+  return /* @__PURE__ */ o(d, { className: "mx-txn-tag-manager-search", px: m.Spacing.Large, py: m.Spacing.Medium, children: /* @__PURE__ */ o(
+    g,
+    {
+      InputProps: {
+        startAdornment: /* @__PURE__ */ o(p, { position: "start", children: /* @__PURE__ */ o(l, { color: "disabled" }) }),
+        endAdornment: /* @__PURE__ */ o(p, { position: "end", sx: { padding: 0 }, children: t ? n : null })
+      },
+      "aria-label": i.search_aria,
+      name: "search",
+      onChange: (a) => r(a.target.value),
+      placeholder: i.search_placeholder,
+      sx: { bgcolor: "background.paper", width: "100%" },
+      value: t
+    }
+  ) });
+}, xt = c(x);
+export {
+  xt as default
+};
+//# sourceMappingURL=SearchBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sources":["../../../../src/transactions/components/tagmanager/SearchBox.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport HighlightOffIcon from '@mui/icons-material/HighlightOff'\nimport SearchIcon from '@mui/icons-material/Search'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\n\nimport { TextField, useTokens } from '@mxenabled/mxui'\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  const tokens = useTokens()\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={tokens.Spacing.Large} py={tokens.Spacing.Medium}>\n      <TextField\n        InputProps={{\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        aria-label={commonCopy.search_aria}\n        name=\"search\"\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => onSearchValueChanged(e.target.value)}\n        placeholder={commonCopy.search_placeholder}\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"],"names":["SearchBox","onSearchValueChanged","searchValue","commonCopy","copy","useGlobalCopyStore","tokens","useTokens","cancelButton","jsx","IconButton","HighlightOffIcon","Box","TextField","InputAdornment","SearchIcon","e","SearchBox$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAsC,CAAC,EAAE,sBAAAC,GAAsB,aAAAC,QAAkB;AACrF,QAAM,EAAE,QAAQC,GAAY,cAAcC,EAAA,IAASC,KAC7CC,IAASC,KAETC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYN,EAAK,sBAAsB;AAAA,MACvC,SAAS,MAAMH,EAAqB,EAAE;AAAA,MAEtC,4BAACU,GAAiB,EAAA;AAAA,IAAA;AAAA,EAAA;AAKpB,SAAA,gBAAAF,EAACG,GAAI,EAAA,WAAU,6BAA4B,IAAIN,EAAO,QAAQ,OAAO,IAAIA,EAAO,QAAQ,QACtF,UAAA,gBAAAG;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,kCACGC,GAAe,EAAA,UAAS,SACvB,UAAC,gBAAAL,EAAAM,GAAA,EAAW,OAAM,WAAA,CAAW,EAC/B,CAAA;AAAA,QAEF,cACE,gBAAAN,EAACK,GAAe,EAAA,UAAS,OAAM,IAAI,EAAE,SAAS,EAAE,GAC7C,UAAcZ,IAAAM,IAAe,KAChC,CAAA;AAAA,MAEJ;AAAA,MACA,cAAYL,EAAW;AAAA,MACvB,MAAK;AAAA,MACL,UAAU,CAACa,MAA2Cf,EAAqBe,EAAE,OAAO,KAAK;AAAA,MACzF,aAAab,EAAW;AAAA,MAExB,IAAI,EAAE,SAAS,oBAAoB,OAAO,OAAO;AAAA,MACjD,OAAOD;AAAA,IAAA;AAAA,EAEX,EAAA,CAAA;AAEJ,GAEee,KAAAC,EAASlB,CAAS;"}

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

@@ -0,0 +1,183 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import i from "react";
+import { observer as c } from "mobx-react-lite";
+import d from "@mui/material/Divider";
+import f from "@mui/material/List";
+import l from "@mui/material/Paper";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useTransactionStore as g } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import "../shared/transactionlist/TransactionRow.js";
+import "../shared/TransactionList.js";
+import "../shared/TransactionTable.js";
+import "../shared/TransactionDetails.js";
+import "../transactionwidget/AddAccountModal.js";
+import "../../TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import h from "./Header.js";
+import u from "./SearchBox.js";
+import x from "./TagRow.js";
+const S = ({ selectedTags: p, onTagChecked: e }) => {
+  const { tags: a } = g(), [t, s] = i.useState(""), n = a.filter(
+    (r) => r.name.toLowerCase().includes(t.toLowerCase())
+  );
+  return /* @__PURE__ */ m("div", { className: "mx-txn-tag-manager", children: [
+    /* @__PURE__ */ o(
+      u,
+      {
+        onSearchValueChanged: (r) => s(r),
+        searchValue: t
+      }
+    ),
+    /* @__PURE__ */ o(h, {}),
+    /* @__PURE__ */ o(l, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ o(f, { children: n.map((r) => /* @__PURE__ */ m(i.Fragment, { children: [
+      /* @__PURE__ */ o(x, { onTagChecked: e, selectedTags: p, tag: r }),
+      /* @__PURE__ */ o(d, { sx: { ml: 24 } })
+    ] }, r.guid)) }) })
+  ] });
+}, St = c(S);
+export {
+  St as default
+};
+//# sourceMappingURL=TagManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagManager.js","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"],"names":["TagManager","selectedTags","onTagChecked","tags","useTransactionStore","searchValue","setSearchValue","React","filteredTags","tag","jsxs","jsx","SearchBox","value","Header","Paper","List","TagRow","Divider","TagManager$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAwC,CAAC,EAAE,cAAAC,GAAc,cAAAC,QAAmB;AAC1E,QAAA,EAAE,MAAAC,MAASC,KAEX,CAACC,GAAaC,CAAc,IAAIC,EAAM,SAAS,EAAE,GAEjDC,IAAeL,EAAK;AAAA,IAAO,CAACM,MAChCA,EAAI,KAAK,YAAc,EAAA,SAASJ,EAAY,aAAa;AAAA,EAAA;AAIzD,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,sBAAsB,CAACC,MAAUP,EAAeO,CAAK;AAAA,QACrD,aAAAR;AAAA,MAAA;AAAA,IACF;AAAA,sBAECS,GAAO,EAAA;AAAA,sBAEPC,GAAM,EAAA,IAAI,EAAE,WAAW,OACtB,GAAA,UAAA,gBAAAJ,EAACK,GACE,EAAA,UAAAR,EAAa,IAAI,CAACC,MAChB,gBAAAC,EAAAH,EAAM,UAAN,EACC,UAAA;AAAA,MAAC,gBAAAI,EAAAM,GAAA,EAAO,cAAAf,GAA4B,cAAAD,GAA4B,KAAAQ,EAAU,CAAA;AAAA,wBACzES,GAAQ,EAAA,IAAI,EAAE,IAAI,MAAM;AAAA,IAAA,EAAA,GAFNT,EAAI,IAGzB,CACD,EAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeU,KAAAC,EAASpB,CAAU;"}