@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/TransactionList-BDffKJMO.mjs

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

package/dist/User-DS18cMaz.mjs

@@ -1,237 +0,0 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import p from "react";
-import { css as M } from "@mxenabled/cssinjs";
-import { addDays as O } from "date-fns/addDays";
-import { addMonths as W } from "date-fns/addMonths";
-import { eachDayOfInterval as H } from "date-fns/eachDayOfInterval";
-import { eachWeekOfInterval as z } from "date-fns/eachWeekOfInterval";
-import { endOfMonth as F } from "date-fns/endOfMonth";
-import { format as B } from "date-fns/format";
-import { isBefore as G } from "date-fns/isBefore";
-import { isSameMonth as X } from "date-fns/isSameMonth";
-import { startOfMonth as Y } from "date-fns/startOfMonth";
-import { startOfToday as N } from "date-fns/startOfToday";
-import { subMonths as Z } from "date-fns/subMonths";
-import v from "@mui/material/Button";
-import q from "@mui/material/Paper";
-import { useTokens as I, H2 as J, Text as A } from "@mxenabled/mxui";
-import { ChevronLeft as K, ChevronRight as Q } from "@mxenabled/mx-icons";
-import { f as U, D as V } from "./DateFormats-Cs-NbEZ7.mjs";
-import { isSameDay as m } from "date-fns/isSameDay";
-import { isWithinInterval as P } from "date-fns/isWithinInterval";
-import D from "@mui/material/styles/useTheme";
-const tt = ({ copy: t, date: e, onNextClick: r, onPreviousClick: d }) => {
-  const s = I(), c = nt(s);
-  return /* @__PURE__ */ C("div", { className: `mx-cmn-calendar-header ${c}`, children: [
-    /* @__PURE__ */ o(J, { className: "mx-cmn-calendar-header-title", variant: "H3", children: U(e, V.MONTH_YEAR) }),
-    /* @__PURE__ */ C("div", { className: "mx-cmn-calendar-header-button-container", children: [
-      /* @__PURE__ */ o(v, { "aria-label": t.prevAria, onClick: d, children: /* @__PURE__ */ o(K, { size: 24 }) }),
-      /* @__PURE__ */ o(v, { "aria-label": t.nextAria, onClick: r, children: /* @__PURE__ */ o(Q, { size: 24 }) })
-    ] })
-  ] });
-}, nt = (t) => M({
-  alignItems: "center",
-  display: "flex",
-  marginBottom: t.Spacing.Medium,
-  marginRight: -t.Spacing.Medium,
-  paddingLeft: t.Spacing.XSmall,
-  "& .mx-cmn-calendar-header-title": {
-    flexGrow: 1
-  },
-  "& .mx-cmn-calendar-header-button-container": {
-    display: "flex",
-    gap: 4
-  }
-}), et = ({ beginDate: t, date: e, endDate: r, isInMonth: d, onClick: s }) => {
-  const c = D(), k = rt(c), S = t && r && P(e, { start: t, end: r }) && !m(e, t) && !m(e, r), i = t && r && m(t, e) && !m(t, r), h = r && t && m(r, e) && !m(t, r), a = t && m(t, e) || r && m(r, e), l = m(e, N());
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: `
-        mx-cmn-calendar-day
-        ${k}
-        ${d ? "" : "mx-cmn-out-of-month"}
-        ${S ? "mx-cmn-date-interval" : ""}
-      `,
-      children: /* @__PURE__ */ o(
-        v,
-        {
-          className: `
-          mx-cmn-calendar-day-button
-          ${i ? "mx-cmn-range-start" : ""}
-          ${h ? "mx-cmn-range-end" : ""}
-        `,
-          color: a ? "primary" : "secondary",
-          onClick: () => s(e),
-          variant: a ? "contained" : "text",
-          children: /* @__PURE__ */ o(
-            A,
-            {
-              className: `
-            mx-cmn-calendar-day-text
-            ${a ? "mx-cmn-day-selected" : ""}
-            ${l ? "mx-cmn-today" : ""}`,
-              variant: "Small",
-              children: B(e, "d")
-            }
-          )
-        }
-      )
-    }
-  );
-}, rt = (t) => M({
-  height: g,
-  width: g,
-  display: "flex",
-  justifyContent: "center",
-  "&.mx-cmn-out-of-month": {
-    backgroundColor: t.palette.background.default
-  },
-  "&.mx-cmn-date-interval": {
-    backgroundColor: t.palette.secondary.light
-  },
-  "& .MuiButton-root": {
-    maxWidth: 44,
-    minWidth: 44,
-    height: 44,
-    padding: 0,
-    width: 44,
-    "&.mx-cmn-range-start": {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0,
-      "&:focus": {
-        boxShadow: "none"
-      }
-    },
-    "&.mx-cmn-range-end": {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      "&:focus": {
-        boxShadow: "none"
-      }
-    }
-  },
-  "& .mx-cmn-calendar-day-text": {
-    "&.mx-cmn-day-selected": {
-      color: t.palette.primary,
-      "&.mx-cmn-day-selected": {
-        borderColor: t.palette.common.white
-      }
-    },
-    "&.mx-cmn-today": {
-      borderBottom: `solid 2px ${t.palette.primary.main}`,
-      marginBottom: -6,
-      paddingBottom: 5
-    }
-  }
-}), ot = 340, g = 44;
-var at = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(at || {});
-const bt = ({
-  copy: t,
-  beginDate: e = void 0,
-  endDate: r = void 0,
-  onDateSelected: d,
-  onRangeSelected: s,
-  selectionType: c = "Single"
-  /* Single */
-}) => {
-  const k = I(), S = it(k), [i, h] = p.useState(N), [a, l] = p.useState(e), [R, u] = p.useState(r);
-  p.useEffect(() => {
-    l(e), u(r), e && h(e);
-  }, [e, r]);
-  const E = p.useMemo(() => {
-    const n = z({ start: Y(i), end: F(i) }), f = [];
-    for (let x = 0; x < n.length; x++) {
-      const y = n[x], $ = H({ start: y, end: O(y, 6) }), b = [];
-      for (let w = 0; w < $.length; w++)
-        b.push($[w]);
-      f.push(b);
-    }
-    return f;
-  }, [i]), T = (n) => {
-    if (c !== "None") {
-      if (c === "Single") {
-        l(n), d?.(n);
-        return;
-      }
-      !a || R ? (l(n), u(void 0)) : G(n, a) ? (u(a), l(n), s?.(n, a)) : (u(n), s?.(a, n));
-    }
-  }, _ = () => {
-    const n = N();
-    h(n), c !== "None" && (l(n), c === "Single" ? d?.(n) : (u(n), s?.(n, n)));
-  }, L = () => {
-    h(W(i, 1));
-  }, j = () => {
-    h(Z(i, 1));
-  };
-  return /* @__PURE__ */ o("div", { className: `mx-cmn-calendar ${S}`, children: /* @__PURE__ */ C(q, { sx: { boxShadow: "none" }, children: [
-    /* @__PURE__ */ o(
-      tt,
-      {
-        copy: t,
-        date: i,
-        onNextClick: L,
-        onPreviousClick: j
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-row", children: E[0].map((n, f) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ o(A, { bold: !0, variant: "Small", children: B(n, "EEEEE") }) }, f)) }),
-    E.map((n, f) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-week", children: n.map((x, y) => /* @__PURE__ */ o(
-      et,
-      {
-        beginDate: a,
-        date: x,
-        endDate: R,
-        isInMonth: X(x, i),
-        onClick: T
-      },
-      y
-    )) }, `w-${f}`)),
-    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ o(v, { onClick: _, size: "small", variant: "text", children: t.today }) })
-  ] }) });
-}, it = (t) => M({
-  width: ot,
-  "& .MuiPaper-root": {
-    paddingLeft: 24,
-    paddingRight: 24,
-    paddingTop: 4,
-    paddingBottom: 4
-  },
-  "& .mx-cmn-calendar-header-row": {
-    display: "flex",
-    justifyContent: "center",
-    textAlign: "center",
-    "& .mx-cmn-calendar-header-cell": {
-      height: g,
-      width: g,
-      minWidth: g,
-      "& .kmui-text": {
-        alignItems: "center",
-        display: "flex",
-        height: "100%",
-        justifyContent: "center",
-        width: "100%"
-      }
-    }
-  },
-  "& .mx-cmn-calendar-week": {
-    display: "flex",
-    justifyContent: "center",
-    textAlign: "center"
-  },
-  "& .mx-cmn-calendar-today-container": {
-    display: "block",
-    marginTop: t.Spacing.Medium,
-    textAlign: "center",
-    width: "100%",
-    "& > .MuiButton-root": {
-      display: "inline-block",
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  }
-}), Bt = (t, e) => !!t.find((r) => r.feature_name === e)?.is_enabled;
-export {
-  bt as C,
-  at as a,
-  Bt as i
-};