@mx-cartographer/experiences 7.12.5 → 7.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.12.5",
+  "version": "7.12.7",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/StatusIndicator-Bo80rdKq.mjs

@@ -1,252 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import p 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-BYItVAe-.mjs";
-const I = () => {
-  if (!p.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 = p.useMemo(() => n.find((m) => m.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(p.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: (m) => {
-                      m.stopPropagation(), m.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 }) }), me = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
-  const { transactions: n } = R();
-  return /* @__PURE__ */ o(s, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    e && /* @__PURE__ */ t(re, { color: "action", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ t(l, { bold: !0, color: "text.secondary", variant: "Small", children: n.zero_state_no_transactions }),
-    r && /* @__PURE__ */ t(l, { color: "text.secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
-  ] });
-}, pe = v(me), 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: m,
-  width: D = "100%",
-  zeroState: O = /* @__PURE__ */ t(pe, {})
-}) => {
-  const { isLoading: b, sortedTransactions: y } = C(), f = p.useMemo(() => {
-    const i = r ? y.filter(r) : y, a = m ?? 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 = p.useRef(null), _ = B({
-    count: f.length,
-    getScrollElement: () => E.current,
-    estimateSize: (i) => A + (L(i, f) ? N : 0),
-    overscan: 5
-  });
-  return p.useEffect(() => _.measure(), [f]), p.useEffect(() => G(g), [g]), p.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: m
-}) => /* @__PURE__ */ t(s, { sx: { p: 24, width: "100%", ...m }, 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
-};