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

package/dist/cashflow/components/SummaryTab/index.es.js

@@ -1,258 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import T from "react";
-import { observer as R } from "mobx-react-lite";
-import { startOfToday as p } from "date-fns/startOfToday";
-import { addDays as _ } from "date-fns/addDays";
-import N from "@mui/material/Box";
-import f from "@mui/material/Divider";
-import L from "@mui/material/List";
-import M from "@mui/material/ListItem";
-import n from "@mui/material/Stack";
-import $ from "@mui/material/styles/useTheme";
-import { alpha as H } from "@mui/material/styles";
-import { DataGridPro as G } from "@mui/x-data-grid-pro";
-import { InstitutionLogo as S, Text as c } from "@mxenabled/mxui";
-import { useCashflowUiStore as k } from "../../context/hooks/index.es.js";
-import { recurrenceFilter as v } from "../../util/Filters/index.es.js";
-import A from "../RemainingCash/index.es.js";
-import { useWidgetContainerProvider as B, useGlobalCopyStore as F, useRecurringTransactionsStore as O } from "../../../common/context/hooks/index.es.js";
-import { formatCurrency as u } from "../../../common/utils/NumberFormatting/index.es.js";
-import z from "../../../common/components/InformationTooltip/index.es.js";
-import { formatDate as D, DATE_FORMATS_INTL as I } from "../../../common/constants/DateFormats/index.es.js";
-import { CurrencyText as h } from "../../../common/components/CurrencyText/index.es.js";
-const E = () => {
-  const { availableWidth: b } = B(), s = $(), { cashflow: r } = F(), { upcomingExpenses: x, upcomingIncome: g } = O(), { dateRange: y, selectedCashAccounts: w } = k(), j = [
-    {
-      field: "account",
-      flex: 1.5,
-      headerName: r.accounts,
-      renderCell: ({ value: { name: e, nickname: i, institution_guid: l, account_number: m } }) => {
-        const a = i || e;
-        return /* @__PURE__ */ o(n, { alignItems: "center", flexDirection: "row", gap: 12, children: [
-          /* @__PURE__ */ t(
-            S,
-            {
-              alt: r.institution_logo,
-              institutionGuid: l || "",
-              size: 16
-            }
-          ),
-          `${a} ${m ? `*${m}` : ""}`
-        ] });
-      }
-    },
-    {
-      field: "balance",
-      flex: 1,
-      headerName: r.balance,
-      type: "number",
-      renderCell: (e) => u(e.value, "0,0.00")
-    },
-    {
-      field: "income",
-      flex: 1,
-      headerName: r.projected_income,
-      type: "number",
-      renderCell: (e) => `+${u(e.value, "0,0.00")}`
-    },
-    {
-      field: "expenses",
-      flex: 1.1,
-      headerName: r.projected_expenses,
-      type: "number",
-      renderCell: (e) => `-${u(e.value, "0,0.00")}`
-    },
-    {
-      field: "remaining",
-      flex: 1,
-      headerName: r.remaining,
-      type: "number",
-      renderCell: (e) => {
-        const i = e.row.balance + e.row.income - e.row.expenses;
-        return /* @__PURE__ */ t(
-          c,
-          {
-            color: Math.sign(i) === -1 ? s.palette.error.main : s.palette.text.primary,
-            variant: "Small",
-            children: u(i, "0,0.00")
-          }
-        );
-      }
-    }
-  ], C = T.useMemo(() => w.map((e) => {
-    const i = x.filter(
-      v(e, { start: p(), end: _(p(), 30) })
-    ).reduce((a, d) => a + d.amount, 0), l = g.filter(
-      v(e, { start: p(), end: _(p(), 30) })
-    ).reduce((a, d) => a + d.amount, 0), m = (e.balance || 0) + l - i;
-    return {
-      account: e,
-      balance: e.balance || 0,
-      id: e.guid,
-      income: l,
-      expenses: i,
-      remaining: m
-    };
-  }), [w, x, g]);
-  return /* @__PURE__ */ o(
-    N,
-    {
-      sx: {
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ o(
-          n,
-          {
-            direction: b < 540 ? "column" : "row",
-            justifyContent: "space-between",
-            mb: 12,
-            children: [
-              /* @__PURE__ */ o(n, { alignItems: "center", direction: "row", gap: 8, children: [
-                /* @__PURE__ */ t(
-                  c,
-                  {
-                    bold: !0,
-                    sx: {
-                      fontSize: 15,
-                      whiteSpace: "normal"
-                    },
-                    children: r.cash_inflow_and_outflow
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  z,
-                  {
-                    body: r.table_tooltip_body,
-                    title: r.table_tooltip_title
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ o(c, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
-                D(y.start, I.FULL_MONTH_DAY),
-                " -",
-                " ",
-                D(y.end, I.FULL_MONTH_DAY)
-              ] })
-            ]
-          }
-        ),
-        b > 650 ? /* @__PURE__ */ t(
-          G,
-          {
-            columnHeaderHeight: 48,
-            columns: j,
-            density: "standard",
-            disableColumnMenu: !0,
-            disableRowSelectionOnClick: !0,
-            hideFooter: !0,
-            rowHeight: 48,
-            rows: C,
-            sx: {
-              border: "1px solid",
-              borderColor: "border.light",
-              borderRadius: 1,
-              "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-                color: s.palette.primary.main,
-                "&:hover": {
-                  backgroundColor: H(s.palette.primary.main, 0.1)
-                }
-              },
-              "& .MuiDataGrid-sortIcon": {
-                color: s.palette.primary.main
-              }
-            }
-          }
-        ) : C.map((e) => {
-          const { name: i, nickname: l, institution_guid: m, account_number: a } = e.account, d = l || i;
-          return /* @__PURE__ */ t(
-            L,
-            {
-              sx: {
-                border: "1px solid",
-                borderColor: "border.light",
-                borderRadius: 1,
-                marginBottom: 24
-              },
-              children: /* @__PURE__ */ t(M, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(n, { width: "100%", children: [
-                /* @__PURE__ */ o(
-                  n,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ o(n, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
-                        /* @__PURE__ */ t(
-                          S,
-                          {
-                            alt: r.institution_logo,
-                            institutionGuid: m || "",
-                            size: 16
-                          }
-                        ),
-                        /* @__PURE__ */ t(c, { variant: "Small", children: `${d} ${a ? `*${a}` : ""}` })
-                      ] }),
-                      /* @__PURE__ */ t(h, { amount: e.balance, bold: !0, variant: "Small" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t(f, { sx: { width: "100%" } }),
-                /* @__PURE__ */ o(
-                  n,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ t(c, { variant: "Small", children: r.projected_income }),
-                      /* @__PURE__ */ t(h, { amount: e.income, bold: !0, symbol: "+", variant: "Small" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t(f, { sx: { width: "100%" } }),
-                /* @__PURE__ */ o(
-                  n,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ t(c, { variant: "Small", children: r.projected_expenses }),
-                      /* @__PURE__ */ t(h, { amount: e.expenses, bold: !0, symbol: "-", variant: "Small" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t(f, { sx: { width: "100%" } }),
-                /* @__PURE__ */ t(
-                  n,
-                  {
-                    alignItems: "center",
-                    bgcolor: "background.default",
-                    flexDirection: "row",
-                    gap: 8,
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ t(A, { remaining: e.remaining })
-                  }
-                )
-              ] }) })
-            },
-            e.id
-          );
-        })
-      ]
-    }
-  );
-}, de = R(E);
-export {
-  de as default
-};

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

@@ -1,82 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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/stores/CashflowStore/index.es.js

@@ -1,19 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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
-};