@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.2.4

package/dist/{CategorySelectorDrawer-CWZoNePh.mjs.map → CategorySelectorDrawer-NJsFsKP1.mjs.map}

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

package/dist/{ConnectCard-CVMLPujx.mjs → ConnectCard-D7uxoH5Y.mjs}

@@ -7,7 +7,7 @@ import p from "@mui/material/CardHeader";
 import C from "@mui/material/Stack";
 import { AccountBalance as f, ChevronRight as h } from "@mxenabled/mx-icons";
 import { Text as a } from "@mxenabled/mxui";
-import { C as x } from "./ConnectDrawer-L-UwjKiw.mjs";
+import { C as x } from "./ConnectDrawer-CW4LA3H3.mjs";
 const H = ({ description: i, label: e, title: c }) => {
   const [s, o] = n.useState(!1);
   return /* @__PURE__ */ r(n.Fragment, { children: [
@@ -52,4 +52,4 @@ const H = ({ description: i, label: e, title: c }) => {
 export {
   H as C
 };
-//# sourceMappingURL=ConnectCard-CVMLPujx.mjs.map
+//# sourceMappingURL=ConnectCard-D7uxoH5Y.mjs.map

package/dist/{ConnectCard-CVMLPujx.mjs.map → ConnectCard-D7uxoH5Y.mjs.map}

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

package/dist/{ConnectDrawer-L-UwjKiw.mjs → ConnectDrawer-CW4LA3H3.mjs}

@@ -5,7 +5,7 @@ import { useTheme as g } from "@mui/material/styles";
 import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
 import { b as a, a as c, M as i } from "./Connect-BH0Pt6zc.mjs";
 import { c as D, d as L, u as w } from "./hooks-97sNJ_lf.mjs";
-import { D as y } from "./Drawer-BDN1RgiP.mjs";
+import { D as y } from "./Drawer-DsnW2o0v.mjs";
 const I = ({
   loadWidgetProps: l,
   onClose: u,
@@ -55,4 +55,4 @@ const I = ({
 export {
   O as C
 };
-//# sourceMappingURL=ConnectDrawer-L-UwjKiw.mjs.map
+//# sourceMappingURL=ConnectDrawer-CW4LA3H3.mjs.map

package/dist/{ConnectDrawer-L-UwjKiw.mjs.map → ConnectDrawer-CW4LA3H3.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ConnectDrawer-L-UwjKiw.mjs","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 '../../accounts/components/ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../../accounts/constants/Accounts'\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"],"names":["ConnectDrawer","loadWidgetProps","onClose","showConnectWidget","title","connectWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","isLoading","setIsLoading","React","hasError","setHasError","mode","useTheme","res","ConnectWidget","CONNECT_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectDrawer$1","observer"],"mappings":";;;;;;;;AAkBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,MAAIC;AAEJ,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtB,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,SAASC,EAAA,IAAgBC,EAAA,GAC3B,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK,GAC9C;AAAA,IACJ,SAAS,EAAE,MAAAG,EAAA;AAAA,EAAK,IACdC,EAAA;AAEJJ,SAAAA,EAAM,UAAU,OACVX,KACFU,EAAa,EAAI,GACjBL,EAAW,EAAE,MAAAS,GAAY,GAAGhB,EAAA,CAAiB,EAAE,KAAK,CAACkB,MAAQ;AAC3D,IAAAd,IAAgB,IAAIe,EAAc;AAAA,MAChC,WAAW,IAAIC,CAAiB;AAAA,MAChC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAET,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAN,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EACH,CAAC,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAX,GAAe,QAAA;AAAA,EACjB,IACC,CAACF,CAAiB,CAAC,GAGpB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAA,GACAI,EAAA;AAAA,MACF;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAA,EAAI,IAAIH,GACN,UAAA;AAAA,QAAAN,KAAY,gBAAAO,EAACG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEd,KAAa,gBAAAU,EAACG,GAAA,EAAc,QAAQC,EAAuB,QAAA,CAAS;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAC,IAAeC,EAAS5B,CAAa;"}
+{"version":3,"file":"ConnectDrawer-CW4LA3H3.mjs","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 '../../accounts/components/ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../../accounts/constants/Accounts'\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"],"names":["ConnectDrawer","loadWidgetProps","onClose","showConnectWidget","title","connectWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","isLoading","setIsLoading","React","hasError","setHasError","mode","useTheme","res","ConnectWidget","CONNECT_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectDrawer$1","observer"],"mappings":";;;;;;;;AAkBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,MAAIC;AAEJ,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtB,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,SAASC,EAAA,IAAgBC,EAAA,GAC3B,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK,GAC9C;AAAA,IACJ,SAAS,EAAE,MAAAG,EAAA;AAAA,EAAK,IACdC,EAAA;AAEJJ,SAAAA,EAAM,UAAU,OACVX,KACFU,EAAa,EAAI,GACjBL,EAAW,EAAE,MAAAS,GAAY,GAAGhB,EAAA,CAAiB,EAAE,KAAK,CAACkB,MAAQ;AAC3D,IAAAd,IAAgB,IAAIe,EAAc;AAAA,MAChC,WAAW,IAAIC,CAAiB;AAAA,MAChC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAET,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAN,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EACH,CAAC,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAX,GAAe,QAAA;AAAA,EACjB,IACC,CAACF,CAAiB,CAAC,GAGpB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAA,GACAI,EAAA;AAAA,MACF;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAA,EAAI,IAAIH,GACN,UAAA;AAAA,QAAAN,KAAY,gBAAAO,EAACG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEd,KAAa,gBAAAU,EAACG,GAAA,EAAc,QAAQC,EAAuB,QAAA,CAAS;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAC,IAAeC,EAAS5B,CAAa;"}

package/dist/{ConnectionsDrawer-B2-IGB21.mjs → ConnectionsDrawer-CZU9ku-k.mjs}

@@ -5,7 +5,7 @@ import { useTheme as _ } from "@mui/material/styles";
 import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
 import { C as a, a as c, M as i } from "./Connect-BH0Pt6zc.mjs";
 import { c as D, d as L, u as w } from "./hooks-97sNJ_lf.mjs";
-import { D as x } from "./Drawer-BDN1RgiP.mjs";
+import { D as x } from "./Drawer-DsnW2o0v.mjs";
 const I = ({
   onClose: l,
   showConnectionsWidget: o,
@@ -51,4 +51,4 @@ const I = ({
 export {
   M as C
 };
-//# sourceMappingURL=ConnectionsDrawer-B2-IGB21.mjs.map
+//# sourceMappingURL=ConnectionsDrawer-CZU9ku-k.mjs.map

package/dist/{ConnectionsDrawer-B2-IGB21.mjs.map → ConnectionsDrawer-CZU9ku-k.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ConnectionsDrawer-B2-IGB21.mjs","sources":["../src/accounts/components/ConnectionsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { ConnectionsWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Accounts'\nimport { CONNECTIONS_WIDGET_ID } from '../../common/constants/Connect'\nimport { useConnectStore } from '../../common/context/hooks'\n\ninterface ConnectionsDrawerProps {\n  onClose: () => void\n  showConnectionsWidget: boolean\n  title: string\n}\n\nconst ConnectionsDrawer: React.FC<ConnectionsDrawerProps> = ({\n  onClose,\n  showConnectionsWidget,\n  title,\n}) => {\n  let connectionsWidget: ConnectionsWidget\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n\n  React.useEffect(() => {\n    if (showConnectionsWidget) {\n      setIsLoading(true)\n      loadWidget({ widget: 'connections_widget', mode: theme.palette.mode }).then((res) => {\n        connectionsWidget = new ConnectionsWidget({\n          container: `#${CONNECTIONS_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            width: '100%',\n            position: 'absolute',\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      connectionsWidget?.unmount()\n    }\n  }, [showConnectionsWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_connections_aria}\n      isOpen={showConnectionsWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECTIONS_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectionsDrawer)\n"],"names":["ConnectionsDrawer","onClose","showConnectionsWidget","title","connectionsWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","theme","useTheme","isLoading","setIsLoading","React","hasError","setHasError","res","ConnectionsWidget","CONNECTIONS_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectionsDrawer$1","observer"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,MAAIC;AACJ,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtB,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,SAASC,EAAA,IAAgBC,EAAA,GAC3BC,IAAQC,EAAA,GAER,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK;AAEpDA,SAAAA,EAAM,UAAU,OACVb,KACFY,EAAa,EAAI,GACjBP,EAAW,EAAE,QAAQ,sBAAsB,MAAMI,EAAM,QAAQ,KAAA,CAAM,EAAE,KAAK,CAACO,MAAQ;AACnF,IAAAd,IAAoB,IAAIe,EAAkB;AAAA,MACxC,WAAW,IAAIC,CAAqB;AAAA,MACpC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAJ,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EACH,CAAC,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAb,GAAmB,QAAA;AAAA,EACrB,IACC,CAACF,CAAqB,CAAC,GAGxB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAA,GACAI,EAAA;AAAA,MACF;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAA,EAAI,IAAIH,GACN,UAAA;AAAA,QAAAJ,KAAY,gBAAAK,EAACG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEZ,KAAa,gBAAAQ,EAACG,GAAA,EAAc,QAAQC,EAAuB,QAAA,CAAS;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAC,IAAeC,EAAS3B,CAAiB;"}
+{"version":3,"file":"ConnectionsDrawer-CZU9ku-k.mjs","sources":["../src/accounts/components/ConnectionsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { ConnectionsWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Accounts'\nimport { CONNECTIONS_WIDGET_ID } from '../../common/constants/Connect'\nimport { useConnectStore } from '../../common/context/hooks'\n\ninterface ConnectionsDrawerProps {\n  onClose: () => void\n  showConnectionsWidget: boolean\n  title: string\n}\n\nconst ConnectionsDrawer: React.FC<ConnectionsDrawerProps> = ({\n  onClose,\n  showConnectionsWidget,\n  title,\n}) => {\n  let connectionsWidget: ConnectionsWidget\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n\n  React.useEffect(() => {\n    if (showConnectionsWidget) {\n      setIsLoading(true)\n      loadWidget({ widget: 'connections_widget', mode: theme.palette.mode }).then((res) => {\n        connectionsWidget = new ConnectionsWidget({\n          container: `#${CONNECTIONS_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            width: '100%',\n            position: 'absolute',\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      connectionsWidget?.unmount()\n    }\n  }, [showConnectionsWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_connections_aria}\n      isOpen={showConnectionsWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECTIONS_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectionsDrawer)\n"],"names":["ConnectionsDrawer","onClose","showConnectionsWidget","title","connectionsWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","theme","useTheme","isLoading","setIsLoading","React","hasError","setHasError","res","ConnectionsWidget","CONNECTIONS_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectionsDrawer$1","observer"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,MAAIC;AACJ,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtB,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,SAASC,EAAA,IAAgBC,EAAA,GAC3BC,IAAQC,EAAA,GAER,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK;AAEpDA,SAAAA,EAAM,UAAU,OACVb,KACFY,EAAa,EAAI,GACjBP,EAAW,EAAE,QAAQ,sBAAsB,MAAMI,EAAM,QAAQ,KAAA,CAAM,EAAE,KAAK,CAACO,MAAQ;AACnF,IAAAd,IAAoB,IAAIe,EAAkB;AAAA,MACxC,WAAW,IAAIC,CAAqB;AAAA,MACpC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAJ,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EACH,CAAC,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAb,GAAmB,QAAA;AAAA,EACrB,IACC,CAACF,CAAqB,CAAC,GAGxB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAA,GACAI,EAAA;AAAA,MACF;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAA,EAAI,IAAIH,GACN,UAAA;AAAA,QAAAJ,KAAY,gBAAAK,EAACG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEZ,KAAa,gBAAAQ,EAACG,GAAA,EAAc,QAAQC,EAAuB,QAAA,CAAS;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAC,IAAeC,EAAS3B,CAAiB;"}

package/dist/Drawer-DsnW2o0v.mjs

@@ -0,0 +1,175 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import s from "@mui/material/Box";
+import h from "@mui/material/Stack";
+import { H2 as D, Drawer as v } from "@mxenabled/mxui";
+import b from "@mui/material/Button";
+import B from "@mui/material/IconButton";
+import { ArrowBack as j } from "@mxenabled/mx-icons";
+const $ = ({
+  footerStyles: a = {},
+  hasSecondaryAction: t = !0,
+  isPrimaryDisabled: i,
+  onPrimaryAction: o,
+  onSecondaryAction: e,
+  primaryButtonProps: l = {},
+  primaryColor: c = "primary",
+  primaryText: d = "Save",
+  secondaryColor: n = "primary",
+  secondaryText: p = "Cancel"
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    sx: {
+      bgcolor: "background.paper",
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "flex-end",
+      p: 24,
+      ...a
+    },
+    children: [
+      t && /* @__PURE__ */ r(
+        b,
+        {
+          color: n,
+          onClick: e,
+          variant: o ? "outlined" : "contained",
+          children: p
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        b,
+        {
+          ...l,
+          color: c,
+          disabled: i,
+          onClick: o,
+          variant: "contained",
+          children: d
+        }
+      )
+    ]
+  }
+), F = ({
+  ariaLabelClose: a,
+  onClose: t,
+  shouldShowBorders: i,
+  shouldShowShadow: o,
+  title: e
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    "aria-labelledby": `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+    direction: "row",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...i && {
+        borderBottom: 1,
+        borderColor: "divider"
+      },
+      ...o && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(B, { "aria-label": a, autoFocus: !0, color: "primary", onClick: t, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        s,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(
+            D,
+            {
+              bold: !0,
+              id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+              variant: "body1",
+              children: e
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(s, { width: "44px" })
+    ]
+  }
+), R = ({
+  ariaLabelClose: a = "Close",
+  children: t,
+  footerStyles: i = {},
+  hasSecondaryAction: o = !0,
+  id: e,
+  isOpen: l,
+  isPrimaryDisabled: c,
+  onClose: d,
+  onPrimaryAction: n,
+  onSecondaryAction: p,
+  primaryButtonProps: g,
+  primaryColor: m = "primary",
+  primaryText: w,
+  secondaryColor: f = "secondary",
+  secondaryText: k,
+  shouldShowHeaderBorders: C = !0,
+  shouldShowHeaderShadow: y = !1,
+  title: x,
+  ...S
+}) => /* @__PURE__ */ r(
+  v,
+  {
+    id: e,
+    isOpen: l,
+    onClose: d,
+    slotProps: {
+      paper: {
+        "aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
+      }
+    },
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...S,
+    children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        F,
+        {
+          ariaLabelClose: a,
+          onClose: d,
+          shouldShowBorders: C,
+          shouldShowShadow: y,
+          title: x
+        }
+      ),
+      /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
+      n && /* @__PURE__ */ r(
+        $,
+        {
+          footerStyles: i,
+          hasSecondaryAction: o,
+          isPrimaryDisabled: c,
+          onPrimaryAction: n,
+          onSecondaryAction: p ?? d,
+          primaryButtonProps: g,
+          primaryColor: m,
+          primaryText: w,
+          secondaryColor: f,
+          secondaryText: k
+        }
+      )
+    ] })
+  }
+);
+export {
+  R as D
+};
+//# sourceMappingURL=Drawer-DsnW2o0v.mjs.map

package/dist/Drawer-DsnW2o0v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-DsnW2o0v.mjs","sources":["../src/common/components/drawer/Footer.tsx","../src/common/components/drawer/Header.tsx","../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'outlined' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport IconButton from '@mui/material/IconButton'\n\nimport { ArrowBack } from '@mxenabled/mx-icons'\n\nimport { H2 } from '@mxenabled/mxui'\n\ninterface DrawerHeaderProps {\n  ariaLabelClose: string\n  onClose: () => void\n  shouldShowBorders: boolean\n  shouldShowShadow?: boolean\n  title: string\n}\n\nconst DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  ariaLabelClose,\n  onClose,\n  shouldShowBorders,\n  shouldShowShadow,\n  title,\n}) => {\n  return (\n    <Stack\n      aria-labelledby={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n      direction=\"row\"\n      sx={{\n        alignItems: 'center',\n        backgroundColor: 'background.paper',\n        ...(shouldShowBorders && {\n          borderBottom: 1,\n          borderColor: 'divider',\n        }),\n        ...(shouldShowShadow && {\n          boxShadow: '0px 2px 8px 0px #6A73811F',\n        }),\n        padding: '8px 8px 8px 8px',\n      }}\n    >\n      <IconButton aria-label={ariaLabelClose} autoFocus={true} color=\"primary\" onClick={onClose}>\n        <ArrowBack color=\"primary\" sx={{ fontSize: 22 }} />\n      </IconButton>\n      <Box\n        sx={{\n          flexGrow: 1,\n          margin: 'auto',\n          textAlign: 'center',\n        }}\n      >\n        <H2\n          bold={true}\n          id={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n          variant=\"body1\"\n        >\n          {title}\n        </H2>\n      </Box>\n      {/* placeholder for when we add a button here, this also ensures the title text is centered */}\n      <Box width=\"44px\" />\n    </Stack>\n  )\n}\n\nexport default DrawerHeader\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n      }}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"names":["Footer","footerStyles","hasSecondaryAction","isPrimaryDisabled","onPrimaryAction","onSecondaryAction","primaryButtonProps","primaryColor","primaryText","secondaryColor","secondaryText","jsxs","Stack","jsx","Button","DrawerHeader","ariaLabelClose","onClose","shouldShowBorders","shouldShowShadow","title","IconButton","ArrowBack","Box","H2","Drawer","children","id","isOpen","shouldShowHeaderBorders","shouldShowHeaderShadow","rest","KMuiDrawer","Header"],"mappings":"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"}

package/dist/{EmbeddedCard-B1xiWlSD.mjs → EmbeddedCard-CQEnrozC.mjs}

@@ -24,7 +24,7 @@ import { A as gt } from "./Analytics-D-jdcL72.mjs";
 import At from "@mui/material/Tab";
 import Nt from "@mui/material/Tabs";
 import ft from "@mui/material/IconButton";
-import { D as It } from "./Drawer-BDN1RgiP.mjs";
+import { D as It } from "./Drawer-DsnW2o0v.mjs";
 import { ChartContainer as xt, ChartsReferenceLine as z, ChartsXAxis as St, BarPlot as Ot } from "@mui/x-charts";
 import Dt from "@mui/material/Card";
 const K = () => {
@@ -857,4 +857,4 @@ export {
   W as s,
   K as u
 };
-//# sourceMappingURL=EmbeddedCard-B1xiWlSD.mjs.map
+//# sourceMappingURL=EmbeddedCard-CQEnrozC.mjs.map