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

package/dist/transactions/TransactionWidget.js

@@ -0,0 +1,380 @@
+import { jsx as o, jsxs as ut } from "react/jsx-runtime";
+import i from "react";
+import { observer as Ct } from "mobx-react-lite";
+import { endOfMonth as ft } from "date-fns/endOfMonth";
+import { getUnixTime as At } from "date-fns/getUnixTime";
+import { startOfMonth as _t } from "date-fns/startOfMonth";
+import { startOfToday as h } from "date-fns/startOfToday";
+import g from "@mui/material/Box";
+import Tt from "@mui/material/styles/useTheme";
+import "bowser";
+import { ANALYTICS_EVENTS as m } from "../common/constants/Analytics.js";
+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/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as St, useAppConfig as ht, useEvent as gt, useGlobalCopyStore as yt, useGlobalUiStore as bt, useTransactionStore as Dt, useUserStore as It } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import { useScreenSize as Ot } from "../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+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 "@mui/material/useMediaQuery";
+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 L from "../common/components/drawer/Drawer.js";
+import "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import Nt from "../common/components/WidgetContainer.js";
+import wt from "../common/components/ConnectDrawer.js";
+import "uuid";
+import Et from "../common/components/Loader.js";
+import Rt from "../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 { useCategoryUiStore as kt } from "../categories/context/hooks.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 { exportTransactionsToCSV as Lt } from "./utils/exportTransactionsToCSV.js";
+import { DEFAULT_TRANSACTION as xt } from "./constants/Transaction.js";
+import { useTransactionsUiStore as Mt } from "./context/hooks.js";
+import "./components/shared/transactionlist/TransactionRow.js";
+import vt from "./components/shared/TransactionList.js";
+import Wt from "./components/shared/TransactionTable.js";
+import Ut from "./components/shared/TransactionDetails.js";
+import Vt from "./components/transactionwidget/AddAccountModal.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 Bt from "./components/shared/transactiondetails/ManualTransactionDetails.js";
+import Gt from "./components/transactionwidget/actions/EditCategoryAction.js";
+const x = 120, Ht = ({
+  onBackClick: M,
+  height: y = "100dvh",
+  showInsights: C = !1,
+  sx: v = {}
+}) => {
+  const { visibleAccounts: s, refreshAccounts: W } = St(), { is_mobile_webview: U } = ht(), { setSearchValue: V } = kt(), { onEvent: n } = gt(), { common: b, transactions: r } = yt(), {
+    displayedDateRange: c,
+    isCopyLoaded: B,
+    isInitialized: G,
+    selectedAccountGuids: D,
+    setDisplayedDate: I,
+    setSelectedAccounts: H
+  } = bt(), { isDesktop: K } = Ot(), l = Tt(), {
+    addTransaction: P,
+    filter: O,
+    loadAssociatedBeats: $,
+    setFilter: f,
+    sortedTransactionsWithSplits: z,
+    tags: F,
+    transactions: j,
+    updateTransaction: X
+  } = Dt(), {
+    manualTransaction: d,
+    isAmountValid: Y,
+    searchValue: q,
+    setSearchValue: J,
+    setShowInsights: Q,
+    updateManualTransaction: Z
+  } = Mt(), { userProfile: tt } = It(), [A, e] = i.useState(""), [N, u] = i.useState(""), [ot, _] = i.useState(!1), [it, w] = i.useState(!1), [T, rt] = i.useState(!1);
+  i.useEffect(() => {
+    const t = s.filter((p) => !p.is_hidden), R = _t(h()), k = ft(h());
+    H(t), I(R, k), f({
+      accounts: t.map((p) => p.guid),
+      custom: (p) => !p.accountIsClosed && !p.accountIsHidden,
+      dateRange: { start: R, end: k }
+    }), rt(!0), n(m.TRANSACTIONS_VIEW);
+  }, [s]), i.useEffect(() => {
+    T && (f({
+      ...O,
+      accounts: D,
+      dateRange: { start: c.start, end: c.end }
+    }), $(c.start).finally());
+  }, [T, c, D]), i.useEffect(() => {
+    Q(C);
+  }, [C]);
+  const et = i.useMemo(
+    () => s.filter((t) => t.is_manual),
+    [s]
+  ), a = N ? j.find((t) => t.guid === N) : void 0, E = Y && !!d.payee && !!d.account_guid && !!d.category_guid, at = (t) => {
+    I(t[0], t[1]);
+  }, nt = (t) => {
+    J(t), f({
+      ...O,
+      searchTerm: t
+    }), n(m.TRANSACTIONS_CLICK_SEARCH, { search_term: t });
+  }, mt = () => {
+    Lt(z, F), n(m.TRANSACTIONS_CLICK_EXPORT);
+  }, pt = () => {
+    et.length > 0 ? (Z({
+      ...xt,
+      date: At(h()),
+      user_guid: tt?.user_guid || ""
+    }), e(
+      "addTransaction"
+      /* AddTransaction */
+    ), n(m.TRANSACTIONS_CLICK_ADD)) : (_(!0), n(m.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, st = async () => {
+    E && await P(d), e("");
+  }, ct = () => {
+    _(!1), w(!0);
+  }, lt = async () => {
+    w(!1), await W();
+  }, dt = async () => {
+    a && !a.has_been_viewed && await X({ ...a, has_been_viewed: !0 }), e("");
+  };
+  if (!B || !G || !T)
+    return /* @__PURE__ */ o(Et, {});
+  const S = [];
+  return !U && K && S.push({
+    iconName: "open_in_new",
+    label: r.export_csv_btn,
+    onClick: mt
+  }), S.push({
+    iconName: "add",
+    label: r.add_transaction_btn,
+    onClick: pt
+  }), /* @__PURE__ */ ut(
+    Nt,
+    {
+      accountOptions: s,
+      actions: S,
+      calendarActions: {
+        onRangeChanged: at
+      },
+      onAccountsFilterClick: () => n(m.ACCOUNTS_CLICK_FILTER),
+      onBackClick: M,
+      sx: v,
+      title: r.transactions_title,
+      children: [
+        /* @__PURE__ */ o(g, { mt: 16, children: /* @__PURE__ */ o(
+          Rt,
+          {
+            onChange: nt,
+            placeholder: r.action_bar_search_placeholder,
+            searchValue: q
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          g,
+          {
+            sx: {
+              [l.breakpoints.down("md")]: { display: "none" },
+              [l.breakpoints.up("md")]: { display: "block" }
+            },
+            children: /* @__PURE__ */ o(
+              Wt,
+              {
+                height: `calc(${y} - ${x}px)`,
+                onCategoryClick: (t) => {
+                  u(t), e(
+                    "category"
+                    /* Category */
+                  );
+                },
+                onRowClick: (t) => {
+                  u(t), e(
+                    "transaction"
+                    /* Transaction */
+                  ), n(m.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: t });
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          g,
+          {
+            sx: {
+              [l.breakpoints.down("md")]: { display: "block" },
+              [l.breakpoints.up("md")]: { display: "none" }
+            },
+            children: /* @__PURE__ */ o(
+              vt,
+              {
+                height: `calc(${y} - ${x}px)`,
+                onClick: (t) => {
+                  u(t), e(
+                    "transaction"
+                    /* Transaction */
+                  );
+                },
+                showHiddenTransactions: !0,
+                showInsights: C
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          L,
+          {
+            ariaLabelClose: b.close_aria,
+            isOpen: A === "transaction" && !!a,
+            onClose: dt,
+            title: r.details_title,
+            children: a && /* @__PURE__ */ o(Ut, { transaction: a })
+          }
+        ),
+        a && A === "category" && /* @__PURE__ */ o(
+          Gt,
+          {
+            onClose: () => {
+              V(""), e(""), u("");
+            },
+            transaction: a
+          }
+        ),
+        /* @__PURE__ */ o(
+          L,
+          {
+            ariaLabelClose: b.close_aria,
+            isOpen: A === "addTransaction",
+            isPrimaryDisabled: !E,
+            onClose: () => e(""),
+            onPrimaryAction: st,
+            title: r.add_transaction_title,
+            children: /* @__PURE__ */ o(Bt, {})
+          }
+        ),
+        /* @__PURE__ */ o(
+          Vt,
+          {
+            copy: { title: r.add_manual_account },
+            isOpen: ot,
+            onClose: () => {
+              _(!1);
+            },
+            onPrimaryAction: ct
+          }
+        ),
+        /* @__PURE__ */ o(
+          wt,
+          {
+            onClose: lt,
+            showConnectWidget: it,
+            title: r.add_manual_account
+          }
+        )
+      ]
+    }
+  );
+}, zr = Ct(Ht);
+export {
+  zr as default
+};
+//# sourceMappingURL=TransactionWidget.js.map

package/dist/transactions/TransactionWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionWidget.js","sources":["../../src/transactions/TransactionWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Box from '@mui/material/Box'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  SearchBox,\n  useAccountStore,\n  useAppConfig,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useTransactionStore,\n  useUserStore,\n  WidgetContainer,\n  WidgetProps,\n} from '../common'\n\nimport { useTransactionsUiStore } from './context/hooks'\nimport { DEFAULT_TRANSACTION } from './constants/Transaction'\nimport { exportTransactionsToCSV } from './utils/exportTransactionsToCSV'\nimport ConnectDrawer from '../common/components/ConnectDrawer'\nimport ManualTransactionDetails from './components/shared/transactiondetails/ManualTransactionDetails'\nimport TransactionDetails from './components/shared/TransactionDetails'\nimport TransactionList from './components/shared/TransactionList'\nimport TransactionTable from './components/shared/TransactionTable'\nimport AddAccountModal from './components/transactionwidget/AddAccountModal'\nimport EditCategoryAction from './components/transactionwidget/actions/EditCategoryAction'\n\nimport { useCategoryUiStore } from '../categories'\n\nconst HEADER_HEIGHT = 120\n\nenum Drawers {\n  AddTransaction = 'addTransaction',\n  Category = 'category',\n  Transaction = 'transaction',\n}\n\ninterface TransactionWidgetProps extends WidgetProps {\n  height?: string | number\n  showInsights?: boolean\n}\n\nconst TransactionWidget: React.FC<TransactionWidgetProps> = ({\n  onBackClick,\n  height = '100dvh',\n  showInsights = false,\n  sx = {},\n}) => {\n  const { visibleAccounts: accounts, refreshAccounts } = useAccountStore()\n  const { is_mobile_webview } = useAppConfig()\n  const { setSearchValue: setCategorySearchValue } = useCategoryUiStore()\n  const { onEvent } = useEvent()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n  const {\n    displayedDateRange,\n    isCopyLoaded,\n    isInitialized,\n    selectedAccountGuids,\n    setDisplayedDate,\n    setSelectedAccounts,\n  } = useGlobalUiStore()\n  const { isDesktop } = useScreenSize()\n  const theme = useTheme()\n  const {\n    addTransaction,\n    filter,\n    loadAssociatedBeats,\n    setFilter,\n    sortedTransactionsWithSplits,\n    tags,\n    transactions,\n    updateTransaction,\n  } = useTransactionStore()\n  const {\n    manualTransaction,\n    isAmountValid,\n    searchValue,\n    setSearchValue,\n    setShowInsights,\n    updateManualTransaction,\n  } = useTransactionsUiStore()\n  const { userProfile } = useUserStore()\n\n  const [drawerOpen, setDrawerOpen] = React.useState('')\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n\n  const [addManualAccountModalOpen, setAddManualAccountModalOpen] = React.useState(false)\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    const visibleAccounts = accounts.filter((account) => !account.is_hidden)\n    const startDate = startOfMonth(startOfToday())\n    const endDate = endOfMonth(startOfToday())\n\n    // Set the selected accounts to only visible accounts\n    setSelectedAccounts(visibleAccounts)\n    // Set the displayed date to the current month\n    setDisplayedDate(startDate, endDate)\n    // Set a Base filter\n    setFilter({\n      accounts: visibleAccounts.map((account) => account.guid),\n      custom: (t) => !t.accountIsClosed && !t.accountIsHidden,\n      dateRange: { start: startDate, end: endDate },\n    })\n    setIsWidgetInitialized(true)\n    onEvent(ANALYTICS_EVENTS.TRANSACTIONS_VIEW)\n  }, [accounts])\n\n  React.useEffect(() => {\n    // Update the filter whenever the display date or account filter changes\n    if (isWidgetInitialized) {\n      setFilter({\n        ...filter,\n        accounts: selectedAccountGuids,\n        dateRange: { start: displayedDateRange.start, end: displayedDateRange.end },\n      })\n      //load associated beats for new date range\n      loadAssociatedBeats(displayedDateRange.start).finally()\n    }\n  }, [isWidgetInitialized, displayedDateRange, selectedAccountGuids])\n\n  React.useEffect(() => {\n    setShowInsights(showInsights)\n  }, [showInsights])\n\n  const manualAccounts = React.useMemo(\n    () => accounts.filter((account) => account.is_manual),\n    [accounts],\n  )\n\n  const transaction = transactionGuid\n    ? transactions.find((transaction) => transaction.guid === transactionGuid)\n    : undefined\n\n  const isTransactionValid =\n    isAmountValid &&\n    Boolean(manualTransaction.payee) &&\n    Boolean(manualTransaction.account_guid) &&\n    Boolean(manualTransaction.category_guid)\n\n  const handleDateChanged = (range: DateRange<Date>) => {\n    setDisplayedDate(range[0] as Date, range[1] as Date)\n  }\n\n  const handleSearch = (searchTerm: string) => {\n    setSearchValue(searchTerm)\n    setFilter({\n      ...filter,\n      searchTerm,\n    })\n    onEvent(ANALYTICS_EVENTS.TRANSACTIONS_CLICK_SEARCH, { search_term: searchTerm })\n  }\n\n  const handleExportCsvClick = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n    onEvent(ANALYTICS_EVENTS.TRANSACTIONS_CLICK_EXPORT)\n  }\n\n  const handleAddTransactionClick = () => {\n    if (manualAccounts.length > 0) {\n      updateManualTransaction({\n        ...DEFAULT_TRANSACTION,\n        date: getUnixTime(startOfToday()),\n        user_guid: userProfile?.user_guid || '',\n      })\n\n      setDrawerOpen(Drawers.AddTransaction)\n      onEvent(ANALYTICS_EVENTS.TRANSACTIONS_CLICK_ADD)\n    } else {\n      setAddManualAccountModalOpen(true)\n      onEvent(ANALYTICS_EVENTS.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL)\n    }\n  }\n\n  const handleAddTransaction = async () => {\n    if (isTransactionValid) {\n      await addTransaction(manualTransaction)\n    }\n\n    setDrawerOpen('')\n  }\n\n  const handleAddManualAccountClick = () => {\n    setAddManualAccountModalOpen(false)\n    setShowConnectWidget(true)\n  }\n\n  const handleConnectWidgetClose = async () => {\n    setShowConnectWidget(false)\n    await refreshAccounts()\n  }\n\n  const handleTransactionDrawerClose = async () => {\n    // mark transaction as viewed\n    if (transaction && !transaction.has_been_viewed) {\n      await updateTransaction({ ...transaction, has_been_viewed: true })\n    }\n    setDrawerOpen('')\n  }\n\n  if (!isCopyLoaded || !isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  const actions = []\n\n  if (!is_mobile_webview && isDesktop) {\n    actions.push({\n      iconName: 'open_in_new',\n      label: copy.export_csv_btn,\n      onClick: handleExportCsvClick,\n    })\n  }\n\n  actions.push({\n    iconName: 'add',\n    label: copy.add_transaction_btn,\n    onClick: handleAddTransactionClick,\n  })\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      actions={actions}\n      calendarActions={{\n        onRangeChanged: handleDateChanged,\n      }}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={copy.transactions_title}\n    >\n      <Box mt={16}>\n        <SearchBox\n          onChange={handleSearch}\n          placeholder={copy.action_bar_search_placeholder}\n          searchValue={searchValue}\n        />\n      </Box>\n\n      <Box\n        sx={{\n          [theme.breakpoints.down('md')]: { display: 'none' },\n          [theme.breakpoints.up('md')]: { display: 'block' },\n        }}\n      >\n        <TransactionTable\n          height={`calc(${height} - ${HEADER_HEIGHT}px)`}\n          onCategoryClick={(guid: string) => {\n            setTransactionGuid(guid)\n            setDrawerOpen(Drawers.Category)\n          }}\n          onRowClick={(guid: string) => {\n            setTransactionGuid(guid)\n            setDrawerOpen(Drawers.Transaction)\n            onEvent(ANALYTICS_EVENTS.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: guid })\n          }}\n        />\n      </Box>\n      <Box\n        sx={{\n          [theme.breakpoints.down('md')]: { display: 'block' },\n          [theme.breakpoints.up('md')]: { display: 'none' },\n        }}\n      >\n        <TransactionList\n          height={`calc(${height} - ${HEADER_HEIGHT}px)`}\n          onClick={(guid: string) => {\n            setTransactionGuid(guid)\n            setDrawerOpen(Drawers.Transaction)\n          }}\n          showHiddenTransactions={true}\n          showInsights={showInsights}\n        />\n      </Box>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={drawerOpen === Drawers.Transaction && Boolean(transaction)}\n        onClose={handleTransactionDrawerClose}\n        title={copy.details_title}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n      {transaction && drawerOpen === Drawers.Category && (\n        <EditCategoryAction\n          onClose={() => {\n            setCategorySearchValue('')\n            setDrawerOpen('')\n            setTransactionGuid('')\n          }}\n          transaction={transaction}\n        />\n      )}\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={drawerOpen === Drawers.AddTransaction}\n        isPrimaryDisabled={!isTransactionValid}\n        onClose={() => setDrawerOpen('')}\n        onPrimaryAction={handleAddTransaction}\n        title={copy.add_transaction_title}\n      >\n        <ManualTransactionDetails />\n      </Drawer>\n      <AddAccountModal\n        copy={{ title: copy.add_manual_account }}\n        isOpen={addManualAccountModalOpen}\n        onClose={() => {\n          setAddManualAccountModalOpen(false)\n        }}\n        onPrimaryAction={handleAddManualAccountClick}\n      />\n      <ConnectDrawer\n        onClose={handleConnectWidgetClose}\n        showConnectWidget={showConnectWidget}\n        title={copy.add_manual_account}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(TransactionWidget)\n"],"names":["HEADER_HEIGHT","TransactionWidget","onBackClick","height","showInsights","sx","accounts","refreshAccounts","useAccountStore","is_mobile_webview","useAppConfig","setCategorySearchValue","useCategoryUiStore","onEvent","useEvent","commonCopy","copy","useGlobalCopyStore","displayedDateRange","isCopyLoaded","isInitialized","selectedAccountGuids","setDisplayedDate","setSelectedAccounts","useGlobalUiStore","isDesktop","useScreenSize","theme","useTheme","addTransaction","filter","loadAssociatedBeats","setFilter","sortedTransactionsWithSplits","tags","transactions","updateTransaction","useTransactionStore","manualTransaction","isAmountValid","searchValue","setSearchValue","setShowInsights","updateManualTransaction","useTransactionsUiStore","userProfile","useUserStore","drawerOpen","setDrawerOpen","React","transactionGuid","setTransactionGuid","addManualAccountModalOpen","setAddManualAccountModalOpen","showConnectWidget","setShowConnectWidget","isWidgetInitialized","setIsWidgetInitialized","visibleAccounts","account","startDate","startOfMonth","startOfToday","endDate","endOfMonth","t","ANALYTICS_EVENTS","manualAccounts","transaction","isTransactionValid","handleDateChanged","range","handleSearch","searchTerm","handleExportCsvClick","exportTransactionsToCSV","handleAddTransactionClick","DEFAULT_TRANSACTION","getUnixTime","handleAddTransaction","handleAddManualAccountClick","handleConnectWidgetClose","handleTransactionDrawerClose","Loader","actions","jsxs","WidgetContainer","jsx","Box","SearchBox","TransactionTable","guid","TransactionList","Drawer","TransactionDetails","EditCategoryAction","ManualTransactionDetails","AddAccountModal","ConnectDrawer","TransactionWidget$1","observer"],"mappings":"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"}

package/dist/transactions/analytics.js

@@ -0,0 +1,6 @@
+import { ANALYTICS_EVENTS as r } from "./constants/Analytics.js";
+const l = async (n, t) => !t || !r[n] ? null : t.sendAnalyticEvent(r[n]);
+export {
+  l as onAnalyticEvent
+};
+//# sourceMappingURL=analytics.js.map

package/dist/transactions/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.js","sources":["../../src/transactions/analytics.ts"],"sourcesContent":["import { analyticsSession } from '../common'\nimport { AnalyticsEventsObjectType } from '../common/types/Analytics'\n\nimport { ANALYTICS_EVENTS } from './constants/Analytics'\n\nexport type AnalyticSession = Awaited<ReturnType<typeof analyticsSession>>\n\nexport const onAnalyticEvent = async (event: string, session: AnalyticSession | null) => {\n  if (!session || !ANALYTICS_EVENTS[event]) return null\n\n  return session.sendAnalyticEvent(ANALYTICS_EVENTS[event] as AnalyticsEventsObjectType)\n}\n"],"names":["onAnalyticEvent","event","session","ANALYTICS_EVENTS"],"mappings":";AAOa,MAAAA,IAAkB,OAAOC,GAAeC,MAC/C,CAACA,KAAW,CAACC,EAAiBF,CAAK,IAAU,OAE1CC,EAAQ,kBAAkBC,EAAiBF,CAAK,CAA8B;"}