@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega3

package/dist/trends/components/TrendsTable/index.es.js

@@ -0,0 +1,96 @@
+import { jsx as T } from "react/jsx-runtime";
+import l from "react";
+import v from "@mui/material/Box";
+import { DataGridPro as D } from "@mui/x-data-grid-pro";
+import { AmountCell as R } from "../trendstable/AmountCell/index.es.js";
+import { CategoryCell as x } from "../trendstable/CategoryCell/index.es.js";
+import { HeaderCell as p } from "../trendstable/HeaderCell/index.es.js";
+import { amountComparator as I } from "../../utils/TrendsData/index.es.js";
+import { useEvent as L } from "../../../common/context/hooks/index.es.js";
+import { formatDate as d, DATE_FORMATS_INTL as c } from "../../../common/constants/DateFormats/index.es.js";
+import { ANALYTICS_EVENTS as C } from "../../../common/constants/Analytics/index.es.js";
+const B = (a, i) => {
+  const t = [], n = new Date(a);
+  for (; n <= i; ) {
+    const m = d(n, c.MONTH);
+    t.push(m), n.setMonth(n.getMonth() + 1);
+  }
+  return t;
+}, z = ({
+  monthlyCategoryTotals: a,
+  selectedDateRange: i,
+  selectedCategory: t,
+  onClickRow: n,
+  height: m = "100dvh",
+  sx: S = {}
+}) => {
+  const { onEvent: u } = L(), g = d(/* @__PURE__ */ new Date(), c.MONTH_SHORT), [f, M] = l.useState([
+    { field: g, sort: "desc" }
+  ]), N = l.useMemo(() => B(i.start, i.end), [i]), w = [
+    {
+      field: "category",
+      headerName: "Category",
+      minWidth: 175,
+      renderHeader: p,
+      renderCell: x,
+      sortable: !0,
+      type: "string"
+    },
+    ...N.map(
+      (r) => ({
+        field: r,
+        headerName: r,
+        minWidth: 75,
+        renderHeader: p,
+        renderCell: R,
+        align: "right",
+        headerAlign: "right",
+        sortable: !0,
+        hideSortIcons: !1,
+        type: "number",
+        sortComparator: I
+      })
+    )
+  ], O = l.useMemo(() => {
+    const b = (t ? a.filter(
+      (e) => e.category_guid === t || e.top_level_category_guid === t
+    ) : a).reduce(
+      (e, E) => {
+        const { category_guid: h, top_level_category_guid: _, month: H, total: y, year: A } = E, o = t ? h : _;
+        e[o] || (e[o] = {
+          id: o,
+          category: o,
+          category_guid: h,
+          top_level_category_guid: _
+        });
+        const s = d(new Date(A, H - 1), c.MONTH_SHORT);
+        return e[o][s] || (e[o][s] = 0), e[o][s] = e[o][s] + y, e;
+      },
+      {}
+    );
+    return Object.values(b);
+  }, [a, t]);
+  return /* @__PURE__ */ T(v, { sx: { height: m, width: "100%", overflowX: "auto", boxShadow: "none", ...S }, children: /* @__PURE__ */ T(
+    D,
+    {
+      columns: w,
+      disableColumnFilter: !0,
+      disableColumnMenu: !0,
+      hideFooter: !0,
+      initialState: { sorting: { sortModel: f } },
+      onRowClick: (r) => {
+        n?.(r.row.category), u(C.TRENDS_CLICK_TABLE_ROW);
+      },
+      onSortModelChange: (r) => {
+        M(r), u(C.TRENDS_CLICK_TABLE_SORT);
+      },
+      rows: O,
+      slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
+      sortModel: f,
+      sortingOrder: ["asc", "desc"]
+    }
+  ) });
+};
+export {
+  z as default
+};

package/dist/trends/components/TrendsViewToggle/index.es.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Icon as e } from "@mxenabled/mxui";
+import a from "@mui/material/ToggleButton";
+import i from "@mui/material/ToggleButtonGroup";
+const p = ({ selectedTab: t, onTabChange: l }) => /* @__PURE__ */ o(
+  i,
+  {
+    exclusive: !0,
+    onChange: l,
+    orientation: "horizontal",
+    value: t,
+    children: ["Chart", "Table"].map((r) => /* @__PURE__ */ o(a, { color: "primary", sx: { width: 56 }, value: r, children: r === "Chart" ? /* @__PURE__ */ o(e, { name: "table_chart_view" }) : /* @__PURE__ */ o(e, { name: "format_list_bulleted" }) }, r))
+  }
+);
+export {
+  p as default
+};

package/dist/trends/constants/TrendsInsights/index.es.js

@@ -0,0 +1,38 @@
+const e = [
+  "BillAmountNotStandard",
+  "CategorySpendingV2",
+  "CostOfLivingToIncome",
+  "DebtPaymentReminderV2",
+  "DiscoveredAccounts",
+  "DuplicatePaymentV2",
+  "FeeDetected",
+  "GreenGasPurchasesSummary",
+  "LargeTransaction",
+  "LowAccountBalance",
+  "MonthlyDebtToIncomeComparisonV2",
+  "MonthlyDepositSummaryV2",
+  "MonthlyNonEssentialCategorySummaryV2",
+  "MonthlySavingsToIncomeComparison",
+  "MonthlySpendToIncomeComparisonV2",
+  "MonthlySubscriptionAggregateV2",
+  "MonthlyTopMerchantSpendingV3",
+  "MonthlyObligationsStatus",
+  "QuarterlySummary",
+  "SaveAnExtra100Dollars",
+  "SaveEnoughToLiveOn",
+  "SavingsOpportunityV2",
+  "SubscriptionDetected",
+  "SubscriptionPriceIncrease",
+  "SetUpDirectDeposit",
+  "SwitchDirectDeposit",
+  "UnexpectedSubscriptionPayment",
+  "UpcomingBill",
+  "UpcomingSubscription",
+  "WeekendSpendingSummaryV2",
+  "WeeklyNewMerchantsV2",
+  "WeeklyNoSpendDays",
+  "WeeklySmallPurchasesSummary"
+];
+export {
+  e as TRENDS_BEAT_TEMPLATES
+};

package/dist/trends/index.es.js

@@ -0,0 +1,12 @@
+import { default as t } from "./TrendsFullWidget/index.es.js";
+import { default as o } from "./TrendsMiniWidget/index.es.js";
+import { TrendsMicroWidget as s } from "./TrendsMicroWidget/index.es.js";
+import { default as a } from "./TrendsWidget/index.es.js";
+import { TrendsStore as l } from "./stores/TrendsStore/index.es.js";
+export {
+  t as TrendsFullWidget,
+  s as TrendsMicroWidget,
+  o as TrendsMiniWidget,
+  l as TrendsStore,
+  a as TrendsWidget
+};

package/dist/trends/stores/TrendsStore/index.es.js

@@ -0,0 +1,77 @@
+import { makeAutoObservable as g } from "mobx";
+import { endOfMonth as n } from "date-fns/endOfMonth";
+import { subMonths as d } from "date-fns/subMonths";
+import { addSeconds as h } from "date-fns/addSeconds";
+import { fromUnixTime as c } from "date-fns/fromUnixTime";
+import { startOfMonth as m } from "date-fns/startOfMonth";
+import { addMonths as u } from "date-fns/addMonths";
+import { isBefore as D } from "date-fns/isBefore";
+import { formatDate as i, DATE_FORMATS_INTL as o } from "../../../common/constants/DateFormats/index.es.js";
+class y {
+  globalStore;
+  selectedCategoryData = null;
+  selectedDateRange;
+  visibleListLength = 5;
+  constructor(t) {
+    this.globalStore = t, this.selectedDateRange = {
+      start: h(n(d(/* @__PURE__ */ new Date(), 6)), 1),
+      end: n(/* @__PURE__ */ new Date())
+    }, g(this);
+  }
+  setSelectedCategoryData = (t) => {
+    this.selectedCategoryData = t;
+  };
+  setSelectedDateRange = (t) => {
+    this.selectedDateRange = t;
+  };
+  setVisibleListLength = (t) => {
+    this.visibleListLength = t;
+  };
+  sortCategoriesList = () => !this.detailedCategories || this.detailedCategories.length === 0 ? [] : this.detailedCategories.map((t) => ({
+    guid: t.guid,
+    name: t.name,
+    amount: Math.abs(
+      t.monthlyAmounts.reduce((e, a) => e + (a.amount || 0), 0)
+    )
+  })).filter((t) => t.amount !== 0).sort((t, e) => e.amount - t.amount);
+  get detailedCategories() {
+    return this.globalStore.categoryStore.detailedCategories;
+  }
+  get detailedCategoriesWithTransactions() {
+    return this.globalStore.categoryStore.detailedCategoriesWithTransactions;
+  }
+  get selectedDateRangeMonthRange() {
+    const t = i(this.selectedDateRange.start, o.MONTH_LONG), e = i(this.selectedDateRange.end, o.MONTH_LONG);
+    return `${t} - ${e}`;
+  }
+  get sortedCategoriesList() {
+    return this.sortCategoriesList();
+  }
+  get visibleListItems() {
+    return this.sortedCategoriesList.slice(0, this.visibleListLength);
+  }
+  get collapsedListItems() {
+    return this.sortedCategoriesList.slice(this.visibleListLength);
+  }
+  get categoryDetailsChartData() {
+    if (!this.selectedCategoryData?.transactions || this.selectedCategoryData.transactions.length === 0)
+      return [];
+    const t = [];
+    let e = m(this.selectedDateRange.start);
+    const a = this.selectedDateRange.end;
+    for (; D(e, a); ) {
+      const l = this.selectedCategoryData.transactions.filter((r) => {
+        const s = c(r.date);
+        return s.getFullYear() === e.getFullYear() && s.getMonth() === e.getMonth();
+      }).reduce((r, s) => r + Math.abs(s.amount), 0);
+      t.push({
+        x: i(e, o.MONTH_SHORT),
+        y: l
+      }), e = u(e, 1);
+    }
+    return [t];
+  }
+}
+export {
+  y as TrendsStore
+};

package/dist/trends/utils/SpendingData/index.es.js

@@ -0,0 +1,47 @@
+import { addMonths as m } from "date-fns/addMonths";
+import { isBefore as c } from "date-fns/isBefore";
+import { startOfMonth as p } from "date-fns/startOfMonth";
+import { subMonths as f } from "date-fns/subMonths";
+import { endOfMonth as T } from "date-fns/endOfMonth";
+import { isIncome as h, isSpend as u, isPayment as y } from "../shared/index.es.js";
+import { formatDate as d, DATE_FORMATS_INTL as g } from "../../../common/constants/DateFormats/index.es.js";
+import { CategoryGuids as i } from "../../../common/constants/Category/index.es.js";
+const l = (a, o) => {
+  const r = [];
+  let t = p(o?.start ?? f(/* @__PURE__ */ new Date(), 5));
+  const n = o?.end ?? /* @__PURE__ */ new Date();
+  for (; c(t, n); )
+    r.push({
+      x: d(t, g.MONTH_SHORT),
+      y: a.filter((e) => e.year === t.getFullYear() && e.month === t.getMonth() + 1).reduce((e, s) => e + s.total, 0)
+    }), t = m(t, 1);
+  return r;
+}, F = (a, o) => {
+  const r = a.filter(h);
+  return l(r, o).map((t) => ({ ...t, y: Math.abs(t.y) }));
+}, H = (a, o) => {
+  const r = a.filter(y);
+  return l(r, o).map((t) => ({ ...t, y: Math.abs(t.y) }));
+}, I = (a, o) => {
+  const r = a.filter(u);
+  return l(r, o);
+}, b = (a) => {
+  const o = [], r = a.filter(
+    (e) => e.top_level_category_guid !== i.INCOME && e.top_level_category_guid !== i.TRANSFER && e.total > 0
+  );
+  let t = p(f(/* @__PURE__ */ new Date(), 5));
+  const n = T(/* @__PURE__ */ new Date());
+  for (; c(t, n); )
+    o.push({
+      x: d(t, g.MONTH_SHORT),
+      y: r.filter((e) => e.year === t.getFullYear() && e.month === t.getMonth() + 1).reduce((e, s) => e + s.total, 0)
+    }), t = m(t, 1);
+  return o;
+};
+export {
+  F as getIncomeTotals,
+  l as getMonthlyTotals,
+  H as getPaymentTotals,
+  b as getSpendingData,
+  I as getSpendingTotals
+};

package/dist/trends/utils/TrendsData/index.es.js

@@ -0,0 +1,41 @@
+import { CategoryColors as p, CategoryGuidToName as h } from "../../../common/constants/Category/index.es.js";
+const C = (o) => p[o] ?? p.default, f = (o) => h[o];
+function T(o, r) {
+  const t = [], e = new Date(o);
+  for (; e <= r; ) {
+    const a = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
+    t.push(+`${a}${n}`), e.setMonth(e.getMonth() + 1);
+  }
+  return t;
+}
+const D = (o) => o.reduce((t, e) => {
+  const a = {
+    top_level_category_guid: e.top_level_category_guid,
+    category_guid: e.category_guid,
+    amount: e.total,
+    year_month: e.year_month
+  }, { top_level_category_guid: n, category_guid: c } = a;
+  return t[c] || (t[c] = []), t[c].push(a), n !== c && (t[n] || (t[n] = []), t[n].push(a)), t;
+}, {}), S = (o, r, t) => {
+  const e = D(o), a = T(r, t);
+  return Object.entries(e).map(([c, l]) => {
+    const i = l[0].top_level_category_guid, _ = a.map((g) => {
+      const s = l.filter((u) => u.year_month === g).reduce((u, m) => u + Math.abs(m.amount), 0), y = Number(String(g).slice(0, 4)), d = Number(String(g).slice(4));
+      return { x: new Date(y, d - 1), y: s };
+    }).sort((g, s) => g.x.getTime() - s.x.getTime());
+    return {
+      top_level_category_guid: i,
+      category_guid: c,
+      category_name: f(c),
+      category_color: C(i),
+      dataset: _
+    };
+  });
+}, x = (o, r) => {
+  const t = typeof o == "string" ? parseFloat(o.replace(/[^0-9.-]+/g, "")) : o, e = typeof r == "string" ? parseFloat(r.replace(/[^0-9.-]+/g, "")) : r;
+  return (t || 0) - (e || 0);
+};
+export {
+  x as amountComparator,
+  S as getStackedLineChartData
+};

package/dist/trends/utils/shared/index.es.js

@@ -0,0 +1,15 @@
+import { CategoryGuids as t, PaymentCategories as c } from "../../../common/constants/Category/index.es.js";
+const g = (e) => e.top_level_category_guid === t.INCOME || e.category_guid === t.INCOME, _ = (e) => !g(e) && !o(e), i = (e) => c.includes(e.top_level_category_guid) || c.includes(e.category_guid), o = (e) => e.top_level_category_guid === t.TRANSFER || e.category_guid === t.TRANSFER, a = (e) => !g(e) && !i(e) && !o(e), s = (e) => e.filter((r) => r.category_guid === r.top_level_category_guid), d = (e, r) => {
+  if (r === 0) return 0;
+  const n = (e - r) / r;
+  return isNaN(n) ? 0 : n;
+};
+export {
+  d as calculateRelativeChange,
+  s as getTopLevelCategoryTotals,
+  _ as isExpense,
+  g as isIncome,
+  i as isPayment,
+  a as isSpend,
+  o as isTransfer
+};

package/package.json

@@ -1,14 +1,166 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "6.26.18-alpha.mega2",
+  "version": "6.26.18-alpha.mega3",
   "description": "Library containing experience widgets",
-  "main": "dist/index.es.js",
-  "types": "dist/index.d.ts",
   "author": "MX",
   "license": "MIT",
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    "./accounts": {
+      "import": "./dist/accounts/index.es.js",
+      "types": "./dist/accounts/index.d.ts"
+    },
+    "./analytics": {
+      "import": "./dist/analytics/index.es.js",
+      "types": "./dist/analytics/index.d.ts"
+    },
+    "./budgets": {
+      "import": "./dist/budgets/index.es.js",
+      "types": "./dist/budgets/index.d.ts"
+    },
+    "./cashflow": {
+      "import": "./dist/cashflow/index.es.js",
+      "types": "./dist/cashflow/index.d.ts"
+    },
+    "./categories": {
+      "import": "./dist/categories/index.es.js",
+      "types": "./dist/categories/index.d.ts"
+    },
+    "./common": {
+      "import": "./dist/common/index.es.js",
+      "types": "./dist/common/index.d.ts"
+    },
+    "./dashboard": {
+      "import": "./dist/dashboard/index.es.js",
+      "types": "./dist/dashboard/index.d.ts"
+    },
+    "./debts": {
+      "import": "./dist/debts/index.es.js",
+      "types": "./dist/debts/index.d.ts"
+    },
+    "./finstrong": {
+      "import": "./dist/finstrong/index.es.js",
+      "types": "./dist/finstrong/index.d.ts"
+    },
+    "./goals": {
+      "import": "./dist/goals/index.es.js",
+      "types": "./dist/goals/index.d.ts"
+    },
+    "./help": {
+      "import": "./dist/help/index.es.js",
+      "types": "./dist/help/index.d.ts"
+    },
+    "./investments": {
+      "import": "./dist/investments/index.es.js",
+      "types": "./dist/investments/index.d.ts"
+    },
+    "./merchants": {
+      "import": "./dist/merchants/index.es.js",
+      "types": "./dist/merchants/index.d.ts"
+    },
+    "./microinsights": {
+      "import": "./dist/microinsights/index.es.js",
+      "types": "./dist/microinsights/index.d.ts"
+    },
+    "./networth": {
+      "import": "./dist/networth/index.es.js",
+      "types": "./dist/networth/index.d.ts"
+    },
+    "./notifications": {
+      "import": "./dist/notifications/index.es.js",
+      "types": "./dist/notifications/index.d.ts"
+    },
+    "./recurringtransactions": {
+      "import": "./dist/recurringtransactions/index.es.js",
+      "types": "./dist/recurringtransactions/index.d.ts"
+    },
+    "./spending": {
+      "import": "./dist/spending/index.es.js",
+      "types": "./dist/spending/index.d.ts"
+    },
+    "./settings": {
+      "import": "./dist/settings/index.es.js",
+      "types": "./dist/settings/index.d.ts"
+    },
+    "./transactions": {
+      "import": "./dist/transactions/index.es.js",
+      "types": "./dist/transactions/index.d.ts"
+    },
+    "./trends": {
+      "import": "./dist/trends/index.es.js",
+      "types": "./dist/trends/index.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "accounts": [
+        "./dist/accounts/index.d.ts"
+      ],
+      "analytics": [
+        "./dist/analytics/index.d.ts"
+      ],
+      "budgets": [
+        "./dist/budgets/index.d.ts"
+      ],
+      "cashflow": [
+        "./dist/cashflow/index.d.ts"
+      ],
+      "categories": [
+        "./dist/categories/index.d.ts"
+      ],
+      "common": [
+        "./dist/common/index.d.ts"
+      ],
+      "dashboard": [
+        "./dist/dashboard/index.d.ts"
+      ],
+      "debts": [
+        "./dist/debts/index.d.ts"
+      ],
+      "finstrong": [
+        "./dist/finstrong/index.d.ts"
+      ],
+      "goals": [
+        "./dist/goals/index.d.ts"
+      ],
+      "help": [
+        "./dist/help/index.d.ts"
+      ],
+      "investments": [
+        "./dist/investments/index.d.ts"
+      ],
+      "merchants": [
+        "./dist/merchants/index.d.ts"
+      ],
+      "microinsights": [
+        "./dist/microinsights/index.d.ts"
+      ],
+      "networth": [
+        "./dist/networth/index.d.ts"
+      ],
+      "notifications": [
+        "./dist/notifications/index.d.ts"
+      ],
+      "recurringtransactions": [
+        "./dist/recurringtransactions/index.d.ts"
+      ],
+      "spending": [
+        "./dist/spending/index.d.ts"
+      ],
+      "settings": [
+        "./dist/settings/index.d.ts"
+      ],
+      "transactions": [
+        "./dist/transactions/index.d.ts"
+      ],
+      "trends": [
+        "./dist/trends/index.d.ts"
+      ]
+    }
+  },
   "scripts": {
     "build": "tsc && vite build",
     "build-storybook": "storybook build -o compiled_docs",