@zextras/carbonio-ui-commons 2.0.0-beta.1 → 2.0.0-beta.10

package/lib/index.js

@@ -1,115 +1,3717 @@
-"use strict";
+'use strict';
+
+var React = require('react');
+var carbonioDesignSystem = require('@zextras/carbonio-design-system');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
+var material = require('@mui/material');
+var carbonioShellUi = require('@zextras/carbonio-shell-ui');
+var lodash = require('lodash');
+var reactI18next = require('react-i18next');
+var produce = require('immer');
+var zustand = require('zustand');
+var path = require('path');
+var _styled = require('@emotion/styled/base');
+var i18next = require('i18next');
+var carbonioUiSoapLib = require('@zextras/carbonio-ui-soap-lib');
+var reactRouterDom = require('react-router-dom');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultCompat(ExpandMoreIcon);
+var produce__default = /*#__PURE__*/_interopDefaultCompat(produce);
+var path__default = /*#__PURE__*/_interopDefaultCompat(path);
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const StaticBreadcrumbs = ({
+  crumbs,
+  size = 'large',
+  tooltipLabel
+}) => {
+  const crumbsCount = crumbs.length;
+  const tooltip = tooltipLabel ?? crumbs.reduce((result, crumb) => `${result}/${crumb.label}`, '');
+  const firstCrumb = crumbs[0];
+  const restCrumbs = crumbs.slice(1);
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Tooltip, {
+    label: tooltip
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    mainAlignment: "flex-start",
+    wrap: "nowrap",
+    width: "fill"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    width: "fit",
+    mainAlignment: "flex-start",
+    padding: {
+      left: 'small',
+      right: 'extrasmall'
+    }
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, {
+    size: size,
+    color: crumbsCount === 1 ? 'text' : 'secondary'
+  }, firstCrumb?.label ?? '')), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    mainAlignment: "flex-start",
+    maxWidth: "70%"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Breadcrumbs, {
+    crumbs: restCrumbs,
+    dropdownProps: {
+      disabled: true
+    }
+  }))));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const theme = material.createTheme({
+  palette: {
+    currentColor: {
+      regular: 'currentColor',
+      hover: 'currentColor',
+      active: 'currentColor',
+      focus: 'currentColor',
+      disabled: 'currentColor'
+    },
+    transparent: {
+      regular: 'rgba(0, 0, 0, 0)',
+      hover: 'rgba(0, 0, 0, 0.05)',
+      active: 'rgba(0, 0, 0, 0.1)',
+      focus: 'rgba(0, 0, 0, 0.05)',
+      disabled: 'rgba(0, 0, 0, 0)'
+    },
+    primary: {
+      regular: '#2b73d2',
+      hover: '#225ca8',
+      active: '#1e5092',
+      focus: '#225ca8',
+      disabled: '#aac8ee',
+      main: '#2b73d2'
+    },
+    secondary: {
+      regular: '#828282',
+      hover: '#696969',
+      active: '#5c5c5c',
+      focus: '#696969',
+      disabled: '#cccccc',
+      main: '#828282'
+    },
+    header: {
+      regular: '#cfd5dc',
+      hover: '#b1bbc6',
+      active: '#a3aebc',
+      focus: '#b1bbc6',
+      disabled: '#cfd5dc'
+    },
+    highlight: {
+      regular: '#d5e3f6',
+      hover: '#abc7ed',
+      active: '#96b8e8',
+      focus: '#abc7ed',
+      disabled: '#d5e3f6'
+    },
+    gray0: {
+      regular: '#414141',
+      hover: '#282828',
+      active: '#1b1b1b',
+      focus: '#282828',
+      disabled: '#cccccc'
+    },
+    gray1: {
+      regular: '#828282',
+      hover: '#696969',
+      active: '#5c5c5c',
+      focus: '#696969',
+      disabled: '#cccccc'
+    },
+    gray2: {
+      regular: '#cfd5dc',
+      hover: '#b1bbc6',
+      active: '#a3aebc',
+      focus: '#b1bbc6',
+      disabled: '#cfd5dc'
+    },
+    gray3: {
+      regular: '#e6e9ed',
+      hover: '#c8cfd8',
+      active: '#bac2cd',
+      focus: '#c8cfd8',
+      disabled: '#e6e9ed'
+    },
+    gray4: {
+      regular: '#eeeff3',
+      hover: '#d0d3de',
+      active: '#c1c5d3',
+      focus: '#d0d3de',
+      disabled: '#eeeff3'
+    },
+    gray5: {
+      regular: '#f5f6f8',
+      hover: '#d7dbe3',
+      active: '#c8ced9',
+      focus: '#d7dbe3',
+      disabled: '#f5f6f8'
+    },
+    gray6: {
+      regular: '#ffffff',
+      hover: '#e6e6e6',
+      active: '#d9d9d9',
+      focus: '#e6e6e6',
+      disabled: '#ffffff'
+    },
+    warning: {
+      regular: '#ffc107',
+      hover: '#d39e00',
+      active: '#ba8b00',
+      focus: '#d39e00',
+      disabled: '#ffe699',
+      main: '#ffc107'
+    },
+    error: {
+      regular: '#d74942',
+      hover: '#be3028',
+      active: '#a92a24',
+      focus: '#be3028',
+      disabled: '#edaeab',
+      main: '#d74942'
+    },
+    success: {
+      regular: '#8bc34a',
+      hover: '#71a436',
+      active: '#639030',
+      focus: '#71a436',
+      disabled: '#cee6b2',
+      main: '#8bc34a'
+    },
+    info: {
+      regular: '#2196d3',
+      hover: '#1a75a7',
+      active: '#176691',
+      focus: '#1a75a7',
+      disabled: '#a7d7f1',
+      main: '#2196d3'
+    },
+    text: {
+      regular: '#333333',
+      hover: '#1a1a1a',
+      active: '#0d0d0d',
+      focus: '#1a1a1a',
+      disabled: '#cccccc',
+      main: '#333333'
+    }
+  },
+  avatarColors: {
+    avatar_1: '#EF9A9A',
+    avatar_2: '#F48FB1',
+    avatar_3: '#CE93D8',
+    avatar_4: '#B39DDB',
+    avatar_5: '#9FA8DA',
+    avatar_6: '#90CAF9',
+    avatar_7: '#81D4FA',
+    avatar_8: '#80DEEA',
+    avatar_9: '#80CBC4',
+    avatar_10: '#A5D6A7',
+    avatar_11: '#C5E1A5',
+    avatar_12: '#E6EE9C',
+    avatar_13: '#FFE082',
+    avatar_14: '#FFCC80',
+    avatar_15: '#FFAB91',
+    avatar_16: '#BCAAA4',
+    avatar_17: '#E57373',
+    avatar_18: '#F06292',
+    avatar_19: '#BA68C8',
+    avatar_20: '#9575CD',
+    avatar_21: '#7986CB',
+    avatar_22: '#64B5F6',
+    avatar_23: '#4FC3F7',
+    avatar_24: '#4DD0E1',
+    avatar_25: '#4DB6AC',
+    avatar_26: '#81C784',
+    avatar_27: '#AED581',
+    avatar_28: '#DCE775',
+    avatar_29: '#FFD54F',
+    avatar_30: '#FFB74D',
+    avatar_31: '#FF8A65',
+    avatar_32: '#A1887F',
+    avatar_33: '#0097A7',
+    avatar_34: '#EF5350',
+    avatar_35: '#EC407A',
+    avatar_36: '#AB47BC',
+    avatar_37: '#7E57C2',
+    avatar_38: '#5C6BC0',
+    avatar_39: '#42A5F5',
+    avatar_40: '#29B6F6',
+    avatar_41: '#26C6DA',
+    avatar_42: '#26A69A',
+    avatar_43: '#66BB6A',
+    avatar_44: '#9CCC65',
+    avatar_45: '#D4E157',
+    avatar_46: '#FFCA28',
+    avatar_47: '#FFA726',
+    avatar_48: '#FF7043',
+    avatar_49: '#8D6E63',
+    avatar_50: '#0288D1'
+  }
+});
+const themeMui = material.createTheme({
+  components: {
+    MuiSvgIcon: {
+      styleOverrides: {
+        root: {
+          color: theme.palette.text.regular,
+          '&:hover': {
+            background: theme.palette.gray3.hover
+          },
+          fontSize: '1.25rem',
+          fontWeight: 400
+        }
+      }
+    },
+    MuiAccordionSummary: {
+      styleOverrides: {
+        root: {
+          padding: '0 1rem 0 0',
+          margin: '0',
+          minHeight: '0',
+          justifyContent: 'left'
+        },
+        content: {
+          margin: '0',
+          maxWidth: 'calc(100% - 1.25rem)'
+        }
+      }
+    },
+    MuiAccordionDetails: {
+      styleOverrides: {
+        root: {
+          background: 'transparent',
+          padding: '0 0 0 0.5rem',
+          margin: '0'
+        }
+      }
+    },
+    MuiButtonBase: {
+      styleOverrides: {
+        root: {
+          padding: '0'
+        }
+      }
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          borderBottomLeftRadius: '0',
+          borderTopLeftRadius: '0',
+          borderBottomRightRadius: '0',
+          borderTopRightRadius: '0'
+        }
+      }
+    },
+    MuiAccordion: {
+      styleOverrides: {
+        root: {
+          ':last-of-type': {
+            borderBottomLeftRadius: '0',
+            borderTopLeftRadius: '0',
+            borderBottomRightRadius: '0',
+            borderTopRightRadius: '0'
+          },
+          ':first-of-type': {
+            borderBottomLeftRadius: '0',
+            borderTopLeftRadius: '0',
+            borderBottomRightRadius: '0',
+            borderTopRightRadius: '0'
+          },
+          boxShadow: 'none',
+          background: 'transparent',
+          '&.MuiAccordion-root:before': {
+            top: '0'
+          }
+        }
+      }
+    }
+  }
+});
+const themeMuiExtension = parentTheme => lodash.merge({}, themeMui, parentTheme);
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+/**
+ *
+ * @param link
+ */
+const getLinkIdMapKey = link => {
+  if (!link) {
+    return null;
+  }
+  if (!link.rid || !link.zid) {
+    return null;
+  }
+  return `${link.zid}:${link.rid}`;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const IM_LOGS = '14';
+const USER_ROOT = '1';
+let folders = {};
+const searches = {};
+const linksIdMap = {};
+// used to check if a newly created folder is being added to the correct store
+let view;
+const testUtils = {
+  getFolders: () => folders,
+  resetFolders: () => {
+    folders = {};
+  },
+  setFolders: data => {
+    folders = data;
+  },
+  setCurrentView: current => {
+    view = current;
+  },
+  getCurrentView: () => view
+};
+const sortFoldersByName = obj => obj.sort((a, b) => {
+  const aLowerName = a.name.toLowerCase();
+  const bLowerName = b.name.toLowerCase();
+  if (aLowerName < bLowerName) {
+    return -1;
+  }
+  if (aLowerName > bLowerName) {
+    return 1;
+  }
+  return 0;
+});
+const updateChildren = (folder, changes) => {
+  if (changes.absFolderPath && folder.children.length) {
+    folder.children.forEach(child => {
+      const childFolder = folders[child.id];
+      if (changes.absFolderPath && childFolder.absFolderPath) {
+        const paths = childFolder.absFolderPath.split('/').slice(2);
+        childFolder.absFolderPath = `${changes.absFolderPath}/${paths.join('/')}`;
+      }
+      if (childFolder.children.length) {
+        updateChildren(childFolder, changes);
+      }
+    });
+  }
+};
+const testFolderIsChecked = ({
+  string
+}) => /#/.test(string || '');
+const omit = ({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  link: _1,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  folder: _2,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  search: _3,
+  ...obj
+}) => obj;
+const hasId$1 = (f, id) => f.id.split(':').includes(id);
+const normalize = (f, p) => ({
+  id: f.id,
+  uuid: f.uuid,
+  name: f.name,
+  absFolderPath: f.absFolderPath,
+  l: f.l,
+  luuid: f.luuid,
+  checked: testFolderIsChecked({
+    string: f.f
+  }),
+  f: f.f,
+  // the type defined in shell is not correct refs: SHELL-118
+  // FIXME: remove the cast when the type will be fixed
+  color: f.color || p?.color,
+  rgb: f.rgb,
+  u: f.u,
+  i4u: f.i4u,
+  view: f.view,
+  rev: f.rev,
+  ms: f.ms,
+  md: f.md,
+  n: f.n,
+  i4n: f.i4n,
+  s: f.s,
+  i4ms: f.i4ms,
+  i4next: f.i4next,
+  url: f.url,
+  activesyncdisabled: !!f.activesyncdisabled,
+  webOfflineSyncDays: f.webOfflineSyncDays,
+  perm: f.perm,
+  recursive: !!f.recursive,
+  rest: f.rest,
+  deletable: !!f.deletable,
+  meta: f.meta,
+  acl: f.acl,
+  retentionPolicy: f.retentionPolicy
+});
+const normalizeSearch = s => ({
+  ...normalize(s),
+  query: s.query,
+  sortBy: s.sortBy,
+  types: s.types
+});
+const normalizeLink = (l, p) => ({
+  ...normalize(l, p),
+  owner: l.owner,
+  zid: l.zid,
+  rid: l.rid,
+  ruuid: l.ruuid,
+  oname: l.oname,
+  reminder: !!l.reminder,
+  broken: !!l.broken
+});
+const processSearch = (soapSearch, parent) => {
+  const search = {
+    ...normalizeSearch(soapSearch),
+    parent: parent?.id,
+    isLink: parent?.isLink
+  };
+  searches[search.id] = search;
+};
+const processLink = (soapLink, depth, parent) => {
+  const link = {
+    ...normalizeLink(soapLink, parent),
+    isLink: true,
+    children: [],
+    parent: parent?.id,
+    depth
+  };
+  // eslint-disable-next-line no-param-reassign
+  folders[soapLink.id] = link;
+
+  // Get the zid:rid key of the link and add it to the links id map
+  const linkIdMapKey = getLinkIdMapKey(soapLink);
+  linkIdMapKey && (linksIdMap[linkIdMapKey] = soapLink.id);
+  soapLink?.folder?.forEach(f => {
+    if (!hasId$1(f, IM_LOGS)) {
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      const child = processFolder(f, depth + 1, link);
+      link.children.push(child);
+    }
+  });
+  soapLink?.link?.forEach(l => {
+    if (!hasId$1(l, IM_LOGS)) {
+      const child = processLink(l, depth + 1, link);
+      link.children.push(child);
+    }
+  });
+  soapLink?.search?.forEach(s => {
+    processSearch(s, link);
+  });
+  return link;
+};
+const processFolder = (soapFolder, depth, parent) => {
+  const folder = {
+    ...normalize(soapFolder, parent),
+    isLink: false,
+    children: [],
+    parent: parent?.id,
+    depth
+  };
+  folders[soapFolder.id] = folder;
+  soapFolder?.folder?.forEach(f => {
+    if (!hasId$1(f, IM_LOGS)) {
+      const child = processFolder(f, depth + 1, folder);
+      if (!hasId$1(f, USER_ROOT)) {
+        folder.children.push(child);
+      }
+    }
+  });
+  soapFolder?.link?.forEach(l => {
+    if (!hasId$1(l, IM_LOGS)) {
+      const child = processLink(l, depth + 1, folder);
+      if (!hasId$1(l, USER_ROOT)) {
+        folder.children.push(child);
+      }
+    }
+  });
+  soapFolder?.search?.forEach(s => {
+    processSearch(s, folder);
+  });
+  return folder;
+};
+const handleFolderRefresh = (soapFolders, currentView) => {
+  view = currentView;
+  if (soapFolders.length > 1) {
+    const sharedAccounts = soapFolders.slice(1);
+    return [processFolder(soapFolders[0], 0), ...sharedAccounts.map(folder => processLink(folder, 0))];
+  }
+  return processFolder(soapFolders[0], 0);
+};
+const handleFolderCreated = created => created.forEach(val => {
+  if (val.id && val.l && view && val.view === view) {
+    const parent = folders[val.l];
+    const folder = {
+      ...normalize(val, parent),
+      isLink: false,
+      children: [],
+      parent: parent?.id,
+      depth: parent && parent.depth !== undefined ? parent.depth + 1 : 0
+    };
+    folders[val.id] = folder;
+    parent.children.push(folder);
+    sortFoldersByName(parent.children);
+  }
+});
+const handleLinkCreated = created => created.forEach(val => {
+  if (val.id && val.l && view && val.view === view) {
+    const parent = folders[val.l];
+    const folder = {
+      ...normalizeLink(val, parent),
+      isLink: true,
+      children: [],
+      parent: parent?.id,
+      depth: parent && parent.depth !== undefined ? parent.depth + 1 : 0
+    };
+    folders[val.id] = folder;
+    parent.children.push(folder);
+    sortFoldersByName(parent.children);
+  }
+});
+function getKeyByValue(map, searchValue) {
+  return Object.keys(map).find(key => searchValue.id === `${map[key].zid}:${map[key].rid}`);
+}
+function folderIsSharedWithMe(folderId) {
+  if (!folderId) return false;
+  const folder = folders[folderId];
+  if (folder?.parent) {
+    return folderIsSharedWithMe(folder?.parent);
+  }
+  return folder?.name === 'USER_ROOT';
+}
+const handleFolderModified = modified =>
+// the type defined in shell is not correct refs: SHELL-118
+// FIXME: remove the ts-ignore when the type will be fixed
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+modified.forEach(val => {
+  if (!val.id) return;
+  const mountPointId = val.id.includes(':') ? getKeyByValue(folders, val) : val.id;
+  const parentMountPointId = getKeyByValue(folders, {
+    id: val.l
+  });
+  const isSharedWithMe = folderIsSharedWithMe(mountPointId);
+  const parentIsSharedWithMe = folderIsSharedWithMe(parentMountPointId);
+  const parentFolderId = parentIsSharedWithMe && parentMountPointId ? parentMountPointId : val.l;
+  const folderId = isSharedWithMe && mountPointId ? mountPointId : val.id;
+  const folder = folderId ? folders[folderId] : null;
+  if (folder) {
+    Object.assign(folder, omit({
+      ...val,
+      id: folderId
+    }));
+    updateChildren(folder, val);
+    if (typeof val.f !== 'undefined') {
+      folder.checked = testFolderIsChecked({
+        string: val.f
+      });
+    }
+    const oldParentId = folder.parent;
+    if (oldParentId) {
+      const oldParent = folders[oldParentId];
+      if (oldParent) {
+        if (!val.l) {
+          oldParent.children = oldParent.children.map(f => f.id !== val.id ? f : folder);
+        } else {
+          const newParent = parentFolderId ? folders[parentFolderId] : null;
+          if (newParent) {
+            oldParent.children = oldParent.children.filter(f => f.id !== folderId);
+            newParent.children.push(folder);
+            sortFoldersByName(newParent.children);
+            folder.parent = newParent.id;
+            folder.depth = newParent?.depth !== undefined ? newParent.depth + 1 : 0;
+          }
+        }
+      }
+      folders[folderId] = folder;
+    }
+  }
+});
+const handleFolderDeleted = deleted => deleted.forEach(val => {
+  const folder = folders[val];
+  if (folder) {
+    if (folder.parent) {
+      const parent = folders[folder.parent];
+      parent.children = parent.children.filter(obj => obj.id !== val);
+    }
+    delete folders[val];
+    delete searches[val];
+  }
+});
+const handleFolderNotify = notify => {
+  handleFolderCreated(notify.created?.folder ?? []);
+  handleLinkCreated(notify.created?.link ?? []);
+  // the type defined in shell is not correct refs: SHELL-118
+  // FIXME: remove the ts-ignore when the type will be fixed
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  handleFolderModified([...(notify.modified?.folder ?? []), ...(notify.modified?.link ?? [])]);
+  handleFolderDeleted(notify.deleted ?? []);
+};
+const handleFoldersMessages = ({
+  data
+}) => {
+  if (data.op === 'refresh' && data.folder) {
+    handleFolderRefresh(data.folder, data.currentView);
+  }
+  if (data.op === 'notify') {
+    handleFolderNotify(data.notify);
+  }
+};
+const handleMessage = ({
+  data
+}) => {
+  handleFoldersMessages({
+    data
+  });
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  postMessage({
+    folders,
+    linksIdMap,
+    searches
+  });
+};
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const SidebarAccordionMui = ({
+  accordions,
+  folderId,
+  localStorageName,
+  AccordionCustomComponent,
+  setSelectedFolder,
+  buttonFindShares,
+  initialExpanded
+}) => {
+  const [openIds, setOpenIds] = carbonioShellUi.useLocalStorage(localStorageName, initialExpanded ?? []);
+  const sidebarRef = React.useRef(null);
+  const onClick = React.useCallback(({
+    accordion,
+    expanded
+  }) => {
+    if (expanded) {
+      setOpenIds(state => state.includes(accordion.id) ? state : [...state, accordion.id]);
+    } else {
+      setOpenIds(state => state.filter(id => id !== accordion.id));
+    }
+  }, [setOpenIds]);
+  return /*#__PURE__*/React__default.default.createElement(material.Container, {
+    ref: sidebarRef,
+    disableGutters: true
+  }, accordions.map(accordion => accordion.id === 'find_shares' ? buttonFindShares : /*#__PURE__*/React__default.default.createElement(material.Accordion, {
+    disableGutters: true,
+    slotProps: {
+      transition: {
+        unmountOnExit: true
+      }
+    },
+    expanded: openIds.includes(accordion.id),
+    key: accordion.id
+  }, /*#__PURE__*/React__default.default.createElement(material.AccordionSummary, {
+    onClick: () => {
+      setSelectedFolder?.(accordion.id);
+    },
+    expandIcon: accordion?.children?.length > 0 && !hasId$1(accordion, 'all') && /*#__PURE__*/React__default.default.createElement("button", {
+      style: {
+        all: 'unset',
+        cursor: 'pointer'
+      },
+      onClick: e => {
+        e.preventDefault();
+        onClick({
+          accordion,
+          expanded: !openIds.includes(accordion.id)
+        });
+      }
+    }, /*#__PURE__*/React__default.default.createElement(ExpandMoreIcon__default.default, {
+      color: "primary"
+    })),
+    "aria-controls": "panel1a-content",
+    id: accordion.id,
+    sx: {
+      backgroundColor: accordion.id === folderId ? theme.palette.highlight.hover : theme.palette.gray5.regular,
+      '&:hover': {
+        backgroundColor: accordion.id === folderId ? theme.palette.highlight.active : theme.palette.gray5.hover
+      }
+    }
+  }, /*#__PURE__*/React__default.default.createElement(AccordionCustomComponent, {
+    item: accordion
+  })), accordion?.children?.length > 0 && /*#__PURE__*/React__default.default.createElement(material.AccordionDetails, null, /*#__PURE__*/React__default.default.createElement(SidebarAccordionMui, {
+    accordions: accordion.children,
+    folderId: folderId,
+    key: accordion.id,
+    localStorageName: localStorageName,
+    AccordionCustomComponent: AccordionCustomComponent,
+    setSelectedFolder: setSelectedFolder,
+    buttonFindShares: buttonFindShares,
+    initialExpanded: initialExpanded
+  })))));
+};
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+const ModalFooter = ({
+  mainAlignment = 'center',
+  crossAlignment = 'center',
+  onConfirm,
+  label,
+  secondaryAction,
+  secondaryLabel,
+  primaryBtnType = 'default',
+  secondaryBtnType = 'default',
+  disabled,
+  secondaryDisabled,
+  background = 'primary',
+  secondarybackground,
+  color = 'primary',
+  secondaryColor = 'secondary',
+  size = 'medium',
+  showDivider = true,
+  tooltip,
+  secondaryTooltip,
+  paddingTop = 'medium',
+  additionalAction,
+  additionalBtnType = 'outlined',
+  additionalColor = 'secondary',
+  additionalLabel,
+  primaryButtonIcon
+}) => {
+  const [t] = reactI18next.useTranslation();
+  const cancelLabel = React.useMemo(() => t('label.cancel', 'cancel'), [t]);
+  const secondaryTypeAndColor = React.useMemo(() => {
+    if (secondaryBtnType === 'ghost') {
+      return {
+        type: secondaryBtnType,
+        color: secondaryColor
+      };
+    }
+    if (secondaryBtnType === 'default') {
+      return {
+        type: secondaryBtnType,
+        backgroundColor: secondaryColor || secondarybackground
+      };
+    }
+    return {
+      type: secondaryBtnType,
+      backgroundColor: secondarybackground,
+      labelColor: secondaryColor
+    };
+  }, [secondaryBtnType, secondaryColor, secondarybackground]);
+  const primaryTypeAndColor = React.useMemo(() => {
+    if (primaryBtnType === 'ghost') {
+      return {
+        type: primaryBtnType,
+        color
+      };
+    }
+    if (primaryBtnType === 'default') {
+      return {
+        type: primaryBtnType,
+        backgroundColor: color || background
+      };
+    }
+    return {
+      type: primaryBtnType,
+      backgroundColor: background,
+      labelColor: color
+    };
+  }, [background, color, primaryBtnType]);
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    mainAlignment: mainAlignment,
+    crossAlignment: crossAlignment,
+    padding: {
+      top: paddingTop
+    }
+  }, showDivider && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    padding: {
+      top: 'small',
+      bottom: 'small'
+    },
+    mainAlignment: "center",
+    crossAlignment: "flex-start",
+    orientation: "horizontal",
+    height: "fit"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Divider, null)), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    orientation: "horizontal",
+    mainAlignment: "space-between"
+  }, additionalAction && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    orientation: "horizontal",
+    width: "fit"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Button, {
+    color: additionalColor,
+    type: additionalBtnType,
+    onClick: additionalAction,
+    label: additionalLabel ?? cancelLabel,
+    size: size
+  }), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    horizontal: "extrasmall"
+  })), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    padding: {
+      top: 'small',
+      bottom: 'small'
+    },
+    mainAlignment: "flex-end",
+    crossAlignment: "flex-start",
+    orientation: "horizontal",
+    height: "fit"
+  }, secondaryAction && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    right: "small",
+    vertical: "small"
+  }, secondaryTooltip ? /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Tooltip, {
+    label: secondaryTooltip,
+    placement: "top",
+    maxWidth: "fit"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Button, _extends({}, secondaryTypeAndColor, {
+    onClick: secondaryAction,
+    label: secondaryLabel ?? cancelLabel,
+    disabled: secondaryDisabled,
+    size: size
+  }))) : /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Button, _extends({}, secondaryTypeAndColor, {
+    onClick: secondaryAction,
+    label: secondaryLabel ?? cancelLabel,
+    disabled: secondaryDisabled,
+    size: size
+  }))), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    vertical: "small"
+  }, tooltip ? /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Tooltip, {
+    label: tooltip,
+    placement: "top",
+    maxWidth: "fit"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Button, _extends({
+    size: size,
+    onClick: onConfirm,
+    label: label,
+    disabled: disabled,
+    icon: primaryButtonIcon,
+    iconPlacement: "left"
+  }, primaryTypeAndColor))) : /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Button, _extends({
+    size: size,
+    onClick: onConfirm,
+    label: label,
+    disabled: disabled,
+    icon: primaryButtonIcon,
+    iconPlacement: "left"
+  }, primaryTypeAndColor))))));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const ModalHeader = ({
+  title,
+  onClose,
+  showCloseIcon = true
+}) => /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+  mainAlignment: "space-between",
+  width: "100%"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  takeAvailableSpace: true,
+  mainAlignment: "space-between",
+  width: "100%"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  width: "calc(100% - 1.5rem)",
+  takeAvailableSpace: true,
+  mainAlignment: "flex-start"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, {
+  weight: "bold",
+  size: "large"
+}, title)), onClose && showCloseIcon && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  mainAlignment: "flex-start"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.IconButton, {
+  size: "medium",
+  style: {
+    padding: 0,
+    margin: 0
+  },
+  onClick: onClose,
+  icon: "CloseOutline"
+}))), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+  top: "medium"
+}), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Divider, null), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+  bottom: "medium"
+}));
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const FolderInitializationErrorModal = ({
+  onClose
+}) => {
+  const [t] = reactI18next.useTranslation();
+  const title = t('modal.initializeError.title', 'Oops!…Something went wrong');
+  const body = t('modal.initializeError.content', 'Please reload the page or try again later');
+  const onConfirmLabel = t('modal.initializeError.buttonConfirm', 'Reload');
+  const onConfirm = React.useCallback(() => {
+    window.location.reload();
+  }, []);
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(ModalHeader, {
+    onClose: onClose,
+    title: title
+  }), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, null, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, null, body)), /*#__PURE__*/React__default.default.createElement(ModalFooter, {
+    onConfirm: onConfirm,
+    label: onConfirmLabel,
+    disabled: false
+  }));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+// eslint-disable-next-line no-shadow
+const FolderActionsType = {
+  NEW: 'new',
+  MOVE: 'move',
+  DELETE: 'delete',
+  EDIT: 'edit',
+  EMPTY: 'empty',
+  REMOVE_FROM_LIST: 'removeFromList',
+  SHARES_INFO: 'sharesInfo',
+  SHARE: 'share',
+  MARK_ALL_READ: 'read'
+};
+const FOLDERS = {
+  USER_ROOT: '1',
+  INBOX: '2',
+  TRASH: '3',
+  SPAM: '4',
+  SENT: '5',
+  DRAFTS: '6',
+  CONTACTS: '7',
+  TAGS: '8',
+  CONVERSATIONS: '9',
+  CALENDAR: '10',
+  ROOT: '11',
+  NOTEBOOK: '12',
+  // no longer created in new mailboxes since Helix (bug 39647).  old mailboxes may still contain a system folder with id 12
+  AUTO_CONTACTS: '13',
+  IM_LOGS: '14',
+  TASKS: '15',
+  BRIEFCASE: '16',
+  LAST_SYSTEM_FOLDER_POSITION: '16.1'
+};
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const FoldersAccordion = ({
+  folders,
+  onFolderSelected,
+  FolderAccordionCustomComponent,
+  selectedFolderId,
+  disabledFolderIds,
+  filterChildren
+}) => {
+  const filteredFolders = folders.map(root => ({
+    ...root,
+    children: lodash.filter(root.children, filterChildren)
+  }));
+  const [openIds, setOpenIds] = React.useState([FOLDERS.USER_ROOT]);
+  const handleExpandFolderClick = (folderId, callback) => callback(state => state.includes(folderId) ? state.filter(id => id !== folderId) : [...state, folderId]);
+  return /*#__PURE__*/React__default.default.createElement(material.Container, {
+    disableGutters: true,
+    "data-testid": 'accordion-folders-selector'
+  }, filteredFolders.map(folder => /*#__PURE__*/React__default.default.createElement(material.Accordion, {
+    disableGutters: true,
+    slotProps: {
+      transition: {
+        unmountOnExit: true
+      }
+    },
+    expanded: openIds.includes(folder.id),
+    key: folder.id
+  }, /*#__PURE__*/React__default.default.createElement(material.AccordionSummary, {
+    "data-testid": `folder-accordion-item-${folder.id}`,
+    onClick: e => {
+      if (disabledFolderIds?.includes(folder.id)) {
+        e.preventDefault();
+        return;
+      }
+      onFolderSelected?.(folder);
+    },
+    expandIcon: folder?.children?.length > 0 && !hasId$1(folder, 'all') && /*#__PURE__*/React__default.default.createElement(ExpandMoreIcon__default.default, {
+      color: "primary",
+      onClick: e => {
+        e.preventDefault();
+        handleExpandFolderClick(folder.id, setOpenIds);
+      }
+    }),
+    "aria-controls": "panel1a-content",
+    id: folder.id,
+    sx: {
+      margin: 0,
+      backgroundColor: folder.id === selectedFolderId ? theme.palette.highlight.hover : theme.palette.gray6.regular,
+      '&:hover': {
+        backgroundColor: folder.id === selectedFolderId ? theme.palette.highlight.active : theme.palette.gray6.hover
+      }
+    }
+  }, /*#__PURE__*/React__default.default.createElement(FolderAccordionCustomComponent, {
+    folder: folder
+  })), folder?.children?.length > 0 && /*#__PURE__*/React__default.default.createElement(material.AccordionDetails, null, /*#__PURE__*/React__default.default.createElement(FoldersAccordion, {
+    folders: folder.children,
+    selectedFolderId: selectedFolderId,
+    key: folder.id,
+    disabledFolderIds: disabledFolderIds,
+    FolderAccordionCustomComponent: FolderAccordionCustomComponent,
+    onFolderSelected: onFolderSelected,
+    filterChildren: filterChildren
+  })))));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const FOLDER_VIEW = {
+  search_folder: 'search folder',
+  tag: 'tag',
+  conversation: 'conversation',
+  message: 'message',
+  contact: 'contact',
+  document: 'document',
+  appointment: 'appointment',
+  virtual_conversation: 'virtual conversation',
+  remote_folder: 'remote folder',
+  wiki: 'wiki',
+  task: 'task',
+  chat: 'chat'
+};
+// eslint-disable-next-line no-shadow
+let TagsActionsType = /*#__PURE__*/function (TagsActionsType) {
+  TagsActionsType["NEW"] = "new";
+  TagsActionsType["DELETE"] = "delete";
+  TagsActionsType["EDIT"] = "edit";
+  TagsActionsType["Apply"] = "apply";
+  return TagsActionsType;
+}({});
+const DRAG_DATA_TYPE = {
+  MESSAGE: 'message',
+  CONVERSATION: 'conversation',
+  FOLDER: 'folder',
+  CONTACT: 'contact'
+};
+const ZIMBRA_STANDARD_COLORS = [{
+  zValue: 0,
+  hex: '#000000',
+  zLabel: 'black'
+}, {
+  zValue: 1,
+  hex: '#2b73d2',
+  zLabel: 'blue'
+}, {
+  zValue: 2,
+  hex: '#29B6F6',
+  zLabel: 'cyan'
+}, {
+  zValue: 3,
+  hex: '#66BB6A',
+  zLabel: 'green'
+}, {
+  zValue: 4,
+  hex: '#7e57c2',
+  zLabel: 'purple'
+}, {
+  zValue: 5,
+  hex: '#ef5350',
+  zLabel: 'red'
+}, {
+  zValue: 6,
+  hex: '#ffc107',
+  zLabel: 'yellow'
+}, {
+  zValue: 7,
+  hex: '#edaeab',
+  zLabel: 'pink'
+}, {
+  zValue: 8,
+  hex: '#828282',
+  zLabel: 'gray'
+}, {
+  zValue: 9,
+  hex: '#FF7043',
+  zLabel: 'orange'
+}];
+let JSNS = /*#__PURE__*/function (JSNS) {
+  JSNS["ACCOUNT"] = "urn:zimbraAccount";
+  JSNS["ADMIN"] = "urn:zimbraAdmin";
+  JSNS["MAIL"] = "urn:zimbraMail";
+  JSNS["ALL"] = "urn:zimbra";
+  JSNS["SYNC"] = "urn:zimbraSync";
+  return JSNS;
+}({});
+const ROOT_NAME = 'USER_ROOT';
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const folderWorker = new Worker(path__default.default.dirname('./folder.ts'));
+const tagsWorker = new Worker(path__default.default.dirname('./tags.ts'));
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+// extra currying as suggested in https://github.com/pmndrs/zustand/blob/main/docs/guides/typescript.md#basic-usage
+const useFolderStore = zustand.create()(set => ({
+  folders: {},
+  linksIdMap: {},
+  searches: {},
+  updateFolder: (id, opt) => {
+    set(produce__default.default(state => {
+      if (state?.folders?.[id]) {
+        state.folders[id] = {
+          ...state.folders[id],
+          ...opt
+        };
+      }
+    }));
+  }
+}));
+folderWorker.onmessage = ({
+  data
+}) => {
+  useFolderStore.setState(data);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const NO_ACCOUNT_NAME$1 = 'No account';
+
+/*
+ * Describe the folder id syntax
+ *
+ * [<zid>:]<folderId>
+ *
+ * e.g. a79fa996-e90e-4f04-97c4-c84209bb8277:2
+ */
+const FOLDERID_REGEX = /^([^:]+(?=:))*:?(\d+)$/;
+/**
+ * Parse the given folder id and returns on object with the composing parts of the folder id
+ * @param folderId
+ */
+const getFolderIdParts = folderId => {
+  const result = {
+    zid: null,
+    id: null
+  };
+  if (!folderId || !folderId.match(FOLDERID_REGEX)) {
+    return result;
+  }
+  const parts = FOLDERID_REGEX.exec(folderId);
+  if (!parts) {
+    return result;
+  }
+  [, result.zid = null, result.id = null] = parts;
+  return result;
+};
+
+/**
+ * Get the account name of the owner of the given folder, if the owner is an
+ * "other" account, different from the primary account of the current user.
+ * If the owner is the primary account then <code>null</code> is returned
+ * @param folderId
+ * @param folderRoots
+ */
+const getFolderOtherOwnerAccountName = (folderId, folderRoots) => {
+  if (!folderId) {
+    return null;
+  }
+  const {
+    zid
+  } = getFolderIdParts(folderId);
+  if (!zid) {
+    return null;
+  }
+
+  /** find the folderRoots for which the id corresponds to the message zid
+   * if the folderRoots has an owner, return the owner
+   * if not, return null
+   * */
+
+  const matchingFolderRoot = lodash.find(folderRoots, c => c.id.includes(zid));
+  if (!matchingFolderRoot) {
+    return null;
+  }
+  return 'owner' in matchingFolderRoot && matchingFolderRoot.owner ? matchingFolderRoot.owner : null;
+};
+
+/**
+ * Returns the account name of the owner of the folder, based on the folder id
+ * @param folderId
+ * @param folderRoots
+ */
+const getFolderOwnerAccountName = (folderId, folderRoots) => {
+  const primaryAccount = carbonioShellUi.getUserAccount();
+
+  /*
+   * Try to get the account of the "other" owner, aka an owner which
+   * is not the primary account of the current user
+   */
+  const otherOwnerAccount = getFolderOtherOwnerAccountName(folderId, folderRoots);
+  if (!otherOwnerAccount) {
+    return primaryAccount?.name ?? NO_ACCOUNT_NAME$1;
+  }
+  return otherOwnerAccount;
+};
+
+/**
+ * Tells if a folder with the given id is a spam folder
+ * @param folderId
+ * @param folderType
+ */
+const isA = (folderId, folderType) => {
+  if (!folderId) {
+    return false;
+  }
+  return getFolderIdParts(folderId).id === folderType;
+};
+
+/**
+ * Tells if a folder with the given id is the default account root folder
+ * @param folderId
+ */
+const isDefaultAccountRoot = folderId => folderId === FOLDERS.USER_ROOT;
+
+/**
+ * Tells if a folder with the given id is a root folder
+ * @param folderId
+ */
+const isRoot = folderId => isA(folderId, FOLDERS.USER_ROOT);
+
+/**
+ * Tells if the given folder is a link to a folder shared by another user
+ * @param folder
+ */
+const isLink = folder => (folder && folder.isLink && getFolderIdParts(folder.id).zid === null) ?? false;
+
+/**
+ * Tells if a folder is a folder of a shared account
+ * @param folderId
+ */
+function isSharedAccountFolder(folderId) {
+  return getFolderIdParts(folderId).zid !== null;
+}
+
+/**
+ * Tells if a folder is a system one
+ * @param folderId
+ */
+const isSystemFolder = folderId => {
+  const {
+    id
+  } = getFolderIdParts(folderId);
+  if (!id) {
+    return false;
+  }
+  const systemFoldersIds = Object.values(FOLDERS);
+  return systemFoldersIds.includes(folderId);
+};
+
+/**
+ * Tells if a folder is a trashed folder
+ * @param folder
+ * @param folderId
+ */
+const isTrashed = ({
+  folder,
+  folderId
+}) => {
+  if (!folder && !folderId) {
+    return false;
+  }
+  const folderIdAbsPath = useFolderStore.getState()?.folders?.[folderId ?? '']?.absFolderPath;
+  const path = folder ? folder.absFolderPath : folderIdAbsPath;
+  if (!path) {
+    return false;
+  }
+  return path.toLowerCase().startsWith('/trash');
+};
+
+/**
+ * Tells if a folder with the given id is a trash folder
+ * @param folderId
+ */
+const isTrash$1 = folderId => isA(folderId, FOLDERS.TRASH);
+
+/**
+ * Tells if the current user has read permission on the given folder/link
+ * @param folder
+ */
+const isReadAllowed = folder => !folder.perm || folder.perm.includes('r');
+
+/**
+ * Tells if the current user has write permission on the given folder/link
+ * @param folder
+ */
+const isWriteAllowed = folder => !folder.perm || folder.perm.includes('w');
+
+/**
+ * Tells if the current user has insertion permission on the given folder/link
+ * @param folder
+ */
+const isInsertAllowed = folder => !folder.perm || folder.perm.includes('i');
+
+/**
+ * Tells if the current user has subfolder creation permission on the given folder/link
+ * @param folder
+ */
+const isCreateAllowed = folder => !folder.perm || folder.perm.includes('c');
+
+/**
+ * Tells if the current user has deletion permission on the given folder/link
+ * @param folder
+ */
+const isDeleteAllowed = folder => !folder.perm || folder.perm.includes('d');
+
+/**
+ * Tells if the current user has administration permission on the given folder/link
+ * @param folder
+ */
+const isAdministerAllowed = folder => !folder.perm || folder.perm.includes('a');
+
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+function flattenAndFilterFoldersWithCap(folders, search, limit, filterFolders) {
+  if (limit <= 0) return [];
+  const lowerCaseSearch = search.toLowerCase();
+  const flattenAndFilter = foldersToProcess => lodash.filter(foldersToProcess, filterFolders).flatMap(folder => {
+    const isMatch = folder.name.toLowerCase().includes(lowerCaseSearch);
+    const matched = isMatch ? [{
+      ...folder,
+      children: []
+    }] : [];
+    return [...matched, ...flattenAndFilter(folder.children)];
+  });
+  return flattenAndFilter(folders).slice(0, limit);
+}
+const getFolderIconColor = f => {
+  if ('color' in f && f?.color) {
+    return Number(f.color) < 10 ? ZIMBRA_STANDARD_COLORS[Number(f.color)].hex : f?.rgb ?? ZIMBRA_STANDARD_COLORS[0].hex;
+  }
+  return ZIMBRA_STANDARD_COLORS[0].hex;
+};
+const getFolderDefaultIcon = folder => {
+  const folderView = 'view' in folder && folder.view;
+  switch (folderView) {
+    case FOLDER_VIEW.appointment:
+      return 'Calendar2';
+    default:
+      return 'FolderOutline';
+  }
+};
+const getFolderIconName = folder => {
+  const {
+    id
+  } = getFolderIdParts(folder.id);
+  if (id === FOLDERS.USER_ROOT || 'isLink' in folder && folder.isLink && folder.oname === ROOT_NAME) {
+    return null;
+  }
+  const folderDefaultIcon = getFolderDefaultIcon(folder);
+  if (id && isSystemFolder(id)) {
+    switch (id) {
+      case FOLDERS.INBOX:
+        return 'InboxOutline';
+      case FOLDERS.DRAFTS:
+        return 'FileOutline';
+      case FOLDERS.SENT:
+        return 'PaperPlaneOutline';
+      case FOLDERS.SPAM:
+        return 'SlashOutline';
+      case FOLDERS.TRASH:
+        return 'Trash2Outline';
+      default:
+        return folderDefaultIcon;
+    }
+  }
+  return folderDefaultIcon;
+};
+const getSystemFolderTranslatedName = ({
+  folderName
+}) => {
+  if (folderName) {
+    switch (folderName) {
+      case 'Inbox':
+        return carbonioShellUi.t('folders.inbox', 'Inbox');
+      case 'Sent':
+        return carbonioShellUi.t('folders.sent', 'Sent');
+      case 'Drafts':
+        return carbonioShellUi.t('folders.drafts', 'Drafts');
+      case 'Trash':
+        return carbonioShellUi.t('folders.trash', 'Trash');
+      case 'Spam':
+        return carbonioShellUi.t('folders.spam', 'Spam');
+      case 'Junk':
+        return carbonioShellUi.t('folders.junk', 'Junk');
+      default:
+        return folderName;
+    }
+  }
+  return folderName;
+};
+const getFolderTranslatedName = ({
+  folderId,
+  folderName
+}) => {
+  const {
+    id
+  } = getFolderIdParts(folderId ?? '');
+  if (id && isSystemFolder(id)) {
+    return getSystemFolderTranslatedName({
+      folderName
+    });
+  }
+  return folderName;
+};
+
+/**
+ * Process the absolute path of the given folder, removing
+ * the leading slash
+ *
+ * @param folder
+ * @return the array of the crumbs name of the path
+ */
+const getFolderAbsPathParts = folder => {
+  if (!folder) {
+    return [];
+  }
+
+  // Exception for root folders
+  if (isRoot(folder?.id)) {
+    return [folder.name ?? ''];
+  }
+  const reg = /^\/?(.*)$/gm;
+  const matches = reg.exec(folder.absFolderPath ?? '');
+  if (!matches) {
+    return [];
+  }
+  return matches[1].split('/');
+};
+const FlatFolder = ({
+  folder,
+  onFolderSelected,
+  ...rest
+}) => {
+  const iconName = getFolderIconName(folder);
+  const iconColor = getFolderIconColor(folder);
+  const parts = getFolderAbsPathParts(folder);
+
+  /*
+   * Create the crumbs array and try to get the translations
+   * for the first part which usually represent a system folder
+   * for which a translated name is available
+   */
+  const crumbs = parts.map((part, index) => ({
+    id: `${index} `,
+    label: index === 0 ? getSystemFolderTranslatedName({
+      folderName: part
+    }) : part
+  }));
+  const selectionHandler = React.useCallback(() => onFolderSelected?.(folder) ?? lodash.noop, [onFolderSelected, folder]);
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, _extends({
+    width: "fill",
+    "main-alignment": "flex-start",
+    orientation: "vertical",
+    crossAlignment: "flex-start",
+    padding: {
+      top: 'small',
+      right: 'small',
+      bottom: 'small',
+      left: 'extralarge'
+    },
+    height: '2.6rem',
+    onClick: selectionHandler,
+    wrap: "nowrap"
+  }, rest), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    mainAlignment: "flex-start",
+    wrap: "nowrap",
+    width: "fill"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    width: "fit"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Icon, {
+    color: iconColor,
+    icon: iconName ?? 'FolderOutline',
+    size: "large"
+  })), /*#__PURE__*/React__default.default.createElement(StaticBreadcrumbs, {
+    crumbs: crumbs,
+    size: "large"
+  })));
+};
+
+const FOLDER_ROW_HEIGHT = '2.6rem';
+const CustomContainer = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.Container, process.env.NODE_ENV === "production" ? {
+  target: "ejcyqrf0"
+} : {
+  target: "ejcyqrf0",
+  label: "CustomContainer"
+})("&:hover{background-color:", ({
+  theme,
+  $active
+}) => $active ? theme.palette.highlight.active : theme.palette.gray6.hover, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtcm9vdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNnRSIsImZpbGUiOiJmbGF0LXJvb3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFNQRFgtRmlsZUNvcHlyaWdodFRleHQ6IDIwMjUgWmV4dHJhcyA8aHR0cHM6Ly93d3cuemV4dHJhcy5jb20+XG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHlcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIHVzZUNhbGxiYWNrLCBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG5cdFRleHQsXG5cdENvbnRhaW5lcixcblx0UGFkZGluZyxcblx0QXZhdGFyLFxuXHRUb29sdGlwLFxuXHRJY29uQnV0dG9uLFxuXHRDb2xsYXBzZSxcblx0TGlzdCxcblx0Um93LFxuXHRMaXN0SXRlbVxufSBmcm9tICdAemV4dHJhcy9jYXJib25pby1kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZVVzZXJBY2NvdW50IH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tc2hlbGwtdWknO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBGbGF0Rm9sZGVyLCB0eXBlIEZsYUZvbGRlclByb3BzIH0gZnJvbSAnLi9mbGF0LWZvbGRlcic7XG5pbXBvcnQgeyBGT0xERVJTIH0gZnJvbSAnLi4vLi4vLi4vY29uc3RhbnRzL2ZvbGRlcnMnO1xuaW1wb3J0IHsgRm9sZGVyIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMnO1xuXG50eXBlIEZsYXRSb290UHJvcHMgPSBGbGFGb2xkZXJQcm9wcyAmIHtcblx0Y2hpbGRyZW5Gb2xkZXJzOiBBcnJheTxGb2xkZXI+O1xuXHRpc09wZW4/OiBib29sZWFuO1xuXHRvbk9wZW5TdGF0dXNDaGFuZ2U/OiAoaXNPcGVuOiBib29sZWFuKSA9PiB2b2lkO1xuXHRzZWxlY3RlZEZvbGRlcklkPzogc3RyaW5nO1xuXHRhbGxvd1Jvb3RTZWxlY3Rpb24/OiBib29sZWFuO1xufTtcblxuY29uc3QgRk9MREVSX1JPV19IRUlHSFQgPSAnMi42cmVtJztcblxuY29uc3QgQ3VzdG9tQ29udGFpbmVyID0gc3R5bGVkKENvbnRhaW5lcik8eyAkYWN0aXZlPzogYm9vbGVhbiB9PmBcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgJGFjdGl2ZSB9KTogc3RyaW5nID0+XG5cdFx0XHQkYWN0aXZlID8gdGhlbWUucGFsZXR0ZS5oaWdobGlnaHQuYWN0aXZlIDogdGhlbWUucGFsZXR0ZS5ncmF5Ni5ob3Zlcn07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGbGF0Um9vdCA9ICh7XG5cdGZvbGRlcixcblx0Y2hpbGRyZW5Gb2xkZXJzLFxuXHRpc09wZW4gPSBmYWxzZSxcblx0b25Gb2xkZXJTZWxlY3RlZCxcblx0b25PcGVuU3RhdHVzQ2hhbmdlLFxuXHRzZWxlY3RlZEZvbGRlcklkLFxuXHRhbGxvd1Jvb3RTZWxlY3Rpb25cbn06IEZsYXRSb290UHJvcHMpOiBSZWFjdC5KU1guRWxlbWVudCA9PiB7XG5cdGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGlzT3Blbik7XG5cdGNvbnN0IGFjY291bnQgPSB1c2VVc2VyQWNjb3VudCgpO1xuXG5cdGNvbnN0IHJvb3RMYWJlbCA9IGZvbGRlci5pZCA9PT0gRk9MREVSUy5VU0VSX1JPT1QgPyBhY2NvdW50Lm5hbWUgOiBmb2xkZXIubmFtZTtcblx0Y29uc3QgdG9nZ2xlT3BlbiA9IHVzZUNhbGxiYWNrKFxuXHRcdChlOiBLZXlib2FyZEV2ZW50IHwgUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcblx0XHRcdGUuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0XHRzZXRPcGVuKChvcCkgPT4ge1xuXHRcdFx0XHRvbk9wZW5TdGF0dXNDaGFuZ2UgJiYgb25PcGVuU3RhdHVzQ2hhbmdlKCFvcCk7XG5cdFx0XHRcdHJldHVybiAhb3A7XG5cdFx0XHR9KTtcblx0XHR9LFxuXHRcdFtvbk9wZW5TdGF0dXNDaGFuZ2VdXG5cdCk7XG5cblx0Y29uc3Qgb25DbGljayA9IHVzZUNhbGxiYWNrKFxuXHRcdChlOiBLZXlib2FyZEV2ZW50IHwgUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcblx0XHRcdGUuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0XHRpZiAoIW9wZW4pIHtcblx0XHRcdFx0c2V0T3Blbih0cnVlKTtcblx0XHRcdH1cblxuXHRcdFx0aWYgKCFhbGxvd1Jvb3RTZWxlY3Rpb24pIHtcblx0XHRcdFx0cmV0dXJuO1xuXHRcdFx0fVxuXG5cdFx0XHRvbkZvbGRlclNlbGVjdGVkPy4oZm9sZGVyKTtcblx0XHR9LFxuXHRcdFtvcGVuLCBhbGxvd1Jvb3RTZWxlY3Rpb24sIG9uRm9sZGVyU2VsZWN0ZWQsIGZvbGRlcl1cblx0KTtcblx0cmV0dXJuIChcblx0XHQ8Um93XG5cdFx0XHR3aWR0aD1cImZpbGxcIlxuXHRcdFx0c3R5bGU9e3tcblx0XHRcdFx0Y3Vyc29yOiAncG9pbnRlcidcblx0XHRcdH19XG5cdFx0PlxuXHRcdFx0PEN1c3RvbUNvbnRhaW5lclxuXHRcdFx0XHRvcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuXHRcdFx0XHR3aWR0aD1cImZpbGxcIlxuXHRcdFx0XHRoZWlnaHQ9XCJmaXRcIlxuXHRcdFx0XHRtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiXG5cdFx0XHRcdHBhZGRpbmc9eydzbWFsbCd9XG5cdFx0XHRcdG9uQ2xpY2s9e29uQ2xpY2t9XG5cdFx0XHRcdGRhdGEtdGVzdGlkPXtgZm9sZGVyLWZsYXQtcm9vdC0ke2ZvbGRlci5pZH1gfVxuXHRcdFx0XHRiYWNrZ3JvdW5kPXtzZWxlY3RlZEZvbGRlcklkID09PSBmb2xkZXIuaWQgPyAnaGlnaGxpZ2h0LmFjdGl2ZScgOiAnZ3JheTYnfVxuXHRcdFx0XHQkYWN0aXZlPXtzZWxlY3RlZEZvbGRlcklkID09PSBmb2xkZXIuaWR9XG5cdFx0XHQ+XG5cdFx0XHRcdDxDb250YWluZXIgb3JpZW50YXRpb249XCJob3Jpem9udGFsXCIgd2lkdGg9XCJmaWxsXCIgbWFpbkFsaWdubWVudD1cImZsZXgtc3RhcnRcIj5cblx0XHRcdFx0XHQ8UGFkZGluZyBob3Jpem9udGFsPVwic21hbGxcIj5cblx0XHRcdFx0XHRcdDxBdmF0YXIgbGFiZWw9e3Jvb3RMYWJlbH0gc2l6ZT1cIm1lZGl1bVwiIC8+XG5cdFx0XHRcdFx0PC9QYWRkaW5nPlxuXHRcdFx0XHRcdDxUb29sdGlwIGxhYmVsPXtyb290TGFiZWx9IHBsYWNlbWVudD1cInJpZ2h0XCIgbWF4V2lkdGg9XCIxMDAlXCI+XG5cdFx0XHRcdFx0XHQ8VGV4dD57cm9vdExhYmVsfTwvVGV4dD5cblx0XHRcdFx0XHQ8L1Rvb2x0aXA+XG5cdFx0XHRcdDwvQ29udGFpbmVyPlxuXG5cdFx0XHRcdDxQYWRkaW5nIHJpZ2h0PVwic21hbGxcIj5cblx0XHRcdFx0XHQ8SWNvbkJ1dHRvblxuXHRcdFx0XHRcdFx0Y3VzdG9tU2l6ZT17eyBpY29uU2l6ZTogJ2xhcmdlJywgcGFkZGluZ1NpemU6IDAgfX1cblx0XHRcdFx0XHRcdG9uQ2xpY2s9e3RvZ2dsZU9wZW59XG5cdFx0XHRcdFx0XHRpY29uPXtvcGVuID8gJ0NoZXZyb25VcCcgOiAnQ2hldnJvbkRvd24nfVxuXHRcdFx0XHRcdC8+XG5cdFx0XHRcdDwvUGFkZGluZz5cblx0XHRcdDwvQ3VzdG9tQ29udGFpbmVyPlxuXHRcdFx0PENvbGxhcHNlIGNyb3NzU2l6ZT1cIjEwMCVcIiBvcmllbnRhdGlvbj1cInZlcnRpY2FsXCIgb3Blbj17b3Blbn0gZGlzYWJsZVRyYW5zaXRpb249e2ZhbHNlfT5cblx0XHRcdFx0PExpc3Q+XG5cdFx0XHRcdFx0e2NoaWxkcmVuRm9sZGVycy5tYXA8UmVhY3RFbGVtZW50PigoY2hpbGRGb2xkZXIpID0+IChcblx0XHRcdFx0XHRcdDxMaXN0SXRlbVxuXHRcdFx0XHRcdFx0XHRrZXk9e2NoaWxkRm9sZGVyLmlkfVxuXHRcdFx0XHRcdFx0XHRzZWxlY3RlZD17c2VsZWN0ZWRGb2xkZXJJZCA9PT0gY2hpbGRGb2xkZXIuaWR9XG5cdFx0XHRcdFx0XHRcdGFjdGl2ZT17c2VsZWN0ZWRGb2xkZXJJZCA9PT0gY2hpbGRGb2xkZXIuaWR9XG5cdFx0XHRcdFx0XHRcdGJhY2tncm91bmQ9eydncmF5Nid9XG5cdFx0XHRcdFx0XHRcdGFjdGl2ZUJhY2tncm91bmQ9eydoaWdobGlnaHQnfVxuXHRcdFx0XHRcdFx0XHRzZWxlY3RlZEJhY2tncm91bmQ9eydncmF5NSd9XG5cdFx0XHRcdFx0XHQ+XG5cdFx0XHRcdFx0XHRcdHsodmlzaWJsZTogYm9vbGVhbik6IFJlYWN0RWxlbWVudCA9PlxuXHRcdFx0XHRcdFx0XHRcdHZpc2libGUgPyAoXG5cdFx0XHRcdFx0XHRcdFx0XHQ8RmxhdEZvbGRlclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRkYXRhLXRlc3RpZD17YGZvbGRlci1mbGF0LWl0ZW0tJHtjaGlsZEZvbGRlci5pZH1gfVxuXHRcdFx0XHRcdFx0XHRcdFx0XHRmb2xkZXI9e2NoaWxkRm9sZGVyfVxuXHRcdFx0XHRcdFx0XHRcdFx0XHRvbkZvbGRlclNlbGVjdGVkPXtvbkZvbGRlclNlbGVjdGVkfVxuXHRcdFx0XHRcdFx0XHRcdFx0Lz5cblx0XHRcdFx0XHRcdFx0XHQpIDogKFxuXHRcdFx0XHRcdFx0XHRcdFx0PGRpdiBzdHlsZT17eyBoZWlnaHQ6IGAke0ZPTERFUl9ST1dfSEVJR0hUfWAgfX0gLz5cblx0XHRcdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdDwvTGlzdEl0ZW0+XG5cdFx0XHRcdFx0KSl9XG5cdFx0XHRcdDwvTGlzdD5cblx0XHRcdDwvQ29sbGFwc2U+XG5cdFx0PC9Sb3c+XG5cdCk7XG59O1xuIl19 */"));
+const FlatRoot = ({
+  folder,
+  childrenFolders,
+  isOpen = false,
+  onFolderSelected,
+  onOpenStatusChange,
+  selectedFolderId,
+  allowRootSelection
+}) => {
+  const [open, setOpen] = React.useState(isOpen);
+  const account = carbonioShellUi.useUserAccount();
+  const rootLabel = folder.id === FOLDERS.USER_ROOT ? account.name : folder.name;
+  const toggleOpen = React.useCallback(e => {
+    e.stopPropagation();
+    setOpen(op => {
+      onOpenStatusChange && onOpenStatusChange(!op);
+      return !op;
+    });
+  }, [onOpenStatusChange]);
+  const onClick = React.useCallback(e => {
+    e.stopPropagation();
+    if (!open) {
+      setOpen(true);
+    }
+    if (!allowRootSelection) {
+      return;
+    }
+    onFolderSelected?.(folder);
+  }, [open, allowRootSelection, onFolderSelected, folder]);
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    width: "fill",
+    style: {
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/React__default.default.createElement(CustomContainer, {
+    orientation: "horizontal",
+    width: "fill",
+    height: "fit",
+    mainAlignment: "space-between",
+    padding: 'small',
+    onClick: onClick,
+    "data-testid": `folder-flat-root-${folder.id}`,
+    background: selectedFolderId === folder.id ? 'highlight.active' : 'gray6',
+    $active: selectedFolderId === folder.id
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    orientation: "horizontal",
+    width: "fill",
+    mainAlignment: "flex-start"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    horizontal: "small"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Avatar, {
+    label: rootLabel,
+    size: "medium"
+  })), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Tooltip, {
+    label: rootLabel,
+    placement: "right",
+    maxWidth: "100%"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, null, rootLabel))), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    right: "small"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.IconButton, {
+    customSize: {
+      iconSize: 'large',
+      paddingSize: 0
+    },
+    onClick: toggleOpen,
+    icon: open ? 'ChevronUp' : 'ChevronDown'
+  }))), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Collapse, {
+    crossSize: "100%",
+    orientation: "vertical",
+    open: open,
+    disableTransition: false
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.List, null, childrenFolders.map(childFolder => /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.ListItem, {
+    key: childFolder.id,
+    selected: selectedFolderId === childFolder.id,
+    active: selectedFolderId === childFolder.id,
+    background: 'gray6',
+    activeBackground: 'highlight',
+    selectedBackground: 'gray5'
+  }, visible => visible ? /*#__PURE__*/React__default.default.createElement(FlatFolder, {
+    "data-testid": `folder-flat-item-${childFolder.id}`,
+    folder: childFolder,
+    onFolderSelected: onFolderSelected
+  }) : /*#__PURE__*/React__default.default.createElement("div", {
+    style: {
+      height: `${FOLDER_ROW_HEIGHT}`
+    }
+  }))))));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const FlatFolders = ({
+  rootFolders,
+  searchString,
+  onFolderSelected,
+  selectedFolderId,
+  allowRootSelection,
+  filterChildren
+}) => {
+  const [hasMoreResults, setHasMoreResults] = React__default.default.useState(false);
+  const [t] = reactI18next.useTranslation();
+  const flatFilteredFolders = React.useMemo(() => {
+    let remaining = 100;
+    return rootFolders.map(rootFolder => {
+      if (remaining <= 0) {
+        return {
+          ...rootFolder,
+          children: []
+        };
+      }
+      const currentFolder = {
+        ...rootFolder,
+        name: getSystemFolderTranslatedName({
+          folderName: rootFolder.name
+        }),
+        children: []
+      };
+      const children = flattenAndFilterFoldersWithCap(rootFolder.children, searchString, remaining, filterChildren);
+      remaining -= children.length;
+      if (remaining <= 0) {
+        setHasMoreResults(true);
+      } else {
+        setHasMoreResults(false);
+      }
+      return {
+        ...currentFolder,
+        children
+      };
+    }).filter(folder => folder !== null);
+  }, [filterChildren, rootFolders, searchString]);
+  const hasMoreResultsWarningLabel = t('modal.messageFilteringList', 'Only the first 100 results are displayed. Narrow your search criteria to view the complete list.');
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, hasMoreResults && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    top: "small",
+    bottom: "large"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    wrap: "nowrap",
+    takeAvailableSpace: true,
+    width: "fill"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, {
+    "data-testid": 'has-more-results',
+    textAlign: "left",
+    size: "small"
+  }, hasMoreResultsWarningLabel))), !hasMoreResults && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    vertical: "medium"
+  }), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    "data-testid": 'flat-folders-selector',
+    orientation: 'vertical',
+    style: {
+      overflowY: 'auto'
+    }
+  }, flatFilteredFolders.map(folder => /*#__PURE__*/React__default.default.createElement(FlatRoot, {
+    key: folder.id,
+    folder: folder,
+    childrenFolders: folder.children,
+    isOpen: true,
+    onFolderSelected: onFolderSelected,
+    selectedFolderId: selectedFolderId,
+    allowRootSelection: allowRootSelection
+  }))));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const RowWithIcon = (icon, color, tooltipText) => /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+  left: "small"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Tooltip, {
+  placement: "right",
+  label: tooltipText
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, null, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Icon, {
+  icon: icon,
+  color: color,
+  size: "medium"
+}))));
+const StatusIcon = ({
+  folder
+}) => {
+  if (folder.acl?.grant) {
+    const tooltipText = i18next.t('tooltip.folder_sharing_status', {
+      count: folder.acl.grant.length,
+      defaultValue_one: 'Shared with {{count}} person',
+      defaultValue: 'Shared with {{count}} people'
+    });
+    return RowWithIcon('Shared', 'shared', tooltipText);
+  }
+  if (folder.isLink) {
+    const tooltipText = i18next.t('tooltip.folder_linked_status', 'Linked to me');
+    return RowWithIcon('Linked', 'linked', tooltipText);
+  }
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null);
+};
+
+const FittedRow = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.Row, process.env.NODE_ENV === "production" ? {
+  target: "e1asttf60"
+} : {
+  target: "e1asttf60",
+  label: "FittedRow"
+})("max-width:calc(100% - (2 * ", ({
+  theme
+}) => theme.sizes.padding.small, "));height:3rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvbGRlci1hY2NvcmRpb25zLWN1c3RvbS1jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCNkIiLCJmaWxlIjoiZm9sZGVyLWFjY29yZGlvbnMtY3VzdG9tLWNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogU1BEWC1GaWxlQ29weXJpZ2h0VGV4dDogMjAyNSBaZXh0cmFzIDxodHRwczovL3d3dy56ZXh0cmFzLmNvbT5cbiAqXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seVxuICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uSXRlbSwgQXZhdGFyLCBQYWRkaW5nLCBSb3csIFRvb2x0aXAgfSBmcm9tICdAemV4dHJhcy9jYXJib25pby1kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZVVzZXJBY2NvdW50IH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tc2hlbGwtdWknO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBTdGF0dXNJY29uIH0gZnJvbSAnLi9zdGF0dXMtaWNvbic7XG5pbXBvcnQgeyBnZXRGb2xkZXJJY29uQ29sb3IsIGdldEZvbGRlckljb25OYW1lLCBnZXRGb2xkZXJUcmFuc2xhdGVkTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRk9MREVSUyB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy9mb2xkZXJzJztcbmltcG9ydCB7IFJPT1RfTkFNRSB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy91dGlscyc7XG5pbXBvcnQgeyBGb2xkZXIgfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbmNvbnN0IEZpdHRlZFJvdyA9IHN0eWxlZChSb3cpYFxuXHRtYXgtd2lkdGg6IGNhbGMoMTAwJSAtICgyICogJHsoeyB0aGVtZSB9KTogc3RyaW5nID0+IHRoZW1lLnNpemVzLnBhZGRpbmcuc21hbGx9KSk7XG5cdGhlaWdodDogM3JlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGb2xkZXJBY2NvcmRpb25DdXN0b21Db21wb25lbnQgPSAoe1xuXHRmb2xkZXJcbn06IHtcblx0Zm9sZGVyOiBGb2xkZXI7XG59KTogUmVhY3QuSlNYLkVsZW1lbnQgPT4ge1xuXHRjb25zdCBhY2NvdW50TmFtZSA9IHVzZVVzZXJBY2NvdW50KCkubmFtZTtcblxuXHRjb25zdCB0ZXh0UHJvcHM6IHsgc2l6ZTogJ3NtYWxsJyB9ID0gdXNlTWVtbyhcblx0XHQoKSA9PiAoe1xuXHRcdFx0c2l6ZTogJ3NtYWxsJ1xuXHRcdH0pLFxuXHRcdFtdXG5cdCk7XG5cdGNvbnN0IGFjY29yZGlvbkl0ZW0gPSB1c2VNZW1vKFxuXHRcdCgpID0+ICh7XG5cdFx0XHQuLi5mb2xkZXIsXG5cdFx0XHRsYWJlbDpcblx0XHRcdFx0Zm9sZGVyLmlkID09PSBGT0xERVJTLlVTRVJfUk9PVFxuXHRcdFx0XHRcdD8gYWNjb3VudE5hbWVcblx0XHRcdFx0XHQ6IChnZXRGb2xkZXJUcmFuc2xhdGVkTmFtZSh7IGZvbGRlcklkOiBmb2xkZXIuaWQsIGZvbGRlck5hbWU6IGZvbGRlci5uYW1lIH0pID8/ICcnKSxcblx0XHRcdGljb246IGdldEZvbGRlckljb25OYW1lKGZvbGRlcikgPz8gdW5kZWZpbmVkLFxuXHRcdFx0aWNvbkNvbG9yOiBnZXRGb2xkZXJJY29uQ29sb3IoZm9sZGVyKSA/PyAnJyxcblx0XHRcdHRleHRQcm9wc1xuXHRcdH0pLFxuXHRcdFtmb2xkZXIsIGFjY291bnROYW1lLCB0ZXh0UHJvcHNdXG5cdCk7XG5cblx0Ly8gaGlkZSBmb2xkZXJzIHdoZXJlIGEgc2hhcmUgd2FzIHByb3ZpZGVkIGFuZCBzdWJzZXF1ZW50bHkgcmVtb3ZlZFxuXHRpZiAoZm9sZGVyLmlzTGluayAmJiBmb2xkZXIuYnJva2VuKSB7XG5cdFx0cmV0dXJuIDw+PC8+O1xuXHR9XG5cblx0Y29uc3Qgc2hvd0F2YXRhciA9XG5cdFx0Zm9sZGVyLmlkID09PSBGT0xERVJTLlVTRVJfUk9PVCB8fCAoZm9sZGVyLmlzTGluayAmJiBmb2xkZXIub25hbWUgPT09IFJPT1RfTkFNRSk7XG5cblx0cmV0dXJuIChcblx0XHQ8Rml0dGVkUm93PlxuXHRcdFx0e3Nob3dBdmF0YXIgJiYgKFxuXHRcdFx0XHQ8UGFkZGluZyBsZWZ0PVwic21hbGxcIj5cblx0XHRcdFx0XHQ8QXZhdGFyIGxhYmVsPXthY2NvcmRpb25JdGVtLmxhYmVsfSBjb2xvckxhYmVsPXthY2NvcmRpb25JdGVtLmljb25Db2xvcn0gc2l6ZT1cIm1lZGl1bVwiIC8+XG5cdFx0XHRcdDwvUGFkZGluZz5cblx0XHRcdCl9XG5cdFx0XHQ8VG9vbHRpcCBsYWJlbD17YWNjb3JkaW9uSXRlbS5sYWJlbH0gcGxhY2VtZW50PVwicmlnaHRcIiBtYXhXaWR0aD1cIjEwMCVcIj5cblx0XHRcdFx0PEFjY29yZGlvbkl0ZW0gZGF0YS10ZXN0aWQ9e2BhY2NvcmRpb24tZm9sZGVyLWl0ZW0tJHtmb2xkZXIuaWR9YH0gaXRlbT17YWNjb3JkaW9uSXRlbX0+XG5cdFx0XHRcdFx0PFN0YXR1c0ljb24gZm9sZGVyPXtmb2xkZXJ9IC8+XG5cdFx0XHRcdDwvQWNjb3JkaW9uSXRlbT5cblx0XHRcdDwvVG9vbHRpcD5cblx0XHQ8L0ZpdHRlZFJvdz5cblx0KTtcbn07XG4iXX0= */"));
+const FolderAccordionCustomComponent = ({
+  folder
+}) => {
+  const accountName = carbonioShellUi.useUserAccount().name;
+  const textProps = React.useMemo(() => ({
+    size: 'small'
+  }), []);
+  const accordionItem = React.useMemo(() => ({
+    ...folder,
+    label: folder.id === FOLDERS.USER_ROOT ? accountName : getFolderTranslatedName({
+      folderId: folder.id,
+      folderName: folder.name
+    }) ?? '',
+    icon: getFolderIconName(folder) ?? undefined,
+    iconColor: getFolderIconColor(folder) ?? '',
+    textProps
+  }), [folder, accountName, textProps]);
+
+  // hide folders where a share was provided and subsequently removed
+  if (folder.isLink && folder.broken) {
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null);
+  }
+  const showAvatar = folder.id === FOLDERS.USER_ROOT || folder.isLink && folder.oname === ROOT_NAME;
+  return /*#__PURE__*/React__default.default.createElement(FittedRow, null, showAvatar && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    left: "small"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Avatar, {
+    label: accordionItem.label,
+    colorLabel: accordionItem.iconColor,
+    size: "medium"
+  })), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Tooltip, {
+    label: accordionItem.label,
+    placement: "right",
+    maxWidth: "100%"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.AccordionItem, {
+    "data-testid": `accordion-folder-item-${folder.id}`,
+    item: accordionItem
+  }, /*#__PURE__*/React__default.default.createElement(StatusIcon, {
+    folder: folder
+  }))));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const hasId = (f, id) => f.id.split(':').includes(id);
+const isTrash = f => hasId(f, FOLDERS.TRASH);
+const isNestedInTrash = item => !!item?.absFolderPath?.includes(`/Trash/`);
+const isTrashOrNestedInIt = item => isTrash(item) || isNestedInTrash(item);
+const folderViewFilter = v => deep => f => f.view === v || !deep || typeof f.view === 'undefined' && !isRoot(f.id);
+const filterNodes = (children, f, sortFunction, deep) => {
+  const childrenSorted = sortFunction ? lodash.sortBy(children, sortFunction) : children;
+  return childrenSorted.filter(f(deep)).map(i => ({
+    ...i,
+    children: filterNodes(i.children, f, sortFunction, true)
+  }));
+};
+const mapNodes = (children, {
+  mapFunction,
+  filterFunction,
+  recursionKey,
+  sortFunction,
+  deep
+}) => lodash.sortBy(children, sortFunction).reduce((acc, folder) => {
+  if (filterFunction(deep)(folder)) {
+    acc.push({
+      ...mapFunction(folder),
+      [recursionKey]: mapNodes(folder.children, {
+        mapFunction,
+        filterFunction,
+        recursionKey,
+        sortFunction,
+        deep: true
+      })
+    });
+  }
+  return acc;
+}, []);
+
+/**
+ * Recursive function that returns a flat map of the children folders
+ * @param children
+ */
+const getFlatChildrenFolders = children => {
+  let destination = {};
+  children.forEach(child => {
+    destination[child.id] = child;
+    if (child.children) {
+      destination = {
+        ...destination,
+        ...getFlatChildrenFolders(child.children)
+      };
+    }
+  });
+  return destination;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+/**
+ * Returns the folder with given ID or undefined
+ * @params id */
+const useFolder = id => useFolderStore(s => s.folders?.[id]);
+
+/**
+ * Returns the folder with given ID or undefined
+ * @params id */
+const getFolder = id => useFolderStore.getState()?.folders?.[id];
+
+/**
+ * Returns a folders' map including roots and links. Each folder has its own tree structure included inside its children
+ */
+const useFoldersMap = () => useFolderStore(s => s.folders);
+
+/**
+ * Returns a folders' map including roots and links. Each folder has its own tree structure included inside its children
+ */
+const getFoldersMap = () => useFolderStore.getState().folders;
+
+/**
+ * Returns a folders' array including only links. Each folder has its own tree structure included inside its children
+ */
+const getLinksArray = view => lodash.filter(lodash.values(useFolderStore.getState().folders), folder => {
+  if (view && folder.view !== view) {
+    return false;
+  }
+  return folder.isLink;
+});
+
+/**
+ * Returns the root folder id for a given folder
+ * @param folder a Folder or LinkFolder
+ * @returns the root folder id or null if the folder is not a link or the root folder
+ */
+function getRootFolderId(folder) {
+  const parent = folder?.parent && getFolder(folder.parent);
+  if ('oname' in folder && folder?.oname === ROOT_NAME) {
+    return folder.id;
+  }
+  if (parent) {
+    return getRootFolderId(parent);
+  }
+  return folder.id;
+}
+
+/**
+ * Returns the root folder of the provided folderId or undefined
+ * @params id
+ * @returns the root folder or undefined
+ * */
+const useRoot = id => useFolderStore(s => {
+  const folder = s.folders?.[id];
+  if (folder) {
+    const rootFolderId = getRootFolderId(folder);
+    return s.folders?.[rootFolderId];
+  }
+  return undefined;
+});
+
+/**
+ * Returns the root folder of the provided folderId or undefined
+ * @params id
+ * @returns the root folder or undefined
+ * */
+const getRoot = id => {
+  const folder = useFolderStore.getState().folders?.[id];
+  if (folder) {
+    const rootFolderId = getRootFolderId(folder);
+    return useFolderStore.getState().folders?.[rootFolderId];
+  }
+  return undefined;
+};
+
+/**
+ * Returns a roots' array. Each root has its own tree structure included inside its children
+ */
+const useRootsArray = () => useFolderStore(s => lodash.filter(s.folders, f => f.id?.split(':')?.includes(FOLDERS.USER_ROOT)));
+
+/**
+ * Returns a roots' array. Each root has its own tree structure included inside its children
+ */
+const getRootsArray = () => lodash.filter(useFolderStore.getState().folders, f => f.id?.split(':')?.includes(FOLDERS.USER_ROOT));
+
+/**
+ * Returns a roots' map. Each root has its own tree structure included inside its children
+ */
+const useRootsMap = () => useFolderStore(s => lodash.keyBy(lodash.filter(s.folders, f => f.id?.split(':')?.includes(FOLDERS.USER_ROOT)), 'id'));
+
+/**
+ * Returns a roots' map. Each root has its own tree structure included inside its children
+ */
+const getRootsMap = () => lodash.keyBy(lodash.filter(useFolderStore.getState().folders, f => f.id?.split(':')?.includes(FOLDERS.USER_ROOT)), 'id');
+
+// ROOTS BY VIEW
+/**
+ * Returns a root with given user ID.
+ * @params userId
+ */
+const useRootByUser = userId => useFolderStore(s => lodash.find(s.folders, f => f.name === userId));
+
+/**
+ * Returns a root with given user ID.
+ * @params userId
+ */
+const getRootByUser = userId => {
+  const {
+    folders
+  } = useFolderStore.getState();
+  return lodash.find(folders, f => f.name === userId);
+};
+
+/**
+ * Returns the root account id for a given folder
+ * @param folder a Folder or LinkFolder
+ * @returns the root account id or null if the folder is not a link or the root folder
+ */
+function getRootAccountId(id) {
+  const roots = getRootsArray();
+  const root = lodash.find(roots, r => lodash.some(r.id?.split(':'), v => id?.split(':')?.includes(v)));
+  return root?.id;
+}
+
+/**
+ * Return a flat array of folder that are children of the given root
+ * @param rootId
+ */
+const useFoldersMapByRoot = rootId => {
+  const root = useRoot(rootId);
+  return React.useMemo(() => getFlatChildrenFolders(root?.children ?? []), [root?.children]);
+};
+
+/**
+ * Return a flat array of folder that are children of the given root
+ * @param rootId
+ */
+const getFoldersArrayByRoot = rootId => {
+  const root = getRoot(rootId);
+  if (!root) {
+    return [];
+  }
+  return Object.values(getFlatChildrenFolders(root.children));
+};
+
+// SEARCHES
+const useSearchFolder = id => useFolderStore(s => s.searches?.[id]);
+const getSearchFolder = id => useFolderStore.getState().searches[id];
+const useSearchFolders = () => useFolderStore(s => s.searches);
+const getSearchFolders = () => useFolderStore.getState().searches;
+
+// useful hooks to update the value of a folder. Created because we don't receive acl data from notify when we modify folder grants.
+
+/**
+ * Returns a callback function to update a specific folder.
+ *
+ * @returns callback function to update a specific folder
+ */
+const useUpdateFolder = () => useFolderStore(s => s.updateFolder);
+
+/**
+ * Returns a callback function to update a specific folder.
+ *
+ * @returns callback function to update a specific folder
+ */
+const getUpdateFolder = () => useFolderStore.getState().updateFolder;
+
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+/**
+ * calculate the sorting criteria for a given folder
+ * system folders are placed before user folders
+ * the trash folder is always the last one
+ * @param folder
+ * @returns the sorting criteria
+ */
+const getSortCriteria = folder => {
+  const {
+    id
+  } = getFolderIdParts(folder.id);
+  if (id === FOLDERS.TRASH) {
+    return FOLDERS.LAST_SYSTEM_FOLDER_POSITION;
+  }
+  return parseInt(id ?? '', 10) < 17 ? `   ${id}` : folder.name.toLowerCase();
+};
+
+/**
+ * recursively sort the children of a folder according to a given sort function
+ * @param children
+ * @param sortFunction
+ * @returns the sorted children
+ */
+const sortFolders = ({
+  children,
+  sortFunction
+}) => {
+  const childrenSorted = lodash.sortBy(children, sortFunction);
+  return childrenSorted.map(folder => ({
+    ...folder,
+    children: sortFolders({
+      children: folder.children,
+      sortFunction
+    })
+  }));
+};
+
+/**
+ * sorts the children of the useRootsArray hook according to the specified sort function
+ * @returns the sorted children
+ */
+const useFolders = () => {
+  const roots = useRootsArray();
+  return React.useMemo(() => sortFolders({
+    children: roots,
+    sortFunction: getSortCriteria
+  }), [roots]);
+};
+
+/**
+ * sorts the children of the getRootsArray hook according to the specified sort function
+ * @returns the sorted children
+ */
+const getFolders = () => {
+  const roots = getRootsArray();
+  return sortFolders({
+    children: roots,
+    sortFunction: getSortCriteria
+  });
+};
+
+/* eslint-disable @typescript-eslint/no-use-before-define */
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const FolderSelector = ({
+  inputLabel,
+  onNewFolderClick,
+  selectedFolderId,
+  onFolderSelected,
+  allowRootSelection,
+  showSharedAccounts,
+  filterChildren
+}) => {
+  const [inputValue, setInputValue] = React.useState('');
+  const selectedFolder = selectedFolderId && getFolder(selectedFolderId);
+  const folders = useFolders();
+  const rootFolders = React.useMemo(() => showSharedAccounts ? folders : folders.filter(root => root.id === FOLDERS.USER_ROOT), [folders, showSharedAccounts]);
+  const disabledFolderIdsSelection = allowRootSelection ? [] : rootFolders.map(folder => folder.id);
+  const [t] = reactI18next.useTranslation();
+  const inputName = selectedFolder ? selectedFolder.name : '';
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Input, {
+    "data-testid": 'folder-name-filter',
+    inputName: inputName,
+    label: inputLabel ?? t('label.filter_folders', 'Filter folders'),
+    backgroundColor: "gray5",
+    value: inputValue,
+    onChange: e => setInputValue(e.target.value)
+  }), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    style: {
+      overflowY: 'auto',
+      display: 'block'
+    },
+    height: "fit",
+    width: "fill",
+    orientation: "vertical",
+    mainAlignment: "flex-start",
+    minHeight: "30vh",
+    maxHeight: "60vh"
+  }, inputValue.length > 0 ? /*#__PURE__*/React__default.default.createElement(FlatFolders, {
+    rootFolders: rootFolders,
+    searchString: inputValue,
+    onFolderSelected: onFolderSelected,
+    selectedFolderId: selectedFolderId,
+    allowRootSelection: allowRootSelection,
+    filterChildren: filterChildren
+  }) : /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.ThemeProvider, {
+    extension: themeMuiExtension
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    vertical: "medium"
+  }), /*#__PURE__*/React__default.default.createElement(FoldersAccordion, {
+    folders: rootFolders,
+    onFolderSelected: onFolderSelected,
+    selectedFolderId: selectedFolderId,
+    disabledFolderIds: disabledFolderIdsSelection,
+    FolderAccordionCustomComponent: FolderAccordionCustomComponent,
+    filterChildren: filterChildren
+  }))), onNewFolderClick && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    padding: {
+      top: 'medium',
+      bottom: 'medium'
+    },
+    mainAlignment: "center",
+    crossAlignment: "flex-start"
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Button, {
+    type: "ghost",
+    label: t('label.new_folder', 'New Folder'),
+    color: "primary",
+    onClick: onNewFolderClick
+  })));
+};
+
+const Square$1 = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eiytx182"
+} : {
+  target: "eiytx182",
+  label: "Square"
+})("width:1rem;height:1rem;background:", ({
+  $color
+}) => $color, ";border-radius:0.25rem;opacity:", ({
+  $disabled
+}) => $disabled ? 0.5 : 1, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC1sYWJlbC1mYWN0b3J5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZcUYiLCJmaWxlIjoic2VsZWN0LWxhYmVsLWZhY3RvcnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFNQRFgtRmlsZUNvcHlyaWdodFRleHQ6IDIwMjIgWmV4dHJhcyA8aHR0cHM6Ly93d3cuemV4dHJhcy5jb20+XG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHlcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29udGFpbmVyLCBJY29uLCBQYWRkaW5nLCBSb3csIFRleHQsIGdldENvbG9yIH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEN1c3RvbUxhYmVsRmFjdG9yeVByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMvc2VsZWN0JztcblxuZXhwb3J0IGNvbnN0IFNxdWFyZSA9IHN0eWxlZC5kaXY8eyAkZGlzYWJsZWQ/OiBib29sZWFuOyAkY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCB9PmBcblx0d2lkdGg6IDFyZW07XG5cdGhlaWdodDogMXJlbTtcblx0YmFja2dyb3VuZDogJHsoeyAkY29sb3IgfSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiAkY29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuXHRvcGFjaXR5OiAkeyh7ICRkaXNhYmxlZCB9KTogbnVtYmVyID0+ICgkZGlzYWJsZWQgPyAwLjUgOiAxKX07XG5gO1xuXG5jb25zdCBDb2xvckNvbnRhaW5lciA9IHN0eWxlZChDb250YWluZXIpYFxuXHRib3JkZXItYm90dG9tOiAwLjA2MjVyZW0gc29saWQgJHsoeyB0aGVtZSB9KTogc3RyaW5nID0+IHRoZW1lLnBhbGV0dGUuZ3JheTIucmVndWxhcn07XG5cdHRyYW5zaXRpb246IGJhY2tncm91bmQgMC4ycyBlYXNlLW91dDtcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZCB9KTogc3RyaW5nID0+IGdldENvbG9yKGAke2JhY2tncm91bmR9LmhvdmVyYCwgdGhlbWUpfTtcblx0fVxuYDtcblxuY29uc3QgVGV4dFVwcGVyQ2FzZSA9IHN0eWxlZChUZXh0KWBcblx0dGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG5cdGNvbG9yOiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KTogc3RyaW5nID0+XG5cdFx0ZGlzYWJsZWQgPyB0aGVtZS5wYWxldHRlLnRleHQuZGlzYWJsZWQgOiB0aGVtZS5wYWxldHRlLnRleHQucmVndWxhcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRm9sZGVyU2VsZWN0b3JMYWJlbEZhY3RvcnkgPSAoe1xuXHRzZWxlY3RlZCxcblx0bGFiZWwsXG5cdG9wZW4sXG5cdGZvY3VzLFxuXHRkaXNhYmxlZFxufTogQ3VzdG9tTGFiZWxGYWN0b3J5UHJvcHMpOiBSZWFjdEVsZW1lbnQgPT4gKFxuXHQ8Q29sb3JDb250YWluZXJcblx0XHRvcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuXHRcdHdpZHRoPVwiZmlsbFwiXG5cdFx0Y3Jvc3NBbGlnbm1lbnQ9XCJjZW50ZXJcIlxuXHRcdG1haW5BbGlnbm1lbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcblx0XHRib3JkZXJSYWRpdXM9XCJoYWxmXCJcblx0XHRwYWRkaW5nPXt7XG5cdFx0XHRhbGw6ICdzbWFsbCdcblx0XHR9fVxuXHRcdGJhY2tncm91bmQ9XCJncmF5NVwiXG5cdFx0c3R5bGU9e3sgY3Vyc29yOiBkaXNhYmxlZCA/ICduby1kcm9wJyA6ICdwb2ludGVyJyB9fVxuXHQ+XG5cdFx0PFJvdyB3aWR0aD1cIjEwMCVcIiB0YWtlQXZhaWxhYmxlU3BhY2UgbWFpbkFsaWdubWVudD1cInNwYWNlLWJldHdlZW5cIj5cblx0XHRcdDxSb3dcblx0XHRcdFx0b3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG5cdFx0XHRcdGNyb3NzQWxpZ25tZW50PVwiZmxleC1zdGFydFwiXG5cdFx0XHRcdG1haW5BbGlnbm1lbnQ9XCJmbGV4LXN0YXJ0XCJcblx0XHRcdFx0cGFkZGluZz17eyBsZWZ0OiAnc21hbGwnIH19XG5cdFx0XHQ+XG5cdFx0XHRcdDxUZXh0XG5cdFx0XHRcdFx0c2l6ZT1cInNtYWxsXCJcblx0XHRcdFx0XHRkaXNhYmxlZD17ZGlzYWJsZWR9XG5cdFx0XHRcdFx0Y29sb3I9eyhkaXNhYmxlZCAmJiAndGV4dC5kaXNhYmxlZCcpIHx8ICgob3BlbiB8fCBmb2N1cykgJiYgJ3ByaW1hcnknKSB8fCAnc2Vjb25kYXJ5J31cblx0XHRcdFx0PlxuXHRcdFx0XHRcdHtsYWJlbH1cblx0XHRcdFx0PC9UZXh0PlxuXHRcdFx0XHQ8Um93PlxuXHRcdFx0XHRcdDxQYWRkaW5nIHJpZ2h0PVwic21hbGxcIj5cblx0XHRcdFx0XHRcdDxTcXVhcmUgJGNvbG9yPXtzZWxlY3RlZFswXS5jb2xvcn0gJGRpc2FibGVkPXtkaXNhYmxlZH0gLz5cblx0XHRcdFx0XHQ8L1BhZGRpbmc+XG5cdFx0XHRcdFx0PFRleHRVcHBlckNhc2UgZGlzYWJsZWQ9e2Rpc2FibGVkfT57c2VsZWN0ZWRbMF0ubGFiZWx9PC9UZXh0VXBwZXJDYXNlPlxuXHRcdFx0XHQ8L1Jvdz5cblx0XHRcdDwvUm93PlxuXHRcdDwvUm93PlxuXHRcdDxJY29uXG5cdFx0XHRzaXplPVwibGFyZ2VcIlxuXHRcdFx0aWNvbj17b3BlbiA/ICdDaGV2cm9uVXBPdXRsaW5lJyA6ICdDaGV2cm9uRG93bk91dGxpbmUnfVxuXHRcdFx0ZGlzYWJsZWQ9e2Rpc2FibGVkfVxuXHRcdFx0Y29sb3I9eyhkaXNhYmxlZCAmJiAndGV4dC5kaXNhYmxlZCcpIHx8ICgob3BlbiB8fCBmb2N1cykgJiYgJ3ByaW1hcnknKSB8fCAnc2Vjb25kYXJ5J31cblx0XHRcdHN0eWxlPXt7IGFsaWduU2VsZjogJ2NlbnRlcicgfX1cblx0XHQvPlxuXHQ8L0NvbG9yQ29udGFpbmVyPlxuKTtcbiJdfQ== */"));
+const ColorContainer$1 = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.Container, process.env.NODE_ENV === "production" ? {
+  target: "eiytx181"
+} : {
+  target: "eiytx181",
+  label: "ColorContainer"
+})("border-bottom:0.0625rem solid ", ({
+  theme
+}) => theme.palette.gray2.regular, ";transition:background 0.2s ease-out;&:hover{background:", ({
+  theme,
+  background
+}) => carbonioDesignSystem.getColor(`${background}.hover`, theme), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC1sYWJlbC1mYWN0b3J5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndDIiwiZmlsZSI6InNlbGVjdC1sYWJlbC1mYWN0b3J5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiAyMDIyIFpleHRyYXMgPGh0dHBzOi8vd3d3LnpleHRyYXMuY29tPlxuICpcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5XG4gKi9cbmltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENvbnRhaW5lciwgSWNvbiwgUGFkZGluZywgUm93LCBUZXh0LCBnZXRDb2xvciB9IGZyb20gJ0B6ZXh0cmFzL2NhcmJvbmlvLWRlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDdXN0b21MYWJlbEZhY3RvcnlQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzL3NlbGVjdCc7XG5cbmV4cG9ydCBjb25zdCBTcXVhcmUgPSBzdHlsZWQuZGl2PHsgJGRpc2FibGVkPzogYm9vbGVhbjsgJGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQgfT5gXG5cdHdpZHRoOiAxcmVtO1xuXHRoZWlnaHQ6IDFyZW07XG5cdGJhY2tncm91bmQ6ICR7KHsgJGNvbG9yIH0pOiBzdHJpbmcgfCB1bmRlZmluZWQgPT4gJGNvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogMC4yNXJlbTtcblx0b3BhY2l0eTogJHsoeyAkZGlzYWJsZWQgfSk6IG51bWJlciA9PiAoJGRpc2FibGVkID8gMC41IDogMSl9O1xuYDtcblxuY29uc3QgQ29sb3JDb250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKWBcblx0Ym9yZGVyLWJvdHRvbTogMC4wNjI1cmVtIHNvbGlkICR7KHsgdGhlbWUgfSk6IHN0cmluZyA9PiB0aGVtZS5wYWxldHRlLmdyYXkyLnJlZ3VsYXJ9O1xuXHR0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuMnMgZWFzZS1vdXQ7XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmQgfSk6IHN0cmluZyA9PiBnZXRDb2xvcihgJHtiYWNrZ3JvdW5kfS5ob3ZlcmAsIHRoZW1lKX07XG5cdH1cbmA7XG5cbmNvbnN0IFRleHRVcHBlckNhc2UgPSBzdHlsZWQoVGV4dClgXG5cdHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuXHRjb2xvcjogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSk6IHN0cmluZyA9PlxuXHRcdGRpc2FibGVkID8gdGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkIDogdGhlbWUucGFsZXR0ZS50ZXh0LnJlZ3VsYXJ9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZvbGRlclNlbGVjdG9yTGFiZWxGYWN0b3J5ID0gKHtcblx0c2VsZWN0ZWQsXG5cdGxhYmVsLFxuXHRvcGVuLFxuXHRmb2N1cyxcblx0ZGlzYWJsZWRcbn06IEN1c3RvbUxhYmVsRmFjdG9yeVByb3BzKTogUmVhY3RFbGVtZW50ID0+IChcblx0PENvbG9yQ29udGFpbmVyXG5cdFx0b3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcblx0XHR3aWR0aD1cImZpbGxcIlxuXHRcdGNyb3NzQWxpZ25tZW50PVwiY2VudGVyXCJcblx0XHRtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiXG5cdFx0Ym9yZGVyUmFkaXVzPVwiaGFsZlwiXG5cdFx0cGFkZGluZz17e1xuXHRcdFx0YWxsOiAnc21hbGwnXG5cdFx0fX1cblx0XHRiYWNrZ3JvdW5kPVwiZ3JheTVcIlxuXHRcdHN0eWxlPXt7IGN1cnNvcjogZGlzYWJsZWQgPyAnbm8tZHJvcCcgOiAncG9pbnRlcicgfX1cblx0PlxuXHRcdDxSb3cgd2lkdGg9XCIxMDAlXCIgdGFrZUF2YWlsYWJsZVNwYWNlIG1haW5BbGlnbm1lbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG5cdFx0XHQ8Um93XG5cdFx0XHRcdG9yaWVudGF0aW9uPVwidmVydGljYWxcIlxuXHRcdFx0XHRjcm9zc0FsaWdubWVudD1cImZsZXgtc3RhcnRcIlxuXHRcdFx0XHRtYWluQWxpZ25tZW50PVwiZmxleC1zdGFydFwiXG5cdFx0XHRcdHBhZGRpbmc9e3sgbGVmdDogJ3NtYWxsJyB9fVxuXHRcdFx0PlxuXHRcdFx0XHQ8VGV4dFxuXHRcdFx0XHRcdHNpemU9XCJzbWFsbFwiXG5cdFx0XHRcdFx0ZGlzYWJsZWQ9e2Rpc2FibGVkfVxuXHRcdFx0XHRcdGNvbG9yPXsoZGlzYWJsZWQgJiYgJ3RleHQuZGlzYWJsZWQnKSB8fCAoKG9wZW4gfHwgZm9jdXMpICYmICdwcmltYXJ5JykgfHwgJ3NlY29uZGFyeSd9XG5cdFx0XHRcdD5cblx0XHRcdFx0XHR7bGFiZWx9XG5cdFx0XHRcdDwvVGV4dD5cblx0XHRcdFx0PFJvdz5cblx0XHRcdFx0XHQ8UGFkZGluZyByaWdodD1cInNtYWxsXCI+XG5cdFx0XHRcdFx0XHQ8U3F1YXJlICRjb2xvcj17c2VsZWN0ZWRbMF0uY29sb3J9ICRkaXNhYmxlZD17ZGlzYWJsZWR9IC8+XG5cdFx0XHRcdFx0PC9QYWRkaW5nPlxuXHRcdFx0XHRcdDxUZXh0VXBwZXJDYXNlIGRpc2FibGVkPXtkaXNhYmxlZH0+e3NlbGVjdGVkWzBdLmxhYmVsfTwvVGV4dFVwcGVyQ2FzZT5cblx0XHRcdFx0PC9Sb3c+XG5cdFx0XHQ8L1Jvdz5cblx0XHQ8L1Jvdz5cblx0XHQ8SWNvblxuXHRcdFx0c2l6ZT1cImxhcmdlXCJcblx0XHRcdGljb249e29wZW4gPyAnQ2hldnJvblVwT3V0bGluZScgOiAnQ2hldnJvbkRvd25PdXRsaW5lJ31cblx0XHRcdGRpc2FibGVkPXtkaXNhYmxlZH1cblx0XHRcdGNvbG9yPXsoZGlzYWJsZWQgJiYgJ3RleHQuZGlzYWJsZWQnKSB8fCAoKG9wZW4gfHwgZm9jdXMpICYmICdwcmltYXJ5JykgfHwgJ3NlY29uZGFyeSd9XG5cdFx0XHRzdHlsZT17eyBhbGlnblNlbGY6ICdjZW50ZXInIH19XG5cdFx0Lz5cblx0PC9Db2xvckNvbnRhaW5lcj5cbik7XG4iXX0= */"));
+const TextUpperCase$1 = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.Text, process.env.NODE_ENV === "production" ? {
+  target: "eiytx180"
+} : {
+  target: "eiytx180",
+  label: "TextUpperCase"
+})("text-transform:capitalize;color:", ({
+  theme,
+  disabled
+}) => disabled ? theme.palette.text.disabled : theme.palette.text.regular, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC1sYWJlbC1mYWN0b3J5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmtDIiwiZmlsZSI6InNlbGVjdC1sYWJlbC1mYWN0b3J5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiAyMDIyIFpleHRyYXMgPGh0dHBzOi8vd3d3LnpleHRyYXMuY29tPlxuICpcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5XG4gKi9cbmltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENvbnRhaW5lciwgSWNvbiwgUGFkZGluZywgUm93LCBUZXh0LCBnZXRDb2xvciB9IGZyb20gJ0B6ZXh0cmFzL2NhcmJvbmlvLWRlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDdXN0b21MYWJlbEZhY3RvcnlQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzL3NlbGVjdCc7XG5cbmV4cG9ydCBjb25zdCBTcXVhcmUgPSBzdHlsZWQuZGl2PHsgJGRpc2FibGVkPzogYm9vbGVhbjsgJGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQgfT5gXG5cdHdpZHRoOiAxcmVtO1xuXHRoZWlnaHQ6IDFyZW07XG5cdGJhY2tncm91bmQ6ICR7KHsgJGNvbG9yIH0pOiBzdHJpbmcgfCB1bmRlZmluZWQgPT4gJGNvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogMC4yNXJlbTtcblx0b3BhY2l0eTogJHsoeyAkZGlzYWJsZWQgfSk6IG51bWJlciA9PiAoJGRpc2FibGVkID8gMC41IDogMSl9O1xuYDtcblxuY29uc3QgQ29sb3JDb250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKWBcblx0Ym9yZGVyLWJvdHRvbTogMC4wNjI1cmVtIHNvbGlkICR7KHsgdGhlbWUgfSk6IHN0cmluZyA9PiB0aGVtZS5wYWxldHRlLmdyYXkyLnJlZ3VsYXJ9O1xuXHR0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuMnMgZWFzZS1vdXQ7XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmQgfSk6IHN0cmluZyA9PiBnZXRDb2xvcihgJHtiYWNrZ3JvdW5kfS5ob3ZlcmAsIHRoZW1lKX07XG5cdH1cbmA7XG5cbmNvbnN0IFRleHRVcHBlckNhc2UgPSBzdHlsZWQoVGV4dClgXG5cdHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuXHRjb2xvcjogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSk6IHN0cmluZyA9PlxuXHRcdGRpc2FibGVkID8gdGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkIDogdGhlbWUucGFsZXR0ZS50ZXh0LnJlZ3VsYXJ9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZvbGRlclNlbGVjdG9yTGFiZWxGYWN0b3J5ID0gKHtcblx0c2VsZWN0ZWQsXG5cdGxhYmVsLFxuXHRvcGVuLFxuXHRmb2N1cyxcblx0ZGlzYWJsZWRcbn06IEN1c3RvbUxhYmVsRmFjdG9yeVByb3BzKTogUmVhY3RFbGVtZW50ID0+IChcblx0PENvbG9yQ29udGFpbmVyXG5cdFx0b3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcblx0XHR3aWR0aD1cImZpbGxcIlxuXHRcdGNyb3NzQWxpZ25tZW50PVwiY2VudGVyXCJcblx0XHRtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiXG5cdFx0Ym9yZGVyUmFkaXVzPVwiaGFsZlwiXG5cdFx0cGFkZGluZz17e1xuXHRcdFx0YWxsOiAnc21hbGwnXG5cdFx0fX1cblx0XHRiYWNrZ3JvdW5kPVwiZ3JheTVcIlxuXHRcdHN0eWxlPXt7IGN1cnNvcjogZGlzYWJsZWQgPyAnbm8tZHJvcCcgOiAncG9pbnRlcicgfX1cblx0PlxuXHRcdDxSb3cgd2lkdGg9XCIxMDAlXCIgdGFrZUF2YWlsYWJsZVNwYWNlIG1haW5BbGlnbm1lbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG5cdFx0XHQ8Um93XG5cdFx0XHRcdG9yaWVudGF0aW9uPVwidmVydGljYWxcIlxuXHRcdFx0XHRjcm9zc0FsaWdubWVudD1cImZsZXgtc3RhcnRcIlxuXHRcdFx0XHRtYWluQWxpZ25tZW50PVwiZmxleC1zdGFydFwiXG5cdFx0XHRcdHBhZGRpbmc9e3sgbGVmdDogJ3NtYWxsJyB9fVxuXHRcdFx0PlxuXHRcdFx0XHQ8VGV4dFxuXHRcdFx0XHRcdHNpemU9XCJzbWFsbFwiXG5cdFx0XHRcdFx0ZGlzYWJsZWQ9e2Rpc2FibGVkfVxuXHRcdFx0XHRcdGNvbG9yPXsoZGlzYWJsZWQgJiYgJ3RleHQuZGlzYWJsZWQnKSB8fCAoKG9wZW4gfHwgZm9jdXMpICYmICdwcmltYXJ5JykgfHwgJ3NlY29uZGFyeSd9XG5cdFx0XHRcdD5cblx0XHRcdFx0XHR7bGFiZWx9XG5cdFx0XHRcdDwvVGV4dD5cblx0XHRcdFx0PFJvdz5cblx0XHRcdFx0XHQ8UGFkZGluZyByaWdodD1cInNtYWxsXCI+XG5cdFx0XHRcdFx0XHQ8U3F1YXJlICRjb2xvcj17c2VsZWN0ZWRbMF0uY29sb3J9ICRkaXNhYmxlZD17ZGlzYWJsZWR9IC8+XG5cdFx0XHRcdFx0PC9QYWRkaW5nPlxuXHRcdFx0XHRcdDxUZXh0VXBwZXJDYXNlIGRpc2FibGVkPXtkaXNhYmxlZH0+e3NlbGVjdGVkWzBdLmxhYmVsfTwvVGV4dFVwcGVyQ2FzZT5cblx0XHRcdFx0PC9Sb3c+XG5cdFx0XHQ8L1Jvdz5cblx0XHQ8L1Jvdz5cblx0XHQ8SWNvblxuXHRcdFx0c2l6ZT1cImxhcmdlXCJcblx0XHRcdGljb249e29wZW4gPyAnQ2hldnJvblVwT3V0bGluZScgOiAnQ2hldnJvbkRvd25PdXRsaW5lJ31cblx0XHRcdGRpc2FibGVkPXtkaXNhYmxlZH1cblx0XHRcdGNvbG9yPXsoZGlzYWJsZWQgJiYgJ3RleHQuZGlzYWJsZWQnKSB8fCAoKG9wZW4gfHwgZm9jdXMpICYmICdwcmltYXJ5JykgfHwgJ3NlY29uZGFyeSd9XG5cdFx0XHRzdHlsZT17eyBhbGlnblNlbGY6ICdjZW50ZXInIH19XG5cdFx0Lz5cblx0PC9Db2xvckNvbnRhaW5lcj5cbik7XG4iXX0= */"));
+const FolderSelectorLabelFactory = ({
+  selected,
+  label,
+  open,
+  focus,
+  disabled
+}) => /*#__PURE__*/React__default.default.createElement(ColorContainer$1, {
+  orientation: "horizontal",
+  width: "fill",
+  crossAlignment: "center",
+  mainAlignment: "space-between",
+  borderRadius: "half",
+  padding: {
+    all: 'small'
+  },
+  background: "gray5",
+  style: {
+    cursor: disabled ? 'no-drop' : 'pointer'
+  }
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  width: "100%",
+  takeAvailableSpace: true,
+  mainAlignment: "space-between"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  orientation: "vertical",
+  crossAlignment: "flex-start",
+  mainAlignment: "flex-start",
+  padding: {
+    left: 'small'
+  }
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, {
+  size: "small",
+  disabled: disabled,
+  color: disabled && 'text.disabled' || (open || focus) && 'primary' || 'secondary'
+}, label), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, null, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+  right: "small"
+}, /*#__PURE__*/React__default.default.createElement(Square$1, {
+  $color: selected[0].color,
+  $disabled: disabled
+})), /*#__PURE__*/React__default.default.createElement(TextUpperCase$1, {
+  disabled: disabled
+}, selected[0].label)))), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Icon, {
+  size: "large",
+  icon: open ? 'ChevronUpOutline' : 'ChevronDownOutline',
+  disabled: disabled,
+  color: disabled && 'text.disabled' || (open || focus) && 'primary' || 'secondary',
+  style: {
+    alignSelf: 'center'
+  }
+}));
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const Square = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1zwtqe2"
+} : {
+  target: "e1zwtqe2",
+  label: "Square"
+})("width:1.125rem;height:1.125rem;position:relative;top:-0.1875rem;border:0.0625rem solid ", ({
+  theme
+}) => theme.palette.gray2.regular, ";background:", ({
+  $color
+}) => $color, ";border-radius:0.25rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbG9yLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTZDIiwiZmlsZSI6ImNvbG9yLXNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogU1BEWC1GaWxlQ29weXJpZ2h0VGV4dDogMjAyNCBaZXh0cmFzIDxodHRwczovL3d3dy56ZXh0cmFzLmNvbT5cbiAqXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seVxuICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUgeyBTZWxlY3RQcm9wcywgU2luZ2xlU2VsZWN0aW9uT25DaGFuZ2UgfSBmcm9tICdAemV4dHJhcy9jYXJib25pby1kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENvbnRhaW5lciwgSWNvbiwgUGFkZGluZywgUm93LCBTZWxlY3QsIFRleHQgfSBmcm9tICdAemV4dHJhcy9jYXJib25pby1kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IFpJTUJSQV9TVEFOREFSRF9DT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvdXRpbHMnO1xuaW1wb3J0IHsgQ3VzdG9tTGFiZWxGYWN0b3J5UHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcy9zZWxlY3QnO1xuXG5jb25zdCBTcXVhcmUgPSBzdHlsZWQuZGl2PHsgJGNvbG9yOiBzdHJpbmcgfT5gXG5cdHdpZHRoOiAxLjEyNXJlbTtcblx0aGVpZ2h0OiAxLjEyNXJlbTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0b3A6IC0wLjE4NzVyZW07XG5cdGJvcmRlcjogMC4wNjI1cmVtIHNvbGlkICR7KHsgdGhlbWUgfSk6IHN0cmluZyA9PiB0aGVtZS5wYWxldHRlLmdyYXkyLnJlZ3VsYXJ9O1xuXHRiYWNrZ3JvdW5kOiAkeyh7ICRjb2xvciB9KTogc3RyaW5nIHwgdW5kZWZpbmVkID0+ICRjb2xvcn07XG5cdGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JDb250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKWBcblx0Ym9yZGVyLWJvdHRvbTogMC4wNjI1cmVtIHNvbGlkICR7KHsgdGhlbWUgfSk6IHN0cmluZyA9PiB0aGVtZS5wYWxldHRlLmdyYXkyLnJlZ3VsYXJ9O1xuXHRjdXJzb3I6ICdwb2ludGVyJztcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0VXBwZXJDYXNlID0gc3R5bGVkKFRleHQpYFxuXHR0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbmA7XG5cbmNvbnN0IExhYmVsRmFjdG9yeSA9ICh7XG5cdHNlbGVjdGVkLFxuXHRsYWJlbCxcblx0b3Blbixcblx0Zm9jdXNcbn06IEN1c3RvbUxhYmVsRmFjdG9yeVByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQgPT4gKFxuXHQ8Q29sb3JDb250YWluZXJcblx0XHRvcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuXHRcdHdpZHRoPVwiZmlsbFwiXG5cdFx0Y3Jvc3NBbGlnbm1lbnQ9XCJjZW50ZXJcIlxuXHRcdG1haW5BbGlnbm1lbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcblx0XHRib3JkZXJSYWRpdXM9XCJoYWxmXCJcblx0XHRiYWNrZ3JvdW5kPVwiZ3JheTVcIlxuXHRcdHBhZGRpbmc9e3tcblx0XHRcdGFsbDogJ3NtYWxsJ1xuXHRcdH19XG5cdD5cblx0XHQ8Um93IHdpZHRoPVwiMTAwJVwiIHRha2VBdmFpbGFibGVTcGFjZSBtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiPlxuXHRcdFx0PFJvd1xuXHRcdFx0XHRvcmllbnRhdGlvbj1cInZlcnRpY2FsXCJcblx0XHRcdFx0Y3Jvc3NBbGlnbm1lbnQ9XCJmbGV4LXN0YXJ0XCJcblx0XHRcdFx0bWFpbkFsaWdubWVudD1cImZsZXgtc3RhcnRcIlxuXHRcdFx0XHRwYWRkaW5nPXt7IGxlZnQ6ICdzbWFsbCcgfX1cblx0XHRcdD5cblx0XHRcdFx0PFRleHQgc2l6ZT1cInNtYWxsXCIgY29sb3I9e29wZW4gfHwgZm9jdXMgPyAncHJpbWFyeScgOiAnc2Vjb25kYXJ5J30+XG5cdFx0XHRcdFx0e2xhYmVsfVxuXHRcdFx0XHQ8L1RleHQ+XG5cdFx0XHRcdDxUZXh0VXBwZXJDYXNlPntzZWxlY3RlZFswXS5sYWJlbH08L1RleHRVcHBlckNhc2U+XG5cdFx0XHQ8L1Jvdz5cblx0XHRcdDxQYWRkaW5nIHJpZ2h0PVwic21hbGxcIj5cblx0XHRcdFx0PFNxdWFyZSAkY29sb3I9e1pJTUJSQV9TVEFOREFSRF9DT0xPUlNbcGFyc2VJbnQoc2VsZWN0ZWRbMF0udmFsdWUsIDEwKV0uaGV4fSAvPlxuXHRcdFx0PC9QYWRkaW5nPlxuXHRcdDwvUm93PlxuXHRcdDxJY29uXG5cdFx0XHRzaXplPVwibGFyZ2VcIlxuXHRcdFx0aWNvbj17b3BlbiA/ICdDaGV2cm9uVXBPdXRsaW5lJyA6ICdDaGV2cm9uRG93bk91dGxpbmUnfVxuXHRcdFx0Y29sb3I9e29wZW4gfHwgZm9jdXMgPyAncHJpbWFyeScgOiAnc2Vjb25kYXJ5J31cblx0XHRcdHN0eWxlPXt7IGFsaWduU2VsZjogJ2NlbnRlcicgfX1cblx0XHQvPlxuXHQ8L0NvbG9yQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IHR5cGUgQ29sb3JTZWxlY3RQcm9wcyA9IHtcblx0b25DaGFuZ2U6IFNpbmdsZVNlbGVjdGlvbk9uQ2hhbmdlO1xuXHRkZWZhdWx0Q29sb3I6IG51bWJlcjtcblx0bGFiZWw6IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBDb2xvclNlbGVjdCA9ICh7XG5cdG9uQ2hhbmdlLFxuXHRkZWZhdWx0Q29sb3IgPSAwLFxuXHRsYWJlbFxufTogQ29sb3JTZWxlY3RQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50ID0+IHtcblx0Y29uc3QgW3RdID0gdXNlVHJhbnNsYXRpb24oKTtcblx0Y29uc3QgY29sb3JzID0gdXNlTWVtbzxTZWxlY3RQcm9wc1snaXRlbXMnXT4oXG5cdFx0KCkgPT5cblx0XHRcdFpJTUJSQV9TVEFOREFSRF9DT0xPUlMubWFwKChlbCwgaW5kZXgpID0+IHtcblx0XHRcdFx0Y29uc3QgY29sb3JMYWJlbCA9IHQoYGNvbG9ycy4ke2VsLnpMYWJlbH1gLCBlbC56TGFiZWwpO1xuXHRcdFx0XHRyZXR1cm4ge1xuXHRcdFx0XHRcdGxhYmVsOiBjb2xvckxhYmVsLFxuXHRcdFx0XHRcdHZhbHVlOiBpbmRleC50b1N0cmluZygpLFxuXHRcdFx0XHRcdGN1c3RvbUNvbXBvbmVudDogKFxuXHRcdFx0XHRcdFx0PENvbnRhaW5lclxuXHRcdFx0XHRcdFx0XHR3aWR0aD1cIjEwMCVcIlxuXHRcdFx0XHRcdFx0XHRtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiXG5cdFx0XHRcdFx0XHRcdG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG5cdFx0XHRcdFx0XHRcdGhlaWdodD1cImZpdFwiXG5cdFx0XHRcdFx0XHQ+XG5cdFx0XHRcdFx0XHRcdDxQYWRkaW5nIGxlZnQ9XCJzbWFsbFwiPlxuXHRcdFx0XHRcdFx0XHRcdDxUZXh0VXBwZXJDYXNlPntjb2xvckxhYmVsfTwvVGV4dFVwcGVyQ2FzZT5cblx0XHRcdFx0XHRcdFx0PC9QYWRkaW5nPlxuXHRcdFx0XHRcdFx0XHQ8U3F1YXJlICRjb2xvcj17ZWwuaGV4fSAvPlxuXHRcdFx0XHRcdFx0PC9Db250YWluZXI+XG5cdFx0XHRcdFx0KVxuXHRcdFx0XHR9O1xuXHRcdFx0fSksXG5cdFx0W3RdXG5cdCk7XG5cdGNvbnN0IGRlZmF1bHRTZWxlY3Rpb24gPSB1c2VNZW1vKCgpID0+IGNvbG9yc1tkZWZhdWx0Q29sb3JdLCBbY29sb3JzLCBkZWZhdWx0Q29sb3JdKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxTZWxlY3Rcblx0XHRcdGxhYmVsPXtsYWJlbH1cblx0XHRcdG9uQ2hhbmdlPXtvbkNoYW5nZX1cblx0XHRcdGl0ZW1zPXtjb2xvcnN9XG5cdFx0XHRkZWZhdWx0U2VsZWN0aW9uPXtkZWZhdWx0U2VsZWN0aW9ufVxuXHRcdFx0TGFiZWxGYWN0b3J5PXtMYWJlbEZhY3Rvcnl9XG5cdFx0XHRkYXRhLXRlc3RpZD1cImNvbG9yLXNlbGVjdFwiXG5cdFx0Lz5cblx0KTtcbn07XG4iXX0= */"));
+const ColorContainer = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.Container, process.env.NODE_ENV === "production" ? {
+  target: "e1zwtqe1"
+} : {
+  target: "e1zwtqe1",
+  label: "ColorContainer"
+})("border-bottom:0.0625rem solid ", ({
+  theme
+}) => theme.palette.gray2.regular, ";cursor:'pointer';" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbG9yLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIrQyIsImZpbGUiOiJjb2xvci1zZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFNQRFgtRmlsZUNvcHlyaWdodFRleHQ6IDIwMjQgWmV4dHJhcyA8aHR0cHM6Ly93d3cuemV4dHJhcy5jb20+XG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHlcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgU2VsZWN0UHJvcHMsIFNpbmdsZVNlbGVjdGlvbk9uQ2hhbmdlIH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBDb250YWluZXIsIEljb24sIFBhZGRpbmcsIFJvdywgU2VsZWN0LCBUZXh0IH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBaSU1CUkFfU1RBTkRBUkRfQ09MT1JTIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL3V0aWxzJztcbmltcG9ydCB7IEN1c3RvbUxhYmVsRmFjdG9yeVByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMvc2VsZWN0JztcblxuY29uc3QgU3F1YXJlID0gc3R5bGVkLmRpdjx7ICRjb2xvcjogc3RyaW5nIH0+YFxuXHR3aWR0aDogMS4xMjVyZW07XG5cdGhlaWdodDogMS4xMjVyZW07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dG9wOiAtMC4xODc1cmVtO1xuXHRib3JkZXI6IDAuMDYyNXJlbSBzb2xpZCAkeyh7IHRoZW1lIH0pOiBzdHJpbmcgPT4gdGhlbWUucGFsZXR0ZS5ncmF5Mi5yZWd1bGFyfTtcblx0YmFja2dyb3VuZDogJHsoeyAkY29sb3IgfSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiAkY29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yQ29udGFpbmVyID0gc3R5bGVkKENvbnRhaW5lcilgXG5cdGJvcmRlci1ib3R0b206IDAuMDYyNXJlbSBzb2xpZCAkeyh7IHRoZW1lIH0pOiBzdHJpbmcgPT4gdGhlbWUucGFsZXR0ZS5ncmF5Mi5yZWd1bGFyfTtcblx0Y3Vyc29yOiAncG9pbnRlcic7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFVwcGVyQ2FzZSA9IHN0eWxlZChUZXh0KWBcblx0dGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG5gO1xuXG5jb25zdCBMYWJlbEZhY3RvcnkgPSAoe1xuXHRzZWxlY3RlZCxcblx0bGFiZWwsXG5cdG9wZW4sXG5cdGZvY3VzXG59OiBDdXN0b21MYWJlbEZhY3RvcnlQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50ID0+IChcblx0PENvbG9yQ29udGFpbmVyXG5cdFx0b3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcblx0XHR3aWR0aD1cImZpbGxcIlxuXHRcdGNyb3NzQWxpZ25tZW50PVwiY2VudGVyXCJcblx0XHRtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiXG5cdFx0Ym9yZGVyUmFkaXVzPVwiaGFsZlwiXG5cdFx0YmFja2dyb3VuZD1cImdyYXk1XCJcblx0XHRwYWRkaW5nPXt7XG5cdFx0XHRhbGw6ICdzbWFsbCdcblx0XHR9fVxuXHQ+XG5cdFx0PFJvdyB3aWR0aD1cIjEwMCVcIiB0YWtlQXZhaWxhYmxlU3BhY2UgbWFpbkFsaWdubWVudD1cInNwYWNlLWJldHdlZW5cIj5cblx0XHRcdDxSb3dcblx0XHRcdFx0b3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG5cdFx0XHRcdGNyb3NzQWxpZ25tZW50PVwiZmxleC1zdGFydFwiXG5cdFx0XHRcdG1haW5BbGlnbm1lbnQ9XCJmbGV4LXN0YXJ0XCJcblx0XHRcdFx0cGFkZGluZz17eyBsZWZ0OiAnc21hbGwnIH19XG5cdFx0XHQ+XG5cdFx0XHRcdDxUZXh0IHNpemU9XCJzbWFsbFwiIGNvbG9yPXtvcGVuIHx8IGZvY3VzID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSd9PlxuXHRcdFx0XHRcdHtsYWJlbH1cblx0XHRcdFx0PC9UZXh0PlxuXHRcdFx0XHQ8VGV4dFVwcGVyQ2FzZT57c2VsZWN0ZWRbMF0ubGFiZWx9PC9UZXh0VXBwZXJDYXNlPlxuXHRcdFx0PC9Sb3c+XG5cdFx0XHQ8UGFkZGluZyByaWdodD1cInNtYWxsXCI+XG5cdFx0XHRcdDxTcXVhcmUgJGNvbG9yPXtaSU1CUkFfU1RBTkRBUkRfQ09MT1JTW3BhcnNlSW50KHNlbGVjdGVkWzBdLnZhbHVlLCAxMCldLmhleH0gLz5cblx0XHRcdDwvUGFkZGluZz5cblx0XHQ8L1Jvdz5cblx0XHQ8SWNvblxuXHRcdFx0c2l6ZT1cImxhcmdlXCJcblx0XHRcdGljb249e29wZW4gPyAnQ2hldnJvblVwT3V0bGluZScgOiAnQ2hldnJvbkRvd25PdXRsaW5lJ31cblx0XHRcdGNvbG9yPXtvcGVuIHx8IGZvY3VzID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSd9XG5cdFx0XHRzdHlsZT17eyBhbGlnblNlbGY6ICdjZW50ZXInIH19XG5cdFx0Lz5cblx0PC9Db2xvckNvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCB0eXBlIENvbG9yU2VsZWN0UHJvcHMgPSB7XG5cdG9uQ2hhbmdlOiBTaW5nbGVTZWxlY3Rpb25PbkNoYW5nZTtcblx0ZGVmYXVsdENvbG9yOiBudW1iZXI7XG5cdGxhYmVsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgQ29sb3JTZWxlY3QgPSAoe1xuXHRvbkNoYW5nZSxcblx0ZGVmYXVsdENvbG9yID0gMCxcblx0bGFiZWxcbn06IENvbG9yU2VsZWN0UHJvcHMpOiBSZWFjdC5KU1guRWxlbWVudCA9PiB7XG5cdGNvbnN0IFt0XSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cdGNvbnN0IGNvbG9ycyA9IHVzZU1lbW88U2VsZWN0UHJvcHNbJ2l0ZW1zJ10+KFxuXHRcdCgpID0+XG5cdFx0XHRaSU1CUkFfU1RBTkRBUkRfQ09MT1JTLm1hcCgoZWwsIGluZGV4KSA9PiB7XG5cdFx0XHRcdGNvbnN0IGNvbG9yTGFiZWwgPSB0KGBjb2xvcnMuJHtlbC56TGFiZWx9YCwgZWwuekxhYmVsKTtcblx0XHRcdFx0cmV0dXJuIHtcblx0XHRcdFx0XHRsYWJlbDogY29sb3JMYWJlbCxcblx0XHRcdFx0XHR2YWx1ZTogaW5kZXgudG9TdHJpbmcoKSxcblx0XHRcdFx0XHRjdXN0b21Db21wb25lbnQ6IChcblx0XHRcdFx0XHRcdDxDb250YWluZXJcblx0XHRcdFx0XHRcdFx0d2lkdGg9XCIxMDAlXCJcblx0XHRcdFx0XHRcdFx0bWFpbkFsaWdubWVudD1cInNwYWNlLWJldHdlZW5cIlxuXHRcdFx0XHRcdFx0XHRvcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuXHRcdFx0XHRcdFx0XHRoZWlnaHQ9XCJmaXRcIlxuXHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHQ8UGFkZGluZyBsZWZ0PVwic21hbGxcIj5cblx0XHRcdFx0XHRcdFx0XHQ8VGV4dFVwcGVyQ2FzZT57Y29sb3JMYWJlbH08L1RleHRVcHBlckNhc2U+XG5cdFx0XHRcdFx0XHRcdDwvUGFkZGluZz5cblx0XHRcdFx0XHRcdFx0PFNxdWFyZSAkY29sb3I9e2VsLmhleH0gLz5cblx0XHRcdFx0XHRcdDwvQ29udGFpbmVyPlxuXHRcdFx0XHRcdClcblx0XHRcdFx0fTtcblx0XHRcdH0pLFxuXHRcdFt0XVxuXHQpO1xuXHRjb25zdCBkZWZhdWx0U2VsZWN0aW9uID0gdXNlTWVtbygoKSA9PiBjb2xvcnNbZGVmYXVsdENvbG9yXSwgW2NvbG9ycywgZGVmYXVsdENvbG9yXSk7XG5cblx0cmV0dXJuIChcblx0XHQ8U2VsZWN0XG5cdFx0XHRsYWJlbD17bGFiZWx9XG5cdFx0XHRvbkNoYW5nZT17b25DaGFuZ2V9XG5cdFx0XHRpdGVtcz17Y29sb3JzfVxuXHRcdFx0ZGVmYXVsdFNlbGVjdGlvbj17ZGVmYXVsdFNlbGVjdGlvbn1cblx0XHRcdExhYmVsRmFjdG9yeT17TGFiZWxGYWN0b3J5fVxuXHRcdFx0ZGF0YS10ZXN0aWQ9XCJjb2xvci1zZWxlY3RcIlxuXHRcdC8+XG5cdCk7XG59O1xuIl19 */"));
+const TextUpperCase = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.Text, process.env.NODE_ENV === "production" ? {
+  target: "e1zwtqe0"
+} : {
+  target: "e1zwtqe0",
+  label: "TextUpperCase"
+})(process.env.NODE_ENV === "production" ? {
+  name: "kff9ir",
+  styles: "text-transform:capitalize"
+} : {
+  name: "kff9ir",
+  styles: "text-transform:capitalize/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbG9yLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ5QyIsImZpbGUiOiJjb2xvci1zZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFNQRFgtRmlsZUNvcHlyaWdodFRleHQ6IDIwMjQgWmV4dHJhcyA8aHR0cHM6Ly93d3cuemV4dHJhcy5jb20+XG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHlcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgU2VsZWN0UHJvcHMsIFNpbmdsZVNlbGVjdGlvbk9uQ2hhbmdlIH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBDb250YWluZXIsIEljb24sIFBhZGRpbmcsIFJvdywgU2VsZWN0LCBUZXh0IH0gZnJvbSAnQHpleHRyYXMvY2FyYm9uaW8tZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBaSU1CUkFfU1RBTkRBUkRfQ09MT1JTIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL3V0aWxzJztcbmltcG9ydCB7IEN1c3RvbUxhYmVsRmFjdG9yeVByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMvc2VsZWN0JztcblxuY29uc3QgU3F1YXJlID0gc3R5bGVkLmRpdjx7ICRjb2xvcjogc3RyaW5nIH0+YFxuXHR3aWR0aDogMS4xMjVyZW07XG5cdGhlaWdodDogMS4xMjVyZW07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dG9wOiAtMC4xODc1cmVtO1xuXHRib3JkZXI6IDAuMDYyNXJlbSBzb2xpZCAkeyh7IHRoZW1lIH0pOiBzdHJpbmcgPT4gdGhlbWUucGFsZXR0ZS5ncmF5Mi5yZWd1bGFyfTtcblx0YmFja2dyb3VuZDogJHsoeyAkY29sb3IgfSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiAkY29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yQ29udGFpbmVyID0gc3R5bGVkKENvbnRhaW5lcilgXG5cdGJvcmRlci1ib3R0b206IDAuMDYyNXJlbSBzb2xpZCAkeyh7IHRoZW1lIH0pOiBzdHJpbmcgPT4gdGhlbWUucGFsZXR0ZS5ncmF5Mi5yZWd1bGFyfTtcblx0Y3Vyc29yOiAncG9pbnRlcic7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFVwcGVyQ2FzZSA9IHN0eWxlZChUZXh0KWBcblx0dGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG5gO1xuXG5jb25zdCBMYWJlbEZhY3RvcnkgPSAoe1xuXHRzZWxlY3RlZCxcblx0bGFiZWwsXG5cdG9wZW4sXG5cdGZvY3VzXG59OiBDdXN0b21MYWJlbEZhY3RvcnlQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50ID0+IChcblx0PENvbG9yQ29udGFpbmVyXG5cdFx0b3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcblx0XHR3aWR0aD1cImZpbGxcIlxuXHRcdGNyb3NzQWxpZ25tZW50PVwiY2VudGVyXCJcblx0XHRtYWluQWxpZ25tZW50PVwic3BhY2UtYmV0d2VlblwiXG5cdFx0Ym9yZGVyUmFkaXVzPVwiaGFsZlwiXG5cdFx0YmFja2dyb3VuZD1cImdyYXk1XCJcblx0XHRwYWRkaW5nPXt7XG5cdFx0XHRhbGw6ICdzbWFsbCdcblx0XHR9fVxuXHQ+XG5cdFx0PFJvdyB3aWR0aD1cIjEwMCVcIiB0YWtlQXZhaWxhYmxlU3BhY2UgbWFpbkFsaWdubWVudD1cInNwYWNlLWJldHdlZW5cIj5cblx0XHRcdDxSb3dcblx0XHRcdFx0b3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG5cdFx0XHRcdGNyb3NzQWxpZ25tZW50PVwiZmxleC1zdGFydFwiXG5cdFx0XHRcdG1haW5BbGlnbm1lbnQ9XCJmbGV4LXN0YXJ0XCJcblx0XHRcdFx0cGFkZGluZz17eyBsZWZ0OiAnc21hbGwnIH19XG5cdFx0XHQ+XG5cdFx0XHRcdDxUZXh0IHNpemU9XCJzbWFsbFwiIGNvbG9yPXtvcGVuIHx8IGZvY3VzID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSd9PlxuXHRcdFx0XHRcdHtsYWJlbH1cblx0XHRcdFx0PC9UZXh0PlxuXHRcdFx0XHQ8VGV4dFVwcGVyQ2FzZT57c2VsZWN0ZWRbMF0ubGFiZWx9PC9UZXh0VXBwZXJDYXNlPlxuXHRcdFx0PC9Sb3c+XG5cdFx0XHQ8UGFkZGluZyByaWdodD1cInNtYWxsXCI+XG5cdFx0XHRcdDxTcXVhcmUgJGNvbG9yPXtaSU1CUkFfU1RBTkRBUkRfQ09MT1JTW3BhcnNlSW50KHNlbGVjdGVkWzBdLnZhbHVlLCAxMCldLmhleH0gLz5cblx0XHRcdDwvUGFkZGluZz5cblx0XHQ8L1Jvdz5cblx0XHQ8SWNvblxuXHRcdFx0c2l6ZT1cImxhcmdlXCJcblx0XHRcdGljb249e29wZW4gPyAnQ2hldnJvblVwT3V0bGluZScgOiAnQ2hldnJvbkRvd25PdXRsaW5lJ31cblx0XHRcdGNvbG9yPXtvcGVuIHx8IGZvY3VzID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSd9XG5cdFx0XHRzdHlsZT17eyBhbGlnblNlbGY6ICdjZW50ZXInIH19XG5cdFx0Lz5cblx0PC9Db2xvckNvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCB0eXBlIENvbG9yU2VsZWN0UHJvcHMgPSB7XG5cdG9uQ2hhbmdlOiBTaW5nbGVTZWxlY3Rpb25PbkNoYW5nZTtcblx0ZGVmYXVsdENvbG9yOiBudW1iZXI7XG5cdGxhYmVsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgQ29sb3JTZWxlY3QgPSAoe1xuXHRvbkNoYW5nZSxcblx0ZGVmYXVsdENvbG9yID0gMCxcblx0bGFiZWxcbn06IENvbG9yU2VsZWN0UHJvcHMpOiBSZWFjdC5KU1guRWxlbWVudCA9PiB7XG5cdGNvbnN0IFt0XSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cdGNvbnN0IGNvbG9ycyA9IHVzZU1lbW88U2VsZWN0UHJvcHNbJ2l0ZW1zJ10+KFxuXHRcdCgpID0+XG5cdFx0XHRaSU1CUkFfU1RBTkRBUkRfQ09MT1JTLm1hcCgoZWwsIGluZGV4KSA9PiB7XG5cdFx0XHRcdGNvbnN0IGNvbG9yTGFiZWwgPSB0KGBjb2xvcnMuJHtlbC56TGFiZWx9YCwgZWwuekxhYmVsKTtcblx0XHRcdFx0cmV0dXJuIHtcblx0XHRcdFx0XHRsYWJlbDogY29sb3JMYWJlbCxcblx0XHRcdFx0XHR2YWx1ZTogaW5kZXgudG9TdHJpbmcoKSxcblx0XHRcdFx0XHRjdXN0b21Db21wb25lbnQ6IChcblx0XHRcdFx0XHRcdDxDb250YWluZXJcblx0XHRcdFx0XHRcdFx0d2lkdGg9XCIxMDAlXCJcblx0XHRcdFx0XHRcdFx0bWFpbkFsaWdubWVudD1cInNwYWNlLWJldHdlZW5cIlxuXHRcdFx0XHRcdFx0XHRvcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuXHRcdFx0XHRcdFx0XHRoZWlnaHQ9XCJmaXRcIlxuXHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHQ8UGFkZGluZyBsZWZ0PVwic21hbGxcIj5cblx0XHRcdFx0XHRcdFx0XHQ8VGV4dFVwcGVyQ2FzZT57Y29sb3JMYWJlbH08L1RleHRVcHBlckNhc2U+XG5cdFx0XHRcdFx0XHRcdDwvUGFkZGluZz5cblx0XHRcdFx0XHRcdFx0PFNxdWFyZSAkY29sb3I9e2VsLmhleH0gLz5cblx0XHRcdFx0XHRcdDwvQ29udGFpbmVyPlxuXHRcdFx0XHRcdClcblx0XHRcdFx0fTtcblx0XHRcdH0pLFxuXHRcdFt0XVxuXHQpO1xuXHRjb25zdCBkZWZhdWx0U2VsZWN0aW9uID0gdXNlTWVtbygoKSA9PiBjb2xvcnNbZGVmYXVsdENvbG9yXSwgW2NvbG9ycywgZGVmYXVsdENvbG9yXSk7XG5cblx0cmV0dXJuIChcblx0XHQ8U2VsZWN0XG5cdFx0XHRsYWJlbD17bGFiZWx9XG5cdFx0XHRvbkNoYW5nZT17b25DaGFuZ2V9XG5cdFx0XHRpdGVtcz17Y29sb3JzfVxuXHRcdFx0ZGVmYXVsdFNlbGVjdGlvbj17ZGVmYXVsdFNlbGVjdGlvbn1cblx0XHRcdExhYmVsRmFjdG9yeT17TGFiZWxGYWN0b3J5fVxuXHRcdFx0ZGF0YS10ZXN0aWQ9XCJjb2xvci1zZWxlY3RcIlxuXHRcdC8+XG5cdCk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
+const LabelFactory = ({
+  selected,
+  label,
+  open,
+  focus
+}) => /*#__PURE__*/React__default.default.createElement(ColorContainer, {
+  orientation: "horizontal",
+  width: "fill",
+  crossAlignment: "center",
+  mainAlignment: "space-between",
+  borderRadius: "half",
+  background: "gray5",
+  padding: {
+    all: 'small'
+  }
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  width: "100%",
+  takeAvailableSpace: true,
+  mainAlignment: "space-between"
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+  orientation: "vertical",
+  crossAlignment: "flex-start",
+  mainAlignment: "flex-start",
+  padding: {
+    left: 'small'
+  }
+}, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, {
+  size: "small",
+  color: open || focus ? 'primary' : 'secondary'
+}, label), /*#__PURE__*/React__default.default.createElement(TextUpperCase, null, selected[0].label)), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+  right: "small"
+}, /*#__PURE__*/React__default.default.createElement(Square, {
+  $color: ZIMBRA_STANDARD_COLORS[parseInt(selected[0].value, 10)].hex
+}))), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Icon, {
+  size: "large",
+  icon: open ? 'ChevronUpOutline' : 'ChevronDownOutline',
+  color: open || focus ? 'primary' : 'secondary',
+  style: {
+    alignSelf: 'center'
+  }
+}));
+const ColorSelect = ({
+  onChange,
+  defaultColor = 0,
+  label
+}) => {
+  const [t] = reactI18next.useTranslation();
+  const colors = React.useMemo(() => ZIMBRA_STANDARD_COLORS.map((el, index) => {
+    const colorLabel = t(`colors.${el.zLabel}`, el.zLabel);
+    return {
+      label: colorLabel,
+      value: index.toString(),
+      customComponent: /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+        width: "100%",
+        mainAlignment: "space-between",
+        orientation: "horizontal",
+        height: "fit"
+      }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+        left: "small"
+      }, /*#__PURE__*/React__default.default.createElement(TextUpperCase, null, colorLabel)), /*#__PURE__*/React__default.default.createElement(Square, {
+        $color: el.hex
+      }))
+    };
+  }), [t]);
+  const defaultSelection = React.useMemo(() => colors[defaultColor], [colors, defaultColor]);
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Select, {
+    label: label,
+    onChange: onChange,
+    items: colors,
+    defaultSelection: defaultSelection,
+    LabelFactory: LabelFactory,
+    "data-testid": "color-select"
+  });
+};
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const FolderNameRender = ({
+  folder
+}) => {
+  const root = useRoot(folder.value ?? '');
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    wrap: 'nowrap'
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    right: "small"
+  }, /*#__PURE__*/React__default.default.createElement(Square$1, {
+    $color: folder.color
+  })), /*#__PURE__*/React__default.default.createElement(TextUpperCase, null, folder.label), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Row, {
+    takeAvailableSpace: true
+  }, root && root.id !== FOLDERS.USER_ROOT && /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Padding, {
+    left: "small",
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React__default.default.createElement(TextUpperCase, {
+    color: 'gray1'
+  }, `(${root.name})`))));
+};
+const FoldersSelector = ({
+  defaultFolderId,
+  onChange,
+  label,
+  folderItems,
+  disabled
+}) => {
+  const items = React.useMemo(() => lodash.map(folderItems, item => ({
+    label: item.label,
+    value: item.value,
+    color: item.color,
+    customComponent: /*#__PURE__*/React__default.default.createElement(FolderNameRender, {
+      folder: item
+    })
+  })), [folderItems]);
+  const defaultFolderSelection = React.useMemo(() => {
+    const defaultFold = lodash.find(items, ['value', defaultFolderId]);
+    const defaultFolder = {
+      value: defaultFold?.value ?? items?.[0]?.value,
+      label: defaultFold?.label ?? items?.[0]?.label,
+      color: defaultFold?.color ?? items?.[0]?.color
+    };
+    return lodash.find(items, ['value', defaultFolderId]) ?? defaultFolder;
+  }, [items, defaultFolderId]);
+  const onSelectedFolderChange = React.useCallback(id => onChange(id), [onChange]);
+  return items && defaultFolderSelection ? /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Select, {
+    label: label,
+    onChange: onSelectedFolderChange,
+    items: items,
+    defaultSelection: defaultFolderSelection,
+    disablePortal: true,
+    disabled: disabled,
+    LabelFactory: FolderSelectorLabelFactory
+  }) : null;
+};
+
+const StyledCustomListItem = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.ListItem, process.env.NODE_ENV === "production" ? {
+  target: "e1jz8t6z0"
+} : {
+  target: "e1jz8t6z0",
+  label: "StyledCustomListItem"
+})("transition:none;&:focus,&:active{background:", ({
+  $focusBackgroundColor,
+  theme
+}) => carbonioDesignSystem.getColor($focusBackgroundColor, theme), ";}&:hover{background:", ({
+  $baseBackgroundColor,
+  theme
+}) => carbonioDesignSystem.getColor($baseBackgroundColor, theme), ";&:focus,&:active{background:", ({
+  $focusBackgroundColor,
+  theme
+}) => carbonioDesignSystem.getColor($focusBackgroundColor, theme), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtaXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUUiLCJmaWxlIjoibGlzdC1pdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiAyMDIzIFpleHRyYXMgPGh0dHBzOi8vd3d3LnpleHRyYXMuY29tPlxuICpcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5XG4gKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEFueUNvbG9yLCBnZXRDb2xvciwgTGlzdEl0ZW0sIExpc3RJdGVtUHJvcHMgfSBmcm9tICdAemV4dHJhcy9jYXJib25pby1kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgU3R5bGVkQ3VzdG9tTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pPHtcblx0JGJhc2VCYWNrZ3JvdW5kQ29sb3I6IEFueUNvbG9yO1xuXHQkZm9jdXNCYWNrZ3JvdW5kQ29sb3I6IEFueUNvbG9yO1xufT5gXG5cdHRyYW5zaXRpb246IG5vbmU7XG5cdCY6Zm9jdXMsXG5cdCY6YWN0aXZlIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyh7ICRmb2N1c0JhY2tncm91bmRDb2xvciwgdGhlbWUgfSk6IHN0cmluZyA9PlxuXHRcdFx0Z2V0Q29sb3IoJGZvY3VzQmFja2dyb3VuZENvbG9yLCB0aGVtZSl9O1xuXHR9XG5cblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsoeyAkYmFzZUJhY2tncm91bmRDb2xvciwgdGhlbWUgfSk6IHN0cmluZyA9PlxuXHRcdFx0Z2V0Q29sb3IoJGJhc2VCYWNrZ3JvdW5kQ29sb3IsIHRoZW1lKX07XG5cdFx0Jjpmb2N1cyxcblx0XHQmOmFjdGl2ZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyh7ICRmb2N1c0JhY2tncm91bmRDb2xvciwgdGhlbWUgfSk6IHN0cmluZyA9PlxuXHRcdFx0XHRnZXRDb2xvcigkZm9jdXNCYWNrZ3JvdW5kQ29sb3IsIHRoZW1lKX07XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tTGlzdEl0ZW0gPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBMaXN0SXRlbVByb3BzPihcblx0ZnVuY3Rpb24gQ3VzdG9tTGlzdEl0ZW1Gbihcblx0XHR7XG5cdFx0XHRiYWNrZ3JvdW5kID0gJ2dyYXk2Jyxcblx0XHRcdGFjdGl2ZSxcblx0XHRcdGFjdGl2ZUJhY2tncm91bmQgPSAnaGlnaGxpZ2h0Jyxcblx0XHRcdHNlbGVjdGVkLFxuXHRcdFx0c2VsZWN0ZWRCYWNrZ3JvdW5kID0gJ2dyYXk1Jyxcblx0XHRcdC4uLnJlc3Rcblx0XHR9LFxuXHRcdHJlZlxuXHQpIHtcblx0XHRyZXR1cm4gKFxuXHRcdFx0PFN0eWxlZEN1c3RvbUxpc3RJdGVtXG5cdFx0XHRcdHJlZj17cmVmfVxuXHRcdFx0XHQkYmFzZUJhY2tncm91bmRDb2xvcj17XG5cdFx0XHRcdFx0KGFjdGl2ZSAmJiBhY3RpdmVCYWNrZ3JvdW5kKSB8fCAoc2VsZWN0ZWQgJiYgc2VsZWN0ZWRCYWNrZ3JvdW5kKSB8fCBiYWNrZ3JvdW5kXG5cdFx0XHRcdH1cblx0XHRcdFx0JGZvY3VzQmFja2dyb3VuZENvbG9yPXtgJHsoYWN0aXZlICYmIGFjdGl2ZUJhY2tncm91bmQpIHx8ICdncmF5Nid9LmZvY3VzYH1cblx0XHRcdFx0ey4uLnJlc3R9XG5cdFx0XHQvPlxuXHRcdCk7XG5cdH1cbik7XG4iXX0= */"));
+const CustomListItem = /*#__PURE__*/React__default.default.forwardRef(function CustomListItemFn({
+  background = 'gray6',
+  active,
+  activeBackground = 'highlight',
+  selected,
+  selectedBackground = 'gray5',
+  ...rest
+}, ref) {
+  return /*#__PURE__*/React__default.default.createElement(StyledCustomListItem, _extends({
+    ref: ref,
+    $baseBackgroundColor: active && activeBackground || selected && selectedBackground || background,
+    $focusBackgroundColor: `${active && activeBackground || 'gray6'}.focus`
+  }, rest));
+});
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const CustomList = /*#__PURE__*/_styled__default.default(carbonioDesignSystem.List, process.env.NODE_ENV === "production" ? {
+  target: "e1o5zg5y0"
+} : {
+  target: "e1o5zg5y0",
+  label: "CustomList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1c1pxwn",
+  styles: "padding-bottom:0.25rem;min-height:0"
+} : {
+  name: "1c1pxwn",
+  styles: "padding-bottom:0.25rem;min-height:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFzQyIsImZpbGUiOiJsaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiAyMDIzIFpleHRyYXMgPGh0dHBzOi8vd3d3LnpleHRyYXMuY29tPlxuICpcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5XG4gKi9cbmltcG9ydCB7IExpc3QgfSBmcm9tICdAemV4dHJhcy9jYXJib25pby1kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbUxpc3QgPSBzdHlsZWQoTGlzdClgXG5cdHBhZGRpbmctYm90dG9tOiAwLjI1cmVtO1xuXHRtaW4taGVpZ2h0OiAwO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const createTag = tag => carbonioUiSoapLib.legacySoapFetch('CreateTag', {
+  _jsns: 'urn:zimbraMail',
+  tag
+});
+const deleteTag = id => carbonioUiSoapLib.legacySoapFetch('TagAction', {
+  _jsns: 'urn:zimbraMail',
+  action: {
+    op: 'delete',
+    id
+  }
+});
+const renameTag = (id, name) => carbonioUiSoapLib.legacySoapFetch('TagAction', {
+  _jsns: 'urn:zimbraMail',
+  action: {
+    op: 'rename',
+    id,
+    name
+  }
+});
+const changeTagColor = (id, color) => carbonioUiSoapLib.legacySoapFetch('TagAction', {
+  _jsns: 'urn:zimbraMail',
+  action: typeof color === 'number' ? {
+    op: 'color',
+    color,
+    id
+  } : {
+    op: 'color',
+    rgb: color,
+    id
+  }
+});
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const DeleteTagModal = ({
+  onClose,
+  tag
+}) => {
+  const [t] = reactI18next.useTranslation();
+  const createSnackbar = carbonioDesignSystem.useSnackbar();
+  const title = React.useMemo(() => t('label.delete_tag_name', {
+    name: tag?.name,
+    defaultValue: 'Delete "{{name}}" tag'
+  }), [tag?.name, t]);
+  const onConfirm = React.useCallback(() => {
+    if (tag) deleteTag(tag?.id).then(res => {
+      if (res.action) {
+        createSnackbar({
+          key: `delete-tag`,
+          replace: true,
+          severity: 'success',
+          label: t('messages.snackbar.tag_deleted', {
+            name: tag?.name,
+            defaultValue: '{{name}} Tag deleted successfully'
+          }),
+          autoHideTimeout: 3000,
+          hideButton: true
+        });
+      }
+      onClose();
+    });
+  }, [createSnackbar, onClose, t, tag]);
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(ModalHeader, {
+    onClose: onClose,
+    title: title
+  }), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Container, {
+    padding: {
+      horizontal: 'large'
+    }
+  }, /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, null, t('message.delete_tag_message1', {
+    name: tag?.name,
+    defaultValue: `Are you sure to delete "{{name}}" Tag?`
+  })), /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.Text, {
+    overflow: "break-word",
+    style: {
+      textAlign: 'center'
+    }
+  }, t('message.delete_tag_message2', 'Once deleted, it will be removed from every item marked with it.'))), /*#__PURE__*/React__default.default.createElement(ModalFooter, {
+    onConfirm: onConfirm,
+    label: t('label.delete', 'Delete'),
+    disabled: false,
+    color: "error"
+  }));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const getFolderRequest = async ({
+  id,
+  view
+}, account) => {
+  const body = lodash.omitBy({
+    _jsns: 'urn:zimbraMail',
+    folder: id ? {
+      l: id
+    } : undefined,
+    view,
+    tr: 1
+  }, lodash.isNil);
+  return carbonioUiSoapLib.legacySoapFetch('GetFolder', body, account);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const getShareInfoRequest = async () => {
+  const result = await carbonioUiSoapLib.legacySoapFetch('GetShareInfo', {
+    _jsns: 'urn:zimbraAccount',
+    includeSelf: 0
+  });
+  if ('Fault' in result) {
+    return Promise.reject(result.Fault);
+  }
+  return Promise.resolve({
+    isFulfilled: !lodash.isEmpty(result),
+    folders: result?.share ?? []
+  });
+};
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const getFoldersByAccounts = async (sharedAccounts, view) => Promise.all(lodash.map(sharedAccounts, async ({
+  ownerEmail
+}) => {
+  const response = await getFolderRequest({
+    view
+  }, ownerEmail);
+  if (response?.folder?.length) {
+    return {
+      ...response.folder[0],
+      oname: response.folder[0].name,
+      owner: ownerEmail,
+      name: ownerEmail
+    };
+  }
+  return response;
+}));
+const useInitializeFolders = view => {
+  const isLoading = React.useRef(false);
+  const {
+    createModal,
+    closeModal
+  } = carbonioDesignSystem.useModal();
+  const fetchFolders = React.useCallback(async () => {
+    Promise.all([getFolderRequest({
+      view
+    }), getShareInfoRequest()]).then(async ([getFolderResponse, getShareInfoResponse]) => {
+      isLoading.current = true;
+      if (getShareInfoResponse.folders) {
+        const sharedAccounts = lodash.filter(getShareInfoResponse.folders, ['folderId', 1]);
+        const filteredLinks = lodash.reject(getFolderResponse.folder[0].link, ['rid', 1]);
+        const folders = sharedAccounts.length ? [{
+          ...getFolderResponse.folder[0],
+          link: filteredLinks
+        }, ...(await getFoldersByAccounts(sharedAccounts, view))] : [{
+          ...getFolderResponse.folder[0],
+          link: filteredLinks
+        }];
+        folderWorker.postMessage({
+          op: 'refresh',
+          currentView: view,
+          folder: folders ?? []
+        });
+      } else {
+        folderWorker.postMessage({
+          op: 'refresh',
+          currentView: view,
+          folder: getFolderResponse.folder ?? []
+        });
+      }
+    }).catch(() => {
+      const id = 'error-initialize-modal';
+      createModal({
+        id,
+        children: /*#__PURE__*/React__default.default.createElement(FolderInitializationErrorModal, {
+          onClose: () => closeModal(id)
+        })
+      }, true);
+    }).finally(() => {
+      isLoading.current = false;
+    });
+  }, [closeModal, createModal, view]);
+  React.useEffect(() => {
+    if (!isLoading.current && view) {
+      fetchFolders();
+    }
+  }, [fetchFolders, view]);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+/**
+ * TODO remove this file and use an export from @zextras/carbonio-ui-soap-lib
+ * @see https://zextras.atlassian.net/browse/CO-2160
+ */
+
+/**
+ * @deprecated use the export from @zextras/carbonio-ui-soap-lib
+ */
+const NoOp = async () => {
+  const request = {
+    _jsns: JSNS.MAIL
+  };
+  const response = await carbonioUiSoapLib.legacySoapFetch('NoOp', request);
+  if ('Fault' in response) {
+    throw new Error(response.Fault.Reason.Text);
+  }
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const useUpdateView = () => {
+  const handler = React.useCallback(() => {
+    NoOp();
+  }, []);
+  React.useEffect(() => {
+    window.addEventListener('updateView', handler);
+    return function cleanup() {
+      window.removeEventListener('updateView', handler);
+    };
+  }, [handler]);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const useInitializeTags = () => {
+  const [initialized, setInitialized] = React.useState(false);
+  const refresh = carbonioUiSoapLib.useInfoRefresh();
+  React.useEffect(() => {
+    if (!lodash.isEmpty(refresh) && !initialized) {
+      setInitialized(true);
+      tagsWorker.postMessage({
+        op: 'refresh',
+        tags: refresh.tags
+      });
+    }
+  }, [initialized, refresh]);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const isValidFolderName = folderName => {
+  // Check if the folder name is empty
+  if (!folderName.trim()) {
+    return false;
+  }
+
+  // Regular expression pattern for invalid characters
+  const invalidChars = /["/:]/;
+
+  // Check if the folder name contains any invalid characters
+  if (invalidChars.test(folderName)) {
+    return false;
+  }
+
+  // Check if the folder name is too long (limit it to 128 characters)
+  if (folderName.length > 128) {
+    return false;
+  }
+
+  // If all checks pass, the folder name is considered valid
+  return true;
+};
+const allowedActionOnSharedAccount = (folder, action) => {
+  const permission = folder.perm;
+  switch (action) {
+    case FolderActionsType.NEW:
+      if (permission) if (permission.includes('rwidx')) {
+        return true;
+      } else {
+        return false;
+      }
+      return true;
+    case FolderActionsType.SHARE:
+      if (permission) if (permission.includes('rwidxa')) {
+        return true;
+      } else {
+        return false;
+      }
+      return true;
+    default:
+      return true;
+  }
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const legacyFallback = text => {
+  const textArea = window.parent.document.createElement('textarea');
+  window.parent.document.body.appendChild(textArea);
+  textArea.value = text;
+  textArea.select();
+  const success = window.parent.document.execCommand('copy');
+  window.parent.document.body.removeChild(textArea);
+  return new Promise((resolve, reject) => {
+    success ? resolve() : reject();
+  });
+};
+const copyToClipboard = text => {
+  if (!window.parent.navigator.clipboard) {
+    return legacyFallback(text);
+  }
+  return window.parent.navigator.clipboard.writeText(text);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const getPrefs = () => {
+  const {
+    prefs
+  } = carbonioShellUi.getUserSettings();
+  return prefs;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const usePrefs = () => {
+  const {
+    prefs
+  } = carbonioShellUi.useUserSettings();
+  return prefs;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+class SoapApiError extends Error {
+  constructor(fault) {
+    super(fault.Reason.Text);
+    this.fault = fault;
+  }
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+function getErrorMessage(error, t) {
+  if (error instanceof SoapApiError) {
+    return error.getLocalizedMessage(t);
+  }
+  return t('label.error_try_again', 'Something went wrong, please try again');
+}
+
+/* eslint-disable @typescript-eslint/no-use-before-define */
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+function parseEmail(input) {
+  const extracted = extractEmail(input);
+  return isValidEmail(extracted) ? extracted : undefined;
+}
+function isValidEmail(email) {
+  // eslint-disable-next-line max-len, prettier/prettier, no-useless-escape
+  const validEmailRegex = /^(?!\.)[\p{L}\p{N}.+_\-]+@[\p{L}\p{N}.+-]+\.[\p{L}\p{N}]{2,}$/u;
+  return validEmailRegex.test(String(email).toLowerCase());
+}
+function extractEmail(input) {
+  const trimmedInput = input.trim();
+  const caputured = /.*<(.*)>/.exec(trimmedInput);
+  if (caputured && caputured.length > 1) {
+    return caputured[1].trim();
+  }
+  return trimmedInput;
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+async function apiWrapper(promise) {
+  return Promise.allSettled([promise]).then(async ([result]) => {
+    if (result.status === 'fulfilled') {
+      const responseBody = await result.value.text();
+      return responseBody ? {
+        data: JSON.parse(responseBody)
+      } : {
+        data: {}
+      };
+    }
+    return {
+      error: result.reason
+    };
+  });
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+function getSharedAccounts() {
+  return getShareInfoRequest().then(res => {
+    const sharedAccounts = [];
+    if (res?.folders) {
+      const sharedRootFolders = lodash.filter(res.folders, ['folderId', 1]);
+      sharedRootFolders.forEach(account => {
+        if (account.ownerId && account.ownerEmail) {
+          sharedAccounts.push({
+            id: account.ownerId,
+            address: account.ownerEmail
+          });
+        }
+      });
+    }
+    return sharedAccounts;
+  });
+}
+function getDefaultAccount() {
+  const account = carbonioShellUi.getUserAccount();
+  if (!account) {
+    return undefined;
+  }
+  return {
+    id: account.id,
+    address: account.name
+  };
+}
+async function getOrderedAccountIds(priorityAccountAddress) {
+  const sharedAccounts = await getSharedAccounts();
+  const defaultAccount = getDefaultAccount();
+  const finalList = defaultAccount ? [defaultAccount].concat(...sharedAccounts) : sharedAccounts;
+  const sortedList = lodash.sortBy(finalList, item => item.address === priorityAccountAddress ? 0 : 1);
+  return lodash.map(sortedList, item => item.id);
+}
+
+/**
+ * The name of the primary identity
+ */
+const PRIMARY_IDENTITY_NAME = 'DEFAULT';
+const NO_ACCOUNT_NAME = 'No account';
+
+/**
+ * The type of the identities whose address does not match with any of the available addresses
+ */
+const UNKNOWN_IDENTITY_DEFAULT_TYPE = 'alias';
+
+/**
+ * Returns the list of all the available addresses for the account and their type
+ */
+const getAvailableAddresses = () => {
+  const account = carbonioShellUi.getUserAccount();
+  const settings = carbonioShellUi.getUserSettings();
+  const result = [];
+
+  // Adds the email address of the primary account
+  result.push({
+    address: account?.name ?? NO_ACCOUNT_NAME,
+    type: 'primary',
+    ownerAccount: account?.name ?? NO_ACCOUNT_NAME
+  });
+
+  // Adds all the aliases
+  if (settings.attrs.zimbraMailAlias) {
+    if (lodash.isArray(settings.attrs.zimbraMailAlias)) {
+      result.push(...settings.attrs.zimbraMailAlias.map(alias => ({
+        address: alias,
+        type: 'alias',
+        ownerAccount: account?.name ?? NO_ACCOUNT_NAME
+      })));
+    } else {
+      result.push({
+        address: settings.attrs.zimbraMailAlias,
+        type: 'alias',
+        ownerAccount: account?.name ?? NO_ACCOUNT_NAME
+      });
+    }
+  }
+
+  // Adds the email addresses of all the delegation accounts
+  if (account?.rights?.targets) {
+    account.rights.targets.forEach(target => {
+      if (target.target && (target.right === 'sendAs' || target.right === 'sendOnBehalfOf')) {
+        target.target.forEach(user => {
+          if (user.type === 'account' && user.email) {
+            user.email.forEach(email => {
+              result.push({
+                address: email.addr,
+                type: 'delegation',
+                right: target.right,
+                ownerAccount: email.addr
+              });
+            });
+          }
+        });
+      }
+    });
+  }
+  return result;
+};
+
+/**
+ *
+ * @param identities
+ */
+const sortIdentities = identities => {
+  const allIdentities = [...identities];
+  const defaultIdentity = lodash.remove(allIdentities, identity => identity.name === PRIMARY_IDENTITY_NAME);
+  return [...defaultIdentity, ...allIdentities];
+};
+
+/**
+ * @param email
+ * @param rights
+ */
+const generateIdentityId = (email, rights) => email + rights;
+
+/**
+ * Returns the list of all the identities for the account. For each identity a type
+ * is give, by matching the email address with all the available addresses, or by
+ * setting a default one if the address does not match any of the available addresses.
+ *
+ * The function returns also an identity for each account for which the user is a delegate
+ * (sendAs or sendOnBehalfOf) if there is no an already existing identity
+ */
+const getIdentitiesDescriptors = () => {
+  const account = carbonioShellUi.getUserAccount();
+  const identities = [];
+
+  // Get the list of all the available email addresses for the account and their type
+  const availableEmailAddresses = getAvailableAddresses();
+  account?.identities?.identity && sortIdentities(account.identities.identity)?.forEach(identity => {
+    const fromAddress = identity._attrs?.zimbraPrefFromAddress ?? '';
+    const fromDisplay = identity._attrs?.zimbraPrefFromDisplay ?? '';
+
+    // The receiving address for the primary identity is the account name
+    const receivingAddress = identity.name === PRIMARY_IDENTITY_NAME ? account.name : fromAddress;
+
+    // Find the first match between the identity receiving email address and the available email addresses
+    const matchingReceivingAddress = availableEmailAddresses.find(availableAddress => availableAddress.address === receivingAddress);
+    const type = matchingReceivingAddress ? matchingReceivingAddress.type : UNKNOWN_IDENTITY_DEFAULT_TYPE;
+    const right = type === 'delegation' && matchingReceivingAddress ? matchingReceivingAddress.right : undefined;
+    identities.push({
+      ownerAccount: matchingReceivingAddress?.ownerAccount ?? account.name,
+      receivingAddress,
+      id: identity._attrs?.zimbraPrefIdentityId ?? '',
+      identityName: identity.name ?? '',
+      identityDisplayName: identity._attrs?.zimbraPrefIdentityName ?? '',
+      fromDisplay,
+      fromAddress,
+      type,
+      right,
+      defaultSignatureId: identity._attrs?.zimbraPrefDefaultSignatureId,
+      forwardReplySignatureId: identity._attrs?.zimbraPrefForwardReplySignatureId
+    });
+  });
+  const delegationAccounts = lodash.filter(account?.rights?.targets, rts => rts.right === 'sendAs' || rts.right === 'sendOnBehalfOf');
+  const delegationIdentities = lodash.flatten(lodash.map(delegationAccounts, ele => lodash.map(ele?.target, item => ({
+    ownerAccount: item.email[0].addr ?? account?.name ?? NO_ACCOUNT_NAME,
+    receivingAddress: item.email[0].addr,
+    id: generateIdentityId(item.email[0].addr, ele.right),
+    identityName: item.d,
+    identityDisplayName: item.d,
+    fromDisplay: item.d,
+    fromAddress: item.email[0].addr,
+    type: 'delegation',
+    right: ele.right
+  }))));
+  const uniqueIdentityList = [...identities];
+  if (delegationIdentities?.length) {
+    lodash.map(delegationIdentities, ele => {
+      const uniqIdentity = lodash.findIndex(identities, {
+        fromAddress: ele.fromAddress
+      });
+      if (uniqIdentity < 0) uniqueIdentityList.push(ele);
+    });
+    return uniqueIdentityList;
+  }
+  return identities;
+};
+const getDefaultIdentity = () => getIdentitiesDescriptors().reduce((result, identity) => identity.identityName === PRIMARY_IDENTITY_NAME ? identity : result);
+
+/**
+ *
+ * @param identity
+ * @param t
+ */
+const getIdentityDescription = (identity, t) => {
+  if (!identity) {
+    return null;
+  }
+  const defaultIdentity = getDefaultIdentity();
+  return identity.right === 'sendOnBehalfOf' ? `${t('label.on_behalf_of', 'on behalf of', {
+    accountName: defaultIdentity.fromDisplay ?? '',
+    identity: identity.fromDisplay ?? identity.identityName,
+    otherAccount: identity.fromAddress
+  })}` : `${identity.identityName ?? ''} (${identity.fromDisplay ?? ''} <${identity.fromAddress}>)`;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const SEARCH_QUERY_PREFIXES = {
+  /*
+   * Specifies text that the message must contain. For example,
+   * content:bananas finds all items containing the word "bananas".
+   */
+  content: 'content',
+  /*
+   * Specifies a sender name or email address that is in the From header.
+   * This can be text, as in "John Smith III", an email address such as
+   * joe@acme.com, or a domain such as zimbra.com.
+   */
+  from: 'from',
+  /*
+   * Same as from: except that it specifies one of the people to whom the
+   * email was addressed in the To: header.
+   */
+  to: 'to',
+  /*
+   * Same as from: except that it specifies a recipient in the Cc: header
+   * of the message.
+   */
+  cc: 'cc',
+  /*
+   * Specifies text that must appear in the subject header of the message.
+   * An example might be subject:new vacation policy.
+   */
+  subject: 'subject',
+  /*
+   * Specifies a folder. For example, in:sent would show all items in your
+   * Sent folder.
+   */
+  in: 'in',
+  /*
+   * Specifies an attribute that the message must have. The types of object
+   * you can specify are "attachment", "phone", or "url". For example,
+   * has:attachment would find all messages which contain one or more
+   * attachments of any type.
+   */
+  has: 'has',
+  /*
+   * Specifies an attachment file name. For example, filename:query.txt
+   * would find messages with a file attachment named "query.txt".
+   */
+  filename: 'filename',
+  /*
+   * Specifies a search within attachments of a specified type. The types
+   * of attachment you can specify are "text", "word", "excel", and "pdf".
+   * For example, type:word "hello" finds messages with attachments that
+   * are Microsoft Word documents and searches within those attachments for
+   * the word "hello".
+   */
+  type: 'type',
+  /*
+   * Specifies any item with a certain type of attachment. For example,
+   * attachment:word would find all messages with a Word file attachment.
+   */
+  attachment: 'attachment',
+  /*
+   * Searches for messages with a certain status. Allowable values are
+   * "unread", "read", "flagged", "unflagged", "sent", "draft",
+   * "received", "replied", "unreplied", "forwarded", "unforwarded",
+   * "anywhere", "remote" (in a shared folder), "local", "sent". For
+   * example, is:unread will find all unread messages.
+   */
+  is: 'is',
+  /*
+   * Use this keyword to specify a date, using the format that is default
+   * for your browser's locale (for US English the format is mm/dd/yyyy).
+   * For example, date:2/1/2010 would find messages dated February 1,
+   * 2010. The greater than (>) or less than (<) symbols can be used
+   * instead of after or before. >= and <= are also allowed.
+   */
+  date: 'date',
+  /*
+   * Specifies mail sent after a certain date. For example, after:2/1/2010
+   * specify mail sent after February 1, 2010.
+   */
+  after: 'after',
+  /*
+   * Same as after: except specifies mail sent before the specified date.
+   */
+  before: 'before',
+  /*
+   * Specifies messages whose total size, including attachments, is a
+   * specified number of bytes, kilobytes, or megabytes. For example,
+   * size:12kb would find messages that are exactly 12K in size. The
+   * greater than (>) or less than (<) symbols can be used instead of
+   * bigger or smaller.
+   */
+  size: 'size',
+  /*
+   * Similar to size: except specifies greater than the specified size.
+   */
+  larger: 'larger',
+  /*
+   * Similar to size: except specifies smaller than the specified size.
+   */
+  smaller: 'smaller',
+  /*
+   * Finds email messages that do not have a reply to them yet.
+   */
+  solo: 'solo',
+  /*
+   * Finds messages which have been tagged with a specified tag. For
+   * example, tag:amber will find message that have a tag called "amber"
+   * applied.
+   */
+  tag: 'tag',
+  /*
+   * Finds messages, tasks or calendar items based on "high" "low"
+   * priority. For example, priority:high will find items with a priority
+   * setting of high.
+   */
+  priority: 'priority'
+};
+
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const WHOLE_QUERY_REGEX = new RegExp(`^(?:(${Object.values(SEARCH_QUERY_PREFIXES).join('|')}):)?(.+)$`, 'im');
+function getChipString(chip) {
+  if (typeof chip.value === 'string' && chip.value !== '') {
+    return chip.value;
+  }
+  if (typeof chip.label === 'string' && chip.label !== '') {
+    return chip.label;
+  }
+  return '';
+}
+const QUOTED_TERM_REGEX = /^"([^"]+)"$/im;
+const MULTIWORD_TERM_REGEX = /^(\S+\s+\S+.*)$/im;
+const convertSearchChipToString = chip => {
+  const match = getChipString(chip).match(WHOLE_QUERY_REGEX);
+  if (!match) {
+    return getChipString(chip);
+  }
+  const prefixAndColon = match[1] ? `${match[1]}:` : '';
+  const term = match[2].trim();
+  const isQuoted = QUOTED_TERM_REGEX.test(term);
+  const isMultiword = !isQuoted && MULTIWORD_TERM_REGEX.test(term);
+  return isMultiword ? `${prefixAndColon}"${term}"` : `${prefixAndColon}${term}`;
+};
+
 /*
  * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+const useHistoryNavigation = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const replaceHistory = React.useCallback(path => {
+    navigate(path, {
+      replace: true
+    });
+  }, [navigate]);
+  const pushHistory = React.useCallback(path => {
+    navigate(path, {
+      replace: false
+    });
+  }, [navigate]);
+  return React.useMemo(() => ({
+    replaceHistory,
+    pushHistory
+  }), [replaceHistory, pushHistory]);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const CONTACT_TYPES = {
+  GROUP: 'CONTACT_GROUP',
+  DISTRIBUTION_LIST: 'DISTRIBUTION_LIST',
+  CONTACT: 'CONTACT'
+};
+const EDIT_ACTION_ID = 'edit-contact-chip-action';
+
+const DefaultContactInput = ({
+  onChange,
+  defaultValue,
+  // The following props are not used in this component, but are passed to the ChipInput component
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  dragAndDropEnabled: _dragAndDropEnabled,
+  // The following props are not used in this component, but are passed to the ChipInput component
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  orderedAccountIds: _orderedAccountIds,
+  // The following props are not used in this component, but are passed to the ChipInput component
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  chipLabelFactory: _labelFactory,
+  ...rest
+}) => {
+  const internalOnChange = items => {
+    onChange?.(items);
+  };
+  const internalOnAdd = email => {
+    if (typeof email === 'string') {
+      const validEmail = parseEmail(email);
+      const finalEmail = validEmail ?? email;
+      return {
+        id: finalEmail,
+        label: finalEmail,
+        value: {
+          id: finalEmail,
+          email,
+          type: CONTACT_TYPES.CONTACT
+        },
+        error: !validEmail
+      };
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
+    throw new Error('no value');
+  };
+  return /*#__PURE__*/React__default.default.createElement(carbonioDesignSystem.ChipInput, _extends({}, rest, {
+    pasteSeparators: [',', ';', '\n'],
+    createChipOnPaste: true,
+    defaultValue: defaultValue,
+    separators: [{
+      code: 'Enter',
+      ctrlKey: false
+    }, {
+      code: 'NumpadEnter',
+      ctrlKey: false
+    }, {
+      key: ',',
+      ctrlKey: false
+    }, {
+      key: ';',
+      ctrlKey: false
+    }],
+    onChange: internalOnChange,
+    onAdd: internalOnAdd
+  }));
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const useContactInput = () => {
+  const [ContactInput, integrationAvailable] = carbonioShellUi.useIntegratedComponent('contact-input');
+  if (integrationAvailable) {
+    return ContactInput;
+  }
+  return DefaultContactInput;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const useRunSearchIntegration = () => {
+  const [runSearchFn, isAvailable] = carbonioShellUi.useIntegratedFunction('search-run-search');
+  return isAvailable ? runSearchFn : undefined;
+};
+
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+/**
+ * Implements a generic API error which can be used when no specific error is available
+ */
+class GenericSoapApiError extends SoapApiError {
+  /**
+   * Returns the generic localized message for the error
+   * @param t - The translation function
+   * @returns The localized message
+   */
+  // eslint-disable-next-line class-methods-use-this
+  getLocalizedMessage(t) {
+    return t('label.error_try_again', 'Something went wrong, please try again');
+  }
+}
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+// extra currying as suggested in https://github.com/pmndrs/zustand/blob/main/docs/guides/typescript.md#basic-usage
+const useTagStore = zustand.create()(() => ({
+  tags: {}
 }));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// components/breadcrumbs
-__exportStar(require("./components/breadcrumbs/static-breadcrumbs"), exports);
-// components/sidebar
-__exportStar(require("./components/sidebar/sidebar-accordion-mui"), exports);
-// components/modals
-__exportStar(require("./components/modals/modal-footer"), exports);
-__exportStar(require("./components/modals/modal-header"), exports);
-__exportStar(require("./components/modals/folder-initialization-error-modal"), exports);
-// components/select/folders
-__exportStar(require("./components/select/folders/folders-accordion"), exports);
-__exportStar(require("./components/select/folders/flat-folder"), exports);
-__exportStar(require("./components/select/folders/flat-folders"), exports);
-__exportStar(require("./components/select/folders/folder-accordions-custom-component"), exports);
-__exportStar(require("./components/select/folders/folder-selector"), exports);
-__exportStar(require("./components/select/folders/flat-root"), exports);
-__exportStar(require("./components/select/folders/status-icon"), exports);
-__exportStar(require("./components/select/folders/hooks"), exports);
-__exportStar(require("./components/select/folders/utils"), exports);
-// components/select
-__exportStar(require("./components/select/select-label-factory"), exports);
-__exportStar(require("./components/select/color-select"), exports);
-__exportStar(require("./components/select/folders-selector"), exports);
-// components/list
-__exportStar(require("./components/list/list-item"), exports);
-__exportStar(require("./components/list/list"), exports);
-// components/tags
-__exportStar(require("./components/tags/delete-tag-modal"), exports);
-// hooks
-__exportStar(require("./hooks/use-initialize-folders"), exports);
-__exportStar(require("./hooks/use-update-view"), exports);
-__exportStar(require("./hooks/use-initialize-tags"), exports);
-// utils
-__exportStar(require("./utils/utils"), exports);
-__exportStar(require("./utils/index"), exports);
-__exportStar(require("./utils/clipboard"), exports);
-__exportStar(require("./utils/get-prefs"), exports);
-__exportStar(require("./utils/use-prefs"), exports);
-// helpers
-__exportStar(require("./helpers/errors"), exports);
-__exportStar(require("./helpers/email-parser"), exports);
-__exportStar(require("./helpers/api-wrapper"), exports);
-__exportStar(require("./helpers/folders"), exports);
-__exportStar(require("./helpers/identities"), exports);
-__exportStar(require("./helpers/search"), exports);
-__exportStar(require("./helpers/use-history-navigation"), exports);
-// integrations
-__exportStar(require("./integrations/hooks"), exports);
-__exportStar(require("./integrations/constants"), exports);
-__exportStar(require("./integrations/default-contact-input"), exports);
-__exportStar(require("./integrations/search/use-run-search"), exports);
-__exportStar(require("./integrations/types"), exports);
-// soap
-__exportStar(require("./soap/errors/generic-soap-api-error"), exports);
-__exportStar(require("./soap/errors/soap-api-error"), exports);
-__exportStar(require("./soap/no-op"), exports);
-__exportStar(require("./soap/get-share-info"), exports);
-__exportStar(require("./soap/get-folder"), exports);
-__exportStar(require("./soap/tags"), exports);
-// store/zustand/folder
-__exportStar(require("./store/zustand/folder/hooks"), exports);
-__exportStar(require("./store/zustand/folder/utils"), exports);
-__exportStar(require("./store/zustand/folder/store"), exports);
-// store/zustand/tags
-__exportStar(require("./store/zustand/tags/hooks"), exports);
-__exportStar(require("./store/zustand/tags/store"), exports);
-__exportStar(require("./store/zustand/tags/index"), exports);
-// constants
-__exportStar(require("./constants/folders"), exports);
-__exportStar(require("./constants/utils/index"), exports);
-__exportStar(require("./constants/participants"), exports);
-__exportStar(require("./constants/search"), exports);
-// theme
-__exportStar(require("./theme/theme-mui"), exports);
-__exportStar(require("./theme/theme"), exports);
-// worker
-__exportStar(require("./worker/folder"), exports);
-__exportStar(require("./worker/tags"), exports);
-__exportStar(require("./worker/handle-message"), exports);
-__exportStar(require("./worker/utils"), exports);
-__exportStar(require("./worker"), exports);
-// types
-__exportStar(require("./types"), exports);
-__exportStar(require("./types/actions"), exports);
-__exportStar(require("./types/folder"), exports);
-__exportStar(require("./types/i18next"), exports);
-__exportStar(require("./types/identities"), exports);
-__exportStar(require("./types/modals"), exports);
-__exportStar(require("./types/select"), exports);
-__exportStar(require("./types/sidebar"), exports);
-__exportStar(require("./types/soap"), exports);
-__exportStar(require("./types/emotion"), exports);
-__exportStar(require("./types/tags"), exports);
-__exportStar(require("./types/workers"), exports);
-//# sourceMappingURL=index.js.map
+tagsWorker.onmessage = ({
+  data
+}) => {
+  useTagStore.setState(data);
+};
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+function sortTags(tags) {
+  return lodash.orderBy(Object.values(tags), tag => tag.name.toLowerCase(), 'asc');
+}
+const useTags = ids => useTagStore(state => ids ? lodash.pick(state.tags, ids) : state.tags);
+const getTags = ids => ids ? lodash.pick(useTagStore.getState().tags, ids) : useTagStore.getState().tags;
+const useSortedTagsArray = () => useTagStore(state => sortTags(state.tags));
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const ParticipantRole = {
+  FROM: 'f',
+  TO: 't',
+  CARBON_COPY: 'c',
+  BLIND_CARBON_COPY: 'b',
+  REPLY_TO: 'r',
+  SENDER: 's',
+  READ_RECEIPT_NOTIFICATION: 'n',
+  RESENT_FROM: 'rf'
+};
+
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+onmessage = handleMessage;
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+const handleTagRefresh = tags => {
+  if (typeof tags !== 'undefined') {
+    return tags.reduce((acc, val) => {
+      // eslint-disable-next-line no-param-reassign
+      acc[val.id] = val;
+      return acc;
+    }, {});
+  }
+  return {};
+};
+const handleTagCreated = (tags, created) => {
+  if (!created) return tags;
+  return created.reduce((acc, val) => {
+    // eslint-disable-next-line no-param-reassign
+    acc[val.id] = val;
+    return acc;
+  }, tags);
+};
+const handleTagModified = (tags, modified) => {
+  if (!modified) return tags;
+  return modified.reduce((acc, val) => {
+    if (val.id) {
+      // eslint-disable-next-line no-param-reassign
+      acc[val.id] = {
+        ...tags[val.id],
+        ...val
+      };
+    }
+    return acc;
+  }, tags);
+};
+const handleTagDeleted = (tags, deleted) => {
+  if (!deleted) return tags;
+  return deleted.reduce((acc, val) => {
+    // eslint-disable-next-line no-param-reassign
+    delete acc[val];
+    return acc;
+  }, tags);
+};
+const handleTagNotify = (notify, state) => handleTagDeleted(handleTagModified(handleTagCreated(state, notify.created?.tag), notify.modified?.tag), notify.deleted);
+function deletedIdsContainTags({
+  deletedIds,
+  tagIds
+}) {
+  return deletedIds.some(deletedId => tagIds?.includes(deletedId));
+}
+onmessage = ({
+  data
+}) => {
+  if (data.op === 'refresh' && data.tags) postMessage({
+    tags: handleTagRefresh(data.tags.tag)
+  });
+  const tagIds = data.state && Object.keys(data.state);
+  if (data.op === 'notify' && (data.notify.created?.tag || data.notify.modified?.tag || data.notify.deleted && deletedIdsContainTags({
+    deletedIds: data.notify.deleted,
+    tagIds
+  }))) postMessage({
+    tags: handleTagNotify(data.notify, data.state)
+  });
+};
+
+exports.CONTACT_TYPES = CONTACT_TYPES;
+exports.ColorContainer = ColorContainer;
+exports.ColorSelect = ColorSelect;
+exports.CustomList = CustomList;
+exports.CustomListItem = CustomListItem;
+exports.DRAG_DATA_TYPE = DRAG_DATA_TYPE;
+exports.DefaultContactInput = DefaultContactInput;
+exports.DeleteTagModal = DeleteTagModal;
+exports.EDIT_ACTION_ID = EDIT_ACTION_ID;
+exports.FOLDERS = FOLDERS;
+exports.FOLDER_VIEW = FOLDER_VIEW;
+exports.FlatFolder = FlatFolder;
+exports.FlatFolders = FlatFolders;
+exports.FlatRoot = FlatRoot;
+exports.FolderAccordionCustomComponent = FolderAccordionCustomComponent;
+exports.FolderActionsType = FolderActionsType;
+exports.FolderInitializationErrorModal = FolderInitializationErrorModal;
+exports.FolderSelector = FolderSelector;
+exports.FolderSelectorLabelFactory = FolderSelectorLabelFactory;
+exports.FoldersAccordion = FoldersAccordion;
+exports.FoldersSelector = FoldersSelector;
+exports.GenericSoapApiError = GenericSoapApiError;
+exports.JSNS = JSNS;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.NoOp = NoOp;
+exports.ParticipantRole = ParticipantRole;
+exports.ROOT_NAME = ROOT_NAME;
+exports.SEARCH_QUERY_PREFIXES = SEARCH_QUERY_PREFIXES;
+exports.SidebarAccordionMui = SidebarAccordionMui;
+exports.SoapApiError = SoapApiError;
+exports.Square = Square$1;
+exports.StaticBreadcrumbs = StaticBreadcrumbs;
+exports.StatusIcon = StatusIcon;
+exports.TagsActionsType = TagsActionsType;
+exports.TextUpperCase = TextUpperCase;
+exports.ZIMBRA_STANDARD_COLORS = ZIMBRA_STANDARD_COLORS;
+exports.allowedActionOnSharedAccount = allowedActionOnSharedAccount;
+exports.apiWrapper = apiWrapper;
+exports.changeTagColor = changeTagColor;
+exports.convertSearchChipToString = convertSearchChipToString;
+exports.copyToClipboard = copyToClipboard;
+exports.createTag = createTag;
+exports.deleteTag = deleteTag;
+exports.filterNodes = filterNodes;
+exports.flattenAndFilterFoldersWithCap = flattenAndFilterFoldersWithCap;
+exports.folderViewFilter = folderViewFilter;
+exports.folderWorker = folderWorker;
+exports.getDefaultAccount = getDefaultAccount;
+exports.getErrorMessage = getErrorMessage;
+exports.getFlatChildrenFolders = getFlatChildrenFolders;
+exports.getFolder = getFolder;
+exports.getFolderIconColor = getFolderIconColor;
+exports.getFolderIconName = getFolderIconName;
+exports.getFolderIdParts = getFolderIdParts;
+exports.getFolderOtherOwnerAccountName = getFolderOtherOwnerAccountName;
+exports.getFolderOwnerAccountName = getFolderOwnerAccountName;
+exports.getFolderRequest = getFolderRequest;
+exports.getFolderTranslatedName = getFolderTranslatedName;
+exports.getFolders = getFolders;
+exports.getFoldersArrayByRoot = getFoldersArrayByRoot;
+exports.getFoldersMap = getFoldersMap;
+exports.getIdentitiesDescriptors = getIdentitiesDescriptors;
+exports.getIdentityDescription = getIdentityDescription;
+exports.getLinkIdMapKey = getLinkIdMapKey;
+exports.getLinksArray = getLinksArray;
+exports.getOrderedAccountIds = getOrderedAccountIds;
+exports.getPrefs = getPrefs;
+exports.getRoot = getRoot;
+exports.getRootAccountId = getRootAccountId;
+exports.getRootByUser = getRootByUser;
+exports.getRootsArray = getRootsArray;
+exports.getRootsMap = getRootsMap;
+exports.getSearchFolder = getSearchFolder;
+exports.getSearchFolders = getSearchFolders;
+exports.getShareInfoRequest = getShareInfoRequest;
+exports.getSharedAccounts = getSharedAccounts;
+exports.getSortCriteria = getSortCriteria;
+exports.getSystemFolderTranslatedName = getSystemFolderTranslatedName;
+exports.getTags = getTags;
+exports.getUpdateFolder = getUpdateFolder;
+exports.handleFolderCreated = handleFolderCreated;
+exports.handleFolderDeleted = handleFolderDeleted;
+exports.handleFolderModified = handleFolderModified;
+exports.handleFolderNotify = handleFolderNotify;
+exports.handleFolderRefresh = handleFolderRefresh;
+exports.handleFoldersMessages = handleFoldersMessages;
+exports.handleLinkCreated = handleLinkCreated;
+exports.handleMessage = handleMessage;
+exports.handleTagNotify = handleTagNotify;
+exports.handleTagRefresh = handleTagRefresh;
+exports.hasId = hasId$1;
+exports.isA = isA;
+exports.isAdministerAllowed = isAdministerAllowed;
+exports.isCreateAllowed = isCreateAllowed;
+exports.isDefaultAccountRoot = isDefaultAccountRoot;
+exports.isDeleteAllowed = isDeleteAllowed;
+exports.isInsertAllowed = isInsertAllowed;
+exports.isLink = isLink;
+exports.isNestedInTrash = isNestedInTrash;
+exports.isReadAllowed = isReadAllowed;
+exports.isRoot = isRoot;
+exports.isSharedAccountFolder = isSharedAccountFolder;
+exports.isSystemFolder = isSystemFolder;
+exports.isTrash = isTrash$1;
+exports.isTrashOrNestedInIt = isTrashOrNestedInIt;
+exports.isTrashed = isTrashed;
+exports.isValidEmail = isValidEmail;
+exports.isValidFolderName = isValidFolderName;
+exports.isWriteAllowed = isWriteAllowed;
+exports.mapNodes = mapNodes;
+exports.normalize = normalize;
+exports.normalizeLink = normalizeLink;
+exports.normalizeSearch = normalizeSearch;
+exports.parseEmail = parseEmail;
+exports.processFolder = processFolder;
+exports.processLink = processLink;
+exports.processSearch = processSearch;
+exports.renameTag = renameTag;
+exports.sortFolders = sortFolders;
+exports.tagsWorker = tagsWorker;
+exports.testFolderIsChecked = testFolderIsChecked;
+exports.testUtils = testUtils;
+exports.theme = theme;
+exports.themeMui = themeMui;
+exports.themeMuiExtension = themeMuiExtension;
+exports.useContactInput = useContactInput;
+exports.useFolder = useFolder;
+exports.useFolderStore = useFolderStore;
+exports.useFolders = useFolders;
+exports.useFoldersMap = useFoldersMap;
+exports.useFoldersMapByRoot = useFoldersMapByRoot;
+exports.useHistoryNavigation = useHistoryNavigation;
+exports.useInitializeFolders = useInitializeFolders;
+exports.useInitializeTags = useInitializeTags;
+exports.usePrefs = usePrefs;
+exports.useRoot = useRoot;
+exports.useRootByUser = useRootByUser;
+exports.useRootsArray = useRootsArray;
+exports.useRootsMap = useRootsMap;
+exports.useRunSearchIntegration = useRunSearchIntegration;
+exports.useSearchFolder = useSearchFolder;
+exports.useSearchFolders = useSearchFolders;
+exports.useSortedTagsArray = useSortedTagsArray;
+exports.useTagStore = useTagStore;
+exports.useTags = useTags;
+exports.useUpdateFolder = useUpdateFolder;
+exports.useUpdateView = useUpdateView;
+//# sourceMappingURL=index.js.map