@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/core/stores/RecurringTransactionsStore.d.ts

@@ -1,6 +1,11 @@
+import { AlertProps } from '@mui/material';
 import { RepeatingTransactionsApi } from '../api';
-import { Recurrence, RepeatingTransaction, Transaction, DateRange } from '../types';
+import { Recurrence, RecurringCopy, RepeatingTransaction, Transaction, DateRange } from '../types';
 import { GlobalStore } from './GlobalStore';
+interface RecurringAlertProps {
+    message: string;
+    severity: AlertProps['severity'];
+}
 export declare class RecurringTransactionsStore {
     globalStore: GlobalStore;
     api: RepeatingTransactionsApi;
@@ -8,7 +13,11 @@ export declare class RecurringTransactionsStore {
     isDataLoaded: boolean;
     selectedDay: Date | undefined;
     dateRange: DateRange;
+    selectedRepeatingTransactionGuid: string | null;
+    selectedRecurrence: Recurrence | null;
+    alert: RecurringAlertProps;
     constructor(globalStore: GlobalStore);
+    get copy(): RecurringCopy;
     get detailedRepeatingTransactions(): RepeatingTransaction[];
     /**
      * Returns all recurrences built from repeating transactions and filtered by accounts.
@@ -80,6 +89,9 @@ export declare class RecurringTransactionsStore {
      * Get the recurrences for the currently selected day.
      */
     get selectedDayRecurrences(): Recurrence[] | undefined;
+    get selectedRepeatingTransaction(): RepeatingTransaction | undefined;
+    setSelectedRepeatingTransactionGuid: (guid: string | null) => string | null;
+    setSelectedRecurrence: (recurrence: Recurrence | null) => Recurrence | null;
     setRepeatingTransactions: (repeating: RepeatingTransaction[]) => void;
     /**
      * Set the date range for filtering recurrences.
@@ -112,4 +124,20 @@ export declare class RecurringTransactionsStore {
      * @param transaction - The repeating transaction to update.
      */
     updateRepeatingTransaction: (transaction: RepeatingTransaction) => Promise<void>;
+    /**
+     * Mark a recurrence as paid by linking a transaction to the repeating transaction.
+     * @param repeatingTransactionGuid - The GUID of the repeating transaction.
+     * @param transaction - The transaction to link.
+     */
+    markRecurrenceAsPaid: (repeatingTransactionGuid: string, transaction: Transaction) => Promise<void>;
+    /**
+     * Mark a recurrence as unpaid by unlinking the associated transaction from the repeating transaction.
+     * @param transaction - The transaction to unlink.
+     */
+    markRecurrenceAsUnpaid: (transaction: Transaction) => Promise<void>;
+    setAlert: (message: string, severity?: RecurringAlertProps["severity"]) => {
+        message: string;
+        severity: import('@mui/types').OverridableStringUnion<import('@mui/material').AlertColor, import('@mui/material').AlertPropsColorOverrides> | undefined;
+    };
 }
+export {};

package/dist/core/stores/TransactionStore.d.ts

@@ -31,6 +31,7 @@ export declare class TransactionStore {
     transactionRules: TransactionRule[];
     transactionRulesLoaded: boolean;
     transactionRulesLoading: boolean;
+    transactionSplitting: boolean;
     cachedStartDate: Date;
     filter: TransactionFilter;
     isLoading: boolean;

package/dist/core/types/localization/RecurringCopy.d.ts

@@ -50,8 +50,17 @@ export interface RecurringCopy {
     income_details: string;
     income_schedule: string;
     last_day_of_month: string;
+    link_transaction_button: string;
+    link_transaction_description: string;
+    link_transaction_error: string;
+    link_transaction_success: string;
     manage_expenses: string;
+    more_menu_aria: string;
     manage_income: string;
+    mark_as_paid_cta: string;
+    mark_as_paid_dialog_title: string;
+    mark_as_unpaid_cta: string;
+    mark_as_unpaid_dialog_title: string;
     mini_title: string;
     missed: string;
     missed_on: string;
@@ -63,8 +72,8 @@ export interface RecurringCopy {
     paid: string;
     paid_activity: string;
     paid_on: string;
-    paid_transactions: string;
     past: string;
+    past_activity: string;
     past_transactions: string;
     payment_schedule: string;
     primary_cta: string;
@@ -93,6 +102,10 @@ export interface RecurringCopy {
     twice_a_month_ordinal: string;
     transaction_details_drawer_title: string;
     upcoming: string;
+    unlink_transaction_button: string;
+    unlink_transaction_description: string;
+    unlink_transaction_error: string;
+    unlink_transaction_success: string;
     upcoming_activity: string;
     upcoming_on: string;
     unknown: string;

package/dist/core/types/localization/SpendingCopy.d.ts

@@ -1,5 +1,6 @@
 export interface SpendingCopy {
     by_category: string;
+    chart_description: string;
     close_drawer_aria: string;
     income_tab_title: string;
     mini_title: string;

package/dist/core/utils/DateUtil.d.ts

@@ -1,5 +1,7 @@
 export declare const getNextWeeklyDate: (date: Date) => Date;
 export declare const getNextBiWeeklyDate: (date: Date) => Date;
+export declare const getTwiceMonthlyDates: (day1: number, day2: number) => Date[];
+export declare const getNextTwiceMonthlyDate: (day1: number, day2: number) => Date;
 export declare const getNextMonthlyDate: (date: Date) => Date;
 export declare const getNextBiMonthlyDate: (date: Date) => Date;
 export declare const getNextQuarterlyDate: (date: Date) => Date;

package/dist/core/utils/RecurringTransactionsUtil.d.ts

@@ -9,4 +9,5 @@ export declare const buildAllRecurrences: (repeatingTransactions: RepeatingTrans
 export declare const augmentRepeatingTransactions: (accounts: Account[], repeatingTransactions: RepeatingTransaction[], transactions: Transaction[]) => RepeatingTransaction[];
 export declare const groupRecurrencesByDate: (recurrences: Recurrence[]) => GroupedRecurrence[];
 export declare const getFrequencyLabel: (copy: RecurringCopy, repeatingTransaction: RepeatingTransaction, showOrdinal: boolean) => string;
-export declare const getNextPaymentDate: (frequency: Frequency, date: Date, recurrenceDay?: number) => Date;
+export declare const getNextPaymentDate: (frequency: Frequency, date: Date, recurrenceDay?: number, secondRecurrenceDay?: number) => Date;
+export declare const getNextUpcomingDate: (recurringTransaction: RepeatingTransaction, recurrences: Recurrence[]) => Date;

package/dist/dashboard/index.es.js

@@ -1,198 +1,155 @@
-import { Hn as y, Kn as S, mr as x } from "../accounts-DkyAiLpg.mjs";
-import { n as M } from "../Analytics-BKzTPees.mjs";
-import { i as C, m as v, p as b } from "../Loader-BlVzRtUd.mjs";
-import i from "react";
-import { observer as u } from "mobx-react-lite";
-import a from "@mui/material/Stack";
-import { H2 as D, Icon as _, P as z } from "@mxenabled/mxui";
-import G from "@mui/material/Button";
-import W from "@mui/material/Paper";
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTheme as k } from "@mui/material/styles";
-import A from "@mui/material/Box";
+import o from "react";
+import { observer as p } from "mobx-react-lite";
+import u from "@mui/material/Grid";
+import m from "@mui/material/Skeleton";
+import s from "@mui/material/Stack";
+import { useTheme as S } from "@mui/material/styles";
+import { e as w, u as b, i as v } from "../hooks-97sNJ_lf.mjs";
+import C from "@mui/material/Paper";
+import { Icon as _, H2 as M, P as D } from "@mxenabled/mxui";
+import { useMediaQuery as G } from "@mui/system";
+import z from "@mui/material/Box";
+import W from "@mui/material/Button";
+import k from "@mui/material/IconButton";
+import A from "@mui/material/Tooltip";
 import I from "@mui/material/useMediaQuery";
-import B from "@mui/material/IconButton";
-import F from "@mui/material/Tooltip";
-import l from "@mui/material/Skeleton";
-import { useMediaQuery as R } from "@mui/system";
-import m from "@mui/material/Grid";
-var j = u(() => {
-  const t = k(), { appDataStore: { banner: n, loadBanner: s, user: o } } = v();
-  return i.useEffect(() => {
-    s().finally();
-  }, [o]), n?.image_url ? /* @__PURE__ */ e(a, {
-    sx: {
-      alignItems: "center",
-      width: "100%",
-      mb: 24
-    },
-    children: /* @__PURE__ */ e("a", {
-      href: n?.redirect_url,
-      rel: "noreferrer",
-      style: { width: "100%" },
-      target: "_blank",
-      children: /* @__PURE__ */ e("img", {
-        alt: "",
-        src: n.image_url,
-        style: {
-          width: "100%",
-          height: "auto",
-          border: `1px solid ${t.palette.grey[300]}`
+import { G as B } from "../GlobalAccountFilter-BhzR5Vb1.mjs";
+import { u as y } from "../useScreenSize-mWpmnh5w.mjs";
+import { C as F } from "../ConnectDrawer-CW4LA3H3.mjs";
+import { u as R } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+const T = p(() => {
+  const t = S(), {
+    appDataStore: { banner: r, loadBanner: i, user: a }
+  } = w();
+  return o.useEffect(() => {
+    i().finally();
+  }, [a]), r?.image_url ? /* @__PURE__ */ e(
+    s,
+    {
+      sx: {
+        alignItems: "center",
+        width: "100%",
+        mb: 24
+      },
+      children: /* @__PURE__ */ e(
+        "a",
+        {
+          href: r?.redirect_url,
+          rel: "noreferrer",
+          style: {
+            width: "100%"
+          },
+          target: "_blank",
+          children: /* @__PURE__ */ e(
+            "img",
+            {
+              alt: "",
+              src: r.image_url,
+              style: {
+                width: "100%",
+                height: "auto",
+                border: `1px solid ${t.palette.grey[300]}`
+              }
+            }
+          )
         }
-      })
-    })
-  }) : null;
-}), H = ({ handleConnectClick: t }) => {
-  const { common: n } = b();
-  return /* @__PURE__ */ e(A, { children: I("(max-width: 700px)") ? /* @__PURE__ */ e(F, {
-    id: "add-accounts",
-    placement: "bottom",
-    title: n.add_accounts,
-    children: /* @__PURE__ */ e(B, {
+      )
+    }
+  ) : null;
+}), $ = ({ handleConnectClick: t }) => {
+  const { common: r } = b(), i = I("(max-width: 700px)");
+  return /* @__PURE__ */ e(z, { children: i ? /* @__PURE__ */ e(A, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ e(
+    k,
+    {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": n.add_accounts,
+      "aria-label": r.add_accounts,
       color: "primary",
       onClick: t,
-      children: /* @__PURE__ */ e(_, {
-        name: "add",
-        size: 24
-      })
-    })
-  }) : /* @__PURE__ */ e(G, {
-    "aria-controls": "add_accounts",
-    "aria-haspopup": !0,
-    "aria-label": n.add_accounts,
-    onClick: t,
-    startIcon: /* @__PURE__ */ e(_, {
-      name: "add",
-      size: 24
-    }),
-    sx: {
-      p: 12,
-      whiteSpace: "nowrap",
-      minWidth: "max-content"
-    },
-    variant: "text",
-    children: n.add_accounts
-  }) });
-}, Q = u(H), T = () => {
-  const [t, n] = i.useState(!1), s = R("(max-width:320px)"), { common: o, connect: h } = b(), { config: d } = C(), { isMobile: p } = x(), g = () => {
-    const r = (/* @__PURE__ */ new Date()).getHours();
-    return r > 1 && r < 12 ? o.good_morning : r >= 12 && r < 18 ? o.good_afternoon : o.good_evening;
+      children: /* @__PURE__ */ e(_, { name: "add", size: 24 })
+    }
+  ) }) : /* @__PURE__ */ e(
+    W,
+    {
+      "aria-controls": "add_accounts",
+      "aria-haspopup": !0,
+      "aria-label": r.add_accounts,
+      onClick: t,
+      startIcon: /* @__PURE__ */ e(_, { name: "add", size: 24 }),
+      sx: {
+        p: 12,
+        whiteSpace: "nowrap",
+        minWidth: "max-content"
+      },
+      variant: "text",
+      children: r.add_accounts
+    }
+  ) });
+}, j = p($), Q = () => {
+  const [t, r] = o.useState(!1), i = G("(max-width:320px)"), { common: a, connect: g } = b(), { config: d } = v(), { isMobile: f } = y(), x = () => {
+    const l = (/* @__PURE__ */ new Date()).getHours();
+    return l > 1 && l < 12 ? a.good_morning : l >= 12 && l < 18 ? a.good_afternoon : a.good_evening;
   };
-  return /* @__PURE__ */ c(i.Fragment, { children: [/* @__PURE__ */ e(W, {
-    sx: {
-      gap: 12,
-      mb: p ? 24 : 0,
-      p: 24
-    },
-    children: /* @__PURE__ */ c(a, {
-      alignItems: "center",
-      flexDirection: "row",
-      justifyContent: "space-between",
-      children: [/* @__PURE__ */ c(a, { children: [/* @__PURE__ */ e(D, {
-        variant: s ? "h2" : "h1",
-        children: g()
-      }), /* @__PURE__ */ e(z, {
-        color: "text.secondary",
-        children: o.heres_your_spending_overview
-      })] }), /* @__PURE__ */ c(a, {
-        flexDirection: "row",
-        children: [d.show_connections_widget_in_master && /* @__PURE__ */ e(Q, { handleConnectClick: () => n(!0) }), /* @__PURE__ */ e(S, {})]
-      })]
-    })
-  }), t && /* @__PURE__ */ e(y, {
-    onClose: () => n(!1),
-    showConnectWidget: t,
-    title: h.mini_title
-  })] });
-}, P = u(T), f = /* @__PURE__ */ (function(t) {
-  return t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t;
-})({}), $ = ({ widgets: t, isLoading: n }) => {
-  const { isDesktop: s, isMobile: o } = x(), { copyStore: h } = v();
-  M({
+  return /* @__PURE__ */ c(o.Fragment, { children: [
+    /* @__PURE__ */ e(C, { sx: { gap: 12, mb: f ? 24 : 0, p: 24 }, children: /* @__PURE__ */ c(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ c(s, { children: [
+        /* @__PURE__ */ e(M, { variant: i ? "h2" : "h1", children: x() }),
+        /* @__PURE__ */ e(D, { color: "text.secondary", children: a.heres_your_spending_overview })
+      ] }),
+      /* @__PURE__ */ c(s, { flexDirection: "row", children: [
+        d.show_connections_widget_in_master && /* @__PURE__ */ e(j, { handleConnectClick: () => r(!0) }),
+        /* @__PURE__ */ e(B, {})
+      ] })
+    ] }) }),
+    t && /* @__PURE__ */ e(
+      F,
+      {
+        onClose: () => r(!1),
+        showConnectWidget: t,
+        title: g.mini_title
+      }
+    )
+  ] });
+}, H = p(Q);
+var h = /* @__PURE__ */ ((t) => (t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t))(h || {});
+const P = ({ widgets: t, isLoading: r }) => {
+  const { isDesktop: i, isMobile: a } = y(), { copyStore: g } = w();
+  R({
     widgetName: "Dashboard",
-    isLoaded: !n
-  });
-  const d = i.useMemo(() => t.filter((r) => r.location !== f.Disabled).sort((r, w) => r.index - w.index), [t]), p = i.useMemo(() => d.filter((r) => r.location === f.Main), [d]), g = i.useMemo(() => d.filter((r) => r.location === f.RightSide), [d]);
-  return /* @__PURE__ */ c(m, {
-    container: !0,
-    spacing: o ? 0 : 24,
-    children: [
-      /* @__PURE__ */ e(m, {
-        size: 12,
-        sx: { pt: 16 },
-        children: h.isInitialized && /* @__PURE__ */ e(P, {})
-      }),
-      /* @__PURE__ */ c(m, {
-        size: {
-          xs: 12,
-          lg: 8
-        },
-        children: [
-          /* @__PURE__ */ e(j, {}),
-          n && /* @__PURE__ */ c(a, {
-            direction: "column",
-            spacing: 24,
-            children: [
-              /* @__PURE__ */ e(l, {
-                height: 100,
-                variant: "rounded",
-                width: "100%"
-              }),
-              /* @__PURE__ */ e(l, {
-                height: 300,
-                variant: "rounded",
-                width: "100%"
-              }),
-              /* @__PURE__ */ e(l, {
-                height: 300,
-                variant: "rounded",
-                width: "100%"
-              })
-            ]
-          }),
-          !n && /* @__PURE__ */ e(a, {
-            direction: "column",
-            spacing: 24,
-            children: s ? p.map((r) => /* @__PURE__ */ e(i.Fragment, { children: r.component }, r.index)) : d.map((r) => /* @__PURE__ */ e(i.Fragment, { children: r.component }, r.index))
-          })
-        ]
-      }),
-      s && /* @__PURE__ */ e(m, {
-        size: { lg: 4 },
-        children: n ? /* @__PURE__ */ c(a, {
-          direction: "column",
-          spacing: 24,
-          children: [
-            /* @__PURE__ */ e(l, {
-              height: 200,
-              variant: "rounded",
-              width: "100%"
-            }),
-            /* @__PURE__ */ e(l, {
-              height: 100,
-              variant: "rounded",
-              width: "100%"
-            }),
-            /* @__PURE__ */ e(l, {
-              height: 300,
-              variant: "rounded",
-              width: "100%"
-            })
-          ]
-        }) : /* @__PURE__ */ e(a, {
-          direction: "column",
-          spacing: 24,
-          children: g.map((r) => /* @__PURE__ */ e(i.Fragment, { children: r.component }, r.index))
-        })
-      })
-    ]
+    isLoaded: !r
   });
-}, ae = u($);
+  const d = o.useMemo(
+    () => t.filter((n) => n.location !== h.Disabled).sort((n, l) => n.index - l.index),
+    [t]
+  ), f = o.useMemo(
+    () => d.filter((n) => n.location === h.Main),
+    [d]
+  ), x = o.useMemo(
+    () => d.filter((n) => n.location === h.RightSide),
+    [d]
+  );
+  return /* @__PURE__ */ c(u, { container: !0, spacing: a ? 0 : 24, children: [
+    /* @__PURE__ */ e(u, { size: 12, sx: { pt: 16 }, children: g.isInitialized && /* @__PURE__ */ e(H, {}) }),
+    /* @__PURE__ */ c(u, { size: { xs: 12, lg: 8 }, children: [
+      /* @__PURE__ */ e(T, {}),
+      r && /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+        /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
+      ] }),
+      !r && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? f.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) : d.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) })
+    ] }),
+    i && /* @__PURE__ */ e(u, { size: { lg: 4 }, children: r ? /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+      /* @__PURE__ */ e(m, { height: 200, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
+    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) }) })
+  ] });
+}, se = p(P);
 export {
-  ae as Dashboard,
-  f as DashboardLocation
+  se as Dashboard,
+  h as DashboardLocation
 };
+//# sourceMappingURL=index.es.js.map

package/dist/dashboard/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/common/components/Banner.tsx","../../src/common/components/addaccounts/AddAccounts.tsx","../../src/dashboard/Greeting.tsx","../../src/dashboard/constants/Dashboard.ts","../../src/dashboard/Dashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n","import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface AddAccountsProps {\n  handleConnectClick: () => void\n}\n\nconst AddAccounts = ({ handleConnectClick }: AddAccountsProps) => {\n  const { common: copy } = useGlobalCopyStore()\n  const isSmallerThan700 = useMediaQuery('(max-width: 700px)')\n\n  return (\n    <Box>\n      {isSmallerThan700 ? (\n        <Tooltip id=\"add-accounts\" placement=\"bottom\" title={copy.add_accounts}>\n          <IconButton\n            aria-controls=\"add_accounts\"\n            aria-describedby=\"add-accounts\"\n            aria-haspopup={true}\n            aria-label={copy.add_accounts}\n            color=\"primary\"\n            onClick={handleConnectClick}\n          >\n            <Icon name=\"add\" size={24} />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Button\n          aria-controls=\"add_accounts\"\n          aria-haspopup={true}\n          aria-label={copy.add_accounts}\n          onClick={handleConnectClick}\n          startIcon={<Icon name=\"add\" size={24} />}\n          sx={{\n            p: 12,\n            whiteSpace: 'nowrap',\n            minWidth: 'max-content',\n          }}\n          variant=\"text\"\n        >\n          {copy.add_accounts}\n        </Button>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(AddAccounts)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport Paper from '@mui/material/Paper'\n\nimport { H2, P } from '@mxenabled/mxui'\nimport { useMediaQuery } from '@mui/system'\n\nimport { ConnectDrawer, useAppConfig, useGlobalCopyStore, useScreenSize } from '../common'\n\nimport AddAccounts from '../common/components/addaccounts/AddAccounts'\nimport { GlobalAccountFilter } from '../common/components/GlobalAccountFilter'\n\nconst Greeting = () => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const isSmallMobileDevice = useMediaQuery('(max-width:320px)')\n\n  const { common: commonCopy, connect: connectCopy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  const { isMobile } = useScreenSize()\n\n  const getGreeting = () => {\n    const now = new Date()\n    const hour = now.getHours()\n\n    if (hour > 1 && hour < 12) {\n      return commonCopy.good_morning\n    } else if (hour >= 12 && hour < 18) {\n      return commonCopy.good_afternoon\n    } else {\n      return commonCopy.good_evening\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <Paper sx={{ gap: 12, mb: isMobile ? 24 : 0, p: 24 }}>\n        <Stack alignItems=\"center\" flexDirection=\"row\" justifyContent=\"space-between\">\n          <Stack>\n            <H2 variant={isSmallMobileDevice ? 'h2' : 'h1'}>{getGreeting()}</H2>\n            <P color=\"text.secondary\">{commonCopy.heres_your_spending_overview}</P>\n          </Stack>\n          <Stack flexDirection=\"row\">\n            {config.show_connections_widget_in_master && (\n              <AddAccounts handleConnectClick={() => setShowConnectWidget(true)} />\n            )}\n            <GlobalAccountFilter />\n          </Stack>\n        </Stack>\n      </Paper>\n      {showConnectWidget && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={connectCopy.mini_title}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n\nexport default observer(Greeting)\n","export enum DashboardLocation {\n  Main = 0,\n  RightSide = 1,\n  Disabled = 2,\n}\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Grid from '@mui/material/Grid'\nimport Skeleton from '@mui/material/Skeleton'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore, useScreenSize, useWidgetLoadTimer } from '../common'\n\nimport { Banner } from '../common/components/Banner'\n\nimport Greeting from './Greeting'\nimport { DashboardLocation } from './constants/Dashboard'\nimport type { DashboardWidget } from './types/DashboardTypes'\n\nexport interface DashboardProps {\n  widgets: DashboardWidget[]\n  isLoading: boolean\n}\n\nconst Dashboard: React.FC<DashboardProps> = ({ widgets, isLoading }) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { copyStore } = useGlobalStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'Dashboard',\n    isLoaded: !isLoading,\n  })\n\n  const sortedWidgets = React.useMemo(\n    () =>\n      widgets\n        .filter((widget) => widget.location !== DashboardLocation.Disabled)\n        .sort((w1, w2) => w1.index - w2.index),\n    [widgets],\n  )\n\n  const mainWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.Main),\n    [sortedWidgets],\n  )\n\n  const sideWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.RightSide),\n    [sortedWidgets],\n  )\n\n  return (\n    <Grid container={true} spacing={isMobile ? 0 : 24}>\n      <Grid size={12} sx={{ pt: 16 }}>\n        {copyStore.isInitialized && <Greeting />}\n      </Grid>\n\n      {/* Main Column */}\n      <Grid size={{ xs: 12, lg: 8 }}>\n        <Banner />\n        {isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n          </Stack>\n        )}\n        {!isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            {isDesktop\n              ? mainWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))\n              : sortedWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))}\n          </Stack>\n        )}\n      </Grid>\n\n      {/* Right Column */}\n      {isDesktop && (\n        <Grid size={{ lg: 4 }}>\n          {isLoading ? (\n            <Stack direction=\"column\" spacing={24}>\n              <Skeleton height={200} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            </Stack>\n          ) : (\n            <Stack direction=\"column\" spacing={24}>\n              {sideWidgets.map((widget) => (\n                <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n              ))}\n            </Stack>\n          )}\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n\nexport default observer(Dashboard)\n"],"names":["Banner","observer","theme","useTheme","banner","loadBanner","user","useGlobalStore","React","jsx","Stack","AddAccounts","handleConnectClick","copy","useGlobalCopyStore","isSmallerThan700","useMediaQuery","Box","Tooltip","IconButton","Icon","Button","AddAccounts$1","Greeting","showConnectWidget","setShowConnectWidget","isSmallMobileDevice","commonCopy","connectCopy","config","useAppConfig","isMobile","useScreenSize","getGreeting","hour","jsxs","Paper","H2","P","GlobalAccountFilter","ConnectDrawer","Greeting$1","DashboardLocation","Dashboard","widgets","isLoading","isDesktop","copyStore","useWidgetLoadTimer","sortedWidgets","widget","w1","w2","mainWidgets","sideWidgets","Grid","Skeleton","Dashboard_default"],"mappings":"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"}