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

package/dist/cashflow/components/onboarding/StepOne/index.es.js

@@ -0,0 +1,82 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import o from "@mui/material/Box";
+import a from "@mui/material/Button";
+import l from "@mui/material/Stack";
+import { H1 as d, H2 as h, P as n, Icon as c } from "@mxenabled/mxui";
+import f from "@mui/material/styles/useTheme";
+import { useCashflowStore as g, useGlobalCopyStore as u } from "../../../../common/context/hooks/index.es.js";
+const x = ({ handleNextStep: s }) => {
+  const { completeOnboarding: m } = g(), { cashflow: r } = u(), i = f();
+  return /* @__PURE__ */ t(l, { children: [
+    /* @__PURE__ */ e(d, { pb: 12, children: r.welcome_title }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        color: i.palette.primary.light,
+        pb: 8,
+        sx: { wordBreak: "break-word", whiteSpace: "initial" },
+        variant: "H3",
+        children: r.welcome_sub_title
+      }
+    ),
+    /* @__PURE__ */ e(n, { pb: 32, children: r.welcome_description }),
+    /* @__PURE__ */ t(l, { direction: "column", mb: 32, spacing: 32, children: [
+      /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            bgcolor: i.palette.primary.lighter,
+            borderRadius: 1,
+            component: "span",
+            height: 44,
+            mr: 24,
+            sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
+            width: 44,
+            children: /* @__PURE__ */ e(c, { color: "primary", name: "currency_exchange" })
+          }
+        ),
+        r.bullet_one
+      ] }),
+      /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            bgcolor: i.palette.primary.lighter,
+            borderRadius: 1,
+            component: "span",
+            height: 44,
+            mr: 24,
+            sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
+            width: 44,
+            children: /* @__PURE__ */ e(c, { color: "primary", name: "cardiology" })
+          }
+        ),
+        r.bullet_two
+      ] }),
+      /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            bgcolor: i.palette.primary.lighter,
+            borderRadius: 1,
+            component: "span",
+            height: 44,
+            mr: 24,
+            sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
+            width: 44,
+            children: /* @__PURE__ */ e(c, { color: "primary", name: "flare" })
+          }
+        ),
+        r.bullet_three
+      ] })
+    ] }),
+    /* @__PURE__ */ t(l, { direction: "row", spacing: 16, children: [
+      /* @__PURE__ */ e(a, { onClick: s, variant: "contained", children: r.get_started_button }),
+      /* @__PURE__ */ e(a, { onClick: m, variant: "outlined", children: r.skip_button })
+    ] })
+  ] });
+}, j = p(x);
+export {
+  j as default
+};

package/dist/cashflow/components/onboarding/StepTwo/index.es.js

@@ -0,0 +1,17 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import i from "react";
+import { observer as e } from "mobx-react-lite";
+import { H1 as m, P as n } from "@mxenabled/mxui";
+import { CASHFLOW_IMAGES as p } from "../../../constants/CashflowImages/index.es.js";
+import { useGlobalCopyStore as s } from "../../../../common/context/hooks/index.es.js";
+const c = () => {
+  const { cashflow: r } = s();
+  return /* @__PURE__ */ t(i.Fragment, { children: [
+    /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("img", { alt: "Loading", src: p.CASHFLOW_LOADING_ANIMATION }) }),
+    /* @__PURE__ */ o(m, { pb: 12, children: r.loading_title }),
+    /* @__PURE__ */ o(n, { children: r.loading_description })
+  ] });
+}, g = e(c);
+export {
+  g as default
+};

package/dist/cashflow/constants/CashflowImages/index.es.js

@@ -0,0 +1,7 @@
+const o = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", n = {
+  CASHFLOW_ONBOARDING: `${o}/cashflow-onboarding.png`,
+  CASHFLOW_LOADING_ANIMATION: `${o}/loading-animation.gif`
+};
+export {
+  n as CASHFLOW_IMAGES
+};

package/dist/cashflow/context/hooks/index.es.js

@@ -0,0 +1,11 @@
+import t from "react";
+import { GlobalDataContext as o } from "../../../common/context/GlobalDataProvider/index.es.js";
+import { useCashflowStore as e } from "../../../common/context/hooks/index.es.js";
+const i = () => {
+  if (!t.useContext(o))
+    throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
+  return e().uiStore;
+};
+export {
+  i as useCashflowUiStore
+};

package/dist/cashflow/index.es.js

@@ -0,0 +1,12 @@
+import { default as a } from "./CashflowMiniWidget/index.es.js";
+import { default as e } from "./CashflowWidget/index.es.js";
+import { default as l } from "./CashflowOnboarding/index.es.js";
+import { CashflowApi as d } from "./api/CashflowApi/index.es.js";
+import { CashflowStore as p } from "./stores/CashflowStore/index.es.js";
+export {
+  d as CashflowApi,
+  a as CashflowMiniWidget,
+  l as CashflowOnboarding,
+  p as CashflowStore,
+  e as CashflowWidget
+};

package/dist/cashflow/stores/CashflowStore/index.es.js

@@ -0,0 +1,19 @@
+import { makeAutoObservable as e } from "mobx";
+import { UiStore as r } from "../UiStore/index.es.js";
+class l {
+  globalStore;
+  uiStore;
+  constructor(o) {
+    this.globalStore = o, this.uiStore = new r(), e(this);
+  }
+  completeOnboarding = async () => {
+    const o = {
+      ...this.globalStore.userStore.userProfile,
+      has_completed_cash_flow_onboarding: !0
+    };
+    await this.globalStore.userStore.updateUserProfile(o);
+  };
+}
+export {
+  l as CashflowStore
+};

package/dist/cashflow/stores/UiStore/index.es.js

@@ -0,0 +1,38 @@
+import { makeAutoObservable as s } from "mobx";
+import { addDays as n } from "date-fns/addDays";
+import { differenceInDays as o } from "date-fns/differenceInDays";
+import { endOfMonth as c } from "date-fns/endOfMonth";
+import { isBefore as i } from "date-fns/isBefore";
+import { startOfToday as t } from "date-fns/startOfToday";
+class h {
+  // Cashflow is hard-coded to display 30 days starting from today
+  dateRange = { start: t(), end: n(t(), 30) };
+  isDirty = !1;
+  nextIncome = void 0;
+  upcomingExpenses = [];
+  selectedCashAccounts = [];
+  constructor() {
+    s(this);
+  }
+  // Returns the number of days until the next income activity or 0 if there is no income activity
+  get daysUntilNextIncome() {
+    return this.nextIncome ? Math.abs(o(t(), this.nextIncome.expectedDate)) : 0;
+  }
+  // Returns the expenses (Activities) until the  next income activity or the end of the month
+  // if there is no income activity
+  get expensesTilNextIncome() {
+    return this.upcomingExpenses.filter(
+      (e) => i(e.expectedDate, this.nextIncome?.expectedDate || c(/* @__PURE__ */ new Date()))
+    );
+  }
+  setNextIncome = (e) => {
+    this.nextIncome = e;
+  };
+  setUpcomingExpenses = (e) => {
+    this.upcomingExpenses = e;
+  };
+  setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
+}
+export {
+  h as UiStore
+};

package/dist/cashflow/util/Filters/index.es.js

@@ -0,0 +1,7 @@
+import { isAfter as r } from "date-fns/isAfter";
+import { isBefore as i } from "date-fns/isBefore";
+import { isToday as c } from "date-fns/isToday";
+const f = (o, t) => (e) => e.accountGuid === o.guid && (c(e.expectedDate) || r(e.expectedDate, t.start)) && i(e.expectedDate, t.end);
+export {
+  f as recurrenceFilter
+};

package/dist/categories/components/CategoryList/index.es.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import g from "@mui/material/List";
+import p from "@mui/material/Paper";
+import { useCategoryUiStore as u } from "../../context/hooks/index.es.js";
+import f from "../CategoryRow/index.es.js";
+import { useCategoryStore as h, useGlobalCopyStore as C } from "../../../common/context/hooks/index.es.js";
+import { buildDynamicCopy as y } from "../../../common/utils/Localization/index.es.js";
+const b = () => {
+  const { categories: n } = h(), { searchValue: m } = u(), { categories: c } = C(), l = ((o, r = "") => o.reduce((i, e) => {
+    if (e.parent_guid === null) {
+      const s = [
+        {
+          ...e,
+          name: y(c.all_parent_category, e.name),
+          parent_guid: e.guid
+        },
+        ...o
+      ].filter(
+        (a) => a.parent_guid === e.guid && a.name.toLowerCase().includes(r.toLowerCase())
+      );
+      if (e.name.toLowerCase().includes(r.toLowerCase()) || s.length > 0)
+        return [...i, { category: { ...e }, children: s }];
+    }
+    return i;
+  }, []))(n, m);
+  return /* @__PURE__ */ t(p, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(g, { children: l.map((o) => /* @__PURE__ */ t(
+    f,
+    {
+      category: o.category,
+      subCategories: o.children
+    },
+    o.category.guid
+  )) }) });
+}, D = d(b);
+export {
+  D as default
+};

package/dist/categories/components/CategoryRow/index.es.js

@@ -0,0 +1,58 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import f from "react";
+import { observer as l } from "mobx-react-lite";
+import g from "@mui/material/Divider";
+import c from "@mui/material/ListItem";
+import E from "@mui/material/ListItemAvatar";
+import x from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemIcon";
+import h from "@mui/material/ListItemText";
+import { ExpandMore as L } from "@mxenabled/mx-icons";
+import { CategoryIcon as I } from "@mxenabled/mxui";
+import { useCategoryUiStore as b } from "../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as m } from "../../constants/OnClickEvents/index.es.js";
+import v from "../SubcategoryList/index.es.js";
+import { useEvent as G } from "../../../common/context/hooks/index.es.js";
+const O = ({ category: r, subCategories: n }) => {
+  const { expandedGuid: o, searchValue: a, setExpandedGuid: d } = b(), { onEvent: s } = G(), p = r.guid === o, u = () => {
+    const i = r.guid !== o ? r.guid : null;
+    d(i), s(i ? m.ON_CATEGORY_EXPANDED : m.ON_CATEGORY_COLLAPSED);
+  };
+  return /* @__PURE__ */ e(f.Fragment, { children: [
+    /* @__PURE__ */ t(c, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(
+      x,
+      {
+        "aria-controls": `subcategories-${r.guid}`,
+        "aria-expanded": r.guid === o,
+        "aria-label": r.name,
+        id: `category-${r.guid}`,
+        onClick: u,
+        children: [
+          /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(I, { categoryGuid: r.guid }) }),
+          /* @__PURE__ */ t(
+            h,
+            {
+              primary: r.name,
+              primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+            }
+          ),
+          /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
+            L,
+            {
+              sx: {
+                transition: "transform 0.3s ease-in-out",
+                transform: p || a ? "rotate(180deg)" : "rotate(0deg)"
+              }
+            }
+          ) })
+        ]
+      },
+      r.guid
+    ) }),
+    /* @__PURE__ */ t(g, { sx: { ml: 58 } }),
+    /* @__PURE__ */ t(v, { categories: n, parentCategory: r })
+  ] });
+}, Y = l(O);
+export {
+  Y as default
+};

package/dist/categories/components/CategorySelector/index.es.js

@@ -0,0 +1,48 @@
+import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import t from "react";
+import { observer as b } from "mobx-react-lite";
+import x from "@mui/material/Stack";
+import { useCategoryUiStore as L } from "../../context/hooks/index.es.js";
+import U from "../CategoryList/index.es.js";
+import _ from "../../../common/components/SearchBox/index.es.js";
+import { useCategoryStore as E, useGlobalCopyStore as G, useGlobalUiStore as j } from "../../../common/context/hooks/index.es.js";
+import v from "../../../common/components/Loader/index.es.js";
+const V = ({
+  initialSelected: e,
+  onSelect: a = void 0,
+  showSelected: s = !0,
+  unselectable: c = [],
+  unselectableText: m = "Unselectable"
+}) => {
+  const { categories: i, loadCategories: l } = E(), { common: o } = G(), { isCopyLoaded: f } = j(), {
+    searchValue: p,
+    setOnSelect: n,
+    setSearchValue: h,
+    setSelectedGuid: u,
+    setShowSelected: d,
+    setUnselectable: g,
+    setUnselectableText: y
+  } = L();
+  return t.useEffect(() => {
+    a && n(a);
+  }), t.useEffect(() => {
+    i.length || l();
+  }, []), t.useEffect(() => {
+    e && u(e), d(s), g(c), y(m);
+  }, [e, s, c, m]), f ? /* @__PURE__ */ S(x, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
+    /* @__PURE__ */ r(
+      _,
+      {
+        ariaLabel: o.search_aria,
+        cancelAriaLabel: o.cancel_search_aria,
+        onChange: (C) => h(C),
+        placeholder: o.search_placeholder,
+        searchValue: p
+      }
+    ),
+    /* @__PURE__ */ r(U, {})
+  ] }) : /* @__PURE__ */ r(v, {});
+}, z = b(V);
+export {
+  z as default
+};

package/dist/categories/components/CategorySelectorDrawer/index.es.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as l } from "mobx-react-lite";
+import i from "../CategorySelector/index.es.js";
+import { useGlobalCopyStore as p, useGlobalUiStore as n } from "../../../common/context/hooks/index.es.js";
+import f from "../../../common/components/Loader/index.es.js";
+import y from "../../../common/components/drawer/Drawer/index.es.js";
+const C = ({
+  id: r,
+  onClose: e,
+  title: t,
+  showDrawer: a,
+  ...m
+}) => {
+  const { common: s } = p(), { isCopyLoaded: c } = n();
+  return c ? /* @__PURE__ */ o(
+    y,
+    {
+      ariaLabelClose: s.close_aria,
+      className: "mx-cat-category-selector-drawer",
+      id: r,
+      isOpen: a,
+      onClose: e,
+      title: t,
+      children: /* @__PURE__ */ o(i, { ...m })
+    }
+  ) : /* @__PURE__ */ o(f, {});
+}, x = l(C);
+export {
+  x as default
+};

package/dist/categories/components/CustomCategories/AddSubcategory/index.es.js

@@ -0,0 +1,40 @@
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import u from "react";
+import { observer as y } from "mobx-react-lite";
+import f from "@mui/material/ListItem";
+import g from "@mui/material/ListItemButton";
+import A from "@mui/material/ListItemText";
+import S, { CustomCategoryModalType as _ } from "../CustomCategoryModal/index.es.js";
+import { ON_CLICK_EVENTS as e } from "../../../constants/OnClickEvents/index.es.js";
+import { useCategoryUiStore as D } from "../../../context/hooks/index.es.js";
+import { useCategoryStore as h, useGlobalCopyStore as b, useEvent as E } from "../../../../common/context/hooks/index.es.js";
+const O = ({ parentCategory: a }) => {
+  const [s, o] = u.useState(!1), { addCategory: d } = h(), { categories: i } = b(), { onEvent: t } = E(), { setShouldDisableDrawerScroll: n } = D(), m = async (p) => {
+    await d(p.trim(), a.guid), t(e.ON_SUBCATEGORY_ADDED), o(!1);
+  }, l = async () => {
+    t(e.ON_SUBCATEGORY_ADD_CLICK), n(!0), o(!0);
+  }, c = () => {
+    o(!1), t(e.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
+  };
+  return /* @__PURE__ */ C(f, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ r(g, { onClick: l, sx: { ml: 60 }, children: /* @__PURE__ */ r(
+      A,
+      {
+        primary: i.add_subcategory_button,
+        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "Body" }
+      }
+    ) }),
+    s && /* @__PURE__ */ r(
+      S,
+      {
+        isOpen: s,
+        onClose: c,
+        onSave: m,
+        type: _.ADD
+      }
+    )
+  ] });
+}, U = y(O);
+export {
+  U as default
+};

package/dist/categories/components/CustomCategories/CustomCategoryModal/index.es.js

@@ -0,0 +1,66 @@
+import { jsx as r } from "react/jsx-runtime";
+import g from "react";
+import { observer as f } from "mobx-react-lite";
+import { Text as c, TextField as h } from "@mxenabled/mxui";
+import y from "@mui/material/DialogContent";
+import { useCategoryUiStore as D } from "../../../context/hooks/index.es.js";
+import { buildDynamicCopy as l } from "../../../../common/utils/Localization/index.es.js";
+import { useGlobalCopyStore as x } from "../../../../common/context/hooks/index.es.js";
+import C from "../../../../common/components/dialog/Dialog/index.es.js";
+var S = /* @__PURE__ */ ((e) => (e.ADD = "add", e.EDIT = "edit", e.DELETE = "delete", e))(S || {});
+const T = ({
+  categoryName: e = "",
+  onClose: n,
+  onSave: m,
+  isOpen: u,
+  type: a
+}) => {
+  const [i, b] = g.useState(e), { categories: t } = x(), { setShouldDisableDrawerScroll: s } = D();
+  let o = "", d = [];
+  const _ = a === "delete";
+  switch (a) {
+    case "add":
+      o = t.add_subcategory_title;
+      break;
+    case "edit":
+      o = l(t.edit_subcategory_title, e);
+      break;
+    case "delete":
+      o = t.delete_subcategory_heading, d = l(
+        t.all_transactions_in_this_subcategory,
+        /* @__PURE__ */ r(c, { bold: !0, children: l(t.all_parent_category, e) })
+      );
+      break;
+  }
+  return /* @__PURE__ */ r(
+    C,
+    {
+      copy: {
+        title: o
+      },
+      disablePrimaryButton: !i,
+      isOpen: u,
+      onClose: () => {
+        s(!1), n();
+      },
+      onPrimaryAction: () => {
+        s(!1), m(i);
+      },
+      children: /* @__PURE__ */ r(y, { children: _ ? /* @__PURE__ */ r(c, { children: d }) : /* @__PURE__ */ r(
+        h,
+        {
+          "aria-label": a === "edit" ? t.edit_subcategory_aria : t.add_subcategory_aria,
+          name: "modify-subcategory",
+          onChange: (p) => b(p.target.value),
+          placeholder: t.input_placeholder,
+          sx: { width: "100%" },
+          value: i
+        }
+      ) })
+    }
+  );
+}, G = f(T);
+export {
+  S as CustomCategoryModalType,
+  G as default
+};

package/dist/categories/components/CustomCategories/DeleteSubcategory/index.es.js

@@ -0,0 +1,30 @@
+import { jsx as C } from "react/jsx-runtime";
+import { observer as l } from "mobx-react-lite";
+import c, { CustomCategoryModalType as y } from "../CustomCategoryModal/index.es.js";
+import { ON_CLICK_EVENTS as t } from "../../../constants/OnClickEvents/index.es.js";
+import { useEvent as p, useCategoryStore as u } from "../../../../common/context/hooks/index.es.js";
+const f = ({
+  parentCategory: r,
+  showDelete: a,
+  setShowDelete: e,
+  subCategory: s
+}) => {
+  const { onEvent: o } = p(), { removeCategory: n } = u(), m = () => {
+    e(!1), o(t.ON_SUBCATEGORY_DELETE_CLICK);
+  }, E = async () => {
+    o(t.ON_SUBCATEGORY_DELETED), await n(s.guid), e(!1);
+  };
+  return /* @__PURE__ */ C(
+    c,
+    {
+      categoryName: r.name,
+      isOpen: a,
+      onClose: m,
+      onSave: E,
+      type: y.DELETE
+    }
+  );
+}, D = l(f);
+export {
+  D as default
+};

package/dist/categories/components/CustomCategories/RenameSubcategory/index.es.js

@@ -0,0 +1,29 @@
+import { jsx as c } from "react/jsx-runtime";
+import { observer as l } from "mobx-react-lite";
+import p, { CustomCategoryModalType as E } from "../CustomCategoryModal/index.es.js";
+import { ON_CLICK_EVENTS as a } from "../../../constants/OnClickEvents/index.es.js";
+import { useCategoryStore as y, useEvent as f } from "../../../../common/context/hooks/index.es.js";
+const u = ({
+  setShowRename: o,
+  subCategory: e,
+  showRename: r
+}) => {
+  const { updateCategory: n } = y(), { onEvent: t } = f(), s = async (C) => {
+    await n({ ...e, name: C }), t(a.ON_SUBCATEGORY_SAVED), o(!1);
+  }, m = () => {
+    o(!1), t(a.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
+  };
+  return /* @__PURE__ */ c(
+    p,
+    {
+      categoryName: e.name,
+      isOpen: r,
+      onClose: m,
+      onSave: s,
+      type: E.EDIT
+    }
+  );
+}, N = l(u);
+export {
+  N as default
+};

package/dist/categories/components/SubcategoryList/index.es.js

@@ -0,0 +1,39 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import a from "react";
+import { observer as c } from "mobx-react-lite";
+import l from "@mui/material/Collapse";
+import n from "@mui/material/Divider";
+import b from "@mui/material/List";
+import f from "../CustomCategories/AddSubcategory/index.es.js";
+import g from "../SubcategoryRow/index.es.js";
+import { useCategoryUiStore as p } from "../../context/hooks/index.es.js";
+const x = ({ categories: s, parentCategory: o }) => {
+  const { expandedGuid: m, searchValue: u } = p(), d = o.guid === m, i = !!u;
+  return /* @__PURE__ */ r(
+    l,
+    {
+      in: d || i,
+      sx: { backgroundColor: "background.default" },
+      timeout: "auto",
+      unmountOnExit: !0,
+      children: /* @__PURE__ */ e(
+        b,
+        {
+          "aria-labelledby": `category-${o.guid}`,
+          className: "mx-cat-subcategory-list",
+          id: `subcategories-${o.guid}`,
+          children: [
+            s.map((t) => /* @__PURE__ */ e(a.Fragment, { children: [
+              /* @__PURE__ */ r(g, { parentCategory: o, subCategory: t }),
+              /* @__PURE__ */ r(n, { sx: { ml: 58 } })
+            ] }, t.guid)),
+            !i && /* @__PURE__ */ r(f, { parentCategory: o })
+          ]
+        }
+      )
+    }
+  );
+}, F = c(x);
+export {
+  F as default
+};