@mx-cartographer/experiences 7.11.20 → 7.11.21

package/dist/TransactionList-CXiLG0Ur.mjs

@@ -1,204 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import a 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 z, g as K } from "./hooks-zu7yblbi.mjs";
-import { MerchantLogo as P, Icon as I, Text as d } from "@mxenabled/mxui";
-import Y from "@mui/material/ListItemAvatar";
-import Z from "@mui/material/ListItemText";
-import S from "@mui/material/Stack";
-import { T as F, L as q, O as J } from "./Transaction-BR682Yj5.mjs";
-import { f as Q } from "./NumberFormatting-QCaNwbjv.mjs";
-import { Receipt as ee } from "@mxenabled/mx-icons";
-import { fromUnixTime as x } from "date-fns/fromUnixTime";
-import { isSameDay as N } from "date-fns/isSameDay";
-import { h as te } from "./DateUtil-wcYTmDRD.mjs";
-import { L as re } from "./Loader-D3rjKx72.mjs";
-import { A as oe } from "./Analytics-i5h6BxR1.mjs";
-const w = () => {
-  if (!a.useContext(X))
-    throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return C().uiStore;
-};
-function ne() {
-  return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
-}
-function se(e) {
-  const r = ne().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), o = window.parent || window.opener || !1;
-  return o && o.postMessage && r ? (o.postMessage(e, r), !0) : !1;
-}
-function ie(e) {
-  return se({
-    metadata: { beat_guid: e },
-    mx: !0,
-    type: "mx/moneyDashboard/insightOnTransaction"
-  });
-}
-const ae = ({ transaction: e, onClick: r }) => {
-  const { associatedBeats: o } = C(), { expandedSplits: c } = w(), { transactions: g } = z(), { showInsights: _ } = w(), u = e.transaction_type === F.CREDIT, m = a.useMemo(() => o.find((p) => p.associated_transaction_guid === e.guid), [o, e]);
-  return (
-    //TODO: implement common/components/ListItemRow.tsx
-    /* @__PURE__ */ i(
-      q,
-      {
-        clickEventName: J.ON_TRANSACTION_LIST_ITEM_CLICK,
-        onClick: r ? () => r(e.guid) : void 0,
-        children: [
-          /* @__PURE__ */ t(Y, { children: e.parent_guid && c.includes(e.parent_guid) ? /* @__PURE__ */ t(a.Fragment, {}) : /* @__PURE__ */ t(
-            P,
-            {
-              categoryGuid: e.top_level_category_guid || "",
-              merchantGuid: e.merchant_guid || ""
-            }
-          ) }),
-          /* @__PURE__ */ t(
-            Z,
-            {
-              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 ? g.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 && g.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 ? "+" : "",
-                      Q(e.amount, "0,0.00")
-                    ]
-                  }
-                )
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  );
-}, ce = v(ae), le = ({
-  bgcolor: e = "background.default",
-  children: r
-}) => /* @__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: r }) }), de = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
-  const { transactions: o } = z();
-  return /* @__PURE__ */ i(S, { alignItems: "center", gap: 12, height: "auto", mt: 24, children: [
-    e && /* @__PURE__ */ t(ee, { color: "secondary", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ t(d, { bold: !0, color: "secondary", variant: "Small", children: o.zero_state_no_transactions }),
-    r && /* @__PURE__ */ t(d, { color: "secondary", variant: "XSmall", children: o.zero_state_there_are_no_transactions })
-  ] });
-}, ue = v(de), L = (e, r) => {
-  const o = x(r[e].date), c = x(r[e - 1]?.date);
-  return !N(o, c);
-}, me = (e, r) => {
-  const o = x(r[e].date), c = x(r[e + 1]?.date);
-  return N(o, c);
-}, R = 65, A = 32, pe = ({
-  bgcolor: e,
-  filter: r,
-  height: o = "calc(100dvh - 36px)",
-  loader: c = /* @__PURE__ */ t(re, { label: "Loading", size: 40 }),
-  onClick: g,
-  showInsights: _ = !1,
-  showLoader: u = !1,
-  showHiddenTransactions: m = !1,
-  transaction: p,
-  width: E = "100%",
-  zeroState: O = /* @__PURE__ */ t(ue, {})
-}) => {
-  const { isLoading: y, sortedTransactions: b } = C(), l = a.useMemo(() => {
-    const n = r ? b.filter(r) : b, s = p ?? n;
-    return m ? s : s.filter((h) => !h.is_hidden);
-  }, [b, m]), { clearExpandedSplits: k, setShowInsights: G, toggleSplit: V } = w(), { onEvent: M } = K(), U = (n) => {
-    const s = l.find((h) => h.guid === n);
-    if (s?.has_been_split) {
-      V(s.guid);
-      return;
-    }
-    M(oe.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: s?.account_guid,
-      transaction_guid: n
-    }), g?.(n);
-  }, D = a.useRef(null), f = $({
-    count: l.length,
-    getScrollElement: () => D.current,
-    estimateSize: (n) => R + (L(n, l) ? A : 0),
-    overscan: 5
-  });
-  return a.useEffect(() => f.measure(), [l]), a.useEffect(() => G(_), [_]), a.useEffect(() => () => k(), []), /* @__PURE__ */ t(H, { sx: { width: E }, children: /* @__PURE__ */ t(T, { height: o, 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) && c,
-        !y && !u && f.getVirtualItems().length === 0 && O,
-        !y && !u && f.getVirtualItems().length > 0 && f.getVirtualItems().map((n) => {
-          const s = l[n.index], h = L(n.index, l), B = me(n.index, l), W = R + (h ? A : 0);
-          return /* @__PURE__ */ i(
-            T,
-            {
-              sx: {
-                height: W,
-                position: "absolute",
-                transform: `translateY(${n.start}px)`,
-                width: "100%",
-                bgcolor: "background.paper"
-              },
-              children: [
-                h && /* @__PURE__ */ t(le, { bgcolor: e, children: te(s.date) }),
-                /* @__PURE__ */ t(
-                  ce,
-                  {
-                    ...g && { onClick: U },
-                    transaction: s
-                  }
-                ),
-                /* @__PURE__ */ t(j, { sx: { ml: B ? 68 : 0 } })
-              ]
-            },
-            s.guid
-          );
-        })
-      ]
-    }
-  ) }) });
-}, Oe = v(pe);
-export {
-  le as S,
-  Oe as T,
-  ce as a,
-  me as h,
-  L as s,
-  w as u
-};

package/dist/User-BIgPTsU6.mjs

@@ -1,372 +0,0 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import b from "react";
-import { css as E } from "@mxenabled/cssinjs";
-import { addDays as W } from "date-fns/addDays";
-import { addMonths as H } from "date-fns/addMonths";
-import { eachDayOfInterval as O } from "date-fns/eachDayOfInterval";
-import { eachWeekOfInterval as F } from "date-fns/eachWeekOfInterval";
-import { endOfMonth as L } from "date-fns/endOfMonth";
-import { format as _ } from "date-fns/format";
-import { isBefore as z } from "date-fns/isBefore";
-import { isSameMonth as D } from "date-fns/isSameMonth";
-import { startOfMonth as G } from "date-fns/startOfMonth";
-import { startOfToday as $ } from "date-fns/startOfToday";
-import { subMonths as Y } from "date-fns/subMonths";
-import C from "@mui/material/Button";
-import Z from "@mui/material/Paper";
-import { H2 as q, Text as T, H3 as J, P as K } from "@mxenabled/mxui";
-import { ChevronLeft as P, ChevronRight as Q, Icon as U } from "@mxenabled/mx-icons";
-import { f as V, D as X } from "./DateFormats-BMpMrZpW.mjs";
-import { isSameDay as d } from "date-fns/isSameDay";
-import { isWithinInterval as tt } from "date-fns/isWithinInterval";
-import nt from "@mui/material/styles/useTheme";
-import et from "@mui/material/Dialog";
-import ot from "@mui/material/DialogActions";
-import rt from "@mui/material/DialogContent";
-import at from "@mui/material/IconButton";
-import it from "@mui/material/InputAdornment";
-import j from "@mui/material/Stack";
-import lt from "@mui/material/TextField";
-import { u as mt } from "./useScreenSize-B6JyS_Lj.mjs";
-const ct = ({ copy: t, date: o, onNextClick: e, onPreviousClick: l }) => {
-  const c = st();
-  return /* @__PURE__ */ p("div", { className: `mx-cmn-calendar-header ${c}`, children: [
-    /* @__PURE__ */ n(q, { className: "mx-cmn-calendar-header-title", variant: "H3", children: V(o, X.MONTH_YEAR) }),
-    /* @__PURE__ */ p("div", { className: "mx-cmn-calendar-header-button-container", children: [
-      /* @__PURE__ */ n(C, { "aria-label": t.prevAria, onClick: l, children: /* @__PURE__ */ n(P, { size: 24 }) }),
-      /* @__PURE__ */ n(C, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ n(Q, { size: 24 }) })
-    ] })
-  ] });
-}, st = () => E({
-  alignItems: "center",
-  display: "flex",
-  marginBottom: 16,
-  marginRight: -16,
-  paddingLeft: 8,
-  "& .mx-cmn-calendar-header-title": {
-    flexGrow: 1
-  },
-  "& .mx-cmn-calendar-header-button-container": {
-    display: "flex",
-    gap: 4
-  }
-}), dt = ({ beginDate: t, date: o, endDate: e, isInMonth: l, onClick: c }) => {
-  const h = nt(), x = ht(h), a = t && e && tt(o, { start: t, end: e }) && !d(o, t) && !d(o, e), f = t && e && d(t, o) && !d(t, e), m = e && t && d(e, o) && !d(t, e), i = t && d(t, o) || e && d(e, o), u = d(o, $());
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: `
-        mx-cmn-calendar-day
-        ${x}
-        ${l ? "" : "mx-cmn-out-of-month"}
-        ${a ? "mx-cmn-date-interval" : ""}
-      `,
-      children: /* @__PURE__ */ n(
-        C,
-        {
-          className: `
-          mx-cmn-calendar-day-button
-          ${f ? "mx-cmn-range-start" : ""}
-          ${m ? "mx-cmn-range-end" : ""}
-        `,
-          color: i ? "primary" : "secondary",
-          onClick: () => c(o),
-          variant: i ? "contained" : "text",
-          children: /* @__PURE__ */ n(
-            T,
-            {
-              className: `
-            mx-cmn-calendar-day-text
-            ${i ? "mx-cmn-day-selected" : ""}
-            ${u ? "mx-cmn-today" : ""}`,
-              variant: "Small",
-              children: _(o, "d")
-            }
-          )
-        }
-      )
-    }
-  );
-}, ht = (t) => E({
-  height: S,
-  width: S,
-  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
-    }
-  }
-}), ft = 340, S = 44;
-var pt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(pt || {});
-const xt = ({
-  copy: t,
-  beginDate: o = void 0,
-  endDate: e = void 0,
-  onDateSelected: l,
-  onRangeSelected: c,
-  selectionType: h = "Single"
-  /* Single */
-}) => {
-  const x = ut(), [a, f] = b.useState($), [m, i] = b.useState(o), [u, s] = b.useState(e);
-  b.useEffect(() => {
-    i(o), s(e), o && f(o);
-  }, [o, e]);
-  const k = b.useMemo(() => {
-    const r = F({ start: G(a), end: L(a) }), y = [];
-    for (let v = 0; v < r.length; v++) {
-      const w = r[v], A = O({ start: w, end: W(w, 6) }), B = [];
-      for (let R = 0; R < A.length; R++)
-        B.push(A[R]);
-      y.push(B);
-    }
-    return y;
-  }, [a]), N = (r) => {
-    if (h !== "None") {
-      if (h === "Single") {
-        i(r), l?.(r);
-        return;
-      }
-      !m || u ? (i(r), s(void 0)) : z(r, m) ? (s(m), i(r), c?.(r, m)) : (s(r), c?.(m, r));
-    }
-  }, I = () => {
-    const r = $();
-    f(r), h !== "None" && (i(r), h === "Single" ? l?.(r) : (s(r), c?.(r, r)));
-  }, M = () => {
-    f(H(a, 1));
-  }, g = () => {
-    f(Y(a, 1));
-  };
-  return /* @__PURE__ */ n("div", { className: `mx-cmn-calendar ${x}`, children: /* @__PURE__ */ p(Z, { sx: { boxShadow: "none" }, children: [
-    /* @__PURE__ */ n(
-      ct,
-      {
-        copy: t,
-        date: a,
-        onNextClick: M,
-        onPreviousClick: g
-      }
-    ),
-    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-row", children: k[0].map((r, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ n(T, { bold: !0, variant: "Small", children: _(r, "EEEEE") }) }, y)) }),
-    k.map((r, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-week", children: r.map((v, w) => /* @__PURE__ */ n(
-      dt,
-      {
-        beginDate: m,
-        date: v,
-        endDate: u,
-        isInMonth: D(v, a),
-        onClick: N
-      },
-      w
-    )) }, `w-${y}`)),
-    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ n(C, { onClick: I, size: "small", variant: "text", children: t.today }) })
-  ] }) });
-}, ut = () => E({
-  width: ft,
-  "& .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: S,
-      width: S,
-      minWidth: S,
-      "& .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: 16,
-    textAlign: "center",
-    width: "100%",
-    "& > .MuiButton-root": {
-      display: "inline-block",
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  }
-}), Kt = xt, gt = ({
-  closeAriaLabel: t,
-  content: o,
-  inputLabel: e,
-  inputValue: l,
-  isOpen: c,
-  handleInputChange: h,
-  handleModalClose: x,
-  handlePrimaryAction: a,
-  handleSecondaryAction: f,
-  primaryColor: m = "primary",
-  primaryText: i,
-  secondaryColor: u = "primary",
-  secondaryText: s,
-  title: k
-}) => {
-  const N = parseFloat(l ?? "0"), I = l !== "" && l !== "0" && !isNaN(N), { isSmallMobile: M } = mt();
-  return /* @__PURE__ */ n(
-    et,
-    {
-      "aria-label": k,
-      "aria-labelledby": "modal-title",
-      maxWidth: "xs",
-      onClose: x,
-      open: c,
-      role: "dialog",
-      sx: {
-        "& .MuiDialogContent-root": { p: 0 },
-        ...M && { "& .MuiDialog-paper": { minWidth: "100%" } }
-      },
-      children: /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ p(
-        "form",
-        {
-          onSubmit: (g) => {
-            g.preventDefault(), a();
-          },
-          children: [
-            /* @__PURE__ */ p(
-              j,
-              {
-                sx: {
-                  alignItems: "center",
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  pb: 12,
-                  pl: 24,
-                  position: "relative",
-                  pr: 16,
-                  pt: 24
-                },
-                children: [
-                  /* @__PURE__ */ n(J, { id: "modal-title", children: k }),
-                  /* @__PURE__ */ n(
-                    at,
-                    {
-                      "aria-label": t,
-                      onClick: x,
-                      sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
-                      children: /* @__PURE__ */ n(U, { name: "close", sx: { color: "action.active" } })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ p(j, { sx: { gap: 24, px: 24 }, children: [
-              /* @__PURE__ */ n(K, { variant: "subtitle1", children: o }),
-              e && /* @__PURE__ */ n(
-                lt,
-                {
-                  InputProps: {
-                    startAdornment: /* @__PURE__ */ n(it, { position: "start", children: "$" })
-                  },
-                  autoFocus: !0,
-                  inputMode: "decimal",
-                  inputProps: {
-                    "aria-label": e,
-                    noValidate: !0,
-                    pattern: "[0-9]*\\.?[0-9]*"
-                  },
-                  label: e,
-                  onChange: ({ target: { value: g } }) => {
-                    /^\d*\.?\d*$/.test(g) && h?.(g);
-                  },
-                  type: "text",
-                  value: l
-                }
-              )
-            ] }),
-            /* @__PURE__ */ p(
-              ot,
-              {
-                sx: {
-                  justifyContent: "flex-end",
-                  gap: 16,
-                  p: 24,
-                  ">:not(style)~:not(style)": { ml: 0 }
-                },
-                children: [
-                  s && /* @__PURE__ */ n(
-                    C,
-                    {
-                      "aria-label": s,
-                      color: u,
-                      onClick: f,
-                      children: s
-                    }
-                  ),
-                  /* @__PURE__ */ n(
-                    C,
-                    {
-                      "aria-label": i,
-                      color: m,
-                      disabled: e ? !I : !1,
-                      onClick: a,
-                      variant: "contained",
-                      children: i
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-}, Pt = gt, Qt = (t, o) => !!t.find((e) => e.feature_name === o)?.is_enabled;
-export {
-  Kt as C,
-  pt as a,
-  Pt as b,
-  Qt as i
-};