@mx-cartographer/experiences 9.0.2 → 9.1.0-alpha.bb1

package/dist/CategorySelectorDrawer-8soGrhB8.mjs

@@ -1,430 +0,0 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { observer as p } from "mobx-react-lite";
-import E from "react";
-import $ from "@mui/material/Stack";
-import { G as K, l as f, u as S, g as A, b as B } from "./hooks-BaO_gOI6.mjs";
-import U from "@mui/material/List";
-import V from "@mui/material/Paper";
-import { b as _ } from "./Localization-DnoVyBNK.mjs";
-import Y from "@mui/material/Divider";
-import T from "@mui/material/ListItem";
-import W from "@mui/material/ListItemAvatar";
-import N from "@mui/material/ListItemButton";
-import F from "@mui/material/ListItemIcon";
-import G from "@mui/material/ListItemText";
-import { CheckCircle as M, Edit as j, Delete as X, ExpandMore as z } from "@mxenabled/mx-icons";
-import { Text as q, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
-import Q from "@mui/material/Collapse";
-import Z from "@mui/material/DialogContent";
-import { D as ee } from "./Dialog-Bvd2n8hz.mjs";
-import te from "@mui/material/Box";
-import oe from "@mui/material/Chip";
-import v from "@mui/material/IconButton";
-import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
-import { L as k } from "./Loader-CxeBwuPG.mjs";
-import { S as re } from "./SearchBox-Cpgu_gdO.mjs";
-import { D as ne } from "./Drawer-BXqqBMxg.mjs";
-const y = () => {
-  if (!E.useContext(K))
-    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return f().uiStore;
-}, C = {
-  ON_CATEGORY_EXPANDED: "onCategoryExpanded",
-  ON_CATEGORY_COLLAPSED: "onCategoryCollapsed",
-  ON_CATEGORY_SELECTED: "onCategorySelected",
-  ON_SUBCATEGORY_ADD_CLICK: "onSubcategoryAddClick",
-  ON_SUBCATEGORY_ADD_CANCEL_CLICK: "onSubcategoryAddCancelClick",
-  ON_SUBCATEGORY_ADDED: "onSubcategoryAdded",
-  ON_SUBCATEGORY_EDIT_CLICK: "onSubcategoryEditClick",
-  ON_SUBCATEGORY_EDIT_CANCEL_CLICK: "onSubcategoryEditCancelClick",
-  ON_SUBCATEGORY_DELETE_CLICK: "onSubcategoryDeleteClick",
-  ON_SUBCATEGORY_DELETED: "onSubcategoryDeleted",
-  ON_SUBCATEGORY_SAVED: "onSubcategorySaved"
-};
-var L = /* @__PURE__ */ ((e) => (e.ADD = "add", e.EDIT = "edit", e.DELETE = "delete", e))(L || {});
-const se = ({
-  categoryName: e = "",
-  onClose: s,
-  onSave: o,
-  isOpen: l,
-  type: i
-}) => {
-  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = y();
-  let d = "", m = [];
-  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, b = i === "edit" ? _(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
-  switch (i) {
-    case "add":
-      d = r.add_subcategory_title;
-      break;
-    case "edit":
-      d = _(r.edit_subcategory_title, h);
-      break;
-    case "delete":
-      d = r.delete_subcategory_heading, m = _(
-        r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(q, { bold: !0, component: "span", children: _(r.all_parent_category, h) })
-      );
-      break;
-  }
-  return /* @__PURE__ */ t(
-    ee,
-    {
-      copy: {
-        title: d
-      },
-      disablePrimaryButton: !a,
-      isOpen: l,
-      onClose: () => {
-        n(!1), s();
-      },
-      onPrimaryAction: () => {
-        n(!1), o(a);
-      },
-      children: /* @__PURE__ */ t(Z, { children: u ? m : /* @__PURE__ */ t(
-        H,
-        {
-          label: b,
-          name: "modify-subcategory",
-          onChange: (D) => c(D.target.value),
-          placeholder: r.input_placeholder,
-          slotProps: {
-            htmlInput: {
-              "aria-label": b,
-              maxLength: 50
-            }
-          },
-          sx: { width: "100%" },
-          truncate: !0,
-          value: a
-        }
-      ) })
-    }
-  );
-}, R = p(se), ie = ({ announce: e, parentCategory: s }) => {
-  const [o, l] = E.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = y(), n = async (u) => {
-    await i(u.trim(), s.guid), e(_(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
-  }, d = async () => {
-    c(C.ON_SUBCATEGORY_ADD_CLICK), r(!0), l(!0);
-  }, m = () => {
-    l(!1), c(C.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
-  };
-  return /* @__PURE__ */ g(T, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ t(N, { onClick: d, sx: { ml: 60 }, children: /* @__PURE__ */ t(
-      G,
-      {
-        primary: a.add_subcategory_button,
-        slotProps: { primary: { color: "primary", fontWeight: "normal", variant: "body1" } }
-      }
-    ) }),
-    o && /* @__PURE__ */ t(
-      R,
-      {
-        isOpen: o,
-        onClose: m,
-        onSave: n,
-        type: L.ADD
-      }
-    )
-  ] });
-}, ce = p(ie), le = ({
-  announce: e,
-  setShowRename: s,
-  subCategory: o,
-  showRename: l
-}) => {
-  const { onEvent: i } = A(), { updateCategory: a } = f(), { categories: c } = S(), r = async (d) => {
-    await a({ ...o, name: d }), e(_(c.edit_subcategory_announcement, o.name, d)), i(C.ON_SUBCATEGORY_SAVED), s(!1);
-  }, n = () => {
-    s(!1), i(C.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
-  };
-  return /* @__PURE__ */ t(
-    R,
-    {
-      categoryName: o.name,
-      isOpen: l,
-      onClose: n,
-      onSave: r,
-      type: L.EDIT
-    }
-  );
-}, de = p(le), ue = ({
-  announce: e,
-  parentCategory: s,
-  showDelete: o,
-  setShowDelete: l,
-  subCategory: i
-}) => {
-  const { onEvent: a } = A(), { removeCategory: c } = f(), { categories: r } = S(), n = () => {
-    l(!1), a(C.ON_SUBCATEGORY_DELETE_CLICK);
-  }, d = async () => {
-    await c(i.guid), e(_(r.delete_subcategory_announcement, i.name)), a(C.ON_SUBCATEGORY_DELETED), l(!1);
-  };
-  return /* @__PURE__ */ t(
-    R,
-    {
-      categoryName: s.name,
-      isOpen: o,
-      onClose: n,
-      onSave: d,
-      type: L.DELETE
-    }
-  );
-}, me = p(ue), Ce = ({
-  announce: e,
-  parentCategory: s,
-  subCategory: o
-}) => {
-  const {
-    onSelect: l,
-    selectedGuid: i,
-    setSelectedGuid: a,
-    setShouldDisableDrawerScroll: c,
-    showSelected: r,
-    unselectable: n,
-    unselectableText: d
-  } = y(), { categories: m } = S(), { onEvent: u } = A(), [h, b] = E.useState(!1), [D, O] = E.useState(!1), x = !!o.revision, w = o.guid === i, I = !n.some((P) => P === o.guid);
-  return /* @__PURE__ */ g(
-    T,
-    {
-      className: "mx-cat-subcategory-row",
-      disableGutters: !0,
-      disablePadding: !0,
-      sx: { pl: 58 },
-      children: [
-        /* @__PURE__ */ g(
-          N,
-          {
-            "aria-pressed": w,
-            color: "secondary",
-            onClick: () => {
-              I && (a(o.guid), l(o.guid), u(C.ON_CATEGORY_SELECTED));
-            },
-            sx: { height: 44, minWidth: 0, overflow: "hidden" },
-            children: [
-              /* @__PURE__ */ t(
-                G,
-                {
-                  primary: o.name,
-                  slotProps: { primary: { fontWeight: "normal", variant: "body1", noWrap: !0 } }
-                }
-              ),
-              r && w && /* @__PURE__ */ t(M, { fontSize: "small" }),
-              !I && /* @__PURE__ */ t(oe, { label: d })
-            ]
-          }
-        ),
-        x && /* @__PURE__ */ g(
-          te,
-          {
-            className: "mx-cat-subcategory-edit-container",
-            sx: { marginRight: 24, flexShrink: 0 },
-            children: [
-              /* @__PURE__ */ t(
-                v,
-                {
-                  "aria-label": _(m.edit_subcategory_title, o.name),
-                  onClick: () => {
-                    b(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
-                  },
-                  children: /* @__PURE__ */ t(j, { color: "secondary" })
-                }
-              ),
-              /* @__PURE__ */ t(
-                v,
-                {
-                  "aria-label": _(m.delete_subcategory_aria, o.name),
-                  edge: "end",
-                  onClick: () => {
-                    O(!0), c(!0), u(C.ON_SUBCATEGORY_DELETE_CLICK);
-                  },
-                  children: /* @__PURE__ */ t(X, { color: "secondary" })
-                }
-              )
-            ]
-          }
-        ),
-        D && /* @__PURE__ */ t(
-          me,
-          {
-            announce: e,
-            parentCategory: s,
-            setShowDelete: O,
-            showDelete: D,
-            subCategory: o
-          }
-        ),
-        h && /* @__PURE__ */ t(
-          de,
-          {
-            announce: e,
-            setShowRename: b,
-            showRename: h,
-            subCategory: o
-          }
-        )
-      ]
-    }
-  );
-}, _e = p(Ce), ge = ({ categories: e, parentCategory: s }) => {
-  const { expandedGuid: o, searchValue: l } = y(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
-  return /* @__PURE__ */ g(
-    Q,
-    {
-      in: c || r,
-      sx: { backgroundColor: "background.default" },
-      timeout: "auto",
-      unmountOnExit: !0,
-      children: [
-        a,
-        /* @__PURE__ */ g(
-          U,
-          {
-            "aria-labelledby": `category-${s.guid}`,
-            className: "mx-cat-subcategory-list",
-            id: `subcategories-${s.guid}`,
-            children: [
-              e.map((n) => /* @__PURE__ */ g(E.Fragment, { children: [
-                /* @__PURE__ */ t(
-                  _e,
-                  {
-                    announce: i,
-                    parentCategory: s,
-                    subCategory: n
-                  }
-                ),
-                /* @__PURE__ */ t(Y, { "aria-hidden": "true", component: "li", sx: { ml: 58 } })
-              ] }, n.guid)),
-              !r && /* @__PURE__ */ t(ce, { announce: i, parentCategory: s })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, Ee = p(ge), pe = ({ category: e, subCategories: s }) => {
-  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = y(), { onEvent: a } = A(), c = e.guid === o, r = () => {
-    const n = e.guid !== o ? e.guid : null;
-    i(n), a(n ? C.ON_CATEGORY_EXPANDED : C.ON_CATEGORY_COLLAPSED);
-  };
-  return /* @__PURE__ */ g(E.Fragment, { children: [
-    /* @__PURE__ */ t(T, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ g(
-      N,
-      {
-        "aria-controls": `subcategories-${e.guid}`,
-        "aria-expanded": e.guid === o,
-        "aria-label": e.name,
-        id: `category-${e.guid}`,
-        onClick: r,
-        children: [
-          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(J, { categoryGuid: e.guid }) }),
-          /* @__PURE__ */ t(
-            G,
-            {
-              primary: e.name,
-              slotProps: { primary: { fontWeight: "normal", variant: "body1" } }
-            }
-          ),
-          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
-            z,
-            {
-              sx: {
-                transition: "transform 0.3s ease-in-out",
-                transform: c || l ? "rotate(180deg)" : "rotate(0deg)"
-              }
-            }
-          ) })
-        ]
-      },
-      e.guid
-    ) }),
-    /* @__PURE__ */ t(Y, { "aria-hidden": "true", component: "li", sx: { ml: 58 } }),
-    /* @__PURE__ */ t("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t(Ee, { categories: s, parentCategory: e }) })
-  ] });
-}, he = p(pe), Se = () => {
-  const { categories: e } = f(), { searchValue: s } = y(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
-    if (n.parent_guid === null) {
-      const m = [
-        {
-          ...n,
-          name: _(o.all_parent_category, n.name),
-          parent_guid: n.guid
-        },
-        ...a
-      ].filter(
-        (u) => u.parent_guid === n.guid && u.name.toLowerCase().includes(c.toLowerCase())
-      );
-      if (n.name.toLowerCase().includes(c.toLowerCase()) || m.length > 0)
-        return [...r, { category: { ...n }, children: m }];
-    }
-    return r;
-  }, []))(e, s);
-  return /* @__PURE__ */ t(V, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(U, { children: i.map((a) => /* @__PURE__ */ t(
-    he,
-    {
-      category: a.category,
-      subCategories: a.children
-    },
-    a.category.guid
-  )) }) });
-}, be = p(Se), ye = ({
-  initialSelected: e,
-  onSelect: s = void 0,
-  showSelected: o = !0,
-  unselectable: l = [],
-  unselectableText: i = "Unselectable"
-}) => {
-  const { categories: a, loadCategories: c } = f(), { common: r } = S(), { isCopyLoaded: n } = B(), {
-    searchValue: d,
-    setOnSelect: m,
-    setSearchValue: u,
-    setSelectedGuid: h,
-    setShowSelected: b,
-    setUnselectable: D,
-    setUnselectableText: O
-  } = y();
-  return E.useEffect(() => {
-    s && m(s);
-  }), E.useEffect(() => {
-    a.length || c();
-  }, []), E.useEffect(() => {
-    e && h(e), b(o), D(l), O(i);
-  }, [e, o, l, i]), n ? /* @__PURE__ */ g($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
-    /* @__PURE__ */ t(
-      re,
-      {
-        ariaLabel: r.search_aria,
-        cancelAriaLabel: r.cancel_search_aria,
-        onChange: (x) => u(x),
-        placeholder: r.search_placeholder,
-        searchValue: d
-      }
-    ),
-    /* @__PURE__ */ t(be, {})
-  ] }) : /* @__PURE__ */ t(k, {});
-}, De = p(ye), fe = ({
-  id: e,
-  onClose: s,
-  title: o,
-  showDrawer: l,
-  ...i
-}) => {
-  const { common: a } = S(), { isCopyLoaded: c } = B();
-  return c ? /* @__PURE__ */ t(
-    ne,
-    {
-      ariaLabelClose: a.close_aria,
-      className: "mx-cat-category-selector-drawer",
-      id: e,
-      isOpen: l,
-      onClose: s,
-      title: o,
-      children: /* @__PURE__ */ t(De, { ...i })
-    }
-  ) : /* @__PURE__ */ t(k, {});
-}, Je = p(fe);
-export {
-  he as C,
-  De as a,
-  Je as b,
-  y as u
-};

package/dist/Connect-Dk6GZEsA.mjs

@@ -1,39 +0,0 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { observer as i } from "mobx-react-lite";
-import c from "@mui/material/Box";
-import s from "@mui/material/CircularProgress";
-import m from "@mui/material/Stack";
-import { Text as a } from "@mxenabled/mxui";
-import { M as t } from "./Accounts-CseLC3lL.mjs";
-import { u as p } from "./hooks-BaO_gOI6.mjs";
-const l = ({ status: r = t.Loading }) => {
-  const { connect: n } = p();
-  return /* @__PURE__ */ o(
-    c,
-    {
-      sx: {
-        height: "calc(100% - 62px)",
-        position: "absolute",
-        width: "100%"
-      },
-      children: /* @__PURE__ */ e(m, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
-        r === t.Loading && /* @__PURE__ */ o(s, { color: "primary", size: 48 }),
-        /* @__PURE__ */ o(
-          a,
-          {
-            sx: {
-              color: "grey.600",
-              marginTop: "16px"
-            },
-            children: r === t.Error ? n.oops : n.loading
-          }
-        )
-      ] })
-    }
-  );
-}, S = i(l), T = "connect_widget", _ = "connections_widget";
-export {
-  _ as C,
-  S as a,
-  T as b
-};

package/dist/ConnectCard-CCep7Zqe.mjs

@@ -1,54 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import n from "react";
-import m from "@mui/material/Button";
-import l from "@mui/material/Card";
-import d from "@mui/material/CardContent";
-import p from "@mui/material/CardHeader";
-import C from "@mui/material/Stack";
-import { AccountBalance as f, ChevronRight as h } from "@mxenabled/mx-icons";
-import { Text as a } from "@mxenabled/mxui";
-import { C as x } from "./ConnectDrawer-Cnjr3Ddg.mjs";
-const H = ({ description: i, label: e, title: c }) => {
-  const [s, o] = n.useState(!1);
-  return /* @__PURE__ */ r(n.Fragment, { children: [
-    /* @__PURE__ */ r(l, { sx: { m: 24 }, children: [
-      /* @__PURE__ */ t(
-        p,
-        {
-          avatar: /* @__PURE__ */ t(f, {}),
-          sx: { ".MuiCardHeader-avatar": { mr: 8 } },
-          title: /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: c })
-        }
-      ),
-      /* @__PURE__ */ t(d, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ r(C, { alignItems: "flex-start", spacing: 2, children: [
-        /* @__PURE__ */ t(a, { color: "text.secondary", variant: "subtitle2", children: i }),
-        /* @__PURE__ */ t(
-          m,
-          {
-            endIcon: /* @__PURE__ */ t(h, {}),
-            onClick: () => o(!0),
-            sx: {
-              pl: 0,
-              ":hover": {
-                bgcolor: "unset"
-              }
-            },
-            variant: "text",
-            children: e
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ t(
-      x,
-      {
-        onClose: () => o(!1),
-        showConnectWidget: s,
-        title: e
-      }
-    )
-  ] });
-};
-export {
-  H as C
-};

package/dist/ConnectDrawer-Cnjr3Ddg.mjs

@@ -1,58 +0,0 @@
-import { jsx as r, jsxs as E } from "react/jsx-runtime";
-import s from "react";
-import { observer as _ } from "mobx-react-lite";
-import { useTheme as g } from "@mui/material/styles";
-import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
-import { b as a, a as c } from "./Connect-Dk6GZEsA.mjs";
-import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-BaO_gOI6.mjs";
-import { D as y } from "./Drawer-BXqqBMxg.mjs";
-const I = ({
-  loadWidgetProps: l,
-  onClose: m,
-  showConnectWidget: o,
-  title: u
-}) => {
-  let n;
-  const { refreshAccounts: f } = D(), { loadWidget: d } = L(), { connect: p } = w(), [C, e] = s.useState(!1), [h, t] = s.useState(!1), {
-    palette: { mode: S }
-  } = g();
-  return s.useEffect(() => (o ? (e(!0), d({ mode: S, ...l }).then((b) => {
-    n = new x({
-      container: `#${a}`,
-      style: {
-        border: "none",
-        height: "calc(100% - 62px)",
-        maxWidth: "450px",
-        position: "absolute",
-        width: "100%"
-      },
-      url: b.url,
-      onSsoUrlLoadError: () => {
-        e(!1), t(!0);
-      },
-      onLoad: () => {
-        e(!1), t(!1);
-      }
-    });
-  })) : (e(!1), t(!1)), () => {
-    n?.unmount();
-  }), [o]), /* @__PURE__ */ r(
-    y,
-    {
-      ariaLabelClose: p.close_manage_connection_aria,
-      isOpen: o,
-      onClose: () => {
-        m(), f();
-      },
-      title: u,
-      children: /* @__PURE__ */ E("div", { id: a, children: [
-        h && /* @__PURE__ */ r(c, { status: i.Error }),
-        C && /* @__PURE__ */ r(c, { status: i.Loading })
-      ] })
-    }
-  );
-}, $ = _(I);
-export {
-  $ as C
-};

package/dist/ConnectionsDrawer-CtfPXk0M.mjs

@@ -1,54 +0,0 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import s from "react";
-import { observer as E } from "mobx-react-lite";
-import { useTheme as _ } from "@mui/material/styles";
-import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
-import { C as a, a as c } from "./Connect-Dk6GZEsA.mjs";
-import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-BaO_gOI6.mjs";
-import { D as x } from "./Drawer-BXqqBMxg.mjs";
-const I = ({
-  onClose: l,
-  showConnectionsWidget: o,
-  title: m
-}) => {
-  let n;
-  const { refreshAccounts: u } = D(), { loadWidget: f } = L(), { connect: d } = w(), p = _(), [C, e] = s.useState(!1), [S, t] = s.useState(!1);
-  return s.useEffect(() => (o ? (e(!0), f({ widget: "connections_widget", mode: p.palette.mode }).then((h) => {
-    n = new b({
-      container: `#${a}`,
-      style: {
-        border: "none",
-        height: "calc(100% - 62px)",
-        width: "100%",
-        position: "absolute"
-      },
-      url: h.url,
-      onSsoUrlLoadError: () => {
-        e(!1), t(!0);
-      },
-      onLoad: () => {
-        e(!1), t(!1);
-      }
-    });
-  })) : (e(!1), t(!1)), () => {
-    n?.unmount();
-  }), [o]), /* @__PURE__ */ r(
-    x,
-    {
-      ariaLabelClose: d.close_connections_aria,
-      isOpen: o,
-      onClose: () => {
-        l(), u();
-      },
-      title: m,
-      children: /* @__PURE__ */ g("div", { id: a, children: [
-        S && /* @__PURE__ */ r(c, { status: i.Error }),
-        C && /* @__PURE__ */ r(c, { status: i.Loading })
-      ] })
-    }
-  );
-}, W = E(I);
-export {
-  W as C
-};