@mx-cartographer/experiences 7.0.23-alpha.al8 → 7.0.23

package/dist/transactions/index.es.js

@@ -3,10 +3,10 @@ import { u as B, C as Re, D as He, M as Be, c as Pe, T as $e, a as Ve } from "..
 import { B as ya, d as ba, b as Ta } from "../TransactionDetails-C-z3HGTT.mjs";
 import { T as M } from "../User-Dq9Qj764.mjs";
 import { O as Sa } from "../User-Dq9Qj764.mjs";
-import { S as ee, D as We } from "../TransactionStore-0tLtBEIC.mjs";
-import { T as wa } from "../TransactionStore-0tLtBEIC.mjs";
-import { e as Ge } from "../exportTransactionsToCSV-BDlt8u0n.mjs";
-import { E as va } from "../ExportCsvAction-CbMfQ2Wa.mjs";
+import { S as ee, D as We } from "../TransactionStore-Cep_Eeql.mjs";
+import { T as wa } from "../TransactionStore-Cep_Eeql.mjs";
+import { e as Ge } from "../exportTransactionsToCSV-B5qAKd6C.mjs";
+import { E as va } from "../ExportCsvAction-CbdFfDV5.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as S } from "mobx-react-lite";

package/dist/trends/index.es.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as f, Fragment as Fe } from "react/jsx-runtime";
 import i from "react";
 import { observer as M } from "mobx-react-lite";
-import { Icon as re, Text as X, CategoryIcon as Te, P as Y, H3 as De, ChevronRightIcon as Pe } from "@mxenabled/mxui";
+import { Icon as se, Text as X, CategoryIcon as Te, P as Y, H3 as De, ChevronRightIcon as Pe } from "@mxenabled/mxui";
 import O from "@mui/material/Box";
 import _ from "@mui/material/Stack";
 import pe from "@mui/material/Button";
@@ -12,7 +12,7 @@ import { T as eo } from "../TrendsStore-WrHxzdbQ.mjs";
 import { i as Ue, c as Xe, d as Ze, e as Qe, f as qe, h as Je, b as Le, g as xe, j as _e } from "../SpendingData-D5vsfYKo.mjs";
 import et from "@mui/material/ToggleButton";
 import tt from "@mui/material/ToggleButtonGroup";
-import { u as R, k as F, e as H, a as P, f as ae, c as ie, v as q, l as ve, p as nt, m as ot } from "../hooks-DkUqN6JE.mjs";
+import { u as R, k as F, e as H, a as P, f as re, c as ae, v as q, l as ve, p as nt, m as ot } from "../hooks-DkUqN6JE.mjs";
 import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
 import { f as Z, D as B } from "../Dialog-CWW597AF.mjs";
 import { DataGridPro as st } from "@mui/x-data-grid-pro";
@@ -43,7 +43,7 @@ import wt from "@mui/material/Divider";
 import { useTheme as Dt, Stack as It } from "@mui/material";
 import Et from "@mui/material/Paper";
 import { b as Lt } from "../CategoryUtil-BR3H5i6n.mjs";
-import { E as xt } from "../ExportCsvAction-CbMfQ2Wa.mjs";
+import { E as xt } from "../ExportCsvAction-CbdFfDV5.mjs";
 import { E as vt } from "../EmptyState-C0lr9E5T.mjs";
 const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   tt,
@@ -52,7 +52,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     onChange: o,
     orientation: "horizontal",
     value: n,
-    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(et, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(re, { name: "table_chart_view" }) : /* @__PURE__ */ e(re, { name: "format_list_bulleted" }) }, t))
+    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(et, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(se, { name: "table_chart_view" }) : /* @__PURE__ */ e(se, { name: "format_list_bulleted" }) }, t))
   }
 ), Oe = ({ selectedDateRange: n, selectedCategoryGuid: o }) => {
   const { trends: t } = R(), { isMobile: s, isDesktop: a } = K(), { getCategoryName: h } = F(), l = i.useMemo(() => {
@@ -200,7 +200,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   isOpen: t,
   onClose: s
 }) => {
-  const { onEvent: a } = H(), { selectedAccountGuids: h } = P(), { common: l } = R(), { setFilter: c, sortedTransactions: d } = ae(), [m, C] = i.useState(""), u = i.useMemo(
+  const { onEvent: a } = H(), { selectedAccountGuids: h } = P(), { common: l } = R(), { setFilter: c, sortedTransactions: d } = re(), [m, C] = i.useState(""), u = i.useMemo(
     () => d.find((r) => r.guid === m),
     [m, d]
   );
@@ -229,9 +229,9 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Wt = M(Nt), Ot = ({ onBackClick: n, sx: o }) => {
-  const { onEvent: t } = H(), { isDesktop: s, isTablet: a, isMobile: h } = K(), { visibleAccounts: l } = ie(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: m } = F(), { sortedTransactions: C } = ae(), { selectedDateRange: u, setSelectedDateRange: b } = q(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: T, setSelectedAccounts: p } = P(), { trends: E } = R(), [w, I] = i.useState(!1), [k, D] = i.useState(!1), [N, x] = i.useState("Chart"), [L, $] = i.useState(""), [z, ce] = i.useState(window.innerHeight), ee = z - (h ? 315 : 345);
+  const { onEvent: t } = H(), { isDesktop: s, isTablet: a, isMobile: h } = K(), { visibleAccounts: l } = ae(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: m } = F(), { sortedTransactions: C } = re(), { selectedDateRange: u, setSelectedDateRange: b } = q(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: T, setSelectedAccounts: p } = P(), { trends: E } = R(), [w, I] = i.useState(!1), [k, D] = i.useState(!1), [N, x] = i.useState("Chart"), [L, $] = i.useState(""), [z, ie] = i.useState(window.innerHeight), ee = z - (h ? 315 : 345);
   i.useEffect(() => {
-    const S = () => ce(window.innerHeight);
+    const S = () => ie(window.innerHeight);
     return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
   }, []), i.useEffect(() => {
     p(l);
@@ -264,9 +264,9 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     b({ start: W, end: G }), t(y.TRENDS_CLICK_TIME_WINDOW, {
       time_period: ge + "M"
     });
-  }, le = () => {
+  }, ce = () => {
     t(y.TRENDS_CLICK_FILTER);
-  }, se = (S) => {
+  }, le = (S) => {
     $(S);
   }, de = (S) => {
     $(S), t(y.TRENDS_CLICK_LEGEND, { category: m(S) });
@@ -284,7 +284,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       calendarActions: { onRangeChanged: oe },
       dateRange: u,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: le,
+      onAccountsFilterClick: ce,
       onBackClick: n,
       sx: o,
       title: E.title,
@@ -317,7 +317,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
               ),
               /* @__PURE__ */ f(_, { alignItems: "center", flexDirection: "row", width: "100%", children: [
                 /* @__PURE__ */ e(O, { flexGrow: 1, children: L && /* @__PURE__ */ f(pe, { onClick: () => $(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ e(re, { name: "arrow_back" }),
+                  /* @__PURE__ */ e(se, { name: "arrow_back" }),
                   E.all_categories
                 ] }) }),
                 /* @__PURE__ */ e(pe, { onClick: () => D(!0), sx: { px: 5 }, children: `${E.view_transactions} (${C.length})` })
@@ -339,7 +339,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
                   Ve,
                   {
                     monthlyCategoryTotals: d,
-                    onClickRow: se,
+                    onClickRow: le,
                     selectedCategory: L,
                     selectedDateRange: u
                   }
@@ -379,7 +379,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Gt = M(Vt), Bt = ({ onPrimaryCtaClick: n, sx: o }) => {
-  const { visibleAccounts: t } = ie(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = F(), { isInitialized: h } = ve(), { trends: l } = R(), { isCopyLoaded: c, selectedAccounts: d, setSelectedAccounts: m } = P();
+  const { visibleAccounts: t } = ae(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = F(), { isInitialized: h } = ve(), { trends: l } = R(), { isCopyLoaded: c, selectedAccounts: d, setSelectedAccounts: m } = P();
   return i.useEffect(() => {
     m(t);
   }, [t]), i.useEffect(() => {
@@ -489,7 +489,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     ] })
   ] });
 }), Zn = M(({ onCtaClick: n }) => {
-  const { visibleAccounts: o } = ie(), { onEvent: t } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: h } = F(), l = {
+  const { visibleAccounts: o } = ae(), { onEvent: t } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: h } = F(), l = {
     start: lt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: c } = R(), { selectedAccounts: d, setSelectedAccounts: m, isInitialized: C } = P();
@@ -754,7 +754,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   ) });
 }), Xt = M(({ onClose: n }) => {
-  const o = Ne(), { onEvent: t } = H(), { common: s, trends: a } = R(), { selectedCategoryData: h, selectedDateRangeMonthRange: l } = q(), { sortedTransactions: c } = ae(), [d, m] = i.useState(null);
+  const o = Ne(), { onEvent: t } = H(), { common: s, trends: a } = R(), { selectedCategoryData: h, selectedDateRangeMonthRange: l } = q(), { sortedTransactions: c } = re(), [d, m] = i.useState(null);
   if (!h)
     return null;
   const { guid: C, name: u, is_income: b, totalAmount: r } = h, g = b ? a.category_income : a.category_spending, T = Lt(C, o), p = b ? a.income_label : a.spending_label, E = ` ${h.transactions.length === 1 ? a.transaction : a.transactions} (${h.transactions.length})`, w = i.useMemo(
@@ -860,16 +860,15 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Jt = M(qt), en = ({ onBackClick: n, onInsightCardClick: o, sx: t }) => {
-  const { onEvent: s } = H(), { config: a } = ot(), { isLargeDesktop: h, isDesktop: l, isMobile: c } = K(), { visibleAccounts: d } = ie(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: C, monthlyCategoryTotals: u } = F(), { setFilter: b } = ae(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: T } = q(), {
+  const { onEvent: s } = H(), { config: a } = ot(), { isLargeDesktop: h, isDesktop: l, isMobile: c } = K(), { visibleAccounts: d } = ae(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: C, monthlyCategoryTotals: u } = F(), { setFilter: b } = re(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: T } = q(), {
     isCopyLoaded: p,
     isInitialized: E,
     selectedAccounts: w,
     selectedAccountGuids: I,
     setSelectedAccounts: k
-  } = P(), { trends: D } = R(), N = Ye(), x = l || h, [L, $] = i.useState(!1), [z, ce] = i.useState("Chart"), [J, ee] = i.useState(""), [te, ne] = i.useState(!1), [oe, le] = i.useState(window.innerHeight), se = oe - 208, de = oe - (N ? 494 : 266);
+  } = P(), { trends: D } = R(), N = Ye(), x = l || h, [L, $] = i.useState(!1), [z, ie] = i.useState("Chart"), [J, ee] = i.useState(""), [te, ne] = i.useState(!1), [oe, ce] = i.useState(window.innerHeight), le = oe - 208, de = oe - (N ? 494 : 266);
   i.useEffect(() => {
-    console.log("inside first use effect");
-    const v = () => le(window.innerHeight);
+    const v = () => ce(window.innerHeight);
     return window.addEventListener("resize", v), () => window.removeEventListener("resize", v);
   }, []), i.useEffect(() => {
     k(d);
@@ -905,7 +904,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   }, ue = () => {
     g(null), ne(!1);
   }, me = (v, V) => {
-    ce(V ?? z), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
+    ie(V ?? z), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
       ...A,
       toggleView: V
     });
@@ -924,8 +923,10 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     ee(v);
   }, ge = () => {
     ee(""), s(y.TRENDS_CLICK_ALL_CATEGORIES, A);
-  }, Ge = a.show_connections_widget_in_master ? "buttons" : "no-buttons", Be = L && !d?.length;
-  return console.log("rendered"), !p || !L ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(
+  };
+  if (!p || !L) return /* @__PURE__ */ e(Q, {});
+  const Ge = a.show_connections_widget_in_master ? "buttons" : "no-buttons", Be = L && d.length === 0;
+  return /* @__PURE__ */ f(
     Ae,
     {
       accountOptions: d,
@@ -936,84 +937,86 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       onBackClick: n,
       sx: t,
       title: D.title,
-      children: Be ? /* @__PURE__ */ e(
-        vt,
-        {
-          header: D.zero_state_content_header,
-          icon: "",
-          onClick: () => {
-          },
-          primaryButton: D.empty_state_primary,
-          subText: D.empty_state_sub_text,
-          sx: { height: se },
-          variant: Ge
-        }
-      ) : /* @__PURE__ */ f(
-        _,
-        {
-          sx: {
-            px: c ? 0 : 48
-          },
-          children: [
-            /* @__PURE__ */ f(
-              _,
-              {
-                flexDirection: "row",
-                justifyContent: "space-between",
-                sx: { pb: c ? 12 : 24, pt: c ? 24 : 48 },
-                children: [
-                  /* @__PURE__ */ e(
-                    Oe,
+      children: [
+        /* @__PURE__ */ f(
+          _,
+          {
+            sx: {
+              px: c ? 0 : 48
+            },
+            children: [
+              /* @__PURE__ */ f(
+                _,
+                {
+                  flexDirection: "row",
+                  justifyContent: "space-between",
+                  sx: { pb: c ? 12 : 24, pt: c ? 24 : 48 },
+                  children: [
+                    /* @__PURE__ */ e(
+                      Oe,
+                      {
+                        selectedCategoryGuid: J,
+                        selectedDateRange: r
+                      }
+                    ),
+                    /* @__PURE__ */ e(We, { onTabChange: me, selectedTab: z })
+                  ]
+                }
+              ),
+              Be && /* @__PURE__ */ e(
+                vt,
+                {
+                  header: "",
+                  icon: "",
+                  onClick: () => {
+                  },
+                  primaryButton: D.empty_state_primary,
+                  subText: D.empty_state_sub_text,
+                  variant: Ge
+                }
+              ),
+              /* @__PURE__ */ e(_, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(O, { flexGrow: 1, children: J && /* @__PURE__ */ f(pe, { onClick: ge, sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(se, { name: "arrow_back" }),
+                D.all_categories
+              ] }) }) }),
+              /* @__PURE__ */ f(_, { flexDirection: x ? "row" : "column", gap: x ? 48 : 16, children: [
+                z === "Chart" && /* @__PURE__ */ f(Fe, { children: [
+                  /* @__PURE__ */ e(O, { sx: { width: x ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+                    Jt,
                     {
-                      selectedCategoryGuid: J,
-                      selectedDateRange: r
+                      availableHeight: le,
+                      minHeight: 450,
+                      selectedDateRange: r,
+                      totals: u
                     }
-                  ),
-                  /* @__PURE__ */ e(We, { onTabChange: me, selectedTab: z })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(_, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(O, { flexGrow: 1, children: J && /* @__PURE__ */ f(pe, { onClick: ge, sx: { p: 0, pr: 5 }, children: [
-              /* @__PURE__ */ e(re, { name: "arrow_back" }),
-              D.all_categories
-            ] }) }) }),
-            /* @__PURE__ */ f(_, { flexDirection: x ? "row" : "column", gap: x ? 48 : 16, children: [
-              z === "Chart" && /* @__PURE__ */ f(Fe, { children: [
-                /* @__PURE__ */ e(O, { sx: { width: x ? "68%" : "100%" }, children: /* @__PURE__ */ e(
-                  Jt,
+                  ) }),
+                  /* @__PURE__ */ f(_, { gap: 16, sx: { width: x ? "32%" : "100%" }, children: [
+                    N && /* @__PURE__ */ e(Yt, { onInsightCardClick: o }),
+                    /* @__PURE__ */ e(
+                      Kt,
+                      {
+                        availableHeight: de,
+                        onCategoryClick: he
+                      }
+                    )
+                  ] })
+                ] }),
+                z === "Table" && /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+                  Ve,
                   {
-                    availableHeight: se,
-                    minHeight: 450,
-                    selectedDateRange: r,
-                    totals: u
+                    height: "unset",
+                    monthlyCategoryTotals: u,
+                    onClickRow: G,
+                    selectedCategory: J,
+                    selectedDateRange: r
                   }
-                ) }),
-                /* @__PURE__ */ f(_, { gap: 16, sx: { width: x ? "32%" : "100%" }, children: [
-                  N && /* @__PURE__ */ e(Yt, { onInsightCardClick: o }),
-                  /* @__PURE__ */ e(
-                    Kt,
-                    {
-                      availableHeight: de,
-                      onCategoryClick: he
-                    }
-                  )
-                ] })
-              ] }),
-              z === "Table" && /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-                Ve,
-                {
-                  height: "unset",
-                  monthlyCategoryTotals: u,
-                  onClickRow: G,
-                  selectedCategory: J,
-                  selectedDateRange: r
-                }
-              ) })
-            ] }),
-            te && /* @__PURE__ */ e(Xt, { onClose: ue })
-          ]
-        }
-      )
+                ) })
+              ] })
+            ]
+          }
+        ),
+        te && /* @__PURE__ */ e(Xt, { onClose: ue })
+      ]
     }
   );
 }, Qn = M(en);

package/package.json

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

package/dist/exportTransactionsToCSV-BDlt8u0n.mjs

@@ -1,47 +0,0 @@
-import { fromUnixTime as c } from "date-fns/fromUnixTime";
-import { c as u } from "./Category-CevNQ03n.mjs";
-import { f as p, D as m } from "./Dialog-CWW597AF.mjs";
-import { T as g } from "./User-Dq9Qj764.mjs";
-function f(n) {
-  return new Set(
-    n.filter((e) => e.parent_guid !== void 0).map((e) => e.parent_guid)
-  );
-}
-function T(n) {
-  return n.reduce((e, t) => (t.parent_guid && (e[t.parent_guid] || (e[t.parent_guid] = []), e[t.parent_guid].push(t)), e), {});
-}
-function E(n, e) {
-  const t = f(e), i = T(e), o = /* @__PURE__ */ new Set(), a = [];
-  for (const r of n)
-    t.has(r.guid) ? (i[r.guid] ?? []).slice().sort((s, d) => Math.abs(d.amount) - Math.abs(s.amount)).forEach((s) => {
-      o.has(s.guid) || (a.push(s), o.add(s.guid));
-    }) : o.has(r.guid) || (a.push(r), o.add(r.guid));
-  return a;
-}
-const j = (n, e) => {
-  const t = h(l(n, e)), i = encodeURIComponent(t), o = document.createElement("a");
-  o.href = `data:attachment/csv;charset=utf-8,${i}`, o.download = "transactions.csv", document.body.appendChild(o), o.click(), document.body.removeChild(o);
-}, l = (n, e) => n.map((t) => ({
-  Date: p(c(t.date), m.YEAR_MONTH_DAY),
-  Description: _(t),
-  "Original Description": t.feed_description,
-  Amount: `${t.amount}`,
-  Type: t.transaction_type === g.CREDIT ? "Credit" : "Debit",
-  "Parent Category": u[t.top_level_category_guid || ""],
-  Category: t.category,
-  Account: t.account,
-  Tags: C(t, e),
-  Memo: t.memo
-})), h = (n) => {
-  const e = Object.keys(n[0]).join(",").concat(`\r
-`), t = n.map((i) => Object.values(i).join(",")).join(`\r
-`);
-  return e + t;
-}, _ = (n) => {
-  let e = n.parent_guid ? "Split: " : "";
-  return e += n.is_hidden ? "(Excluded) " : "", e += n.description, e;
-}, C = (n, e) => n.tags.map((t) => e.filter((o) => o.guid === t)[0]?.name ?? "").join(" ");
-export {
-  j as e,
-  E as f
-};