@mx-cartographer/experiences 8.0.14 → 8.0.15

package/dist/recurringtransactions/index.es.js

@@ -6,8 +6,8 @@ import { endOfToday as J } from "date-fns/endOfToday";
 import { startOfMonth as k } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import { R as _e } from "../RecurringSettings-Bt-zMwCB.mjs";
-import { M as Yn } from "../RecurringSettings-Bt-zMwCB.mjs";
+import { R as _e } from "../RecurringSettings-CJJndcMu.mjs";
+import { M as Yn } from "../RecurringSettings-CJJndcMu.mjs";
 import { addMonths as He } from "date-fns/addMonths";
 import { subMonths as $e } from "date-fns/subMonths";
 import { isBefore as Be } from "date-fns/isBefore";
@@ -48,8 +48,8 @@ import { g as ye, d as dt } from "../RecurringTransactions-BbZ6MQsX.mjs";
 import ut from "@mui/material/ListItemAvatar";
 import mt from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
-import { b as gt } from "../ManageIncome-C_XOG9CZ.mjs";
-import { c as qn, M as Zn, S as Xn } from "../ManageIncome-C_XOG9CZ.mjs";
+import { b as gt } from "../ManageIncome-DZ_6f0js.mjs";
+import { c as qn, M as Zn, S as Xn } from "../ManageIncome-DZ_6f0js.mjs";
 import { f as E } from "../NumberFormatting-QCaNwbjv.mjs";
 import { D as ie } from "../Drawer-Bbe4AMB1.mjs";
 import O from "@mui/material/Box";

package/dist/spending/index.es.js

@@ -18,9 +18,9 @@ import { M as Ct } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { startOfToday as q } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
-import { e as Mt } from "../exportTransactionsToCSV-MCYH_zzN.mjs";
-import { T as Dt } from "../StatusIndicator-DAWRKwmE.mjs";
-import { T as xt } from "../TransactionDetails-DA6tdnu0.mjs";
+import { e as Mt } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
+import { T as Dt } from "../EmbeddedCard-B4U5fIbl.mjs";
+import { T as xt } from "../TransactionDetails-B9rTYhMA.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import J from "@mui/material/List";

package/dist/transactions/components/shared/getEmbeddedInstanceSlotByBeatTemplates.d.ts

@@ -1,9 +1,17 @@
 import { CommonCopy } from '../../../core/types/localization/CommonCopy';
 import { Beat } from '../../../insights/types/CommonBeat';
+import { ChartDataProps } from '../../utils/Transactions';
 export declare const BeatTemplates: {
     BILL_AMOUNT_NOT_STANDARD: string;
 };
 export declare const getEmbeddedInstanceSlotByBeatTemplates: (copy: CommonCopy, beat?: Beat) => {
     instanceSlot: import("react/jsx-runtime").JSX.Element;
+    dataSeries: ChartDataProps[];
+    chartData: {
+        ariaLabel: string;
+        label: string;
+        value: number;
+        formattedAmount: string;
+    }[];
     callToAction: string;
 } | null;

package/dist/transactions/index.es.js

@@ -1,13 +1,13 @@
 import { T as wa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Me, D as Re, M as Be, a as He, T as Pe } from "../TransactionDetails-DA6tdnu0.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-DA6tdnu0.mjs";
-import { O as Na } from "../OnClickEvents-CseHDZ94.mjs";
-import { S as Z, D as $e } from "../TransactionStore-CbZfz7-2.mjs";
-import { T as Oa } from "../TransactionStore-CbZfz7-2.mjs";
-import { u as B, T as Ve } from "../StatusIndicator-DAWRKwmE.mjs";
-import { a as La } from "../StatusIndicator-DAWRKwmE.mjs";
-import { e as We } from "../exportTransactionsToCSV-MCYH_zzN.mjs";
-import { E as Ra } from "../ExportCsvAction-ErKh7wJ2.mjs";
+import { C as Me, D as Re, M as Be, a as He, T as Pe } from "../TransactionDetails-B9rTYhMA.mjs";
+import { B as Da, b as Ia } from "../TransactionDetails-B9rTYhMA.mjs";
+import { e as $e } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
+import { O as Na } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
+import { S as Z, D as Ve } from "../TransactionStore-BUsgGRL1.mjs";
+import { T as Oa } from "../TransactionStore-BUsgGRL1.mjs";
+import { u as B, T as We } from "../EmbeddedCard-B4U5fIbl.mjs";
+import { a as La } from "../EmbeddedCard-B4U5fIbl.mjs";
+import { E as Ra } from "../ExportCsvAction-CHCmCCqf.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import m from "react";
 import { observer as I } from "mobx-react-lite";
@@ -20,7 +20,7 @@ import { Text as C, Icon as R, MerchantLogo as Ye, TextField as ee, P as je } fr
 import { fromUnixTime as Xe } from "date-fns/fromUnixTime";
 import { f as Je, D as Qe } from "../DateFormats-BMpMrZpW.mjs";
 import D from "@mui/material/Stack";
-import { T as O } from "../Transaction-Cn5_iFm0.mjs";
+import { a as O } from "../Transaction-C3Pg9TKf.mjs";
 import { f as re } from "../NumberFormatting-QCaNwbjv.mjs";
 import { L as z } from "../Loader-D3rjKx72.mjs";
 import { A } from "../Analytics-0Xm_BjHU.mjs";
@@ -431,10 +431,10 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       searchTerm: u
     }), d(A.TRANSACTIONS_CLICK_SEARCH, { search_term: u });
   }, Ie = () => {
-    We(ue, me), d(A.TRANSACTIONS_CLICK_EXPORT);
+    $e(ue, me), d(A.TRANSACTIONS_CLICK_EXPORT);
   }, ve = () => {
     s.length > 0 ? (ye({
-      ...$e,
+      ...Ve,
       date: et(F()),
       user_guid: Te?.user_guid || ""
     }), T(
@@ -519,7 +519,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
                 [k.breakpoints.up("md")]: { display: "none" }
               },
               children: /* @__PURE__ */ e(
-                Ve,
+                We,
                 {
                   height: `calc(${r} - ${ae}px)`,
                   onClick: (u) => {
@@ -597,11 +597,11 @@ export {
   Ia as TopActions,
   wa as TransactionApi,
   Pe as TransactionDetails,
-  Ve as TransactionList,
+  We as TransactionList,
   La as TransactionRow,
   Oa as TransactionStore,
   Dt as TransactionTable,
   ba as TransactionWidget,
-  We as exportTransactionsToCSV,
+  $e as exportTransactionsToCSV,
   B as useTransactionsUiStore
 };

package/dist/transactions/stores/TransactionStore.d.ts

@@ -69,4 +69,5 @@ export declare class TransactionStore {
     updateTaggings: (tagGuids: string[], transactionGuid: string) => Promise<void>;
     updateTag: (tag: Tag) => Promise<void>;
     updateTransaction: (transaction: Transaction) => Promise<void>;
+    loadEmbeddedInstanceTransactions: (fromDate: Date) => Promise<void>;
 }

package/dist/trends/index.es.js

@@ -35,8 +35,8 @@ import { useGridApiContext as jt, useGridRootProps as Ut, DataGridPro as Xt } fr
 import Zt from "@mui/material/Badge";
 import Qt from "@mui/material/IconButton";
 import { A as v } from "../Analytics-0Xm_BjHU.mjs";
-import { T as ct } from "../StatusIndicator-DAWRKwmE.mjs";
-import { T as dt } from "../TransactionDetails-DA6tdnu0.mjs";
+import { T as ct } from "../EmbeddedCard-B4U5fIbl.mjs";
+import { T as dt } from "../TransactionDetails-B9rTYhMA.mjs";
 import { D as Pe } from "../Drawer-Bbe4AMB1.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
@@ -56,7 +56,7 @@ import gt from "@mui/material/styles/useTheme";
 import { b as Oe } from "../CategoryUtil-BVixr0d5.mjs";
 import { Stack as mo } from "@mui/material";
 import ho from "@mui/material/ListItemAvatar";
-import { E as go } from "../ExportCsvAction-ErKh7wJ2.mjs";
+import { E as go } from "../ExportCsvAction-CHCmCCqf.mjs";
 import { u as po } from "../useInsightsEnabled-DL_oNyI0.mjs";
 import { E as fo } from "../EmptyState-DHAkGsjk.mjs";
 import { C as yo } from "../ConnectDrawer-C0wjwcJt.mjs";

package/package.json

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

package/dist/StatusIndicator-DAWRKwmE.mjs

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