@mx-cartographer/experiences 9.3.0-alpha.bb2 → 9.3.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CategorySelector.es.js","names":[],"sources":["../../../src/categories/components/CategorySelector.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;AAyBA,IAAM,IAAA,CAAqD,EACzD,iBAAA,GACA,UAAA,IAAW,QACX,cAAA,IAAe,IACf,cAAA,IAAe,CAAC,GAChB,kBAAA,IAAmB,eAAA,MACf;AACJ,QAAM,EAAE,YAAA,GAAY,gBAAA,EAAA,IAAmB,EAAiB,GAClD,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,cAAA,EAAA,IAAiB,EAAiB,GAEpC,EACJ,aAAA,GACA,aAAA,GACA,gBAAA,GACA,iBAAA,GACA,iBAAA,GACA,iBAAA,GACA,qBAAA,EAAA,IACE,EAAmB;AAuBvB,SArBA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAQ;AAAA,EAExB,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,EAAW,UACd,EAAe;AAAA,EAEnB,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAgB,CAAe,GAEjC,EAAgB,CAAY,GAC5B,EAAgB,CAAY,GAC5B,EAAoB,CAAgB;AAAA,EACtC,GAAG;AAAA,IAAC;AAAA,IAAiB;AAAA,IAAc;AAAA,IAAc;AAAA,EAAgB,CAAC,GAE7D,IAKH,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAA2B,IAAI,EAAE,OAAO,OAAO;AAAA,cAAhE,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW,EAAK;AAAA,MAChB,iBAAiB,EAAK;AAAA,MACtB,UAAA,CAAW,MAAU,EAAe,CAAK;AAAA,MACzC,aAAa,EAAK;AAAA,MACL,aAAA;AAAA,IACd,CAAA,GACD,gBAAA,EAAC,GAAD,CAAe,CAAA,CACV;AAAA,OAbA,gBAAA,EAAC,GAAD,CAAS,CAAA;AAepB,GAEA,IAAe,EAAS,CAAgB"}
+{"version":3,"file":"CategorySelector.es.js","names":[],"sources":["../../../src/categories/components/CategorySelector.tsx"],"sourcesContent":["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    setExpandedGuid,\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    // Reset per-transaction; keyed off initialSelected so a category reload doesn't clear a typed search term.\n    setSelectedGuid(initialSelected ?? null)\n    setSearchValue('')\n  }, [initialSelected])\n\n  React.useEffect(() => {\n    // Expand the selection's parent (or its own accordion if top-level).\n    const selectedCategory = categories.find((category) => category.guid === initialSelected)\n    setExpandedGuid(\n      selectedCategory ? (selectedCategory.parent_guid ?? selectedCategory.guid) : null,\n    )\n  }, [categories, initialSelected])\n\n  React.useEffect(() => {\n    setShowSelected(showSelected)\n    setUnselectable(unselectable)\n    setUnselectableText(unselectableText)\n  }, [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"],"mappings":";;;;;;;;;AAyBA,IAAM,IAAA,CAAqD,EACzD,iBAAA,GACA,UAAA,IAAW,QACX,cAAA,IAAe,IACf,cAAA,IAAe,CAAC,GAChB,kBAAA,IAAmB,eAAA,MACf;AACJ,QAAM,EAAE,YAAA,GAAY,gBAAA,EAAA,IAAmB,EAAiB,GAClD,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,cAAA,EAAA,IAAiB,EAAiB,GAEpC,EACJ,aAAA,GACA,iBAAA,GACA,aAAA,GACA,gBAAA,GACA,iBAAA,GACA,iBAAA,GACA,iBAAA,GACA,qBAAA,EAAA,IACE,EAAmB;AAkCvB,SAhCA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAQ;AAAA,EAExB,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,EAAW,UACd,EAAe;AAAA,EAEnB,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AAEpB,IAAA,EAAgB,KAAmB,IAAI,GACvC,EAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAe,CAAC,GAEpB,EAAM,UAAA,MAAgB;AAEpB,UAAM,IAAmB,EAAW,KAAA,CAAM,MAAa,EAAS,SAAS,CAAe;AACxF,IAAA,EACE,IAAoB,EAAiB,eAAe,EAAiB,OAAQ,IAC/E;AAAA,EACF,GAAG,CAAC,GAAY,CAAe,CAAC,GAEhC,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAgB,CAAY,GAC5B,EAAgB,CAAY,GAC5B,EAAoB,CAAgB;AAAA,EACtC,GAAG;AAAA,IAAC;AAAA,IAAc;AAAA,IAAc;AAAA,EAAgB,CAAC,GAE5C,IAKH,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAA2B,IAAI,EAAE,OAAO,OAAO;AAAA,IAAhE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW,EAAK;AAAA,MAChB,iBAAiB,EAAK;AAAA,MACtB,UAAA,CAAW,MAAU,EAAe,CAAK;AAAA,MACzC,aAAa,EAAK;AAAA,MACL,aAAA;AAAA,IACd,CAAA,GACD,gBAAA,EAAC,GAAD,CAAe,CAAA,CACV;AAAA,OAbA,gBAAA,EAAC,GAAD,CAAS,CAAA;AAepB,GAEA,IAAe,EAAS,CAAgB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CategorySelectorDrawer.es.js","names":[],"sources":["../../../src/categories/components/CategorySelectorDrawer.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;AAiBA,IAAM,IAAA,CAAiE,EACrE,IAAA,GACA,SAAA,GACA,OAAA,GACA,YAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,cAAA,EAAA,IAAiB,EAAiB;AAE1C,SAAK,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,WAAU;AAAA,IACN,IAAA;AAAA,IACJ,QAAQ;AAAA,IACC,SAAA;AAAA,IACF,OAAA;AAAA,cAEP,gBAAA,EAAC,GAAD,EAAkB,GAAI,EAAwB,CAAA;AAAA,EACxC,CAAA,IAbD,gBAAA,EAAC,GAAD,CAAS,CAAA;AAepB,GAEA,IAAe,EAAS,CAAsB"}
+{"version":3,"file":"CategorySelectorDrawer.es.js","names":[],"sources":["../../../src/categories/components/CategorySelectorDrawer.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;AAiBA,IAAM,IAAA,CAAiE,EACrE,IAAA,GACA,SAAA,GACA,OAAA,GACA,YAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,cAAA,EAAA,IAAiB,EAAiB;AAE1C,SAAK,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,WAAU;AAAA,IACN,IAAA;AAAA,IACJ,QAAQ;AAAA,IACC,SAAA;AAAA,IACF,OAAA;AAAA,IAEP,UAAA,gBAAA,EAAC,GAAD,EAAkB,GAAI,EAAwB,CAAA;AAAA,EACxC,CAAA,IAbD,gBAAA,EAAC,GAAD,CAAS,CAAA;AAepB,GAEA,IAAe,EAAS,CAAsB"}

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

@@ -1 +1 @@
-{"version":3,"file":"AddSubcategory.es.js","names":[],"sources":["../../../../src/categories/components/CustomCategories/AddSubcategory.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;AAqBA,IAAM,IAAA,CAAiD,EAAE,UAAA,GAAU,gBAAA,EAAA,MAAqB;AACtF,QAAM,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAK,GAC5C,EAAE,aAAA,EAAA,IAAgB,EAAiB,GACnC,EAAE,YAAY,EAAA,IAAS,EAAmB,GAC1C,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,8BAAA,EAAA,IAAiC,EAAmB,GAEtD,IAAY,OAAO,MAAiB;AACxC,UAAM,EAAY,EAAK,KAAK,GAAG,EAAe,IAAI,GAClD,EAAS,EAAiB,EAAK,8BAA8B,CAAI,CAAW,GAC5E,EAAQ,EAAgB,oBAAoB,GAC5C,EAAW,EAAK;AAAA,EAClB,GAEM,IAAe,YAAY;AAC/B,IAAA,EAAQ,EAAgB,wBAAwB,GAChD,EAA6B,EAAI,GACjC,EAAW,EAAI;AAAA,EACjB,GAEM,IAAA,MAAyB;AAC7B,IAAA,EAAW,EAAK,GAChB,EAAQ,EAAgB,+BAA+B;AAAA,EACzD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,cAAhD,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,SAAS;AAAA,MAAc,IAAI,EAAE,IAAI,GAAG;AAAA,gBAClD,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,EAAK;AAAA,QACd,WAAW,EAAE,SAAS;AAAA,UAAE,OAAO;AAAA,UAAW,YAAY;AAAA,UAAU,SAAS;AAAA,QAAQ,EAAE;AAAA,MACpF,CAAA;AAAA,IACa,CAAA,GAEf,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM,EAAwB;AAAA,IAC/B,CAAA,CAEK;AAAA;AAEd,GAEA,IAAe,EAAS,CAAc"}
+{"version":3,"file":"AddSubcategory.es.js","names":[],"sources":["../../../../src/categories/components/CustomCategories/AddSubcategory.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;AAqBA,IAAM,IAAA,CAAiD,EAAE,UAAA,GAAU,gBAAA,EAAA,MAAqB;AACtF,QAAM,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAK,GAC5C,EAAE,aAAA,EAAA,IAAgB,EAAiB,GACnC,EAAE,YAAY,EAAA,IAAS,EAAmB,GAC1C,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,8BAAA,EAAA,IAAiC,EAAmB,GAEtD,IAAY,OAAO,MAAiB;AACxC,UAAM,EAAY,EAAK,KAAK,GAAG,EAAe,IAAI,GAClD,EAAS,EAAiB,EAAK,8BAA8B,CAAI,CAAW,GAC5E,EAAQ,EAAgB,oBAAoB,GAC5C,EAAW,EAAK;AAAA,EAClB,GAEM,IAAe,YAAY;AAC/B,IAAA,EAAQ,EAAgB,wBAAwB,GAChD,EAA6B,EAAI,GACjC,EAAW,EAAI;AAAA,EACjB,GAEM,IAAA,MAAyB;AAC7B,IAAA,EAAW,EAAK,GAChB,EAAQ,EAAgB,+BAA+B;AAAA,EACzD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,IAAhD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,SAAS;AAAA,MAAc,IAAI,EAAE,IAAI,GAAG;AAAA,MAClD,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,EAAK;AAAA,QACd,WAAW,EAAE,SAAS;AAAA,UAAE,OAAO;AAAA,UAAW,YAAY;AAAA,UAAU,SAAS;AAAA,QAAQ,EAAE;AAAA,MACpF,CAAA;AAAA,IACa,CAAA,GAEf,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM,EAAwB;AAAA,IAC/B,CAAA,CAEK;AAAA;AAEd,GAEA,IAAe,EAAS,CAAc"}

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

@@ -26,7 +26,6 @@ var F = /* @__PURE__ */ (function(e) {
         component: "span",
         children: r(t.all_parent_category, s)
       }));
-      break;
   }
   return /* @__PURE__ */ o(h, {
     copy: { title: a },

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

@@ -1 +1 @@
-{"version":3,"file":"CustomCategoryModal.es.js","names":[],"sources":["../../../../src/categories/components/CustomCategories/CustomCategoryModal.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;AAYA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,MAAA,OACA,EAAA,OAAA,QACA,EAAA,SAAA;AACF,GAAA,CAAA,CAAA,GAUM,IAAA,CAA2D,EAC/D,cAAA,IAAe,IACf,SAAA,GACA,QAAA,GACA,QAAA,GACA,MAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,CAAY,GAC7C,EAAE,YAAY,EAAA,IAAS,EAAmB,GAC1C,EAAE,8BAAA,EAAA,IAAiC,EAAmB;AAE5D,MAAI,IAAc,IACd,IAAkC,CAAC;AAEvC,QAAM,IAAe,MAAA,UACf,IAAc,EAAa,SAAS,KAAK,GAAG,EAAa,MAAM,GAAG,EAAE,CAAA,QAAS,GAC7E,IACJ,MAAA,SACK,EAAiB,EAAK,uBAAuB,CAAW,IACzD,EAAK;AAEX,UAAQ,GAAR;AAAA,IACE,KAAA;AACE,MAAA,IAAc,EAAK;AACnB;AAAA,IACF,KAAA;AACE,MAAA,IAAc,EAAiB,EAAK,wBAAwB,CAAW;AACvE;AAAA,IACF,KAAA;AACE,MAAA,IAAc,EAAK,4BACnB,IAAc,EACZ,EAAK,sCACL,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,WAAU;AAAA,kBACzB,EAAiB,EAAK,qBAAqB,CAAW;AAAA,MACnD,CAAA,CACR;AACA;AAAA,EACJ;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EACJ,OAAO,EACT;AAAA,IACA,sBAAsB,CAAC;AAAA,IACf,QAAA;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAA6B,EAAK,GAClC,EAAQ;AAAA,IACV;AAAA,IACA,iBAAA,MAAuB;AACrB,MAAA,EAA6B,EAAK,GAClC,EAAO,CAAI;AAAA,IACb;AAAA,cAEA,gBAAA,EAAC,GAAD,EAAA,UACG,IACE,IAED,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,MAAK;AAAA,MACL,UAAA,CAAW,MAA2C,EAAQ,EAAE,OAAO,KAAK;AAAA,MAC5E,aAAa,EAAK;AAAA,MAClB,WAAW,EACT,WAAW;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MACb,EACF;AAAA,MACA,IAAI,EAAE,OAAO,OAAO;AAAA,MACpB,UAAU;AAAA,MACV,OAAO;AAAA,IACR,CAAA,EAEU,CAAA;AAAA,EACT,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAmB"}
+{"version":3,"file":"CustomCategoryModal.es.js","names":[],"sources":["../../../../src/categories/components/CustomCategories/CustomCategoryModal.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;AAYA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,MAAA,OACA,EAAA,OAAA,QACA,EAAA,SAAA;AACF,GAAA,CAAA,CAAA,GAUM,IAAA,CAA2D,EAC/D,cAAA,IAAe,IACf,SAAA,GACA,QAAA,GACA,QAAA,GACA,MAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,CAAY,GAC7C,EAAE,YAAY,EAAA,IAAS,EAAmB,GAC1C,EAAE,8BAAA,EAAA,IAAiC,EAAmB;AAE5D,MAAI,IAAc,IACd,IAAkC,CAAC;AAEvC,QAAM,IAAe,MAAA,UACf,IAAc,EAAa,SAAS,KAAK,GAAG,EAAa,MAAM,GAAG,EAAE,CAAA,QAAS,GAC7E,IACJ,MAAA,SACK,EAAiB,EAAK,uBAAuB,CAAW,IACzD,EAAK;AAEX,UAAQ,GAAR;AAAA,IACE,KAAA;AACE,MAAA,IAAc,EAAK;AACnB;AAAA,IACF,KAAA;AACE,MAAA,IAAc,EAAiB,EAAK,wBAAwB,CAAW;AACvE;AAAA,IACF,KAAA;AACE,MAAA,IAAc,EAAK,4BACnB,IAAc,EACZ,EAAK,sCACL,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,WAAU;AAAA,QACzB,UAAA,EAAiB,EAAK,qBAAqB,CAAW;AAAA,MACnD,CAAA,CACR;AAAA,EAEJ;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EACJ,OAAO,EACT;AAAA,IACA,sBAAsB,CAAC;AAAA,IACf,QAAA;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAA6B,EAAK,GAClC,EAAQ;AAAA,IACV;AAAA,IACA,iBAAA,MAAuB;AACrB,MAAA,EAA6B,EAAK,GAClC,EAAO,CAAI;AAAA,IACb;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,IACE,IAED,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,MAAK;AAAA,MACL,UAAA,CAAW,MAA2C,EAAQ,EAAE,OAAO,KAAK;AAAA,MAC5E,aAAa,EAAK;AAAA,MAClB,WAAW,EACT,WAAW;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MACb,EACF;AAAA,MACA,IAAI,EAAE,OAAO,OAAO;AAAA,MACpB,UAAU;AAAA,MACV,OAAO;AAAA,IACR,CAAA,EAEU,CAAA;AAAA,EACT,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubcategoryList.es.js","names":[],"sources":["../../../src/categories/components/SubcategoryList.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;AAkBA,IAAM,IAAA,CAAmD,EAAE,YAAA,GAAY,gBAAA,EAAA,MAAqB;AAC1F,QAAM,EAAE,cAAA,GAAc,aAAA,EAAA,IAAgB,EAAmB,GACnD,EAAE,UAAA,GAAU,UAAA,EAAA,IAAa,EAAY,GACrC,IAAa,EAAe,SAAS,GACrC,IAAa,EAAQ;AAE3B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,KAAc;AAAA,IAClB,IAAI,EAAE,iBAAiB,qBAAqB;AAAA,IAC5C,SAAQ;AAAA,IACR,eAAe;AAAA,cAJjB,CAMG,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,mBAAiB,YAAY,EAAe,IAAA;AAAA,MAC5C,WAAU;AAAA,MACV,IAAI,iBAAiB,EAAe,IAAA;AAAA,gBAHtC,CAKG,EAAW,IAAA,CAAK,MACf,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACM,gBAAA;AAAA,QAChB,aAAa;AAAA,MACd,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QAAS,eAAY;AAAA,QAAO,WAAU;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,MAAI,CAAA,CAC9C,EAAA,GAPK,EAAS,IAOd,CACjB,GACA,CAAC,KAAc,gBAAA,EAAC,GAAD;AAAA,QAA0B,UAAA;AAAA,QAA0B,gBAAA;AAAA,MAAiB,CAAA,CACjF;AAAA,MACE;AAAA;AAEd,GAEA,IAAe,EAAS,CAAe"}
+{"version":3,"file":"SubcategoryList.es.js","names":[],"sources":["../../../src/categories/components/SubcategoryList.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;AAkBA,IAAM,IAAA,CAAmD,EAAE,YAAA,GAAY,gBAAA,EAAA,MAAqB;AAC1F,QAAM,EAAE,cAAA,GAAc,aAAA,EAAA,IAAgB,EAAmB,GACnD,EAAE,UAAA,GAAU,UAAA,EAAA,IAAa,EAAY,GACrC,IAAa,EAAe,SAAS,GACrC,IAAa,EAAQ;AAE3B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,KAAc;AAAA,IAClB,IAAI,EAAE,iBAAiB,qBAAqB;AAAA,IAC5C,SAAQ;AAAA,IACR,eAAe;AAAA,IAJjB,UAAA,CAMG,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,mBAAiB,YAAY,EAAe,IAAA;AAAA,MAC5C,WAAU;AAAA,MACV,IAAI,iBAAiB,EAAe,IAAA;AAAA,MAHtC,UAAA,CAKG,EAAW,IAAA,CAAK,MACf,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACM,gBAAA;AAAA,QAChB,aAAa;AAAA,MACd,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QAAS,eAAY;AAAA,QAAO,WAAU;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,MAAI,CAAA,CAC9C,EAAA,GAPK,EAAS,IAOd,CACjB,GACA,CAAC,KAAc,gBAAA,EAAC,GAAD;AAAA,QAA0B,UAAA;AAAA,QAA0B,gBAAA;AAAA,MAAiB,CAAA,CACjF;AAAA,IACE,CAAA,CAAA;AAAA;AAEd,GAEA,IAAe,EAAS,CAAe"}

package/dist/categories/components/SubcategoryRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubcategoryRow.es.js","names":[],"sources":["../../../src/categories/components/SubcategoryRow.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;AA4BA,IAAM,IAAA,CAAiD,EACrD,UAAA,GACA,gBAAA,GACA,aAAA,EAAA,MACI;AACJ,QAAM,EACJ,UAAA,GACA,cAAA,GACA,iBAAA,GACA,8BAAA,GACA,cAAA,GACA,cAAA,GACA,kBAAA,EAAA,IACE,EAAmB,GACjB,EAAE,YAAY,EAAA,IAAS,EAAmB,GAC1C,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAElD,IAAW,EAAQ,EAAY,UAC/B,IAAa,EAAY,SAAS,GAClC,IAAe,CAAC,EAAa,KAAA,CAAM,MAAS,MAAS,EAAY,IAAI;AAW3E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI,EAAE,IAAI,GAAG;AAAA,cAJf;AAAA,MAME,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAc;AAAA,QACd,OAAM;AAAA,QACN,SApBA,MAAoB;AACxB,UAAI,MAEF,EAAgB,EAAY,IAAI,GAEhC,EAAS,EAAY,IAAI,GACzB,EAAQ,EAAgB,oBAAoB;AAAA,QAEhD;AAAA,QAaM,IAAI;AAAA,UAAE,QAAQ;AAAA,UAAI,UAAU;AAAA,UAAG,UAAU;AAAA,QAAS;AAAA,kBAJpD;AAAA,UAME,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS,EAAY;AAAA,YACrB,WAAW,EAAE,SAAS;AAAA,cAAE,YAAY;AAAA,cAAU,SAAS;AAAA,cAAS,QAAQ;AAAA,YAAK,EAAE;AAAA,UAChF,CAAA;AAAA,UACA,KAAgB,KAAc,gBAAA,EAAC,GAAD,EAAa,UAAS,QAAS,CAAA;AAAA,UAC7D,CAAC,KAAgB,gBAAA,EAAC,GAAD,EAAM,OAAO,EAAmB,CAAA;AAAA,QACpC;AAAA;MACf,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW;AAAA,QACX,IAAI;AAAA,UAAE,aAAa;AAAA,UAAI,YAAY;AAAA,QAAE;AAAA,kBAFvC,CAIE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY,EAAiB,EAAK,wBAAwB,EAAY,IAAI;AAAA,UAC1E,SAAA,MAAe;AACb,YAAA,EAAc,EAAI,GAClB,EAA6B,EAAI,GACjC,EAAQ,EAAgB,yBAAyB;AAAA,UACnD;AAAA,oBAEA,gBAAA,EAAC,GAAD,EAAM,OAAM,YAAa,CAAA;AAAA,QACf,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY,EAAiB,EAAK,yBAAyB,EAAY,IAAI;AAAA,UAC3E,MAAK;AAAA,UACL,SAAA,MAAe;AACb,YAAA,EAAc,EAAI,GAClB,EAA6B,EAAI,GACjC,EAAQ,EAAgB,2BAA2B;AAAA,UACrD;AAAA,oBAEA,gBAAA,EAAC,GAAD,EAAQ,OAAM,YAAa,CAAA;AAAA,QACjB,CAAA,CACT;AAAA;MAEN,KACC,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACM,gBAAA;AAAA,QACD,eAAA;AAAA,QACH,YAAA;AAAA,QACC,aAAA;AAAA,MACd,CAAA;AAAA,MAEF,KACC,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACK,eAAA;AAAA,QACH,YAAA;AAAA,QACC,aAAA;AAAA,MACd,CAAA;AAAA,IAEK;AAAA;AAEd,GAEA,KAAe,EAAS,CAAc"}
+{"version":3,"file":"SubcategoryRow.es.js","names":[],"sources":["../../../src/categories/components/SubcategoryRow.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;AA4BA,IAAM,IAAA,CAAiD,EACrD,UAAA,GACA,gBAAA,GACA,aAAA,EAAA,MACI;AACJ,QAAM,EACJ,UAAA,GACA,cAAA,GACA,iBAAA,GACA,8BAAA,GACA,cAAA,GACA,cAAA,GACA,kBAAA,EAAA,IACE,EAAmB,GACjB,EAAE,YAAY,EAAA,IAAS,EAAmB,GAC1C,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAElD,IAAW,EAAQ,EAAY,UAC/B,IAAa,EAAY,SAAS,GAClC,IAAe,CAAC,EAAa,KAAA,CAAM,MAAS,MAAS,EAAY,IAAI;AAW3E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI,EAAE,IAAI,GAAG;AAAA,IAJf,UAAA;AAAA,MAME,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAc;AAAA,QACd,OAAM;AAAA,QACN,SApBA,MAAoB;AACxB,UAAI,MAEF,EAAgB,EAAY,IAAI,GAEhC,EAAS,EAAY,IAAI,GACzB,EAAQ,EAAgB,oBAAoB;AAAA,QAEhD;AAAA,QAaM,IAAI;AAAA,UAAE,QAAQ;AAAA,UAAI,UAAU;AAAA,UAAG,UAAU;AAAA,QAAS;AAAA,QAJpD,UAAA;AAAA,UAME,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS,EAAY;AAAA,YACrB,WAAW,EAAE,SAAS;AAAA,cAAE,YAAY;AAAA,cAAU,SAAS;AAAA,cAAS,QAAQ;AAAA,YAAK,EAAE;AAAA,UAChF,CAAA;AAAA,UACA,KAAgB,KAAc,gBAAA,EAAC,GAAD,EAAa,UAAS,QAAS,CAAA;AAAA,UAC7D,CAAC,KAAgB,gBAAA,EAAC,GAAD,EAAM,OAAO,EAAmB,CAAA;AAAA,QACpC;AAAA;MACf,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW;AAAA,QACX,IAAI;AAAA,UAAE,aAAa;AAAA,UAAI,YAAY;AAAA,QAAE;AAAA,QAFvC,UAAA,CAIE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY,EAAiB,EAAK,wBAAwB,EAAY,IAAI;AAAA,UAC1E,SAAA,MAAe;AACb,YAAA,EAAc,EAAI,GAClB,EAA6B,EAAI,GACjC,EAAQ,EAAgB,yBAAyB;AAAA,UACnD;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD,EAAM,OAAM,YAAa,CAAA;AAAA,QACf,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY,EAAiB,EAAK,yBAAyB,EAAY,IAAI;AAAA,UAC3E,MAAK;AAAA,UACL,SAAA,MAAe;AACb,YAAA,EAAc,EAAI,GAClB,EAA6B,EAAI,GACjC,EAAQ,EAAgB,2BAA2B;AAAA,UACrD;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD,EAAQ,OAAM,YAAa,CAAA;AAAA,QACjB,CAAA,CACT;AAAA;MAEN,KACC,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACM,gBAAA;AAAA,QACD,eAAA;AAAA,QACH,YAAA;AAAA,QACC,aAAA;AAAA,MACd,CAAA;AAAA,MAEF,KACC,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACK,eAAA;AAAA,QACH,YAAA;AAAA,QACC,aAAA;AAAA,MACd,CAAA;AAAA,IAEK;AAAA;AAEd,GAEA,KAAe,EAAS,CAAc"}

package/dist/common/components/Banner.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.es.js","names":[],"sources":["../../../src/common/components/Banner.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        aria-label=\"Banner\"\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AAQA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,IAAQ,EAAS,GACjB,EACJ,cAAc,EAAE,QAAA,GAAQ,YAAA,GAAY,MAAA,EAAA,EAAA,IAClC,EAAe;AAMnB,SAJA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAW,EAAE,QAAQ;AAAA,EACvB,GAAG,CAAC,CAAI,CAAC,GAEJ,GAAQ,YAKX,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAI;AAAA,IACN;AAAA,cAEA,gBAAA,EAAC,KAAD;AAAA,MACE,cAAW;AAAA,MACX,MAAM,GAAQ;AAAA,MACd,KAAI;AAAA,MACJ,OAAO,EACL,OAAO,OACT;AAAA,MACA,QAAO;AAAA,gBAEP,gBAAA,EAAC,OAAD;AAAA,QACE,KAAI;AAAA,QACJ,KAAK,EAAO;AAAA,QACZ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ,aAAa,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAC1C;AAAA,MACD,CAAA;AAAA,IACA,CAAA;AAAA,EACE,CAAA,IA9BA;AAgCX,CAAC"}
+{"version":3,"file":"Banner.es.js","names":[],"sources":["../../../src/common/components/Banner.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        aria-label=\"Banner\"\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AAQA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,IAAQ,EAAS,GACjB,EACJ,cAAc,EAAE,QAAA,GAAQ,YAAA,GAAY,MAAA,EAAA,EAAA,IAClC,EAAe;AAMnB,SAJA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAW,EAAE,QAAQ;AAAA,EACvB,GAAG,CAAC,CAAI,CAAC,GAEJ,GAAQ,YAKX,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAI;AAAA,IACN;AAAA,IAEA,UAAA,gBAAA,EAAC,KAAD;AAAA,MACE,cAAW;AAAA,MACX,MAAM,GAAQ;AAAA,MACd,KAAI;AAAA,MACJ,OAAO,EACL,OAAO,OACT;AAAA,MACA,QAAO;AAAA,MAEP,UAAA,gBAAA,EAAC,OAAD;AAAA,QACE,KAAI;AAAA,QACJ,KAAK,EAAO;AAAA,QACZ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ,aAAa,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAC1C;AAAA,MACD,CAAA;AAAA,IACA,CAAA;AAAA,EACE,CAAA,IA9BA;AAgCX,CAAC"}

package/dist/common/components/ConnectCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectCard.es.js","names":[],"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"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAA,CAAe,EAAE,aAAA,GAAa,OAAA,GAAO,OAAA,EAAA,MAA8B;AAC9E,QAAM,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK;AAE9D,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,GAAG,GAAG;AAAA,cAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,MACzB,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE;AAAA,MACzC,OACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA;AAAA,IAET,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI;AAAA,QAAE,eAAe,EAAE,IAAI,EAAE;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,gBACzD,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAa,SAAS;AAAA,kBAAxC,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC;AAAA,QACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACxB,SAAA,MAAe,EAAiB,EAAI;AAAA,UACpC,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,UAAU,EACR,SAAS,QACX;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,oBAEP;AAAA,QACK,CAAA,CACH;AAAA;IACI,CAAA,CACT;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,IACE,SAAA,MAAe,EAAiB,EAAK;AAAA,IACrC,mBAAmB;AAAA,IACnB,OAAO;AAAA,EACR,CAAA,CACa,EAAA,CAAA;AAEpB"}
+{"version":3,"file":"ConnectCard.es.js","names":[],"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"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAA,CAAe,EAAE,aAAA,GAAa,OAAA,GAAO,OAAA,EAAA,MAA8B;AAC9E,QAAM,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK;AAE9D,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,GAAG,GAAG;AAAA,IAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,MACzB,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE;AAAA,MACzC,OACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,QACvB,UAAA;AAAA,MACG,CAAA;AAAA,IAET,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI;AAAA,QAAE,eAAe,EAAE,IAAI,EAAE;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MACzD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAa,SAAS;AAAA,QAAxC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA;AAAA,QACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACxB,SAAA,MAAe,EAAiB,EAAI;AAAA,UACpC,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,UAAU,EACR,SAAS,QACX;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA;AAAA,QACK,CAAA,CACH;AAAA;IACI,CAAA,CACT;AAAA,EAEN,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,SAAA,MAAe,EAAiB,EAAK;AAAA,IACrC,mBAAmB;AAAA,IACnB,OAAO;AAAA,EACR,CAAA,CACa,EAAA,CAAA;AAEpB"}

package/dist/common/components/ConnectDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectDrawer.es.js","names":[],"sources":["../../../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Connect'\nimport { CONNECT_WIDGET_ID } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  let connectWidget: ConnectWidget\n\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (showConnectWidget) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [showConnectWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECT_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAAA,CAA+C,EACnD,iBAAA,GACA,SAAA,GACA,mBAAA,GACA,OAAA,EAAA,MACI;AACJ,MAAI;AAEJ,QAAM,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GACtC,EAAE,YAAA,EAAA,IAAe,EAAgB,GACjC,EAAE,SAAS,EAAA,IAAgB,EAAmB,GAC9C,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,EACJ,SAAS,EAAE,MAAA,EAAA,EAAA,IACT,EAAS;AAEb,SAAA,EAAM,UAAA,OACA,KACF,EAAa,EAAI,GACjB,EAAW;AAAA,IAAQ,MAAA;AAAA,IAAM,GAAG;AAAA,EAAgB,CAAC,EAAE,KAAA,CAAM,MAAQ;AAC3D,IAAA,IAAgB,IAAI,EAAc;AAAA,MAChC,WAAW,IAAI,CAAA;AAAA,MACf,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,KAAK,EAAI;AAAA,MACT,mBAAA,MAAyB;AACvB,QAAA,EAAa,EAAK,GAClB,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAA,MAAc;AACZ,QAAA,EAAa,EAAK,GAClB,EAAY,EAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC,MAED,EAAa,EAAK,GAClB,EAAY,EAAK,IAGnB,MAAa;AACX,IAAA,GAAe,QAAQ;AAAA,EACzB,IACC,CAAC,CAAiB,CAAC,GAGpB,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAY;AAAA,IAC5B,QAAQ;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAAQ,GACR,EAAgB;AAAA,IAClB;AAAA,IACO,OAAA;AAAA,cAEP,gBAAA,EAAC,OAAD;AAAA,MAAK,IAAI;AAAA,gBAAT,CACG,KAAY,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,MAAQ,CAAA,GAClE,KAAa,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,QAAU,CAAA,CACnE;AAAA;EACC,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAa"}
+{"version":3,"file":"ConnectDrawer.es.js","names":[],"sources":["../../../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Connect'\nimport { CONNECT_WIDGET_ID } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  let connectWidget: ConnectWidget\n\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (showConnectWidget) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [showConnectWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECT_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAAA,CAA+C,EACnD,iBAAA,GACA,SAAA,GACA,mBAAA,GACA,OAAA,EAAA,MACI;AACJ,MAAI;AAEJ,QAAM,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GACtC,EAAE,YAAA,EAAA,IAAe,EAAgB,GACjC,EAAE,SAAS,EAAA,IAAgB,EAAmB,GAC9C,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,EACJ,SAAS,EAAE,MAAA,EAAA,EAAA,IACT,EAAS;AAEb,SAAA,EAAM,UAAA,OACA,KACF,EAAa,EAAI,GACjB,EAAW;AAAA,IAAQ,MAAA;AAAA,IAAM,GAAG;AAAA,EAAgB,CAAC,EAAE,KAAA,CAAM,MAAQ;AAC3D,IAAA,IAAgB,IAAI,EAAc;AAAA,MAChC,WAAW,IAAI,CAAA;AAAA,MACf,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,KAAK,EAAI;AAAA,MACT,mBAAA,MAAyB;AACvB,QAAA,EAAa,EAAK,GAClB,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAA,MAAc;AACZ,QAAA,EAAa,EAAK,GAClB,EAAY,EAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC,MAED,EAAa,EAAK,GAClB,EAAY,EAAK,IAGnB,MAAa;AACX,IAAA,GAAe,QAAQ;AAAA,EACzB,IACC,CAAC,CAAiB,CAAC,GAGpB,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAY;AAAA,IAC5B,QAAQ;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAAQ,GACR,EAAgB;AAAA,IAClB;AAAA,IACO,OAAA;AAAA,IAEP,UAAA,gBAAA,EAAC,OAAD;AAAA,MAAK,IAAI;AAAA,MAAT,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,MAAQ,CAAA,GAClE,KAAa,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,QAAU,CAAA,CACnE;AAAA;EACC,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAa"}

package/dist/common/components/ConnectStatus.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectStatus.es.js","names":[],"sources":["../../../src/common/components/ConnectStatus.tsx"],"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 '../constants/Connect'\nimport { useGlobalCopyStore } from '../../common'\n\ninterface ConnectStatusProps {\n  status?: MemberConnectionStatus\n}\n\nconst ConnectStatus: React.FC<ConnectStatusProps> = ({\n  status = MemberConnectionStatus.Loading,\n}) => {\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"],"mappings":";;;;;;;;AAeA,IAAM,IAAA,CAA+C,EACnD,QAAA,IAAS,EAAuB,QAAA,MAC5B;AACJ,QAAM,EAAE,SAAS,EAAA,IAAgB,EAAmB;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAO,YAAW;AAAA,MAAS,WAAU;AAAA,MAAS,gBAAe;AAAA,MAAS,IAAI,EAAE,QAAQ,OAAO;AAAA,gBAA3F,CACG,MAAW,EAAuB,WACjC,gBAAA,EAAC,GAAD;AAAA,QAAkB,OAAM;AAAA,QAAU,MAAM;AAAA,MAAK,CAAA,GAE/C,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,OAAO;AAAA,UACP,WAAW;AAAA,QACb;AAAA,kBAEC,MAAW,EAAuB,QAAQ,EAAY,OAAO,EAAY;AAAA,MACtE,CAAA,CACD;AAAA;EACJ,CAAA;AAET,GAEA,IAAe,EAAS,CAAa"}
+{"version":3,"file":"ConnectStatus.es.js","names":[],"sources":["../../../src/common/components/ConnectStatus.tsx"],"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 '../constants/Connect'\nimport { useGlobalCopyStore } from '../../common'\n\ninterface ConnectStatusProps {\n  status?: MemberConnectionStatus\n}\n\nconst ConnectStatus: React.FC<ConnectStatusProps> = ({\n  status = MemberConnectionStatus.Loading,\n}) => {\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"],"mappings":";;;;;;;;AAeA,IAAM,IAAA,CAA+C,EACnD,QAAA,IAAS,EAAuB,QAAA,MAC5B;AACJ,QAAM,EAAE,SAAS,EAAA,IAAgB,EAAmB;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,YAAW;AAAA,MAAS,WAAU;AAAA,MAAS,gBAAe;AAAA,MAAS,IAAI,EAAE,QAAQ,OAAO;AAAA,MAA3F,UAAA,CACG,MAAW,EAAuB,WACjC,gBAAA,EAAC,GAAD;AAAA,QAAkB,OAAM;AAAA,QAAU,MAAM;AAAA,MAAK,CAAA,GAE/C,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,OAAO;AAAA,UACP,WAAW;AAAA,QACb;AAAA,QAEC,UAAA,MAAW,EAAuB,QAAQ,EAAY,OAAO,EAAY;AAAA,MACtE,CAAA,CACD;AAAA;EACJ,CAAA;AAET,GAEA,IAAe,EAAS,CAAa"}

package/dist/common/components/CurrencyDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyDialog.es.js","names":[],"sources":["../../../src/common/components/CurrencyDialog.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport Button, { type ButtonProps } from '@mui/material/Button'\nimport Dialog from '@mui/material/Dialog'\nimport DialogActions from '@mui/material/DialogActions'\nimport DialogContent from '@mui/material/DialogContent'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { useScreenSize } from '../hooks'\n\ninterface CurrencyDialogProps {\n  closeAriaLabel: string\n  content?: string\n  inputLabel?: string\n  inputValue?: string\n  isOpen: boolean\n  handleInputChange?: (value: string) => void\n  handleModalClose: () => void\n  handlePrimaryAction: () => void\n  handleSecondaryAction?: () => void\n  primaryColor?: ButtonProps['color']\n  primaryText: string\n  secondaryColor?: ButtonProps['color']\n  secondaryText?: string\n  title: string\n}\n\n// Created for V2 of BudgetDetailsDrawer.\n// The previous design will be replaced once the new design is finalized.\n// Also needs to be updated to use the mxui library\n// with the updated Dialog components.\n\nconst CurrencyDialog = ({\n  closeAriaLabel,\n  content,\n  inputLabel,\n  inputValue,\n  isOpen,\n  handleInputChange,\n  handleModalClose,\n  handlePrimaryAction,\n  handleSecondaryAction,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'primary',\n  secondaryText,\n  title,\n}: CurrencyDialogProps) => {\n  const numericValue = parseFloat(inputValue ?? '0')\n  const isValid = inputValue !== '' && inputValue !== '0' && !isNaN(numericValue)\n\n  const { isSmallMobile } = useScreenSize()\n\n  return (\n    <Dialog\n      aria-label={title}\n      aria-labelledby=\"modal-title\"\n      maxWidth=\"xs\"\n      onClose={handleModalClose}\n      open={isOpen}\n      role=\"dialog\"\n      sx={{\n        '& .MuiDialogContent-root': { p: 0 },\n        ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n      }}\n    >\n      <DialogContent>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            handlePrimaryAction()\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              pb: 12,\n              pl: 24,\n              position: 'relative',\n              pr: 16,\n              pt: 24,\n            }}\n          >\n            <H3 id=\"modal-title\">{title}</H3>\n            <IconButton\n              aria-label={closeAriaLabel}\n              onClick={handleModalClose}\n              sx={{ minHeight: 24, position: 'absolute', right: 8, top: 18 }}\n            >\n              <Icon name=\"close\" sx={{ color: 'action.active' }} />\n            </IconButton>\n          </Stack>\n          <Stack sx={{ gap: 24, px: 24 }}>\n            <P variant=\"subtitle1\">{content}</P>\n            {inputLabel && (\n              <TextField\n                autoFocus={true}\n                inputMode=\"decimal\"\n                label={inputLabel}\n                onChange={({ target: { value } }) => {\n                  if (!/^\\d*\\.?\\d*$/.test(value)) return\n\n                  handleInputChange?.(value)\n                }}\n                slotProps={{\n                  input: {\n                    startAdornment: <InputAdornment position=\"start\">$</InputAdornment>,\n                  },\n                  htmlInput: {\n                    'aria-label': inputLabel,\n                    noValidate: true,\n                    pattern: '[0-9]*\\\\.?[0-9]*',\n                  },\n                }}\n                type=\"text\"\n                value={inputValue}\n              />\n            )}\n          </Stack>\n          <DialogActions\n            sx={{\n              justifyContent: 'flex-end',\n              gap: 16,\n              p: 24,\n              '>:not(style)~:not(style)': { ml: 0 },\n            }}\n          >\n            {secondaryText && (\n              <Button\n                aria-label={secondaryText}\n                color={secondaryColor}\n                onClick={handleSecondaryAction}\n              >\n                {secondaryText}\n              </Button>\n            )}\n            <Button\n              aria-label={primaryText}\n              color={primaryColor}\n              disabled={inputLabel ? !isValid : false}\n              onClick={handlePrimaryAction}\n              variant=\"contained\"\n            >\n              {primaryText}\n            </Button>\n          </DialogActions>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default CurrencyDialog\n"],"mappings":"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"}
+{"version":3,"file":"CurrencyDialog.es.js","names":[],"sources":["../../../src/common/components/CurrencyDialog.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport Button, { type ButtonProps } from '@mui/material/Button'\nimport Dialog from '@mui/material/Dialog'\nimport DialogActions from '@mui/material/DialogActions'\nimport DialogContent from '@mui/material/DialogContent'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { useScreenSize } from '../hooks'\n\ninterface CurrencyDialogProps {\n  closeAriaLabel: string\n  content?: string\n  inputLabel?: string\n  inputValue?: string\n  isOpen: boolean\n  handleInputChange?: (value: string) => void\n  handleModalClose: () => void\n  handlePrimaryAction: () => void\n  handleSecondaryAction?: () => void\n  primaryColor?: ButtonProps['color']\n  primaryText: string\n  secondaryColor?: ButtonProps['color']\n  secondaryText?: string\n  title: string\n}\n\n// Created for V2 of BudgetDetailsDrawer.\n// The previous design will be replaced once the new design is finalized.\n// Also needs to be updated to use the mxui library\n// with the updated Dialog components.\n\nconst CurrencyDialog = ({\n  closeAriaLabel,\n  content,\n  inputLabel,\n  inputValue,\n  isOpen,\n  handleInputChange,\n  handleModalClose,\n  handlePrimaryAction,\n  handleSecondaryAction,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'primary',\n  secondaryText,\n  title,\n}: CurrencyDialogProps) => {\n  const numericValue = parseFloat(inputValue ?? '0')\n  const isValid = inputValue !== '' && inputValue !== '0' && !isNaN(numericValue)\n\n  const { isSmallMobile } = useScreenSize()\n\n  return (\n    <Dialog\n      aria-label={title}\n      aria-labelledby=\"modal-title\"\n      maxWidth=\"xs\"\n      onClose={handleModalClose}\n      open={isOpen}\n      role=\"dialog\"\n      sx={{\n        '& .MuiDialogContent-root': { p: 0 },\n        ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n      }}\n    >\n      <DialogContent>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            handlePrimaryAction()\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              pb: 12,\n              pl: 24,\n              position: 'relative',\n              pr: 16,\n              pt: 24,\n            }}\n          >\n            <H3 id=\"modal-title\">{title}</H3>\n            <IconButton\n              aria-label={closeAriaLabel}\n              onClick={handleModalClose}\n              sx={{ minHeight: 24, position: 'absolute', right: 8, top: 18 }}\n            >\n              <Icon name=\"close\" sx={{ color: 'action.active' }} />\n            </IconButton>\n          </Stack>\n          <Stack sx={{ gap: 24, px: 24 }}>\n            <P variant=\"subtitle1\">{content}</P>\n            {inputLabel && (\n              <TextField\n                autoFocus={true}\n                inputMode=\"decimal\"\n                label={inputLabel}\n                onChange={({ target: { value } }) => {\n                  if (!/^\\d*\\.?\\d*$/.test(value)) return\n\n                  handleInputChange?.(value)\n                }}\n                slotProps={{\n                  input: {\n                    startAdornment: <InputAdornment position=\"start\">$</InputAdornment>,\n                  },\n                  htmlInput: {\n                    'aria-label': inputLabel,\n                    noValidate: true,\n                    pattern: '[0-9]*\\\\.?[0-9]*',\n                  },\n                }}\n                type=\"text\"\n                value={inputValue}\n              />\n            )}\n          </Stack>\n          <DialogActions\n            sx={{\n              justifyContent: 'flex-end',\n              gap: 16,\n              p: 24,\n              '>:not(style)~:not(style)': { ml: 0 },\n            }}\n          >\n            {secondaryText && (\n              <Button\n                aria-label={secondaryText}\n                color={secondaryColor}\n                onClick={handleSecondaryAction}\n              >\n                {secondaryText}\n              </Button>\n            )}\n            <Button\n              aria-label={primaryText}\n              color={primaryColor}\n              disabled={inputLabel ? !isValid : false}\n              onClick={handlePrimaryAction}\n              variant=\"contained\"\n            >\n              {primaryText}\n            </Button>\n          </DialogActions>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default CurrencyDialog\n"],"mappings":"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"}

package/dist/common/components/CurrencyInput.es.js

@@ -1,23 +1,23 @@
 import { buildDynamicCopy as _, getLocale as y } from "../../core/utils/Localization.es.js";
 import { useGlobalCopyStore as T } from "../context/hooks.es.js";
-import { CurrencyCodes as k, MAX_MONEY_INPUT as q } from "../../core/constants/Numbers.es.js";
-import { formatCurrency as h, getCurrencyCodes as v } from "../../core/utils/NumberFormatting.es.js";
+import { CurrencyCodes as q, MAX_MONEY_INPUT as v } from "../../core/constants/Numbers.es.js";
+import { formatCurrency as h, getCurrencyCodes as B } from "../../core/utils/NumberFormatting.es.js";
 import c from "react";
-import { P as C, TextField as B } from "@mxenabled/mxui";
-import { css as L } from "@mxenabled/cssinjs";
+import { P as C, TextField as L } from "@mxenabled/mxui";
+import { css as O } from "@mxenabled/cssinjs";
 import { jsx as i } from "react/jsx-runtime";
-import { v4 as O } from "uuid";
+import { v4 as W } from "uuid";
 var K = ({ allowDecimals: o = !0, ariaLabel: b, amount: s, amountIsRequired: g = !0, copy: u, customValidate: $ = () => !0, errorText: M = "", label: a, minAmount: f = 1, setAmount: S, setHasValidInput: e, ...x }) => {
-  const [l, t] = c.useState(""), { common: N } = T(), n = u || N.currency_input, R = W(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, P = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  const [l, t] = c.useState(""), { common: N } = T(), n = u || N.currency_input, R = j(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, P = /^(\d)*(\.)?([0-9]{1,2})?$/;
   let m;
-  const d = c.useRef(O());
-  o ? v() === k.CAD ? m = E : m = P : m = A, c.useEffect(() => {
+  const d = c.useRef(W());
+  o ? B() === q.CAD ? m = E : m = P : m = A, c.useEffect(() => {
     p(s);
   }, [s]);
   const p = (r) => {
-    !g && (r === "" || r === "." || r === ",") ? (t(""), e?.(!1)) : Number(r) < f ? (t(_(n.error_amount_must_be_equal_to, h(f, "0"))), e?.(!1)) : Number(r) > 9999999999e-2 ? (t(_(n.error_amount_must_be_less_than_or_equal_to, h(q, o ? "0,0.00" : "0,0", Math.floor))), e?.(!1)) : r.toString().match(m) ? $() ? (t(""), e?.(!0)) : (t(M), e?.(!1)) : (t(n.error_amount_is_invalid), e?.(!1)), S(r.toString());
+    !g && (r === "" || r === "." || r === ",") ? (t(""), e?.(!1)) : Number(r) < f ? (t(_(n.error_amount_must_be_equal_to, h(f, "0"))), e?.(!1)) : Number(r) > 9999999999e-2 ? (t(_(n.error_amount_must_be_less_than_or_equal_to, h(v, o ? "0,0.00" : "0,0", Math.floor))), e?.(!1)) : r.toString().match(m) ? $() ? (t(""), e?.(!0)) : (t(M), e?.(!1)) : (t(n.error_amount_is_invalid), e?.(!1)), S(r.toString());
   };
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(L, {
     className: `mx-cmn-currency-input ${R}`,
     error: !!l,
     helperText: l,
@@ -41,7 +41,7 @@ var K = ({ allowDecimals: o = !0, ariaLabel: b, amount: s, amountIsRequired: g =
     value: s,
     ...x
   });
-}, W = () => L({ "& .MuiInputBase-adornedStart > .p": { marginRight: 4 } });
+}, j = () => O({ "& .MuiInputBase-adornedStart > .p": { marginRight: 4 } });
 export {
   K as default
 };

package/dist/common/components/CurrencyText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyText.es.js","names":[],"sources":["../../../src/common/components/CurrencyText.tsx"],"sourcesContent":["import React from 'react'\nimport { SxProps } from '@mui/material/styles'\nimport { P } from '@mxenabled/mxui'\nimport { TypographyProps } from '@mui/material/Typography'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface CurrencyTextProps extends TypographyProps {\n  isIncome?: boolean\n  amount: number | string\n  bold?: boolean\n  color?: string\n  formatString?: string\n  sx?: SxProps\n  symbol?: string\n  variant?: TypographyProps['variant']\n}\n\nexport const CurrencyText: React.FC<CurrencyTextProps> = ({\n  isIncome = false,\n  amount = 0,\n  bold,\n  color,\n  formatString,\n  sx,\n  symbol,\n  variant,\n  ...rest\n}) => {\n  const textColor = () => {\n    if (color) {\n      return color\n    } else {\n      return isIncome ? 'success.main' : 'text.primary'\n    }\n  }\n\n  return (\n    <P bold={bold} color={textColor()} sx={sx} variant={variant} {...rest}>\n      {symbol}\n      {formatCurrency(Number(amount), formatString ?? '0,0.00')}\n    </P>\n  )\n}\n"],"mappings":";;;;AAiBA,IAAa,IAAA,CAA6C,EACxD,UAAA,IAAW,IACX,QAAA,IAAS,GACT,MAAA,GACA,OAAA,GACA,cAAA,GACA,IAAA,GACA,QAAA,GACA,SAAA,GACA,GAAG,EAAA,MAWD,gBAAA,EAAC,GAAD;AAAA,EAAS,MAAA;AAAA,EAAM,OARX,MAGK,IAAW,iBAAiB;AAAA,EAKE,IAAA;AAAA,EAAa,SAAA;AAAA,EAAS,GAAI;AAAA,YAAjE,CACG,GACA,EAAe,OAAO,CAAM,GAAG,KAAgB,QAAQ,CACvD"}
+{"version":3,"file":"CurrencyText.es.js","names":[],"sources":["../../../src/common/components/CurrencyText.tsx"],"sourcesContent":["import React from 'react'\nimport { SxProps } from '@mui/material/styles'\nimport { P } from '@mxenabled/mxui'\nimport { TypographyProps } from '@mui/material/Typography'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface CurrencyTextProps extends TypographyProps {\n  isIncome?: boolean\n  amount: number | string\n  bold?: boolean\n  color?: string\n  formatString?: string\n  sx?: SxProps\n  symbol?: string\n  variant?: TypographyProps['variant']\n}\n\nexport const CurrencyText: React.FC<CurrencyTextProps> = ({\n  isIncome = false,\n  amount = 0,\n  bold,\n  color,\n  formatString,\n  sx,\n  symbol,\n  variant,\n  ...rest\n}) => {\n  const textColor = () => {\n    if (color) {\n      return color\n    } else {\n      return isIncome ? 'success.main' : 'text.primary'\n    }\n  }\n\n  return (\n    <P bold={bold} color={textColor()} sx={sx} variant={variant} {...rest}>\n      {symbol}\n      {formatCurrency(Number(amount), formatString ?? '0,0.00')}\n    </P>\n  )\n}\n"],"mappings":";;;;AAiBA,IAAa,IAAA,CAA6C,EACxD,UAAA,IAAW,IACX,QAAA,IAAS,GACT,MAAA,GACA,OAAA,GACA,cAAA,GACA,IAAA,GACA,QAAA,GACA,SAAA,GACA,GAAG,EAAA,MAWD,gBAAA,EAAC,GAAD;AAAA,EAAS,MAAA;AAAA,EAAM,OARX,MAGK,IAAW,iBAAiB;AAAA,EAKE,IAAA;AAAA,EAAa,SAAA;AAAA,EAAS,GAAI;AAAA,EAAjE,UAAA,CACG,GACA,EAAe,OAAO,CAAM,GAAG,KAAgB,QAAQ,CACvD"}

package/dist/common/components/DataRow.es.js

@@ -3,19 +3,19 @@ import { Icon as o } from "@mxenabled/mxui";
 import { Fragment as l, jsx as r, jsxs as i } from "react/jsx-runtime";
 import a from "@mui/material/ListItem";
 import c from "@mui/material/ListItemButton";
-import f from "@mui/material/ListItemIcon";
-import p from "@mui/material/ListItemText";
-import h from "@mui/material/Avatar";
-import u from "@mui/material/ListItemAvatar";
+import f from "@mui/material/ListItemText";
+import p from "@mui/material/Avatar";
+import h from "@mui/material/ListItemAvatar";
+import u from "@mui/material/ListItemIcon";
 var A = ({ iconName: m, label: n, onClick: t, showChevron: s = !0, value: d }) => {
-  const e = /* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(h, {
+  const e = /* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(p, {
     sx: { bgcolor: "neutral.light" },
     variant: "rounded",
     children: /* @__PURE__ */ r(o, {
       name: m,
       sx: { color: "text.primary" }
     })
-  }) }), /* @__PURE__ */ r(p, {
+  }) }), /* @__PURE__ */ r(f, {
     primary: n,
     secondary: d,
     slotProps: {
@@ -35,7 +35,7 @@ var A = ({ iconName: m, label: n, onClick: t, showChevron: s = !0, value: d }) =
     disablePadding: !0,
     children: /* @__PURE__ */ i(c, {
       onClick: t,
-      children: [e, s && /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(o, {
+      children: [e, s && /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(o, {
         name: "chevron_right",
         size: 24
       }) })]

package/dist/common/components/DataRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataRow.es.js","names":[],"sources":["../../../src/common/components/DataRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\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 { Icon } from '@mxenabled/mxui'\n\ninterface DataRowProps {\n  iconName: string\n  label: string\n  onClick?: () => void\n  showChevron?: boolean\n  value: string\n}\n\nconst DataRow: React.FC<DataRowProps> = ({\n  iconName,\n  label,\n  onClick,\n  showChevron = true,\n  value,\n}) => {\n  const rowContents = (\n    <>\n      <ListItemAvatar>\n        <Avatar sx={{ bgcolor: 'neutral.light' }} variant=\"rounded\">\n          <Icon name={iconName} sx={{ color: 'text.primary' }} />\n        </Avatar>\n      </ListItemAvatar>\n      <ListItemText\n        primary={label}\n        secondary={value}\n        slotProps={{\n          primary: { variant: 'caption', fontWeight: 'normal' },\n          secondary: { color: 'text.default', variant: 'body1', fontWeight: 600 },\n        }}\n      />\n    </>\n  )\n\n  return onClick ? (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton onClick={onClick}>\n        {rowContents}\n        {showChevron && (\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" size={24} />\n          </ListItemIcon>\n        )}\n      </ListItemButton>\n    </ListItem>\n  ) : (\n    <ListItem disableGutters={false} disablePadding={false}>\n      {rowContents}\n    </ListItem>\n  )\n}\n\nexport default DataRow\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAA,CAAmC,EACvC,UAAA,GACA,OAAA,GACA,SAAA,GACA,aAAA,IAAc,IACd,OAAA,EAAA,MACI;AACJ,QAAM,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,IAAI,EAAE,SAAS,gBAAgB;AAAA,IAAG,SAAQ;AAAA,cAChD,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAU,IAAI,EAAE,OAAO,eAAe;AAAA,IAAI,CAAA;AAAA,EAChD,CAAA,EACM,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,MACT,SAAS;AAAA,QAAE,SAAS;AAAA,QAAW,YAAY;AAAA,MAAS;AAAA,MACpD,WAAW;AAAA,QAAE,OAAO;AAAA,QAAgB,SAAS;AAAA,QAAS,YAAY;AAAA,MAAI;AAAA,IACxE;AAAA,EACD,CAAA,CACD,EAAA,CAAA;AAGJ,SAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,cAC9C,gBAAA,EAAC,GAAD;AAAA,MAAyB,SAAA;AAAA,gBAAzB,CACG,GACA,KACC,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAgB,MAAM;AAAA,MAAK,CAAA,EAC1B,CAAA,CAEF;AAAA;EACR,CAAA,IAEV,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAO,gBAAgB;AAAA,cAC9C;AAAA,EACO,CAAA;AAEd"}
+{"version":3,"file":"DataRow.es.js","names":[],"sources":["../../../src/common/components/DataRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\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 { Icon } from '@mxenabled/mxui'\n\ninterface DataRowProps {\n  iconName: string\n  label: string\n  onClick?: () => void\n  showChevron?: boolean\n  value: string\n}\n\nconst DataRow: React.FC<DataRowProps> = ({\n  iconName,\n  label,\n  onClick,\n  showChevron = true,\n  value,\n}) => {\n  const rowContents = (\n    <>\n      <ListItemAvatar>\n        <Avatar sx={{ bgcolor: 'neutral.light' }} variant=\"rounded\">\n          <Icon name={iconName} sx={{ color: 'text.primary' }} />\n        </Avatar>\n      </ListItemAvatar>\n      <ListItemText\n        primary={label}\n        secondary={value}\n        slotProps={{\n          primary: { variant: 'caption', fontWeight: 'normal' },\n          secondary: { color: 'text.default', variant: 'body1', fontWeight: 600 },\n        }}\n      />\n    </>\n  )\n\n  return onClick ? (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton onClick={onClick}>\n        {rowContents}\n        {showChevron && (\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" size={24} />\n          </ListItemIcon>\n        )}\n      </ListItemButton>\n    </ListItem>\n  ) : (\n    <ListItem disableGutters={false} disablePadding={false}>\n      {rowContents}\n    </ListItem>\n  )\n}\n\nexport default DataRow\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAA,CAAmC,EACvC,UAAA,GACA,OAAA,GACA,SAAA,GACA,aAAA,IAAc,IACd,OAAA,EAAA,MACI;AACJ,QAAM,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,IAAI,EAAE,SAAS,gBAAgB;AAAA,IAAG,SAAQ;AAAA,IAChD,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAU,IAAI,EAAE,OAAO,eAAe;AAAA,IAAI,CAAA;AAAA,EAChD,CAAA,EACM,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,MACT,SAAS;AAAA,QAAE,SAAS;AAAA,QAAW,YAAY;AAAA,MAAS;AAAA,MACpD,WAAW;AAAA,QAAE,OAAO;AAAA,QAAgB,SAAS;AAAA,QAAS,YAAY;AAAA,MAAI;AAAA,IACxE;AAAA,EACD,CAAA,CACD,EAAA,CAAA;AAGJ,SAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,IAC9C,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAyB,SAAA;AAAA,MAAzB,UAAA,CACG,GACA,KACC,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAgB,MAAM;AAAA,MAAK,CAAA,EAC1B,CAAA,CAEF;AAAA;EACR,CAAA,IAEV,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAO,gBAAgB;AAAA,IAC9C,UAAA;AAAA,EACO,CAAA;AAEd"}

package/dist/common/components/EmptyState.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.es.js","names":[],"sources":["../../../src/common/components/EmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n  icon: string\n  iconColor?: string\n  header: string\n  onClick?: (buttonType: string) => void\n  primaryButton?: string\n  primaryButtonStartIcon?: string\n  secondaryButton?: string\n  subText: string\n  sx?: SxProps\n}\n\nexport const EmptyState: React.FC<EmptyWidgetProps> = ({\n  icon,\n  iconColor,\n  header,\n  onClick,\n  primaryButton,\n  primaryButtonStartIcon,\n  secondaryButton,\n  subText,\n  sx,\n}) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        alignSelf: 'center',\n        maxWidth: '100%',\n        p: '12px 16px 24px 16px',\n        ...sx,\n      }}\n    >\n      <Icon name={icon} size={48} sx={{ color: iconColor }} />\n      <Text\n        className=\"empty-state-header\"\n        color=\"text.primary\"\n        sx={{ fontWeight: 600, mt: 16, textAlign: 'center' }}\n        variant=\"body1\"\n      >\n        {header}\n      </Text>\n      <Text\n        className=\"empty-state-subtext\"\n        color=\"text.secondary\"\n        sx={{ fontWeight: 400, textAlign: 'center', width: 'calc(100% - 8px)' }}\n        variant=\"subtitle2\"\n      >\n        {subText}\n      </Text>\n\n      {(primaryButton || secondaryButton) && (\n        <Stack\n          className=\"buttons-footer\"\n          sx={{\n            gap: 12,\n            mt: 32,\n          }}\n        >\n          {primaryButton && (\n            <Button\n              onClick={() => onClick?.('primary')}\n              startIcon={\n                primaryButtonStartIcon ? <Icon name={primaryButtonStartIcon} /> : undefined\n              }\n              sx={{ textWrap: 'nowrap' }}\n              variant=\"contained\"\n            >\n              {primaryButton}\n            </Button>\n          )}\n          {secondaryButton && (\n            <Button\n              onClick={() => onClick?.('secondary')}\n              sx={{ textWrap: 'nowrap' }}\n              variant=\"text\"\n            >\n              {secondaryButton}\n            </Button>\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAsBA,IAAa,IAAA,CAA0C,EACrD,MAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,eAAA,GACA,wBAAA,GACA,iBAAA,GACA,SAAA,GACA,IAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,YAPF;AAAA,IASE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,EAAU;AAAA,IAAI,CAAA;AAAA,IACvD,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MACnD,SAAQ;AAAA,gBAEP;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,WAAW;AAAA,QAAU,OAAO;AAAA,MAAmB;AAAA,MACtE,SAAQ;AAAA,gBAEP;AAAA,IACG,CAAA;AAAA,KAEJ,KAAiB,MACjB,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAI;AAAA,QACF,KAAK;AAAA,QACL,IAAI;AAAA,MACN;AAAA,gBALF,CAOG,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,IAAU,SAAS;AAAA,QAClC,WACE,IAAyB,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAyB,CAAA,IAAI;AAAA,QAEpE,IAAI,EAAE,UAAU,SAAS;AAAA,QACzB,SAAQ;AAAA,kBAEP;AAAA,MACK,CAAA,GAET,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,IAAU,WAAW;AAAA,QACpC,IAAI,EAAE,UAAU,SAAS;AAAA,QACzB,SAAQ;AAAA,kBAEP;AAAA,MACK,CAAA,CAEL;AAAA;EAEJ"}
+{"version":3,"file":"EmptyState.es.js","names":[],"sources":["../../../src/common/components/EmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n  icon: string\n  iconColor?: string\n  header: string\n  onClick?: (buttonType: string) => void\n  primaryButton?: string\n  primaryButtonStartIcon?: string\n  secondaryButton?: string\n  subText: string\n  sx?: SxProps\n}\n\nexport const EmptyState: React.FC<EmptyWidgetProps> = ({\n  icon,\n  iconColor,\n  header,\n  onClick,\n  primaryButton,\n  primaryButtonStartIcon,\n  secondaryButton,\n  subText,\n  sx,\n}) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        alignSelf: 'center',\n        maxWidth: '100%',\n        p: '12px 16px 24px 16px',\n        ...sx,\n      }}\n    >\n      <Icon name={icon} size={48} sx={{ color: iconColor }} />\n      <Text\n        className=\"empty-state-header\"\n        color=\"text.primary\"\n        sx={{ fontWeight: 600, mt: 16, textAlign: 'center' }}\n        variant=\"body1\"\n      >\n        {header}\n      </Text>\n      <Text\n        className=\"empty-state-subtext\"\n        color=\"text.secondary\"\n        sx={{ fontWeight: 400, textAlign: 'center', width: 'calc(100% - 8px)' }}\n        variant=\"subtitle2\"\n      >\n        {subText}\n      </Text>\n\n      {(primaryButton || secondaryButton) && (\n        <Stack\n          className=\"buttons-footer\"\n          sx={{\n            gap: 12,\n            mt: 32,\n          }}\n        >\n          {primaryButton && (\n            <Button\n              onClick={() => onClick?.('primary')}\n              startIcon={\n                primaryButtonStartIcon ? <Icon name={primaryButtonStartIcon} /> : undefined\n              }\n              sx={{ textWrap: 'nowrap' }}\n              variant=\"contained\"\n            >\n              {primaryButton}\n            </Button>\n          )}\n          {secondaryButton && (\n            <Button\n              onClick={() => onClick?.('secondary')}\n              sx={{ textWrap: 'nowrap' }}\n              variant=\"text\"\n            >\n              {secondaryButton}\n            </Button>\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAsBA,IAAa,IAAA,CAA0C,EACrD,MAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,eAAA,GACA,wBAAA,GACA,iBAAA,GACA,SAAA,GACA,IAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EAPF,UAAA;AAAA,IASE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,EAAU;AAAA,IAAI,CAAA;AAAA,IACvD,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MACnD,SAAQ;AAAA,MAEP,UAAA;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,WAAW;AAAA,QAAU,OAAO;AAAA,MAAmB;AAAA,MACtE,SAAQ;AAAA,MAEP,UAAA;AAAA,IACG,CAAA;AAAA,KAEJ,KAAiB,MACjB,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAI;AAAA,QACF,KAAK;AAAA,QACL,IAAI;AAAA,MACN;AAAA,MALF,UAAA,CAOG,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,IAAU,SAAS;AAAA,QAClC,WACE,IAAyB,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAyB,CAAA,IAAI;AAAA,QAEpE,IAAI,EAAE,UAAU,SAAS;AAAA,QACzB,SAAQ;AAAA,QAEP,UAAA;AAAA,MACK,CAAA,GAET,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,IAAU,WAAW;AAAA,QACpC,IAAI,EAAE,UAAU,SAAS;AAAA,QACzB,SAAQ;AAAA,QAEP,UAAA;AAAA,MACK,CAAA,CAEL;AAAA;EAEJ"}

package/dist/common/components/Error.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Error.es.js","names":[],"sources":["../../../src/common/components/Error.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Box, Button, Stack, useTheme } from '@mui/material'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { GlobalDataContext } from '../context/GlobalDataProvider'\n\nexport const BlobSVG = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  (props, ref) => {\n    const theme = useTheme()\n    return (\n      <svg\n        fill=\"none\"\n        height=\"60\"\n        ref={ref}\n        viewBox=\"0 0 72 60\"\n        width=\"72\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z\"\n          fill={theme.palette.primary[100] ?? '#DFE8FD'}\n        />\n      </svg>\n    )\n  },\n)\n\nBlobSVG.displayName = 'BlobSVG'\n\ninterface ErrorProps {\n  heading?: string\n  message?: string\n  iconName?: string\n  buttonText?: string\n  onClick?: () => void\n}\n\nconst Error = ({\n  heading: headingProp,\n  message: messageProp,\n  iconName = 'error',\n  buttonText: buttonTextProp,\n  onClick,\n}: ErrorProps) => {\n  // This is a unique case to handle instance of the error component being used outside the context of the needed provider\n  // For example, we still need to show something in the event all network request fail (like copy)\n  // This allows us to fall back to hard coded english\n  // In a perfect world this will never happen\n  // Using React.useContext(GlobalDataContext) directly instead of the useGlobalCopyStore hook\n  // returns null (not throwing) when there's no provider, so we can safely use optional chaining (context?.globalStore...)\n  // and provide hardcoded fallback strings ('Something went wrong', etc.) when neither props nor context copy are available\n  const context = React.useContext(GlobalDataContext)\n  const copy = context?.globalStore.copyStore.copy.common\n\n  const heading = headingProp ?? (copy?.error_heading ? `${copy.error_heading}!` : 'Oops!')\n  const message = messageProp ?? copy?.error_message ?? 'Something went wrong. Please try again.'\n  const buttonText = buttonTextProp ?? copy?.refresh_button ?? 'Refresh'\n\n  const handleClick = () => {\n    onClick?.()\n  }\n\n  return (\n    <Stack alignItems=\"center\" justifyContent=\"center\" style={{ height: '100dvh' }}>\n      <Stack\n        sx={{\n          display: 'flex',\n          padding: '48px 16px',\n          flexDirection: 'column',\n          alignItems: 'center',\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Box\n            sx={{\n              position: 'absolute',\n              zIndex: 0,\n            }}\n          >\n            <BlobSVG />\n          </Box>\n          <Icon color=\"primary\" name={iconName} size={48} sx={{ zIndex: 1 }} />\n        </Stack>\n        <Text bold={true} color=\"text.primary\" mt=\"24px\" variant=\"h2\">\n          {heading}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"subtitle1\">\n          {message}\n        </Text>\n        {onClick && (\n          <Button color=\"primary\" onClick={handleClick} sx={{ mt: 48 }} variant=\"contained\">\n            {buttonText}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(Error)\n"],"mappings":";;;;;;AAOA,IAAa,IAAU,EAAM,WAAA,CAC1B,GAAO,MAAQ;AACd,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,QAAO;AAAA,IACF,KAAA;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACN,GAAI;AAAA,cAEJ,gBAAA,EAAC,QAAD;AAAA,MACE,GAAE;AAAA,MACF,MAAM,EAAM,QAAQ,QAAQ,GAAA,KAAQ;AAAA,IACrC,CAAA;AAAA,EACE,CAAA;AAET,CACF;AAEA,EAAQ,cAAc;AAUtB,IAAM,IAAA,CAAS,EACb,SAAS,GACT,SAAS,GACT,UAAA,IAAW,SACX,YAAY,GACZ,SAAA,EAAA,MACgB;AAShB,QAAM,IADU,EAAM,WAAW,CACpB,GAAS,YAAY,UAAU,KAAK,QAE3C,IAAU,MAAgB,GAAM,gBAAgB,GAAG,EAAK,aAAA,MAAmB,UAC3E,IAAU,KAAe,GAAM,iBAAiB,2CAChD,IAAa,KAAkB,GAAM,kBAAkB;AAM7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAS,OAAO,EAAE,QAAQ,SAAS;AAAA,cAC3E,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,gBANF;AAAA,QAQE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,oBAJF,CAME,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,UAAU;AAAA,cACV,QAAQ;AAAA,YACV;AAAA,sBAEA,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,UACP,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAU,MAAM;AAAA,YAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,UAAI,CAAA,CAC/D;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAe,IAAG;AAAA,UAAO,SAAQ;AAAA,oBACtD;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC;AAAA,QACG,CAAA;AAAA,QACL,KACC,gBAAA,EAAC,GAAD;AAAA,UAAQ,OAAM;AAAA,UAAU,SArC1B,MAAoB;AACxB,YAAA,IAAU;AAAA,UACZ;AAAA,UAmCsD,IAAI,EAAE,IAAI,GAAG;AAAA,UAAG,SAAQ;AAAA,oBACnE;AAAA,QACK,CAAA;AAAA,MAEL;AAAA;EACF,CAAA;AAEX,GAEA,IAAe,EAAS,CAAK"}
+{"version":3,"file":"Error.es.js","names":[],"sources":["../../../src/common/components/Error.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Box, Button, Stack, useTheme } from '@mui/material'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { GlobalDataContext } from '../context/GlobalDataProvider'\n\nexport const BlobSVG = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  (props, ref) => {\n    const theme = useTheme()\n    return (\n      <svg\n        fill=\"none\"\n        height=\"60\"\n        ref={ref}\n        viewBox=\"0 0 72 60\"\n        width=\"72\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z\"\n          fill={theme.palette.primary[100] ?? '#DFE8FD'}\n        />\n      </svg>\n    )\n  },\n)\n\nBlobSVG.displayName = 'BlobSVG'\n\ninterface ErrorProps {\n  heading?: string\n  message?: string\n  iconName?: string\n  buttonText?: string\n  onClick?: () => void\n}\n\nconst Error = ({\n  heading: headingProp,\n  message: messageProp,\n  iconName = 'error',\n  buttonText: buttonTextProp,\n  onClick,\n}: ErrorProps) => {\n  // This is a unique case to handle instance of the error component being used outside the context of the needed provider\n  // For example, we still need to show something in the event all network request fail (like copy)\n  // This allows us to fall back to hard coded english\n  // In a perfect world this will never happen\n  // Using React.useContext(GlobalDataContext) directly instead of the useGlobalCopyStore hook\n  // returns null (not throwing) when there's no provider, so we can safely use optional chaining (context?.globalStore...)\n  // and provide hardcoded fallback strings ('Something went wrong', etc.) when neither props nor context copy are available\n  const context = React.useContext(GlobalDataContext)\n  const copy = context?.globalStore.copyStore.copy.common\n\n  const heading = headingProp ?? (copy?.error_heading ? `${copy.error_heading}!` : 'Oops!')\n  const message = messageProp ?? copy?.error_message ?? 'Something went wrong. Please try again.'\n  const buttonText = buttonTextProp ?? copy?.refresh_button ?? 'Refresh'\n\n  const handleClick = () => {\n    onClick?.()\n  }\n\n  return (\n    <Stack alignItems=\"center\" justifyContent=\"center\" style={{ height: '100dvh' }}>\n      <Stack\n        sx={{\n          display: 'flex',\n          padding: '48px 16px',\n          flexDirection: 'column',\n          alignItems: 'center',\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Box\n            sx={{\n              position: 'absolute',\n              zIndex: 0,\n            }}\n          >\n            <BlobSVG />\n          </Box>\n          <Icon color=\"primary\" name={iconName} size={48} sx={{ zIndex: 1 }} />\n        </Stack>\n        <Text bold={true} color=\"text.primary\" mt=\"24px\" variant=\"h2\">\n          {heading}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"subtitle1\">\n          {message}\n        </Text>\n        {onClick && (\n          <Button color=\"primary\" onClick={handleClick} sx={{ mt: 48 }} variant=\"contained\">\n            {buttonText}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(Error)\n"],"mappings":";;;;;;AAOA,IAAa,IAAU,EAAM,WAAA,CAC1B,GAAO,MAAQ;AACd,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,QAAO;AAAA,IACF,KAAA;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACN,GAAI;AAAA,IAEJ,UAAA,gBAAA,EAAC,QAAD;AAAA,MACE,GAAE;AAAA,MACF,MAAM,EAAM,QAAQ,QAAQ,GAAA,KAAQ;AAAA,IACrC,CAAA;AAAA,EACE,CAAA;AAET,CACF;AAEA,EAAQ,cAAc;AAUtB,IAAM,IAAA,CAAS,EACb,SAAS,GACT,SAAS,GACT,UAAA,IAAW,SACX,YAAY,GACZ,SAAA,EAAA,MACgB;AAShB,QAAM,IADU,EAAM,WAAW,CACpB,GAAS,YAAY,UAAU,KAAK,QAE3C,IAAU,MAAgB,GAAM,gBAAgB,GAAG,EAAK,aAAA,MAAmB,UAC3E,IAAU,KAAe,GAAM,iBAAiB,2CAChD,IAAa,KAAkB,GAAM,kBAAkB;AAM7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAS,OAAO,EAAE,QAAQ,SAAS;AAAA,IAC3E,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MANF,UAAA;AAAA,QAQE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UAJF,UAAA,CAME,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,UAAU;AAAA,cACV,QAAQ;AAAA,YACV;AAAA,YAEA,UAAA,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,UACP,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAU,MAAM;AAAA,YAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,UAAI,CAAA,CAC/D;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAe,IAAG;AAAA,UAAO,SAAQ;AAAA,UACtD,UAAA;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA;AAAA,QACG,CAAA;AAAA,QACL,KACC,gBAAA,EAAC,GAAD;AAAA,UAAQ,OAAM;AAAA,UAAU,SArC1B,MAAoB;AACxB,YAAA,IAAU;AAAA,UACZ;AAAA,UAmCsD,IAAI,EAAE,IAAI,GAAG;AAAA,UAAG,SAAQ;AAAA,UACnE,UAAA;AAAA,QACK,CAAA;AAAA,MAEL;AAAA;EACF,CAAA;AAEX,GAEA,IAAe,EAAS,CAAK"}

package/dist/common/components/ErrorBoundary.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.es.js","names":[],"sources":["../../../src/common/components/ErrorBoundary.tsx"],"sourcesContent":["import React from 'react'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport type { GlobalCaptureException } from '../../core'\n\nexport interface ErrorProps {\n  children?: React.ReactNode\n  onCaptureException?: GlobalCaptureException\n}\n\nexport interface ErrorState {\n  hasError: boolean\n}\n\nconst copy = {\n  text: 'Oops! Something went wrong.',\n}\n\nclass ErrorBoundary extends React.Component<ErrorProps, ErrorState> {\n  state: ErrorState = {\n    hasError: false,\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('Uncaught error:', error, errorInfo)\n    this.props.onCaptureException?.(error, {\n      component: 'ErrorBoundary',\n      componentStack: errorInfo.componentStack ?? '',\n    })\n  }\n\n  static getDerivedStateFromError(): ErrorState {\n    return { hasError: true }\n  }\n\n  render() {\n    if (this.state.hasError) return <H3 sx={{ pt: 24 }}>{copy.text}</H3>\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],"mappings":";;;AAeA,IAAM,IAAO,EACX,MAAM,8BACR,GAEM,IAAN,cAA4B,EAAM,UAAkC;AAAA,EAClE,QAAoB,EAClB,UAAU,GACZ;AAAA,EAEA,kBAAkB,GAAc,GAA4B;AAC1D,YAAQ,MAAM,mBAAmB,GAAO,CAAS,GACjD,KAAK,MAAM,qBAAqB,GAAO;AAAA,MACrC,WAAW;AAAA,MACX,gBAAgB,EAAU,kBAAkB;AAAA,IAC9C,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,2BAAuC;AAC5C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAAiB,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,IAAI,GAAG;AAAA,gBAAI,EAAK;AAAA,IAAS,CAAA,IAE5D,KAAK,MAAM;AAAA,EACpB;AACF"}
+{"version":3,"file":"ErrorBoundary.es.js","names":[],"sources":["../../../src/common/components/ErrorBoundary.tsx"],"sourcesContent":["import React from 'react'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport type { GlobalCaptureException } from '../../core'\n\nexport interface ErrorProps {\n  children?: React.ReactNode\n  onCaptureException?: GlobalCaptureException\n}\n\nexport interface ErrorState {\n  hasError: boolean\n}\n\nconst copy = {\n  text: 'Oops! Something went wrong.',\n}\n\nclass ErrorBoundary extends React.Component<ErrorProps, ErrorState> {\n  state: ErrorState = {\n    hasError: false,\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('Uncaught error:', error, errorInfo)\n    this.props.onCaptureException?.(error, {\n      component: 'ErrorBoundary',\n      componentStack: errorInfo.componentStack ?? '',\n    })\n  }\n\n  static getDerivedStateFromError(): ErrorState {\n    return { hasError: true }\n  }\n\n  render() {\n    if (this.state.hasError) return <H3 sx={{ pt: 24 }}>{copy.text}</H3>\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],"mappings":";;;AAeA,IAAM,IAAO,EACX,MAAM,8BACR,GAEM,IAAN,cAA4B,EAAM,UAAkC;AAAA,EAClE,QAAoB,EAClB,UAAU,GACZ;AAAA,EAEA,kBAAkB,GAAc,GAA4B;AAC1D,YAAQ,MAAM,mBAAmB,GAAO,CAAS,GACjD,KAAK,MAAM,qBAAqB,GAAO;AAAA,MACrC,WAAW;AAAA,MACX,gBAAgB,EAAU,kBAAkB;AAAA,IAC9C,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,2BAAuC;AAC5C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAAiB,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,IAAI,GAAG;AAAA,MAAI,UAAA,EAAK;AAAA,IAAS,CAAA,IAE5D,KAAK,MAAM;AAAA,EACpB;AACF"}

package/dist/common/components/GlobalAccountFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAccountFilter.es.js","names":[],"sources":["../../../src/common/components/GlobalAccountFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\nimport { SxProps } from '@mui/material/styles'\n\nimport { FilterAlt } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../context'\nimport { AccountType } from '../../core'\n\nimport { GlobalAccountFilterList } from './globalaccountfilter/GlobalAccountFilterList'\n\nexport interface GlobalAccountFilterProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  isDesktop?: boolean\n  onAccountFilterClick?: () => void\n  sx?: SxProps\n  variant?: 'outlined' | 'text'\n}\n\nexport const GlobalAccountFilter = observer(\n  ({\n    allowedAccountTypes,\n    isDesktop,\n    onAccountFilterClick,\n    sx = {},\n    variant = 'text',\n  }: GlobalAccountFilterProps) => {\n    const { common: commonCopy } = useGlobalCopyStore()\n    const { accountFilterMap, resetAccountFilterMap } = useGlobalUiStore()\n\n    const { detailedAccounts, updateAccountFilter } = useAccountStore()\n\n    const [filterButtonEl, setFilterButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n    const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n      resetAccountFilterMap()\n      setFilterButtonEl(event.currentTarget)\n      onAccountFilterClick?.()\n    }\n\n    const handleCancel = () => {\n      setFilterButtonEl(null)\n    }\n\n    const handleFilter = async () => {\n      await updateAccountFilter(accountFilterMap)\n      setFilterButtonEl(null)\n    }\n\n    const copy = commonCopy.account_filter\n    const isFilterOpen = Boolean(filterButtonEl)\n    const filterDisabled = detailedAccounts.length === 0\n\n    return (\n      <Box sx={{ ...sx }}>\n        {isDesktop ? (\n          <Button\n            aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n            aria-expanded={isFilterOpen}\n            aria-haspopup={true}\n            aria-label={copy.title}\n            disabled={filterDisabled}\n            onClick={handleOpen}\n            startIcon={<FilterAlt size={24} />}\n            sx={{ p: 8, whiteSpace: 'nowrap', minWidth: 'max-content' }}\n            variant={variant}\n          >\n            {commonCopy.filter_button}\n          </Button>\n        ) : (\n          <Tooltip id=\"filter-accounts\" placement=\"bottom\" title={copy.title}>\n            <IconButton\n              aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n              aria-describedby=\"filter-accounts\"\n              aria-expanded={isFilterOpen}\n              aria-haspopup={true}\n              aria-label={copy.title}\n              color=\"primary\"\n              disabled={filterDisabled}\n              onClick={handleOpen}\n              sx={{ p: 8 }}\n            >\n              <FilterAlt size={24} />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <Popover\n          anchorEl={filterButtonEl}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          onClose={handleCancel}\n          open={isFilterOpen}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Stack>\n            <GlobalAccountFilterList allowedAccountTypes={allowedAccountTypes} />\n            <Divider />\n            <Stack direction=\"row\" justifyContent=\"space-between\" spacing={16} sx={{ p: 16 }}>\n              <Button fullWidth={true} onClick={handleCancel} variant=\"text\">\n                {commonCopy.cancel_button}\n              </Button>\n              <Button\n                aria-label={copy.filter_button_generic_aria}\n                color=\"primary\"\n                fullWidth={true}\n                onClick={handleFilter}\n                variant=\"contained\"\n              >\n                {commonCopy.filter_button}\n              </Button>\n            </Stack>\n          </Stack>\n        </Popover>\n      </Box>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AA2BA,IAAa,IAAsB,EAAA,CAChC,EACC,qBAAA,GACA,WAAA,GACA,sBAAA,GACA,IAAA,IAAK,CAAC,GACN,SAAA,IAAU,OAAA,MACoB;AAC9B,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,kBAAA,GAAkB,uBAAA,EAAA,IAA0B,EAAiB,GAE/D,EAAE,kBAAA,GAAkB,qBAAA,EAAA,IAAwB,EAAgB,GAE5D,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAmC,IAAI,GAEnF,IAAA,CAAc,MAA+C;AACjE,IAAA,EAAsB,GACtB,EAAkB,EAAM,aAAa,GACrC,IAAuB;AAAA,EACzB,GAEM,IAAA,MAAqB;AACzB,IAAA,EAAkB,IAAI;AAAA,EACxB,GAEM,IAAe,YAAY;AAC/B,UAAM,EAAoB,CAAgB,GAC1C,EAAkB,IAAI;AAAA,EACxB,GAEM,IAAO,EAAW,gBAClB,IAAe,EAAQ,GACvB,IAAiB,EAAiB,WAAW;AAEnD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,GAAG,EAAG;AAAA,cAAjB,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAe,IAAe,oBAAoB;AAAA,MAClD,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY,EAAK;AAAA,MACjB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW,gBAAA,EAAC,GAAD,EAAW,MAAM,GAAK,CAAA;AAAA,MACjC,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,YAAY;AAAA,QAAU,UAAU;AAAA,MAAc;AAAA,MACjD,SAAA;AAAA,gBAER,EAAW;AAAA,IACN,CAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAS,IAAG;AAAA,MAAkB,WAAU;AAAA,MAAS,OAAO,EAAK;AAAA,gBAC3D,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAe,IAAe,oBAAoB;AAAA,QAClD,oBAAiB;AAAA,QACjB,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,cAAY,EAAK;AAAA,QACjB,OAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,IAAI,EAAE,GAAG,EAAE;AAAA,kBAEX,gBAAA,EAAC,GAAD,EAAW,MAAM,GAAK,CAAA;AAAA,MACZ,CAAA;AAAA,IACL,CAAA,GAGX,gBAAA,EAAC,GAAD;AAAA,MACE,UAAU;AAAA,MACV,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAO;AAAA,MACvD,SAAS;AAAA,MACT,MAAM;AAAA,MACN,iBAAiB;AAAA,QAAE,UAAU;AAAA,QAAO,YAAY;AAAA,MAAO;AAAA,gBAEvD,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD,EAA8C,qBAAA,EAAsB,CAAA;AAAA,QACpE,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAU;AAAA,UAAM,gBAAe;AAAA,UAAgB,SAAS;AAAA,UAAI,IAAI,EAAE,GAAG,GAAG;AAAA,oBAA/E,CACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,WAAW;AAAA,YAAM,SAAS;AAAA,YAAc,SAAQ;AAAA,sBACrD,EAAW;AAAA,UACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,YACE,cAAY,EAAK;AAAA,YACjB,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS;AAAA,YACT,SAAQ;AAAA,sBAEP,EAAW;AAAA,UACN,CAAA,CACH;AAAA;MACF,EAAA,CAAA;AAAA,IACA,CAAA,CACN;AAAA;AAET,CACF"}
+{"version":3,"file":"GlobalAccountFilter.es.js","names":[],"sources":["../../../src/common/components/GlobalAccountFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\nimport { SxProps } from '@mui/material/styles'\n\nimport { FilterAlt } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../context'\nimport { AccountType } from '../../core'\n\nimport { GlobalAccountFilterList } from './globalaccountfilter/GlobalAccountFilterList'\n\nexport interface GlobalAccountFilterProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  isDesktop?: boolean\n  onAccountFilterClick?: () => void\n  sx?: SxProps\n  variant?: 'outlined' | 'text'\n}\n\nexport const GlobalAccountFilter = observer(\n  ({\n    allowedAccountTypes,\n    isDesktop,\n    onAccountFilterClick,\n    sx = {},\n    variant = 'text',\n  }: GlobalAccountFilterProps) => {\n    const { common: commonCopy } = useGlobalCopyStore()\n    const { accountFilterMap, resetAccountFilterMap } = useGlobalUiStore()\n\n    const { detailedAccounts, updateAccountFilter } = useAccountStore()\n\n    const [filterButtonEl, setFilterButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n    const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n      resetAccountFilterMap()\n      setFilterButtonEl(event.currentTarget)\n      onAccountFilterClick?.()\n    }\n\n    const handleCancel = () => {\n      setFilterButtonEl(null)\n    }\n\n    const handleFilter = async () => {\n      await updateAccountFilter(accountFilterMap)\n      setFilterButtonEl(null)\n    }\n\n    const copy = commonCopy.account_filter\n    const isFilterOpen = Boolean(filterButtonEl)\n    const filterDisabled = detailedAccounts.length === 0\n\n    return (\n      <Box sx={{ ...sx }}>\n        {isDesktop ? (\n          <Button\n            aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n            aria-expanded={isFilterOpen}\n            aria-haspopup={true}\n            aria-label={copy.title}\n            disabled={filterDisabled}\n            onClick={handleOpen}\n            startIcon={<FilterAlt size={24} />}\n            sx={{ p: 8, whiteSpace: 'nowrap', minWidth: 'max-content' }}\n            variant={variant}\n          >\n            {commonCopy.filter_button}\n          </Button>\n        ) : (\n          <Tooltip id=\"filter-accounts\" placement=\"bottom\" title={copy.title}>\n            <IconButton\n              aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n              aria-describedby=\"filter-accounts\"\n              aria-expanded={isFilterOpen}\n              aria-haspopup={true}\n              aria-label={copy.title}\n              color=\"primary\"\n              disabled={filterDisabled}\n              onClick={handleOpen}\n              sx={{ p: 8 }}\n            >\n              <FilterAlt size={24} />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <Popover\n          anchorEl={filterButtonEl}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          onClose={handleCancel}\n          open={isFilterOpen}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Stack>\n            <GlobalAccountFilterList allowedAccountTypes={allowedAccountTypes} />\n            <Divider />\n            <Stack direction=\"row\" justifyContent=\"space-between\" spacing={16} sx={{ p: 16 }}>\n              <Button fullWidth={true} onClick={handleCancel} variant=\"text\">\n                {commonCopy.cancel_button}\n              </Button>\n              <Button\n                aria-label={copy.filter_button_generic_aria}\n                color=\"primary\"\n                fullWidth={true}\n                onClick={handleFilter}\n                variant=\"contained\"\n              >\n                {commonCopy.filter_button}\n              </Button>\n            </Stack>\n          </Stack>\n        </Popover>\n      </Box>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/common/components/IconBacking.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBacking.es.js","names":[],"sources":["../../../src/common/components/IconBacking.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface IconProps {\n  backingSx?: SxProps\n  size: number\n  sx?: SxProps\n}\n\nconst IconBacking: React.FC<React.PropsWithChildren<IconProps>> = ({\n  backingSx,\n  children,\n  size,\n  sx,\n}) => (\n  <Stack\n    sx={{\n      display: 'grid',\n      placeItems: 'center',\n      zIndex: 3,\n      ...sx,\n    }}\n  >\n    {children}\n\n    <Box\n      sx={{\n        backgroundColor: 'common.white',\n        borderRadius: '50%',\n        height: size,\n        width: size,\n        gridRow: 1,\n        gridColumn: 1,\n        ...backingSx,\n      }}\n    />\n  </Stack>\n)\n\nexport default IconBacking\n"],"mappings":";;;AAUA,IAAM,IAAA,CAA6D,EACjE,WAAA,GACA,UAAA,GACA,MAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AAAA,YANF,CAQG,GAED,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,IACF,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,EACD,CAAA,CACI"}
+{"version":3,"file":"IconBacking.es.js","names":[],"sources":["../../../src/common/components/IconBacking.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface IconProps {\n  backingSx?: SxProps\n  size: number\n  sx?: SxProps\n}\n\nconst IconBacking: React.FC<React.PropsWithChildren<IconProps>> = ({\n  backingSx,\n  children,\n  size,\n  sx,\n}) => (\n  <Stack\n    sx={{\n      display: 'grid',\n      placeItems: 'center',\n      zIndex: 3,\n      ...sx,\n    }}\n  >\n    {children}\n\n    <Box\n      sx={{\n        backgroundColor: 'common.white',\n        borderRadius: '50%',\n        height: size,\n        width: size,\n        gridRow: 1,\n        gridColumn: 1,\n        ...backingSx,\n      }}\n    />\n  </Stack>\n)\n\nexport default IconBacking\n"],"mappings":";;;AAUA,IAAM,IAAA,CAA6D,EACjE,WAAA,GACA,UAAA,GACA,MAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AAAA,EANF,UAAA,CAQG,GAED,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,IACF,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,EACD,CAAA,CACI"}

package/dist/common/components/InformationTooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationTooltip.es.js","names":[],"sources":["../../../src/common/components/InformationTooltip.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\ninterface InformationTooltipProps {\n  body: string\n  iconName?: string\n  title: string\n}\n\nconst InformationTooltip: React.FC<InformationTooltipProps> = ({\n  body,\n  iconName = 'info',\n  title,\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Tooltip\n      open={open}\n      title={\n        <Stack gap={2} p={12} sx={{ textOverflow: 'none' }}>\n          <Text bold={true} variant=\"body1\">\n            {title}\n          </Text>\n          <Text sx={{ whiteSpace: 'unset' }} variant=\"body2\">\n            {body}\n          </Text>\n        </Stack>\n      }\n    >\n      <IconButton\n        aria-label={title}\n        onClick={() => setOpen(!open)}\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n        sx={{\n          minHeight: 0,\n          minWidth: 0,\n          p: 0,\n        }}\n      >\n        <Icon name={iconName} sx={{ color: 'primary.main', fontSize: 16 }} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default InformationTooltip\n"],"mappings":";;;;;;AAcA,IAAM,IAAA,CAAyD,EAC7D,MAAA,GACA,UAAA,IAAW,QACX,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAM,CAAA,IAAW,EAAS,EAAK;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,OACE,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAG,GAAG;AAAA,MAAI,IAAI,EAAE,cAAc,OAAO;AAAA,gBAAjD,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,YAAY,QAAQ;AAAA,QAAG,SAAQ;AAAA,kBACxC;AAAA,MACG,CAAA,CACD;AAAA;cAGT,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY;AAAA,MACZ,SAAA,MAAe,EAAQ,CAAC,CAAI;AAAA,MAC5B,cAAA,MAAoB,EAAQ,EAAI;AAAA,MAChC,cAAA,MAAoB,EAAQ,EAAK;AAAA,MACjC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAU,IAAI;AAAA,UAAE,OAAO;AAAA,UAAgB,UAAU;AAAA,QAAG;AAAA,MAAI,CAAA;AAAA,IAC1D,CAAA;AAAA,EACL,CAAA;AAEb"}
+{"version":3,"file":"InformationTooltip.es.js","names":[],"sources":["../../../src/common/components/InformationTooltip.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\ninterface InformationTooltipProps {\n  body: string\n  iconName?: string\n  title: string\n}\n\nconst InformationTooltip: React.FC<InformationTooltipProps> = ({\n  body,\n  iconName = 'info',\n  title,\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Tooltip\n      open={open}\n      title={\n        <Stack gap={2} p={12} sx={{ textOverflow: 'none' }}>\n          <Text bold={true} variant=\"body1\">\n            {title}\n          </Text>\n          <Text sx={{ whiteSpace: 'unset' }} variant=\"body2\">\n            {body}\n          </Text>\n        </Stack>\n      }\n    >\n      <IconButton\n        aria-label={title}\n        onClick={() => setOpen(!open)}\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n        sx={{\n          minHeight: 0,\n          minWidth: 0,\n          p: 0,\n        }}\n      >\n        <Icon name={iconName} sx={{ color: 'primary.main', fontSize: 16 }} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default InformationTooltip\n"],"mappings":";;;;;;AAcA,IAAM,IAAA,CAAyD,EAC7D,MAAA,GACA,UAAA,IAAW,QACX,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAM,CAAA,IAAW,EAAS,EAAK;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,OACE,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAG,GAAG;AAAA,MAAI,IAAI,EAAE,cAAc,OAAO;AAAA,MAAjD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,QACvB,UAAA;AAAA,MACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,YAAY,QAAQ;AAAA,QAAG,SAAQ;AAAA,QACxC,UAAA;AAAA,MACG,CAAA,CACD;AAAA;IAGT,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY;AAAA,MACZ,SAAA,MAAe,EAAQ,CAAC,CAAI;AAAA,MAC5B,cAAA,MAAoB,EAAQ,EAAI;AAAA,MAChC,cAAA,MAAoB,EAAQ,EAAK;AAAA,MACjC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAU,IAAI;AAAA,UAAE,OAAO;AAAA,UAAgB,UAAU;AAAA,QAAG;AAAA,MAAI,CAAA;AAAA,IAC1D,CAAA;AAAA,EACL,CAAA;AAEb"}