@mx-cartographer/experiences 7.13.21 → 7.13.22-alpha.al0

package/dist/{SpendingLegend-BgjazduU.mjs → SpendingLegend-CGYqNtOp.mjs}

@@ -10,7 +10,7 @@ import { useTheme as A } from "@mui/material/styles";
 import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from "@mxenabled/mxui";
 import { D as j } from "./Donut-CpxJlVvJ.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
-import { u as v } from "./hooks-BxkfR-Ff.mjs";
+import { u as v } from "./hooks-DOWEalfb.mjs";
 import { u as V } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as b } from "./NumberFormatting-QCaNwbjv.mjs";
 const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {

package/dist/{StatusIndicator-CIKUOoN_.mjs → StatusIndicator-CnDblSmc.mjs}

@@ -5,13 +5,13 @@ import { useVirtualizer as H } from "@tanstack/react-virtual";
 import y from "@mui/material/Box";
 import W from "@mui/material/Divider";
 import B from "@mui/material/List";
-import { G as K, h as E, u as R, g as P } from "./hooks-BxkfR-Ff.mjs";
+import { G as K, h as E, u as R, f as P } from "./hooks-DOWEalfb.mjs";
 import { MerchantLogo as Y, Icon as v, Text as l, P as Z, H2 as F } from "@mxenabled/mxui";
 import q from "@mui/material/ListItemAvatar";
 import J from "@mui/material/ListItemText";
 import s from "@mui/material/Stack";
 import { useTheme as Q } from "@mui/material/styles";
-import { T as X, L as ee, O as te } from "./Transaction-CqjlF6SO.mjs";
+import { T as X, L as ee, O as te } from "./Transaction-Bd0myZzA.mjs";
 import { f as re } from "./NumberFormatting-QCaNwbjv.mjs";
 import { Receipt as oe } from "@mxenabled/mx-icons";
 import { fromUnixTime as w } from "date-fns/fromUnixTime";

package/dist/{Transaction-CqjlF6SO.mjs → Transaction-Bd0myZzA.mjs}

@@ -1,7 +1,7 @@
 import { jsx as C } from "react/jsx-runtime";
 import A from "@mui/material/ListItem";
 import o from "@mui/material/ListItemButton";
-import { g as O } from "./hooks-BxkfR-Ff.mjs";
+import { f as O } from "./hooks-DOWEalfb.mjs";
 const S = ({
   children: T,
   clickEventName: _,

package/dist/{TransactionDetails-CwqokbQo.mjs → TransactionDetails-DAB5arBD.mjs}

@@ -8,14 +8,14 @@ import ce from "@mui/material/Paper";
 import v from "@mui/material/Stack";
 import { useTheme as U, alpha as Ce } from "@mui/material/styles";
 import { P as j, Text as x, H2 as Ge, MerchantLogo as Se, Toast as Be, CategoryIcon as Ne, CategoryIconVariants as De, TextField as Ie, Icon as le } from "@mxenabled/mxui";
-import { g as $e, C as Ke, a as Fe, b as He, i as Ue } from "./BudgetUtil-CLhRnCoX.mjs";
+import { g as $e, C as Ke, a as Fe, b as He, i as Ue } from "./BudgetUtil-BCSxP3M3.mjs";
 import oe from "@mui/material/Button";
 import Ve from "@mui/material/FormGroup";
 import ae from "@mui/material/IconButton";
 import Oe from "@mui/material/TextField";
 import { u as pe } from "./useAriaLive-MkYebyUR.mjs";
-import { O as y } from "./Transaction-CqjlF6SO.mjs";
-import { u as S, h as O, m as Ye, d as ze, l as Le, g as w, b as We, o as je } from "./hooks-BxkfR-Ff.mjs";
+import { O as y } from "./Transaction-Bd0myZzA.mjs";
+import { u as S, h as O, m as Ye, d as ze, l as Le, f as w, b as We, o as je } from "./hooks-DOWEalfb.mjs";
 import { A as H } from "./Analytics-BYItVAe-.mjs";
 import qe from "@mui/material/ToggleButton";
 import { ChevronRight as we, Icon as D, Delete as _e, Cancel as me, Search as Xe, Edit as Je, Flag as Qe } from "@mxenabled/mx-icons";
@@ -27,8 +27,8 @@ import $ from "@mui/material/ListItemText";
 import { f as Re, D as Me } from "./DateFormats-BMpMrZpW.mjs";
 import z from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemIcon";
-import { a as ke } from "./CategorySelectorDrawer-Dc9Widy9.mjs";
-import { b as Ze, T as et, u as J } from "./StatusIndicator-CIKUOoN_.mjs";
+import { a as ke } from "./CategorySelectorDrawer-tvJUjmwZ.mjs";
+import { b as Ze, T as et, u as J } from "./StatusIndicator-CnDblSmc.mjs";
 import { D as X } from "./Dialog-Ck34yr-d.mjs";
 import { b as I } from "./Localization-CPkpIwIx.mjs";
 import { getUnixTime as tt } from "date-fns/getUnixTime";
@@ -41,7 +41,7 @@ import { startOfMonth as at } from "date-fns/startOfMonth";
 import { endOfMonth as ot } from "date-fns/endOfMonth";
 import { i as it } from "./DateUtil-wcYTmDRD.mjs";
 import xe from "@mui/material/Grid";
-import { C as st } from "./CurrencyInput-DuMktPu3.mjs";
+import { C as st } from "./CurrencyInput-xu9UcYZR.mjs";
 import ct from "@mui/material/Switch";
 import { L as lt } from "./Loader-D3rjKx72.mjs";
 var ne = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(ne || {}), Z = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(Z || {});

package/dist/{TransactionStore-rpqhGX8m.mjs → TransactionStore-hzVucfUK.mjs}

@@ -12,10 +12,10 @@ import { isBefore as V } from "date-fns/isBefore";
 import { startOfMonth as h } from "date-fns/startOfMonth";
 import { startOfToday as m } from "date-fns/startOfToday";
 import { subDays as v } from "date-fns/subDays";
-import { O as n, a as y, T as b } from "./Transaction-CqjlF6SO.mjs";
+import { O as n, a as y, T as b } from "./Transaction-Bd0myZzA.mjs";
 import { T as D } from "./TransactionApi-Ck5Ua-7F.mjs";
 import { b as Y } from "./Category-CevNQ03n.mjs";
-import { f as F } from "./exportTransactionsToCSV-CdTF_RqL.mjs";
+import { f as F } from "./exportTransactionsToCSV-CamFllci.mjs";
 import { format as W } from "date-fns/format";
 import { fromUnixTime as $ } from "date-fns/fromUnixTime";
 import { f as C, D as I, O as k } from "./DateFormats-BMpMrZpW.mjs";

package/dist/{ViewMoreMicroCard-D24H9kDm.mjs → ViewMoreMicroCard-BWCe3UeO.mjs}

@@ -17,7 +17,7 @@ import Ze from "@mui/material/CircularProgress";
 import { makeAutoObservable as le, runInAction as We } from "mobx";
 import { G as he, b as Qe, u as qe, a as Je } from "./useCombineEvents-Bqojlv8q.mjs";
 import { B as ge } from "./BeatApi-EFHXULDx.mjs";
-import { u as et } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
+import { u as et } from "./useWidgetLoadTimer-DmYEMfRw.mjs";
 import tt from "@mui/material/Card";
 import ot from "@mui/material/CardActionArea";
 import nt from "@mui/material/Avatar";

package/dist/WidgetContainer-BPeSl0Dj.mjs

@@ -0,0 +1,180 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import P from "react";
+import { observer as Y } from "mobx-react-lite";
+import K from "@mui/material/Box";
+import D from "@mui/material/Button";
+import U from "@mui/material/Card";
+import V from "@mui/material/CardContent";
+import q from "@mui/material/CardHeader";
+import S from "@mui/material/Divider";
+import f from "@mui/material/IconButton";
+import h from "@mui/material/Stack";
+import { ChevronLeft as J } from "@mxenabled/mx-icons";
+import { Icon as m, H2 as O, H3 as Q } from "@mxenabled/mxui";
+import { u as X } from "./useDimensions-CeDR9V8N.mjs";
+import { G as Z } from "./GlobalAccountFilter-BkUeAltd.mjs";
+import { L as $ } from "./Loader-D3rjKx72.mjs";
+import { f as ee, b as re, u as te, a as ae, W as oe } from "./hooks-DOWEalfb.mjs";
+import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
+import { D as I } from "./DateRangeSelector-DE4UR77m.mjs";
+import { A as ne } from "./Analytics-BYItVAe-.mjs";
+const Ie = Y(
+  ({
+    allowedAccountTypes: w,
+    actions: u = [],
+    calendarActions: n,
+    children: L,
+    dateRange: s,
+    dateRangeVariant: x = "outlined",
+    className: T = "mx-cmn-widget",
+    hasDivider: A = !1,
+    onAccountsFilterClick: E,
+    onBackClick: p,
+    showAccountFilter: G = !0,
+    showDividerAboveDateSelector: z = !0,
+    sx: H = {},
+    title: _ = ""
+  }) => {
+    const [M, { height: W, width: y }] = X(), { onEvent: N } = ee(), { isDesktop: a, isMobile: o, isTablet: i } = ie(y), { displayedDateRange: C, isCopyLoaded: j } = re(), { common: r } = te(), { config: k } = ae(), B = () => {
+      p && (p(), N(ne.WIDGET_BACK_CLICK));
+    };
+    if (!j)
+      return /* @__PURE__ */ e($, {});
+    const R = {
+      dateRangePickerCopy: {
+        dateRangeFrom: r.date_range_picker.from,
+        dateRangeTo: r.date_range_picker.to,
+        dateRangeCustom: r.date_range_picker.custom,
+        dateRangeSelectARange: r.date_range_picker.select_range,
+        dateRangeThisMonth: r.date_range_picker.this_month,
+        dateRangeLastMonth: r.date_range_picker.last_month,
+        dateRangeLast30Days: r.date_range_picker.last_30_days,
+        dateRangeLast90Days: r.date_range_picker.last_90_days,
+        dateRangeYTD: r.date_range_picker.ytd,
+        dateRangeLastYear: r.date_range_picker.last_year,
+        dateRangeSelect: r.date_range_picker.select
+      },
+      dateRangeEditApply: r.date_range_picker.edit_apply,
+      dateRangeEditTitle: r.date_range_picker.edit_title,
+      dateRangeNextAria: r.date_range_picker.next_aria,
+      dateRangePreviousAria: r.date_range_picker.previous_aria
+    }, b = s ? s.start : C.start, v = s ? s.end : C.end, F = u?.length > 1;
+    return /* @__PURE__ */ c(
+      U,
+      {
+        className: T,
+        sx: {
+          ...o && { px: 4 },
+          "& .mx-cmn-date-range-selector": {
+            ...(o || i) && { textAlign: "center" }
+          },
+          ...H
+        },
+        children: [
+          _ && /* @__PURE__ */ e(
+            q,
+            {
+              action: /* @__PURE__ */ c(h, { alignItems: "center", flexDirection: "row", children: [
+                a && n && /* @__PURE__ */ e(K, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                  I,
+                  {
+                    calendarActions: n,
+                    copy: R,
+                    range: [b, v],
+                    shouldShrinkToIcon: !1,
+                    variant: x
+                  }
+                ) }),
+                G && /* @__PURE__ */ e(
+                  Z,
+                  {
+                    allowedAccountTypes: w,
+                    onAccountFilterClick: E
+                  }
+                ),
+                u?.map((g) => {
+                  if (P.isValidElement(g)) return g;
+                  const { iconName: t, onClick: d, label: l } = g;
+                  return F ? a || i ? /* @__PURE__ */ e(
+                    D,
+                    {
+                      onClick: d,
+                      startIcon: /* @__PURE__ */ e(m, { name: t, size: 24 }),
+                      sx: { my: 4 },
+                      children: l
+                    },
+                    t
+                  ) : /* @__PURE__ */ e(
+                    f,
+                    {
+                      "aria-label": l,
+                      color: "primary",
+                      onClick: d,
+                      children: /* @__PURE__ */ e(m, { name: t, size: 24 })
+                    },
+                    t
+                  ) : a || i ? /* @__PURE__ */ e(
+                    D,
+                    {
+                      onClick: d,
+                      startIcon: /* @__PURE__ */ e(m, { name: t, size: 24 }),
+                      sx: { my: 4 },
+                      children: l
+                    },
+                    t
+                  ) : /* @__PURE__ */ e(f, { "aria-label": l, color: "primary", onClick: d, children: /* @__PURE__ */ e(m, { name: t, size: 24 }) }, t);
+                })
+              ] }),
+              sx: {
+                p: a ? 48 : 24,
+                pb: 0,
+                "& .MuiCardHeader-action": {
+                  mr: 0,
+                  ...n && a && { flexGrow: 1 },
+                  ...(o || i) && { alignSelf: "center" }
+                },
+                "& .MuiCardHeader-content": {
+                  overflow: "hidden"
+                }
+              },
+              title: (
+                // eslint-disable-next-line no-nested-ternary
+                a || i ? k.display_widget_headings ? /* @__PURE__ */ e(O, { variant: "h1", children: _ }) : null : /* @__PURE__ */ c(h, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+                  o && p && /* @__PURE__ */ e(
+                    f,
+                    {
+                      "aria-label": r.back_to_dashboard,
+                      color: "primary",
+                      onClick: B,
+                      sx: { p: 12, mr: 4 },
+                      children: /* @__PURE__ */ e(J, { size: 24 })
+                    }
+                  ),
+                  k.display_widget_headings ? /* @__PURE__ */ e(Q, { children: _ }) : null
+                ] })
+              )
+            }
+          ),
+          A && /* @__PURE__ */ e(S, { sx: { mt: a ? 48 : 24 } }),
+          n && (o || i) && /* @__PURE__ */ c(h, { gap: 24, justifyContent: "center", sx: { mt: o ? 0 : 16 }, children: [
+            z && /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e(
+              I,
+              {
+                calendarActions: n,
+                copy: R,
+                range: [b, v],
+                shouldShrinkToIcon: !1,
+                variant: x
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(V, { ref: M, sx: { p: 0 }, children: /* @__PURE__ */ e(oe, { availableHeight: W, availableWidth: y, children: L }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  Ie as W
+};

package/dist/WidgetContainerV2-BjOelON7.mjs

@@ -0,0 +1,127 @@
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import M from "react";
+import N from "@mui/material/Button";
+import C from "@mui/material/IconButton";
+import r from "@mui/material/Stack";
+import { Text as Y } from "@mxenabled/mxui";
+import { u as H } from "./useDimensions-CeDR9V8N.mjs";
+import { G as U } from "./GlobalAccountFilter-BkUeAltd.mjs";
+import { observer as V } from "mobx-react-lite";
+import { Icon as _ } from "@mxenabled/mx-icons";
+import X from "@mui/material/Paper";
+import { L as q } from "./Loader-D3rjKx72.mjs";
+import { u as J } from "./useScreenSize-B6JyS_Lj.mjs";
+import { b as K, u as O, a as Q, W as Z } from "./hooks-DOWEalfb.mjs";
+import { D as v } from "./DateRangeSelector-DE4UR77m.mjs";
+const _e = V(
+  ({
+    actions: T,
+    allowedAccountTypes: D,
+    calendarActions: i,
+    children: I,
+    className: w = "mx-cmn-widget",
+    dateRange: n,
+    dateRangeVariant: f,
+    onAccountsFilterClick: L,
+    showAccountFilter: W = !0,
+    sx: z = {},
+    title: j = ""
+  }) => {
+    const [A, { height: G, width: P }] = H(), { isDesktop: o, isMobile: l, isSmallTablet: a, isTablet: d } = J(), { displayedDateRange: h, isCopyLoaded: B, isInitialized: E } = K(), { common: e } = O(), {
+      config: { display_widget_headings: F }
+    } = Q();
+    let c = 48, u = 32, k = 0, p = "h1";
+    if (d && !a ? (c = 24, u = 24, p = "h2") : (l || a) && (c = 8, k = 10, p = "h3"), !B)
+      return /* @__PURE__ */ t(q, {});
+    const x = {
+      dateRangePickerCopy: {
+        dateRangeFrom: e.date_range_picker.from,
+        dateRangeTo: e.date_range_picker.to,
+        dateRangeCustom: e.date_range_picker.custom,
+        dateRangeSelectARange: e.date_range_picker.select_range,
+        dateRangeThisMonth: e.date_range_picker.this_month,
+        dateRangeLastMonth: e.date_range_picker.last_month,
+        dateRangeLast30Days: e.date_range_picker.last_30_days,
+        dateRangeLast90Days: e.date_range_picker.last_90_days,
+        dateRangeYTD: e.date_range_picker.ytd,
+        dateRangeLastYear: e.date_range_picker.last_year,
+        dateRangeSelect: e.date_range_picker.select
+      },
+      dateRangeEditApply: e.date_range_picker.edit_apply,
+      dateRangeEditTitle: e.date_range_picker.edit_title,
+      dateRangeNextAria: e.date_range_picker.next_aria,
+      dateRangePreviousAria: e.date_range_picker.previous_aria
+    }, y = n ? n.start : h.start, R = n ? n.end : h.end;
+    return E ? /* @__PURE__ */ g(X, { className: w, elevation: 0, sx: { height: "100vh", ...z }, children: [
+      /* @__PURE__ */ g(
+        r,
+        {
+          alignItems: "center",
+          alignSelf: "stretch",
+          direction: "row",
+          justifyContent: "space-between",
+          sx: { pb: k, pt: u, px: c },
+          children: [
+            (l || a) && /* @__PURE__ */ t(C, { color: "primary", sx: { p: 10 }, children: /* @__PURE__ */ t(_, { name: "menu_open", size: 24, sx: { transform: "rotate(180deg)" } }) }),
+            /* @__PURE__ */ t(r, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: F && /* @__PURE__ */ t(Y, { sx: { width: "100%" }, truncate: !0, variant: p, children: j }) }),
+            (o || d && !a) && i && /* @__PURE__ */ t(r, { alignItems: "center", sx: { flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ t(
+              v,
+              {
+                calendarActions: i,
+                copy: x,
+                range: [y, R],
+                shouldShrinkToIcon: !1,
+                variant: f
+              }
+            ) }),
+            /* @__PURE__ */ g(
+              r,
+              {
+                alignItems: "center",
+                direction: "row",
+                justifyContent: "flex-end",
+                sx: { flex: o || d && !a ? 1 : 0, flexShrink: 0 },
+                children: [
+                  W && /* @__PURE__ */ t(
+                    U,
+                    {
+                      allowedAccountTypes: D,
+                      onAccountFilterClick: L
+                    }
+                  ),
+                  T?.map((m) => {
+                    if (M.isValidElement(m)) return m;
+                    const { iconName: s, onClick: S, label: b } = m;
+                    return o ? /* @__PURE__ */ t(
+                      N,
+                      {
+                        onClick: S,
+                        startIcon: /* @__PURE__ */ t(_, { name: s, size: 24 }),
+                        children: b
+                      },
+                      s
+                    ) : /* @__PURE__ */ t(C, { "aria-label": b, color: "primary", onClick: S, children: /* @__PURE__ */ t(_, { name: s, size: 24 }) }, s);
+                  })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      (l || a) && i && /* @__PURE__ */ t(
+        v,
+        {
+          calendarActions: i,
+          copy: x,
+          range: [y, R],
+          shouldShrinkToIcon: !1,
+          variant: f
+        }
+      ),
+      /* @__PURE__ */ t(r, { ref: A, sx: { p: o ? 48 : 24 }, children: /* @__PURE__ */ t(Z, { availableHeight: G, availableWidth: P, children: I }) })
+    ] }) : null;
+  }
+);
+export {
+  _e as W
+};