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

package/dist/CategorySelectorDrawer-NJsFsKP1.mjs

@@ -0,0 +1,431 @@
+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, f as A, a as B } from "./hooks-97sNJ_lf.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-DsnW2o0v.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
+};
+//# sourceMappingURL=CategorySelectorDrawer-NJsFsKP1.mjs.map

package/dist/CategorySelectorDrawer-NJsFsKP1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySelectorDrawer-NJsFsKP1.mjs","sources":["../src/categories/context/hooks.ts","../src/categories/constants/OnClickEvents.ts","../src/categories/components/CustomCategories/CustomCategoryModal.tsx","../src/categories/components/CustomCategories/AddSubcategory.tsx","../src/categories/components/CustomCategories/RenameSubcategory.tsx","../src/categories/components/CustomCategories/DeleteSubcategory.tsx","../src/categories/components/SubcategoryRow.tsx","../src/categories/components/SubcategoryList.tsx","../src/categories/components/CategoryRow.tsx","../src/categories/components/CategoryList.tsx","../src/categories/components/CategorySelector.tsx","../src/categories/components/CategorySelectorDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useCategoryStore } from '../../common'\n\nexport const useCategoryUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useCategoryUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useCategoryStore().uiStore\n}\n","export const ON_CLICK_EVENTS = {\n  ON_CATEGORY_EXPANDED: 'onCategoryExpanded',\n  ON_CATEGORY_COLLAPSED: 'onCategoryCollapsed',\n  ON_CATEGORY_SELECTED: 'onCategorySelected',\n  ON_SUBCATEGORY_ADD_CLICK: 'onSubcategoryAddClick',\n  ON_SUBCATEGORY_ADD_CANCEL_CLICK: 'onSubcategoryAddCancelClick',\n  ON_SUBCATEGORY_ADDED: 'onSubcategoryAdded',\n  ON_SUBCATEGORY_EDIT_CLICK: 'onSubcategoryEditClick',\n  ON_SUBCATEGORY_EDIT_CANCEL_CLICK: 'onSubcategoryEditCancelClick',\n  ON_SUBCATEGORY_DELETE_CLICK: 'onSubcategoryDeleteClick',\n  ON_SUBCATEGORY_DELETED: 'onSubcategoryDeleted',\n  ON_SUBCATEGORY_SAVED: 'onSubcategorySaved',\n}\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Text } from '@mxenabled/mxui'\nimport { TextField } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../../common'\nimport type { DynamicCopyElement } from '../../../core'\nimport DialogContent from '@mui/material/DialogContent'\n\nimport { useCategoryUiStore } from '../../context/hooks'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\nexport enum CustomCategoryModalType {\n  ADD = 'add',\n  EDIT = 'edit',\n  DELETE = 'delete',\n}\n\ninterface CustomCategoryModalProps {\n  categoryName?: string\n  onClose: () => void\n  onSave: (name: string) => void\n  isOpen: boolean\n  type: CustomCategoryModalType\n}\n\nconst CustomCategoryModal: React.FC<CustomCategoryModalProps> = ({\n  categoryName = '',\n  onClose,\n  onSave,\n  isOpen,\n  type,\n}) => {\n  const [name, setName] = React.useState(categoryName)\n  const { categories: copy } = useGlobalCopyStore()\n  const { setShouldDisableDrawerScroll } = useCategoryUiStore()\n\n  let headingText = ''\n  let primaryText: DynamicCopyElement = []\n\n  const isDeleteType = type === CustomCategoryModalType.DELETE\n  const displayName = categoryName.length > 50 ? `${categoryName.slice(0, 50)}...` : categoryName\n  const inputAriaLabel =\n    type === CustomCategoryModalType.EDIT\n      ? (buildDynamicCopy(copy.edit_subcategory_aria, displayName) as string)\n      : copy.add_subcategory_aria\n\n  switch (type) {\n    case CustomCategoryModalType.ADD:\n      headingText = copy.add_subcategory_title\n      break\n    case CustomCategoryModalType.EDIT:\n      headingText = buildDynamicCopy(copy.edit_subcategory_title, displayName) as string\n      break\n    case CustomCategoryModalType.DELETE:\n      headingText = copy.delete_subcategory_heading\n      primaryText = buildDynamicCopy(\n        copy.all_transactions_in_this_subcategory,\n        <Text bold={true} component=\"span\">\n          {buildDynamicCopy(copy.all_parent_category, displayName) as string}\n        </Text>,\n      ) as DynamicCopyElement\n      break\n  }\n\n  return (\n    <Dialog\n      copy={{\n        title: headingText,\n      }}\n      disablePrimaryButton={!name}\n      isOpen={isOpen}\n      onClose={() => {\n        setShouldDisableDrawerScroll(false)\n        onClose()\n      }}\n      onPrimaryAction={() => {\n        setShouldDisableDrawerScroll(false)\n        onSave(name)\n      }}\n    >\n      <DialogContent>\n        {isDeleteType ? (\n          (primaryText as React.ReactNode)\n        ) : (\n          <TextField\n            label={inputAriaLabel}\n            name=\"modify-subcategory\"\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setName(e.target.value)}\n            placeholder={copy.input_placeholder}\n            slotProps={{\n              htmlInput: {\n                'aria-label': inputAriaLabel,\n                maxLength: 50,\n              },\n            }}\n            sx={{ width: '100%' }}\n            truncate={true}\n            value={name}\n          />\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default observer(CustomCategoryModal)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport type { Category } from '../../../core'\n\nimport CustomCategoryModal, { CustomCategoryModalType } from './CustomCategoryModal'\n\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\nimport { useCategoryStore, useEvent, useGlobalCopyStore } from '../../../common'\nimport { useCategoryUiStore } from '../../context/hooks'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface AddSubcategoryProps {\n  announce: (message: string) => void\n  parentCategory: Category\n}\n\nconst AddSubcategory: React.FC<AddSubcategoryProps> = ({ announce, parentCategory }) => {\n  const [showAdd, setShowAdd] = React.useState(false)\n  const { addCategory } = useCategoryStore()\n  const { categories: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n  const { setShouldDisableDrawerScroll } = useCategoryUiStore()\n\n  const handleAdd = async (name: string) => {\n    await addCategory(name.trim(), parentCategory.guid)\n    announce(buildDynamicCopy(copy.add_subcategory_announcement, name) as string)\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_ADDED)\n    setShowAdd(false)\n  }\n\n  const handleAdding = async () => {\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_ADD_CLICK)\n    setShouldDisableDrawerScroll(true)\n    setShowAdd(true)\n  }\n\n  const handleModalClose = () => {\n    setShowAdd(false)\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_ADD_CANCEL_CLICK)\n  }\n\n  return (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton onClick={handleAdding} sx={{ ml: 60 }}>\n        <ListItemText\n          primary={copy.add_subcategory_button}\n          slotProps={{ primary: { color: 'primary', fontWeight: 'normal', variant: 'body1' } }}\n        />\n      </ListItemButton>\n\n      {showAdd && (\n        <CustomCategoryModal\n          isOpen={showAdd}\n          onClose={handleModalClose}\n          onSave={handleAdd}\n          type={CustomCategoryModalType.ADD}\n        />\n      )}\n    </ListItem>\n  )\n}\n\nexport default observer(AddSubcategory)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport type { Category } from '../../../core'\n\nimport CustomCategoryModal from './CustomCategoryModal'\n\nimport { CustomCategoryModalType } from './CustomCategoryModal'\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\nimport { useCategoryStore, useEvent, useGlobalCopyStore } from '../../../common'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\ninterface RenameSubcategoryProps {\n  announce: (message: string) => void\n  setShowRename: (show: boolean) => void\n  subCategory: Category\n  showRename: boolean\n}\n\nconst RenameSubcategory: React.FC<RenameSubcategoryProps> = ({\n  announce,\n  setShowRename,\n  subCategory,\n  showRename,\n}) => {\n  const { onEvent } = useEvent()\n  const { updateCategory } = useCategoryStore()\n  const { categories: copy } = useGlobalCopyStore()\n\n  const handleRename = async (name: string) => {\n    await updateCategory({ ...subCategory, name })\n    announce(buildDynamicCopy(copy.edit_subcategory_announcement, subCategory.name, name) as string)\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_SAVED)\n    setShowRename(false)\n  }\n\n  const handleModalClose = () => {\n    setShowRename(false)\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_EDIT_CANCEL_CLICK)\n  }\n\n  return (\n    <CustomCategoryModal\n      categoryName={subCategory.name}\n      isOpen={showRename}\n      onClose={handleModalClose}\n      onSave={handleRename}\n      type={CustomCategoryModalType.EDIT}\n    />\n  )\n}\n\nexport default observer(RenameSubcategory)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport CustomCategoryModal, { CustomCategoryModalType } from './CustomCategoryModal'\n\nimport { useCategoryStore, useEvent, useGlobalCopyStore } from '../../../common'\nimport type { Category } from '../../../core'\n\nimport { ON_CLICK_EVENTS } from '../../constants/OnClickEvents'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface DeleteSubcategoryProps {\n  announce: (message: string) => void\n  parentCategory: Category\n  showDelete: boolean\n  setShowDelete: (isOpen: boolean) => void\n  subCategory: Category\n}\n\nconst DeleteSubcategory: React.FC<DeleteSubcategoryProps> = ({\n  announce,\n  parentCategory,\n  showDelete,\n  setShowDelete,\n  subCategory,\n}) => {\n  const { onEvent } = useEvent()\n  const { removeCategory } = useCategoryStore()\n  const { categories: copy } = useGlobalCopyStore()\n\n  const handleClose = () => {\n    setShowDelete(false)\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_DELETE_CLICK)\n  }\n\n  const handleDelete = async () => {\n    await removeCategory(subCategory.guid)\n    announce(buildDynamicCopy(copy.delete_subcategory_announcement, subCategory.name) as string)\n    onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_DELETED)\n    setShowDelete(false)\n  }\n\n  return (\n    <CustomCategoryModal\n      categoryName={parentCategory.name}\n      isOpen={showDelete}\n      onClose={handleClose}\n      onSave={handleDelete}\n      type={CustomCategoryModalType.DELETE}\n    />\n  )\n}\n\nexport default observer(DeleteSubcategory)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Chip from '@mui/material/Chip'\nimport IconButton from '@mui/material/IconButton'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { CheckCircle, Delete, Edit } from '@mxenabled/mx-icons'\n\nimport type { Category } from '../../core'\n\nimport RenameSubcategory from './CustomCategories/RenameSubcategory'\nimport DeleteSubcategory from './CustomCategories/DeleteSubcategory'\n\nimport { useEvent, useGlobalCopyStore } from '../../common'\nimport { useCategoryUiStore } from '../context/hooks'\nimport { ON_CLICK_EVENTS } from '../constants/OnClickEvents'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface SubcategoryRowProps {\n  announce: (message: string) => void\n  parentCategory: Category\n  subCategory: Category\n}\n\nconst SubcategoryRow: React.FC<SubcategoryRowProps> = ({\n  announce,\n  parentCategory,\n  subCategory,\n}) => {\n  const {\n    onSelect,\n    selectedGuid,\n    setSelectedGuid,\n    setShouldDisableDrawerScroll,\n    showSelected,\n    unselectable,\n    unselectableText,\n  } = useCategoryUiStore()\n  const { categories: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n\n  const [showRename, setShowRename] = React.useState(false)\n  const [showDelete, setShowDelete] = React.useState(false)\n\n  const isCustom = Boolean(subCategory.revision)\n  const isSelected = subCategory.guid === selectedGuid\n  const isSelectable = !unselectable.some((item) => item === subCategory.guid)\n  const handleClick = () => {\n    if (isSelectable) {\n      // Internal state\n      setSelectedGuid(subCategory.guid)\n      // External notification\n      onSelect(subCategory.guid)\n      onEvent(ON_CLICK_EVENTS.ON_CATEGORY_SELECTED)\n    }\n  }\n\n  return (\n    <ListItem\n      className=\"mx-cat-subcategory-row\"\n      disableGutters={true}\n      disablePadding={true}\n      sx={{ pl: 58 }}\n    >\n      <ListItemButton\n        aria-pressed={isSelected}\n        color=\"secondary\"\n        onClick={handleClick}\n        sx={{ height: 44, minWidth: 0, overflow: 'hidden' }}\n      >\n        <ListItemText\n          primary={subCategory.name}\n          slotProps={{ primary: { fontWeight: 'normal', variant: 'body1', noWrap: true } }}\n        />\n        {showSelected && isSelected && <CheckCircle fontSize=\"small\" />}\n        {!isSelectable && <Chip label={unselectableText} />}\n      </ListItemButton>\n      {isCustom && (\n        <Box\n          className={`mx-cat-subcategory-edit-container`}\n          sx={{ marginRight: 24, flexShrink: 0 }}\n        >\n          <IconButton\n            aria-label={buildDynamicCopy(copy.edit_subcategory_title, subCategory.name) as string}\n            onClick={() => {\n              setShowRename(true)\n              setShouldDisableDrawerScroll(true)\n              onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_EDIT_CLICK)\n            }}\n          >\n            <Edit color=\"secondary\" />\n          </IconButton>\n          <IconButton\n            aria-label={buildDynamicCopy(copy.delete_subcategory_aria, subCategory.name) as string}\n            edge=\"end\"\n            onClick={() => {\n              setShowDelete(true)\n              setShouldDisableDrawerScroll(true)\n              onEvent(ON_CLICK_EVENTS.ON_SUBCATEGORY_DELETE_CLICK)\n            }}\n          >\n            <Delete color=\"secondary\" />\n          </IconButton>\n        </Box>\n      )}\n      {showDelete && (\n        <DeleteSubcategory\n          announce={announce}\n          parentCategory={parentCategory}\n          setShowDelete={setShowDelete}\n          showDelete={showDelete}\n          subCategory={subCategory}\n        />\n      )}\n      {showRename && (\n        <RenameSubcategory\n          announce={announce}\n          setShowRename={setShowRename}\n          showRename={showRename}\n          subCategory={subCategory}\n        />\n      )}\n    </ListItem>\n  )\n}\n\nexport default observer(SubcategoryRow)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport type { Category } from '../../core'\nimport AddSubcategory from './CustomCategories/AddSubcategory'\nimport SubcategoryRow from './SubcategoryRow'\nimport { useCategoryUiStore } from '../context/hooks'\nimport { useAriaLive } from '../../common/hooks/useAriaLive'\n\ninterface SubcategoryListProps {\n  categories: Category[]\n  parentCategory: Category\n}\n\nconst SubcategoryList: React.FC<SubcategoryListProps> = ({ categories, parentCategory }) => {\n  const { expandedGuid, searchValue } = useCategoryUiStore()\n  const { announce, ariaLive } = useAriaLive()\n  const isExpanded = parentCategory.guid === expandedGuid\n  const isFiltered = Boolean(searchValue)\n\n  return (\n    <Collapse\n      in={isExpanded || isFiltered}\n      sx={{ backgroundColor: 'background.default' }}\n      timeout=\"auto\"\n      unmountOnExit={true}\n    >\n      {ariaLive}\n      <List\n        aria-labelledby={`category-${parentCategory.guid}`}\n        className=\"mx-cat-subcategory-list\"\n        id={`subcategories-${parentCategory.guid}`}\n      >\n        {categories.map((category) => (\n          <React.Fragment key={category.guid}>\n            <SubcategoryRow\n              announce={announce}\n              parentCategory={parentCategory}\n              subCategory={category}\n            />\n            <Divider aria-hidden=\"true\" component=\"li\" sx={{ ml: 58 }} />\n          </React.Fragment>\n        ))}\n        {!isFiltered && <AddSubcategory announce={announce} parentCategory={parentCategory} />}\n      </List>\n    </Collapse>\n  )\n}\n\nexport default observer(SubcategoryList)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { useEvent } from '../../common'\nimport type { Category } from '../../core'\n\nimport { useCategoryUiStore } from '../context/hooks'\nimport { ON_CLICK_EVENTS } from '../constants/OnClickEvents'\nimport SubcategoryList from './SubcategoryList'\n\ninterface CategoryRowProps {\n  category: Category\n  subCategories: Category[]\n}\n\nconst CategoryRow: React.FC<CategoryRowProps> = ({ category, subCategories }) => {\n  const { expandedGuid, searchValue, setExpandedGuid } = useCategoryUiStore()\n  const { onEvent } = useEvent()\n  const isExpanded = category.guid === expandedGuid\n\n  const handleExpanderClick = () => {\n    const guid = category.guid !== expandedGuid ? category.guid : null\n    setExpandedGuid(guid)\n    onEvent(guid ? ON_CLICK_EVENTS.ON_CATEGORY_EXPANDED : ON_CLICK_EVENTS.ON_CATEGORY_COLLAPSED)\n  }\n\n  return (\n    <React.Fragment>\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton\n          aria-controls={`subcategories-${category.guid}`}\n          aria-expanded={category.guid === expandedGuid}\n          aria-label={category.name}\n          id={`category-${category.guid}`}\n          key={category.guid}\n          onClick={handleExpanderClick}\n        >\n          <ListItemAvatar>\n            <CategoryIcon categoryGuid={category.guid} />\n          </ListItemAvatar>\n          <ListItemText\n            primary={category.name}\n            slotProps={{ primary: { fontWeight: 'normal', variant: 'body1' } }}\n          />\n          <ListItemIcon>\n            <ExpandMore\n              sx={{\n                transition: 'transform 0.3s ease-in-out',\n                transform: isExpanded || searchValue ? 'rotate(180deg)' : 'rotate(0deg)',\n              }}\n            />\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n      <Divider aria-hidden=\"true\" component=\"li\" sx={{ ml: 58 }} />\n      <li style={{ listStyle: 'none' }}>\n        <SubcategoryList categories={subCategories} parentCategory={category} />\n      </li>\n    </React.Fragment>\n  )\n}\n\nexport default observer(CategoryRow)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport List from '@mui/material/List'\nimport Paper from '@mui/material/Paper'\n\nimport { useCategoryStore, useGlobalCopyStore } from '../../common'\nimport type { Category } from '../../core'\n\nimport { useCategoryUiStore } from '../context/hooks'\nimport CategoryRow from './CategoryRow'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface NestedCategory {\n  category: Category\n  children: Category[]\n}\n\nconst CategoryList: React.FC = () => {\n  const { categories } = useCategoryStore()\n  const { searchValue } = useCategoryUiStore()\n  const { categories: copy } = useGlobalCopyStore()\n\n  const buildNestedCategories = (categories: Category[], filter = ''): NestedCategory[] => {\n    return categories.reduce((acc, currCategory) => {\n      if (currCategory.parent_guid === null) {\n        const categoriesWithParent = [\n          {\n            ...currCategory,\n            name: buildDynamicCopy(copy.all_parent_category, currCategory.name) as string,\n            parent_guid: currCategory.guid,\n          },\n          ...categories,\n        ]\n        const children = categoriesWithParent.filter(\n          (category) =>\n            category.parent_guid === currCategory.guid &&\n            category.name.toLowerCase().includes(filter.toLowerCase()),\n        )\n\n        if (currCategory.name.toLowerCase().includes(filter.toLowerCase()) || children.length > 0) {\n          return [...acc, { category: { ...currCategory }, children }]\n        }\n      }\n      return acc\n    }, [] as NestedCategory[])\n  }\n\n  const nestedCategories = buildNestedCategories(categories, searchValue)\n\n  return (\n    <Paper className=\"mx-cat-category-list\" sx={{ boxShadow: 'none' }}>\n      <List>\n        {nestedCategories.map((nested: NestedCategory) => (\n          <CategoryRow\n            category={nested.category}\n            key={nested.category.guid}\n            subCategories={nested.children}\n          />\n        ))}\n      </List>\n    </Paper>\n  )\n}\n\nexport default observer(CategoryList)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport {\n  Loader,\n  SearchBox,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../../common'\n\nimport { useCategoryUiStore } from '../context/hooks'\n\nimport CategoryList from './CategoryList'\n\nexport interface CategorySelectorProps {\n  initialSelected?: string\n  onSelect: (guid: string) => void\n  showSelected?: boolean\n  unselectable?: string[]\n  unselectableText?: string\n}\n\nconst CategorySelector: React.FC<CategorySelectorProps> = ({\n  initialSelected,\n  onSelect = undefined,\n  showSelected = true,\n  unselectable = [],\n  unselectableText = 'Unselectable',\n}) => {\n  const { categories, loadCategories } = useCategoryStore()\n  const { common: copy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  const {\n    searchValue,\n    setOnSelect,\n    setSearchValue,\n    setSelectedGuid,\n    setShowSelected,\n    setUnselectable,\n    setUnselectableText,\n  } = useCategoryUiStore()\n\n  React.useEffect(() => {\n    if (onSelect) {\n      setOnSelect(onSelect)\n    }\n  })\n\n  React.useEffect(() => {\n    if (!categories.length) {\n      loadCategories()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (initialSelected) {\n      setSelectedGuid(initialSelected)\n    }\n    setShowSelected(showSelected)\n    setUnselectable(unselectable)\n    setUnselectableText(unselectableText)\n  }, [initialSelected, showSelected, unselectable, unselectableText])\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <Stack className=\"mx-cat-category-selector\" sx={{ width: '100%' }}>\n      <SearchBox\n        ariaLabel={copy.search_aria}\n        cancelAriaLabel={copy.cancel_search_aria}\n        onChange={(value) => setSearchValue(value)}\n        placeholder={copy.search_placeholder}\n        searchValue={searchValue}\n      />\n      <CategoryList />\n    </Stack>\n  )\n}\n\nexport default observer(CategorySelector)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { Drawer, Loader, useGlobalCopyStore, useGlobalUiStore } from '../../common'\n\nimport CategorySelector from './CategorySelector'\n\nimport type { CategorySelectorProps } from './CategorySelector'\n\nexport interface CategorySelectorDrawerProps extends CategorySelectorProps {\n  disableScroll?: boolean\n  id?: string\n  onClose: () => void\n  title: string\n  showDrawer: boolean\n}\n\nconst CategorySelectorDrawer: React.FC<CategorySelectorDrawerProps> = ({\n  id,\n  onClose,\n  title,\n  showDrawer,\n  ...categorySelectorProps\n}) => {\n  const { common: commonCopy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      className=\"mx-cat-category-selector-drawer\"\n      id={id}\n      isOpen={showDrawer}\n      onClose={onClose}\n      title={title}\n    >\n      <CategorySelector {...categorySelectorProps} />\n    </Drawer>\n  )\n}\n\nexport default observer(CategorySelectorDrawer)\n"],"names":["useCategoryUiStore","React","GlobalDataContext","useCategoryStore","ON_CLICK_EVENTS","CustomCategoryModalType","CustomCategoryModal","categoryName","onClose","onSave","isOpen","type","name","setName","copy","useGlobalCopyStore","setShouldDisableDrawerScroll","headingText","primaryText","isDeleteType","displayName","inputAriaLabel","buildDynamicCopy","jsx","Text","Dialog","DialogContent","TextField","e","CustomCategoryModal$1","observer","AddSubcategory","announce","parentCategory","showAdd","setShowAdd","addCategory","onEvent","useEvent","handleAdd","handleAdding","handleModalClose","jsxs","ListItem","ListItemButton","ListItemText","AddSubcategory$1","RenameSubcategory","setShowRename","subCategory","showRename","updateCategory","handleRename","RenameSubcategory$1","DeleteSubcategory","showDelete","setShowDelete","removeCategory","handleClose","handleDelete","DeleteSubcategory$1","SubcategoryRow","onSelect","selectedGuid","setSelectedGuid","showSelected","unselectable","unselectableText","isCustom","isSelected","isSelectable","item","CheckCircle","Chip","Box","IconButton","Edit","Delete","SubcategoryRow$1","SubcategoryList","categories","expandedGuid","searchValue","ariaLive","useAriaLive","isExpanded","isFiltered","Collapse","List","category","Divider","SubcategoryList$1","CategoryRow","subCategories","setExpandedGuid","handleExpanderClick","guid","ListItemAvatar","CategoryIcon","ListItemIcon","ExpandMore","CategoryRow$1","CategoryList","nestedCategories","filter","acc","currCategory","children","Paper","nested","CategoryList$1","CategorySelector","initialSelected","loadCategories","isCopyLoaded","useGlobalUiStore","setOnSelect","setSearchValue","setShowSelected","setUnselectable","setUnselectableText","Stack","SearchBox","value","Loader","CategorySelector$1","CategorySelectorDrawer","id","title","showDrawer","categorySelectorProps","commonCopy","Drawer","CategorySelectorDrawer$1"],"mappings":"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"}

package/dist/Connect-BH0Pt6zc.mjs

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { observer as c } from "mobx-react-lite";
+import i from "@mui/material/Box";
+import s from "@mui/material/CircularProgress";
+import a from "@mui/material/Stack";
+import { Text as m } from "@mxenabled/mxui";
+import { u as p } from "./hooks-97sNJ_lf.mjs";
+const g = ({ status: r = o.Loading }) => {
+  const { connect: n } = p();
+  return /* @__PURE__ */ t(
+    i,
+    {
+      sx: {
+        height: "calc(100% - 62px)",
+        position: "absolute",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ e(a, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
+        r === o.Loading && /* @__PURE__ */ t(s, { color: "primary", size: 48 }),
+        /* @__PURE__ */ t(
+          m,
+          {
+            sx: {
+              color: "grey.600",
+              marginTop: "16px"
+            },
+            children: r === o.Error ? n.oops : n.loading
+          }
+        )
+      ] })
+    }
+  );
+}, E = c(g);
+var o = /* @__PURE__ */ ((r) => (r.Loading = "loading", r.Error = "error", r))(o || {}), l = /* @__PURE__ */ ((r) => (r.Currency = "currency", r.Date = "date", r.Input = "input", r.Select = "select", r))(l || {});
+const _ = "connect_widget", D = "connections_widget";
+export {
+  D as C,
+  l as F,
+  o as M,
+  E as a,
+  _ as b
+};
+//# sourceMappingURL=Connect-BH0Pt6zc.mjs.map

package/dist/Connect-BH0Pt6zc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connect-BH0Pt6zc.mjs","sources":["../src/accounts/components/ConnectStatus.tsx","../src/accounts/constants/Accounts.ts","../src/common/constants/Connect.ts"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { MemberConnectionStatus } from '../../accounts'\nimport { useGlobalCopyStore } from '../../common'\n\ninterface ConnectStatus {\n  status?: MemberConnectionStatus\n}\n\nconst ConnectStatus: React.FC<ConnectStatus> = ({ status = MemberConnectionStatus.Loading }) => {\n  const { connect: connectCopy } = useGlobalCopyStore()\n\n  return (\n    <Box\n      sx={{\n        height: 'calc(100% - 62px)',\n        position: 'absolute',\n        width: '100%',\n      }}\n    >\n      <Stack alignItems=\"center\" direction=\"column\" justifyContent=\"center\" sx={{ height: '100%' }}>\n        {status === MemberConnectionStatus.Loading && (\n          <CircularProgress color=\"primary\" size={48} />\n        )}\n        <Text\n          sx={{\n            color: 'grey.600',\n            marginTop: '16px',\n          }}\n        >\n          {status === MemberConnectionStatus.Error ? connectCopy.oops : connectCopy.loading}\n        </Text>\n      </Stack>\n    </Box>\n  )\n}\n\nexport default observer(ConnectStatus)\n","export enum MemberConnectionStatus {\n  Loading = 'loading',\n  Error = 'error',\n}\n\nexport enum FieldType {\n  Currency = 'currency',\n  Date = 'date',\n  Input = 'input',\n  Select = 'select',\n}\n","export const CONNECT_WIDGET_ID = 'connect_widget'\nexport const CONNECTIONS_WIDGET_ID = 'connections_widget'\n"],"names":["ConnectStatus","status","MemberConnectionStatus","connectCopy","useGlobalCopyStore","jsx","Box","jsxs","Stack","CircularProgress","Text","ConnectStatus$1","observer","FieldType","CONNECT_WIDGET_ID","CONNECTIONS_WIDGET_ID"],"mappings":";;;;;;;AAeA,MAAMA,IAAyC,CAAC,EAAE,QAAAC,IAASC,EAAuB,cAAc;AAC9F,QAAM,EAAE,SAASC,EAAA,IAAgBC,EAAA;AAEjC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAGT,UAAA,gBAAAC,EAACC,GAAA,EAAM,YAAW,UAAS,WAAU,UAAS,gBAAe,UAAS,IAAI,EAAE,QAAQ,OAAA,GACjF,UAAA;AAAA,QAAAP,MAAWC,EAAuB,WACjC,gBAAAG,EAACI,KAAiB,OAAM,WAAU,MAAM,IAAI;AAAA,QAE9C,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,WAAW;AAAA,YAAA;AAAA,YAGZ,UAAAT,MAAWC,EAAuB,QAAQC,EAAY,OAAOA,EAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5E,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAQ,IAAeC,EAASZ,CAAa;AC3C9B,IAAKE,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA,GAKAW,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAJCA,IAAAA,KAAA,CAAA,CAAA;ACLL,MAAMC,IAAoB,kBACpBC,IAAwB;"}

package/dist/ConnectCard-D7uxoH5Y.mjs

@@ -0,0 +1,55 @@
+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-CW4LA3H3.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
+};
+//# sourceMappingURL=ConnectCard-D7uxoH5Y.mjs.map

package/dist/ConnectCard-D7uxoH5Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectCard-D7uxoH5Y.mjs","sources":["../src/common/components/ConnectCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport Stack from '@mui/material/Stack'\n\nimport { AccountBalance, ChevronRight } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport ConnectDrawer from './ConnectDrawer'\n\ninterface ConnectCardProps {\n  description: string\n  label: string\n  title: string\n}\n\nexport const ConnectCard = ({ description, label, title }: ConnectCardProps) => {\n  const [isConnectOpen, setIsConnectOpen] = React.useState(false)\n\n  return (\n    <React.Fragment>\n      <Card sx={{ m: 24 }}>\n        <CardHeader\n          avatar={<AccountBalance />}\n          sx={{ '.MuiCardHeader-avatar': { mr: 8 } }}\n          title={\n            <Text bold={true} variant=\"body1\">\n              {title}\n            </Text>\n          }\n        />\n        <CardContent sx={{ ':last-child': { pb: 4 }, ml: 28, py: 0 }}>\n          <Stack alignItems=\"flex-start\" spacing={2}>\n            <Text color=\"text.secondary\" variant=\"subtitle2\">\n              {description}\n            </Text>\n            <Button\n              endIcon={<ChevronRight />}\n              onClick={() => setIsConnectOpen(true)}\n              sx={{\n                pl: 0,\n                ':hover': {\n                  bgcolor: 'unset',\n                },\n              }}\n              variant=\"text\"\n            >\n              {label}\n            </Button>\n          </Stack>\n        </CardContent>\n      </Card>\n\n      <ConnectDrawer\n        onClose={() => setIsConnectOpen(false)}\n        showConnectWidget={isConnectOpen}\n        title={label}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["ConnectCard","description","label","title","isConnectOpen","setIsConnectOpen","React","jsxs","Card","jsx","CardHeader","AccountBalance","Text","CardContent","Stack","Button","ChevronRight","ConnectDrawer"],"mappings":";;;;;;;;;;AAmBO,MAAMA,IAAc,CAAC,EAAE,aAAAC,GAAa,OAAAC,GAAO,OAAAC,QAA8B;AAC9E,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAAS,EAAK;AAE9D,SACE,gBAAAC,EAACD,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,IAAI,EAAE,GAAG,MACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,0BAASC,GAAA,EAAe;AAAA,UACxB,IAAI,EAAE,yBAAyB,EAAE,IAAI,IAAE;AAAA,UACvC,OACE,gBAAAF,EAACG,GAAA,EAAK,MAAM,IAAM,SAAQ,SACvB,UAAAT,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGHU,GAAA,EAAY,IAAI,EAAE,eAAe,EAAE,IAAI,KAAK,IAAI,IAAI,IAAI,KACvD,UAAA,gBAAAN,EAACO,KAAM,YAAW,cAAa,SAAS,GACtC,UAAA;AAAA,QAAA,gBAAAL,EAACG,GAAA,EAAK,OAAM,kBAAiB,SAAQ,aAClC,UAAAX,GACH;AAAA,QACA,gBAAAQ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,2BAAUC,GAAA,EAAa;AAAA,YACvB,SAAS,MAAMX,EAAiB,EAAI;AAAA,YACpC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,UAAU;AAAA,gBACR,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YAEF,SAAQ;AAAA,YAEP,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAO;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,SAAS,MAAMZ,EAAiB,EAAK;AAAA,QACrC,mBAAmBD;AAAA,QACnB,OAAOF;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GACF;AAEJ;"}