@mx-cartographer/experiences 7.11.20 → 7.11.21

package/dist/{ManageIncome-_ZP3uPwX.mjs → ManageIncome-C0ddaiMR.mjs}

@@ -17,15 +17,15 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as V, u as fe, S as ge, a as Ce } from "./TransactionList-CXiLG0Ur.mjs";
-import { T as be } from "./TransactionDetails-BEKQKH03.mjs";
-import { addYears as K } from "date-fns/addYears";
+import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-wyBzyHJc.mjs";
+import { T as be } from "./TransactionDetails-CgC3Qu7o.mjs";
+import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
 import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as De } from "@mui/x-date-pickers";
 import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
-import { u as w, j as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-zu7yblbi.mjs";
+import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-BxkfR-Ff.mjs";
 import { b as Re, f as te } from "./NumberFormatting-QCaNwbjv.mjs";
 import { D as N } from "./Drawer-DV4NTsFg.mjs";
 import { A as O } from "./Analytics-i5h6BxR1.mjs";
@@ -36,7 +36,7 @@ import { fromUnixTime as ke } from "date-fns/fromUnixTime";
 import { S as Ne } from "./SearchBox-B7km148n.mjs";
 import { h as Me } from "./DateUtil-wcYTmDRD.mjs";
 import { b as B } from "./Category-CevNQ03n.mjs";
-import { T as ne } from "./Transaction-BR682Yj5.mjs";
+import { T as ne } from "./Transaction-B_2AG36b.mjs";
 const re = ({
   frequency: n,
   firstDay: t,
@@ -70,7 +70,7 @@ const re = ({
     label: Re(b + 1)
   }));
   h[30].label += ` (${r.last_day_of_month})`;
-  const g = h.slice(0, 15), v = h.slice(14), C = n === d.EveryWeek || n === d.EveryOtherWeek, f = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, A = Se(E(), t), y = A < E() ? K(A, 1) : A, D = (b) => {
+  const g = h.slice(0, 15), v = h.slice(14), C = n === d.EveryWeek || n === d.EveryOtherWeek, f = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, A = Se(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
     b && s(xe(b));
   };
   return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
@@ -115,7 +115,7 @@ const re = ({
       {
         disablePast: !0,
         label: r.next_payment_date,
-        maxDate: Z(K(E(), 1), 1),
+        maxDate: Z(j(E(), 1), 1),
         minDate: E(),
         onChange: D,
         value: y
@@ -433,7 +433,7 @@ const re = ({
       g(!0), l(n ? { ...s, custom: W } : { ...s, custom: q });
     }, ie = async () => {
       if (!u) {
-        j();
+        K();
         return;
       }
       o();
@@ -452,8 +452,8 @@ const re = ({
         transaction_type: u.transaction_type,
         user_guid: m.guid
       };
-      await a(R, u), j();
-    }, j = () => {
+      await a(R, u), K();
+    }, K = () => {
       C(""), g(!1);
     };
     return /* @__PURE__ */ c(k, { children: [

package/dist/{MicroWidgetContainer-CMES42I1.mjs → MicroWidgetContainer-B_EnfvCq.mjs}

@@ -6,7 +6,7 @@ import b from "@mui/material/CardHeader";
 import { P as u, H3 as v } from "@mxenabled/mxui";
 import { ChevronRight as W } from "@mxenabled/mx-icons";
 import { u as M } from "./useDimensions-CeDR9V8N.mjs";
-import { W as w } from "./hooks-zu7yblbi.mjs";
+import { W as w } from "./hooks-BxkfR-Ff.mjs";
 const H = ({
   children: e,
   className: o,

package/dist/{MiniWidgetContainer-DhEx4qKi.mjs → MiniWidgetContainer-Cu72GNsE.mjs}

@@ -8,7 +8,7 @@ import W from "@mui/material/IconButton";
 import { Icon as z, ChevronRight as H } from "@mxenabled/mx-icons";
 import { H3 as I, Text as B, P as M } from "@mxenabled/mxui";
 import { u as S } from "./useDimensions-CeDR9V8N.mjs";
-import { W as j } from "./hooks-zu7yblbi.mjs";
+import { W as j } from "./hooks-BxkfR-Ff.mjs";
 const w = ({
   children: a,
   className: m = "mx-cmn-mini-widget",

package/dist/{NotificationSettings-D8uSK6m9.mjs → NotificationSettings-DCbMa5mg.mjs}

@@ -15,11 +15,11 @@ import { DateCalendar as se } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDateFns as ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { A as le, T as R, a as D, N as b } from "./Notification-CMBNDGC-.mjs";
-import { u as S, r as T, o as A, d as J, g as re, a as X, b as de } from "./hooks-zu7yblbi.mjs";
+import { u as S, r as T, o as A, d as J, g as re, a as X, b as de } from "./hooks-BxkfR-Ff.mjs";
 import { b as me } from "./Localization-CPkpIwIx.mjs";
 import { b as _e, f as he } from "./NumberFormatting-QCaNwbjv.mjs";
 import { D as N } from "./Dialog-DdCwLgrl.mjs";
-import { C as ue } from "./CurrencyInput-bcKNJ22c.mjs";
+import { C as ue } from "./CurrencyInput-DuMktPu3.mjs";
 import { u as fe } from "./useScreenSize-B6JyS_Lj.mjs";
 import { D as q } from "./Drawer-DV4NTsFg.mjs";
 import pe from "@mui/material/Collapse";
@@ -30,8 +30,8 @@ import j from "@mui/material/Button";
 import U from "@mui/material/TextField";
 import { u as be } from "./useDimensions-CeDR9V8N.mjs";
 import K from "@mui/material/styles/useTheme";
-import { u as xe } from "./useInsightsEnabled-CYLDtNYt.mjs";
-import { u as Ce } from "./useWidgetLoadTimer-Bmgv_UeH.mjs";
+import { u as xe } from "./useInsightsEnabled-DL_oNyI0.mjs";
+import { u as Ce } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as ve } from "./Loader-D3rjKx72.mjs";
 const Te = C(() => {
   const { common: n, settings: t } = S(), { sendEmailVerification: s } = T(), { user: l } = A(), i = K(), [r, a] = f.useState(!1), o = () => {

package/dist/{OriginalBalanceAction-DuVHcBdO.mjs → OriginalBalanceAction-CW_xOa6Z.mjs}

@@ -2,10 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import _ from "react";
 import { observer as p } from "mobx-react-lite";
 import v from "@mui/material/TextField";
-import { L as y } from "./ListItemAction-5YhgdUZW.mjs";
-import { u as h, l as b } from "./hooks-zu7yblbi.mjs";
+import { L as y } from "./ListItemAction-CfXGuY7a.mjs";
+import { u as h, k as b } from "./hooks-BxkfR-Ff.mjs";
 import { a as T, f as S } from "./NumberFormatting-QCaNwbjv.mjs";
-import { C as f } from "./CurrencyInput-bcKNJ22c.mjs";
+import { C as f } from "./CurrencyInput-DuMktPu3.mjs";
 const F = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const n = { ...e, interest_rate: t };

package/dist/{RecurringSettings-CSrJUzaC.mjs → RecurringSettings-CD1_vCES.mjs}

@@ -7,8 +7,8 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-_ZP3uPwX.mjs";
-import { u as _, j as A, g as f } from "./hooks-zu7yblbi.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-C0ddaiMR.mjs";
+import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RecurringTransactions-CYNpe_RS.mjs";
 import { A as m } from "./Analytics-i5h6BxR1.mjs";
 const I = h(() => {

package/dist/{SpendingLegend-Cpd_jtoX.mjs → SpendingLegend-DHi0vx8B.mjs}

@@ -9,7 +9,7 @@ import { useTheme as M } from "@mui/material/styles";
 import { CategoryIcon as A, CategoryIconVariants as G, Text as y, P as O } from "@mxenabled/mxui";
 import { D as $ } from "./Donut-DSGXraiS.mjs";
 import { u as j } from "./useAriaLive-MkYebyUR.mjs";
-import { u as R } from "./hooks-zu7yblbi.mjs";
+import { u as R } from "./hooks-BxkfR-Ff.mjs";
 import { u as v } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as x } from "./NumberFormatting-QCaNwbjv.mjs";
 import B from "@mui/material/Box";

package/dist/StatusIndicator-wyBzyHJc.mjs

@@ -0,0 +1,252 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import m from "react";
+import { observer as v } from "mobx-react-lite";
+import { useVirtualizer as B } from "@tanstack/react-virtual";
+import T from "@mui/material/Box";
+import H from "@mui/material/Divider";
+import W from "@mui/material/List";
+import { G as X, h as C, u as R, g as K } from "./hooks-BxkfR-Ff.mjs";
+import { MerchantLogo as P, Icon as w, Text as l, P as Y, H2 as Z } from "@mxenabled/mxui";
+import F from "@mui/material/ListItemAvatar";
+import q from "@mui/material/ListItemText";
+import s from "@mui/material/Stack";
+import { T as J, L as Q, O as ee } from "./Transaction-B_2AG36b.mjs";
+import { f as te } from "./NumberFormatting-QCaNwbjv.mjs";
+import { Receipt as re } from "@mxenabled/mx-icons";
+import { fromUnixTime as S } from "date-fns/fromUnixTime";
+import { isSameDay as z } from "date-fns/isSameDay";
+import { h as ne } from "./DateUtil-wcYTmDRD.mjs";
+import { L as oe } from "./Loader-D3rjKx72.mjs";
+import { A as ie } from "./Analytics-i5h6BxR1.mjs";
+const I = () => {
+  if (!m.useContext(X))
+    throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
+  return C().uiStore;
+};
+function se() {
+  return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
+}
+function ae(e) {
+  const r = se().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), n = window.parent || window.opener || !1;
+  return n && n.postMessage && r ? (n.postMessage(e, r), !0) : !1;
+}
+function ce(e) {
+  return ae({
+    metadata: { beat_guid: e },
+    mx: !0,
+    type: "mx/moneyDashboard/insightOnTransaction"
+  });
+}
+const le = ({ transaction: e, onClick: r }) => {
+  const { associatedBeats: n } = C(), { expandedSplits: c } = I(), { transactions: h } = R(), { showInsights: g } = I(), d = e.transaction_type === J.CREDIT, u = m.useMemo(() => n.find((p) => p.associated_transaction_guid === e.guid), [n, e]);
+  return (
+    //TODO: implement common/components/ListItemRow.tsx
+    /* @__PURE__ */ o(
+      Q,
+      {
+        clickEventName: ee.ON_TRANSACTION_LIST_ITEM_CLICK,
+        onClick: r ? () => r(e.guid) : void 0,
+        children: [
+          /* @__PURE__ */ t(F, { children: e.parent_guid && c.includes(e.parent_guid) ? /* @__PURE__ */ t(m.Fragment, {}) : /* @__PURE__ */ t(
+            P,
+            {
+              categoryGuid: e.top_level_category_guid || "",
+              merchantGuid: e.merchant_guid || ""
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            q,
+            {
+              disableTypography: !0,
+              secondary: /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", children: [
+                /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 4, children: [
+                  e.is_flagged && /* @__PURE__ */ t(w, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+                  e.is_hidden && /* @__PURE__ */ t(w, { name: "visibility_off", size: 16 }),
+                  e.has_been_split && /* @__PURE__ */ t(w, { name: "call_split", size: 16 }),
+                  /* @__PURE__ */ t(l, { variant: "XSmall", children: e.has_been_split ? h.split_transaction_category_label : e.category })
+                ] }),
+                u && g && /* @__PURE__ */ t(
+                  l,
+                  {
+                    bold: !0,
+                    color: "action.active",
+                    onClick: (p) => {
+                      p.stopPropagation(), p.preventDefault(), ce(u.guid);
+                    },
+                    variant: "XSmall",
+                    children: u.short_title
+                  }
+                )
+              ] }),
+              children: /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
+                /* @__PURE__ */ o(l, { bold: !0, variant: "Body", children: [
+                  e.is_hidden && h.hide_trnx_cancel_hidden_note,
+                  e.payee || e.description || e.feed_description
+                ] }),
+                /* @__PURE__ */ o(
+                  l,
+                  {
+                    bold: !0,
+                    color: d ? "success.main" : "text.primary",
+                    sx: { flexShrink: 0 },
+                    variant: "Body",
+                    children: [
+                      d ? "+" : "",
+                      te(e.amount, "0,0.00")
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  );
+}, de = v(le), ue = ({
+  bgcolor: e = "background.default",
+  children: r
+}) => /* @__PURE__ */ t(T, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(l, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), pe = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
+  const { transactions: n } = R();
+  return /* @__PURE__ */ o(s, { alignItems: "center", gap: 12, height: "auto", mt: 24, children: [
+    e && /* @__PURE__ */ t(re, { color: "secondary", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ t(l, { bold: !0, color: "secondary", variant: "Small", children: n.zero_state_no_transactions }),
+    r && /* @__PURE__ */ t(l, { color: "secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
+  ] });
+}, me = v(pe), L = (e, r) => {
+  const n = S(r[e].date), c = S(r[e - 1]?.date);
+  return !z(n, c);
+}, he = (e, r) => {
+  const n = S(r[e].date), c = S(r[e + 1]?.date);
+  return z(n, c);
+}, A = 65, N = 32, fe = ({
+  bgcolor: e,
+  filter: r,
+  height: n = "calc(100dvh - 36px)",
+  loader: c = /* @__PURE__ */ t(oe, { label: "Loading", size: 40 }),
+  onClick: h,
+  showInsights: g = !1,
+  showLoader: d = !1,
+  showHiddenTransactions: u = !1,
+  transaction: p,
+  width: D = "100%",
+  zeroState: O = /* @__PURE__ */ t(me, {})
+}) => {
+  const { isLoading: b, sortedTransactions: y } = C(), f = m.useMemo(() => {
+    const i = r ? y.filter(r) : y, a = p ?? i;
+    return u ? a : a.filter((x) => !x.is_hidden);
+  }, [y, u]), { clearExpandedSplits: k, setShowInsights: G, toggleSplit: V } = I(), { onEvent: M } = K(), $ = (i) => {
+    const a = f.find((x) => x.guid === i);
+    if (a?.has_been_split) {
+      V(a.guid);
+      return;
+    }
+    M(ie.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: a?.account_guid,
+      transaction_guid: i
+    }), h?.(i);
+  }, E = m.useRef(null), _ = B({
+    count: f.length,
+    getScrollElement: () => E.current,
+    estimateSize: (i) => A + (L(i, f) ? N : 0),
+    overscan: 5
+  });
+  return m.useEffect(() => _.measure(), [f]), m.useEffect(() => G(g), [g]), m.useEffect(() => () => k(), []), /* @__PURE__ */ t(W, { sx: { width: D }, children: /* @__PURE__ */ t(T, { height: n, overflow: "auto", ref: E, width: D, children: /* @__PURE__ */ o(
+    T,
+    {
+      height: (
+        // set the height to auto when there are no transactions so the zero state isn't set to 0
+        _.getVirtualItems().length === 0 ? "auto" : _.getTotalSize()
+      ),
+      position: "relative",
+      width: "100%",
+      children: [
+        (b || d) && c,
+        !b && !d && _.getVirtualItems().length === 0 && O,
+        !b && !d && _.getVirtualItems().length > 0 && _.getVirtualItems().map((i) => {
+          const a = f[i.index], x = L(i.index, f), U = he(i.index, f), j = A + (x ? N : 0);
+          return /* @__PURE__ */ o(
+            T,
+            {
+              sx: {
+                height: j,
+                position: "absolute",
+                transform: `translateY(${i.start}px)`,
+                width: "100%",
+                bgcolor: "background.paper"
+              },
+              children: [
+                x && /* @__PURE__ */ t(ue, { bgcolor: e, children: ne(a.date) }),
+                /* @__PURE__ */ t(
+                  de,
+                  {
+                    ...h && { onClick: $ },
+                    transaction: a
+                  }
+                ),
+                /* @__PURE__ */ t(H, { sx: { ml: U ? 68 : 0 } })
+              ]
+            },
+            a.guid
+          );
+        })
+      ]
+    }
+  ) }) });
+}, Ve = v(fe), ge = ({
+  amount: e,
+  borderRadius: r = "2px",
+  completeColor: n = "success.main",
+  icon: c,
+  label: h,
+  leftLabel: g,
+  percentComplete: d = 0,
+  rightLabel: u,
+  sx: p
+}) => /* @__PURE__ */ t(s, { sx: { p: 24, width: "100%", ...p }, children: /* @__PURE__ */ o(s, { className: "details-container", sx: { gap: 16 }, children: [
+  /* @__PURE__ */ o(s, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ t(T, { children: c }),
+    /* @__PURE__ */ o(s, { children: [
+      /* @__PURE__ */ t(Y, { variant: "body2", children: h }),
+      typeof e == "string" ? /* @__PURE__ */ t(Z, { children: e }) : e
+    ] })
+  ] }),
+  /* @__PURE__ */ o(s, { sx: { gap: 4 }, children: [
+    /* @__PURE__ */ t(
+      s,
+      {
+        sx: {
+          bgcolor: "divider",
+          borderRadius: r,
+          flexDirection: "row",
+          height: 16,
+          width: "100%"
+        },
+        children: /* @__PURE__ */ t(
+          T,
+          {
+            sx: {
+              bgcolor: n,
+              borderRadius: r,
+              height: 16,
+              width: `${d}%`
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(s, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ t(l, { variant: "body2", children: g }),
+      /* @__PURE__ */ t(l, { variant: "body2", children: u })
+    ] })
+  ] })
+] }) }), Me = ge;
+export {
+  ue as S,
+  Ve as T,
+  de as a,
+  Me as b,
+  he as h,
+  L as s,
+  I as u
+};

package/dist/{Transaction-BR682Yj5.mjs → Transaction-B_2AG36b.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-zu7yblbi.mjs";
+import { g as O } from "./hooks-BxkfR-Ff.mjs";
 const S = ({
   children: T,
   clickEventName: _,