@plone/volto 18.0.0-alpha.44 → 18.0.0-alpha.45

package/dist/server/assets/Toolbar-DVsVq7NQ.js

@@ -1,1695 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { lazy, useState, useEffect, Component } from "react";
-import { defineMessages, useIntl, FormattedMessage, injectIntl } from "react-intl";
-import PropTypes from "prop-types";
-import { useHistory, Link, useLocation } from "react-router-dom";
-import jwtDecode from "jwt-decode";
-import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
-import { compose } from "redux";
-import { a4 as getLayoutFieldname, $ as $149c1bd638913645$export$2e2bcd8739ae039, u as usePrevious, g as getSchema, n as getContent, a5 as FormFieldWrapper, I as Icon, a6 as checkSVG, a7 as upSVG, a8 as down_key, w as updateContent, a9 as getWorkflow, aa as FormFieldWrapper$1, ab as transitionWorkflow, f as flattenToAppURL, T as Toast, ac as CREATE_WORKING_COPY, ad as APPLY_WORKING_COPY, ae as REMOVE_WORKING_COPY, b as getBaseUrl, af as userSVG, ag as Pluggable, ah as Plug, ai as paginationRightSVG, q as FormattedDate, aj as applySVG, o as backSVG, ak as expandToBackendURL, al as cameraSVG, am as toBackendLang, l as langmap, F as Form, an as languages, d as toGettextLang, a as changeLanguage, ao as EXPAND_TOOLBAR, ap as getTypes, C as listActions, y as unlockContent, A as hasApiExpander, aq as getCookieOptions, ar as doesNodeContainClick, B as BodyClass, as as folderSVG, at as moreSVG, k as clearSVG } from "../entry-server.js";
-import { withCookies } from "react-cookie";
-import { last, split, uniqBy, find, filter, map, isEmpty, keys } from "lodash-es";
-import cx from "classnames";
-import { toast } from "react-toastify";
-import { g as getUser } from "./users-BY0qskQF.js";
-import { u as userHasRoles } from "./User-CeYa32LY.js";
-import { P as PersonalInformation } from "./PersonalInformation--cOokZv2.js";
-const messages$5 = defineMessages({
-  Viewmode: {
-    id: "Viewmode",
-    defaultMessage: "View"
-  }
-});
-const Select$1 = lazy(() => import("react-select"));
-const SelectOption = lazy(
-  () => import("react-select").then((mod) => ({
-    default: mod.components.Option
-  }))
-);
-const SelectDropdownIndicator = lazy(
-  () => import("react-select").then((mod) => ({
-    default: mod.components.DropdownIndicator
-  }))
-);
-const Option$1 = (props) => {
-  return /* @__PURE__ */ jsxs(SelectOption, { ...props, children: [
-    /* @__PURE__ */ jsx("div", { children: props.label }),
-    props.isFocused && !props.isSelected && /* @__PURE__ */ jsx(Icon, { name: checkSVG, size: "18px", color: "#b8c6c8" }),
-    props.isSelected && /* @__PURE__ */ jsx(Icon, { name: checkSVG, size: "18px", color: "#007bc1" })
-  ] });
-};
-const DropdownIndicator$1 = (props) => {
-  return /* @__PURE__ */ jsx(SelectDropdownIndicator, { ...props, children: props.selectProps.menuIsOpen ? /* @__PURE__ */ jsx(Icon, { name: upSVG, size: "24px", color: "#007bc1" }) : /* @__PURE__ */ jsx(Icon, { name: down_key, size: "24px", color: "#007bc1" }) });
-};
-const selectTheme$1 = (theme) => ({
-  ...theme,
-  borderRadius: 0,
-  colors: {
-    ...theme.colors,
-    primary25: "hotpink",
-    primary: "#b8c6c8"
-  }
-});
-const customSelectStyles$1 = {
-  control: (styles, state) => ({
-    ...styles,
-    border: "none",
-    borderBottom: "2px solid #b8c6c8",
-    boxShadow: "none",
-    borderBottomStyle: state.menuIsOpen ? "dotted" : "solid"
-  }),
-  menu: (styles, state) => ({
-    ...styles,
-    top: null,
-    marginTop: 0,
-    boxShadow: "none",
-    borderBottom: "2px solid #b8c6c8"
-  }),
-  menuList: (styles, state) => ({
-    ...styles,
-    maxHeight: "400px"
-  }),
-  indicatorSeparator: (styles) => ({
-    ...styles,
-    width: null
-  }),
-  valueContainer: (styles) => ({
-    ...styles,
-    padding: 0
-  }),
-  option: (styles, state) => ({
-    ...styles,
-    backgroundColor: null,
-    minHeight: "50px",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    padding: "12px 12px",
-    color: state.isSelected ? "#007bc1" : state.isFocused ? "#4a4a4a" : "inherit",
-    ":active": {
-      backgroundColor: null
-    },
-    span: {
-      flex: "0 0 auto"
-    },
-    svg: {
-      flex: "0 0 auto"
-    }
-  })
-};
-const DisplaySelect = (props) => {
-  var _a, _b;
-  const { pathname } = props;
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const loaded = useSelector((state) => state.content.update.loaded);
-  const layouts = useSelector(
-    (state) => state.schema.schema ? state.schema.schema.layouts : []
-  );
-  const layout = useSelector(
-    (state) => state.content.data ? state.content.data[getLayoutFieldname(state.content.data)] : ""
-  );
-  const [selectedOption, setselectedOption] = useState({
-    value: layout,
-    label: intl.formatMessage({
-      id: (_a = $149c1bd638913645$export$2e2bcd8739ae039.views.layoutViewsNamesMapping) == null ? void 0 : _a[layout],
-      defaultMessage: (_b = $149c1bd638913645$export$2e2bcd8739ae039.views.layoutViewsNamesMapping) == null ? void 0 : _b[layout]
-    }) || layout
-  });
-  const type = useSelector(
-    (state) => state.content.data ? state.content.data["@type"] : ""
-  );
-  const prevloaded = usePrevious(loaded);
-  const prevpathname = usePrevious(pathname);
-  useEffect(() => {
-    dispatch(getSchema(type));
-  }, [dispatch, type]);
-  useEffect(() => {
-    if (pathname !== prevpathname) {
-      dispatch(getSchema(type));
-    }
-    if (!prevloaded && loaded) {
-      dispatch(getContent(pathname));
-    }
-  }, [dispatch, type, pathname, prevpathname, prevloaded, loaded]);
-  const setLayout = (selectedOption2) => {
-    dispatch(
-      updateContent(pathname, {
-        layout: selectedOption2.value
-      })
-    );
-    setselectedOption(selectedOption2);
-  };
-  const layoutsNames = $149c1bd638913645$export$2e2bcd8739ae039.views.layoutViewsNamesMapping;
-  const layoutOptions = layouts.filter(
-    (layout2) => Object.keys($149c1bd638913645$export$2e2bcd8739ae039.views.contentTypesViews).includes(layout2) || Object.keys($149c1bd638913645$export$2e2bcd8739ae039.views.layoutViews).includes(layout2)
-  ).map((item) => ({
-    value: item,
-    label: intl.formatMessage({
-      id: layoutsNames[item],
-      defaultMessage: layoutsNames[item]
-    }) || item
-  }));
-  return (layoutOptions == null ? void 0 : layoutOptions.length) > 1 ? /* @__PURE__ */ jsx(
-    FormFieldWrapper,
-    {
-      id: "display-select",
-      title: intl.formatMessage(messages$5.Viewmode),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Select$1,
-        {
-          name: "display-select",
-          className: "react-select-container",
-          classNamePrefix: "react-select",
-          options: layoutOptions,
-          styles: customSelectStyles$1,
-          theme: selectTheme$1,
-          components: { DropdownIndicator: DropdownIndicator$1, Option: Option$1 },
-          onChange: setLayout,
-          defaultValue: selectedOption,
-          isSearchable: false
-        }
-      )
-    }
-  ) : null;
-};
-DisplaySelect.propTypes = {
-  pathname: PropTypes.string.isRequired
-};
-function getCurrentStateMapping(state) {
-  const mapping = $149c1bd638913645$export$2e2bcd8739ae039.settings.workflowMapping;
-  if (state.id in mapping) {
-    return { label: state.title, ...mapping[state.id] };
-  }
-  return {
-    value: state.id,
-    label: state.title,
-    color: "#000"
-  };
-}
-function getWorkflowOptions(transition) {
-  const mapping = $149c1bd638913645$export$2e2bcd8739ae039.settings.workflowMapping;
-  const key = last(split(transition["@id"], "/"));
-  if (key in mapping) {
-    return { label: transition.title, ...mapping[key], url: transition["@id"] };
-  }
-  return {
-    value: key,
-    label: transition.title,
-    color: "#000",
-    url: transition["@id"]
-  };
-}
-const messages$4 = defineMessages({
-  messageUpdated: {
-    id: "Workflow updated.",
-    defaultMessage: "Workflow updated."
-  },
-  messageNoWorkflow: {
-    id: "No workflow",
-    defaultMessage: "No workflow"
-  },
-  state: {
-    id: "State",
-    defaultMessage: "State"
-  }
-});
-const Select = lazy(
-  () => import("react-select").then((module) => ({
-    default: module.default,
-    SingleValue: module.SingleValue,
-    Option: module.Option,
-    DropdownIndicator: module.DropdownIndicator,
-    Placeholder: module.Placeholder
-  }))
-);
-const SingleValue = ({ children, ...props }) => {
-  const stateDecorator = {
-    marginRight: "10px",
-    display: "inline-block",
-    backgroundColor: props.selectProps.value.color || null,
-    content: " ",
-    height: "10px",
-    width: "10px",
-    borderRadius: "50%"
-  };
-  return /* @__PURE__ */ jsxs(Select.SingleValue, { ...props, children: [
-    /* @__PURE__ */ jsx("span", { style: stateDecorator }),
-    children
-  ] });
-};
-const Option = (props) => {
-  const stateDecorator = {
-    marginRight: "10px",
-    display: "inline-block",
-    backgroundColor: props.selectProps.value.value === props.data.value ? props.selectProps.value.color : null,
-    content: " ",
-    height: "10px",
-    width: "10px",
-    borderRadius: "50%",
-    border: props.selectProps.value.value !== props.data.value ? `1px solid ${props.data.color}` : null
-  };
-  return /* @__PURE__ */ jsxs(Select.Option, { ...props, children: [
-    /* @__PURE__ */ jsx("span", { style: stateDecorator }),
-    /* @__PURE__ */ jsx("div", { style: { marginRight: "auto" }, children: props.label }),
-    props.isFocused && !props.isSelected && /* @__PURE__ */ jsx(Icon, { name: checkSVG, size: "18px", color: "#b8c6c8" }),
-    props.isSelected && /* @__PURE__ */ jsx(Icon, { name: checkSVG, size: "18px", color: "#007bc1" })
-  ] });
-};
-const DropdownIndicator = (props) => {
-  return /* @__PURE__ */ jsx(Select.DropdownIndicator, { ...props, "data-testid": "workflow-select-dropdown", children: props.selectProps.menuIsOpen ? /* @__PURE__ */ jsx(Icon, { name: upSVG, size: "24px", color: "#007bc1" }) : /* @__PURE__ */ jsx(Icon, { name: down_key, size: "24px", color: "#007bc1" }) });
-};
-const selectTheme = (theme) => ({
-  ...theme,
-  borderRadius: 0,
-  colors: {
-    ...theme.colors,
-    primary25: "hotpink",
-    primary: "#b8c6c8"
-  }
-});
-const customSelectStyles = {
-  control: (styles, state) => ({
-    ...styles,
-    border: "none",
-    borderBottom: "2px solid #b8c6c8",
-    boxShadow: "none",
-    borderBottomStyle: state.menuIsOpen ? "dotted" : "solid"
-  }),
-  menu: (styles, state) => ({
-    ...styles,
-    top: null,
-    marginTop: 0,
-    boxShadow: "none",
-    borderBottom: "2px solid #b8c6c8"
-  }),
-  indicatorSeparator: (styles) => ({
-    ...styles,
-    width: null
-  }),
-  valueContainer: (styles) => ({
-    ...styles,
-    padding: 0
-  }),
-  option: (styles, state) => ({
-    ...styles,
-    backgroundColor: null,
-    minHeight: "50px",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    padding: "12px 12px",
-    color: state.isSelected ? "#007bc1" : state.isFocused ? "#4a4a4a" : "inherit",
-    ":active": {
-      backgroundColor: null
-    },
-    span: {
-      flex: "0 0 auto"
-    },
-    svg: {
-      flex: "0 0 auto"
-    }
-  })
-};
-function useWorkflow() {
-  const history = useSelector((state) => state.workflow.history, shallowEqual);
-  const transitions = useSelector(
-    (state) => state.workflow.transitions,
-    shallowEqual
-  );
-  const loaded = useSelector((state) => state.workflow.transition.loaded);
-  const currentStateValue = useSelector(
-    (state) => getCurrentStateMapping(state.workflow.currentState),
-    shallowEqual
-  );
-  return { loaded, history, transitions, currentStateValue };
-}
-const Workflow = (props) => {
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const { loaded, transitions, currentStateValue } = useWorkflow();
-  const content = useSelector((state) => {
-    var _a;
-    return (_a = state.content) == null ? void 0 : _a.data;
-  }, shallowEqual);
-  const { pathname } = props;
-  useEffect(() => {
-    dispatch(getWorkflow(pathname));
-    dispatch(getContent(pathname));
-  }, [dispatch, pathname, loaded]);
-  const transition = (selectedOption) => {
-    dispatch(transitionWorkflow(flattenToAppURL(selectedOption.url)));
-    toast.success(
-      /* @__PURE__ */ jsx(
-        Toast,
-        {
-          success: true,
-          title: intl.formatMessage(messages$4.messageUpdated),
-          content: ""
-        }
-      )
-    );
-  };
-  const Placeholder = Select.Placeholder;
-  return /* @__PURE__ */ jsx(
-    FormFieldWrapper$1,
-    {
-      id: "state-select",
-      title: intl.formatMessage(messages$4.state),
-      intl,
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          name: "state-select",
-          className: "react-select-container",
-          classNamePrefix: "react-select",
-          isDisabled: !content.review_state || transitions.length === 0,
-          options: uniqBy(
-            transitions.map((transition2) => getWorkflowOptions(transition2)),
-            "label"
-          ).concat(currentStateValue),
-          styles: customSelectStyles,
-          theme: selectTheme,
-          components: {
-            DropdownIndicator,
-            Placeholder,
-            Option,
-            SingleValue
-          },
-          onChange: transition,
-          value: content.review_state ? currentStateValue : {
-            label: intl.formatMessage(messages$4.messageNoWorkflow),
-            value: "noworkflow"
-          },
-          isSearchable: false
-        }
-      )
-    }
-  );
-};
-Workflow.propTypes = {
-  pathname: PropTypes.string.isRequired
-};
-function createWorkingCopy(path) {
-  return {
-    type: CREATE_WORKING_COPY,
-    request: {
-      op: "post",
-      path: `${path}/@workingcopy`
-    }
-  };
-}
-function applyWorkingCopy(path) {
-  return {
-    type: APPLY_WORKING_COPY,
-    request: {
-      op: "patch",
-      path: `${path}/@workingcopy`
-    }
-  };
-}
-function removeWorkingCopy(path) {
-  return {
-    type: REMOVE_WORKING_COPY,
-    request: {
-      op: "del",
-      path: `${path}/@workingcopy`
-    }
-  };
-}
-const removeSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M23.293 11.293 18 16.586 12.707 11.293 11.293 12.707 16.586 18 11.293 23.293 12.707 24.707 18 19.414 23.293 24.707 24.707 23.293 19.414 18 24.707 12.707z"/><path d="M18,31 C10.832,31 5,25.168 5,18 C5,10.832 10.832,5 18,5 C25.168,5 31,10.832 31,18 C31,25.168 25.168,31 18,31 M18,3 C9.729,3 3,9.729 3,18 C3,26.271 9.729,33 18,33 C26.271,33 33,26.271 33,18 C33,9.729 26.271,3 18,3"/></g>' };
-const messages$3 = defineMessages({
-  personalTools: {
-    id: "Personal tools",
-    defaultMessage: "Personal tools"
-  },
-  history: {
-    id: "History",
-    defaultMessage: "History"
-  },
-  sharing: {
-    id: "Sharing",
-    defaultMessage: "Sharing"
-  },
-  rules: {
-    id: "Rules",
-    defaultMessage: "Rules"
-  },
-  aliases: {
-    id: "URL Management",
-    defaultMessage: "URL Management"
-  },
-  linkstoitem: {
-    id: "Links and references",
-    defaultMessage: "Links and references"
-  },
-  ManageTranslations: {
-    id: "Manage Translations",
-    defaultMessage: "Manage Translations"
-  },
-  manageContent: {
-    id: "Manage content…",
-    defaultMessage: "Manage content…"
-  },
-  CreateWorkingCopy: {
-    id: "Create working copy",
-    defaultMessage: "Create working copy"
-  },
-  applyWorkingCopy: {
-    id: "Apply working copy",
-    defaultMessage: "Apply working copy"
-  },
-  removeWorkingCopy: {
-    id: "Remove working copy",
-    defaultMessage: "Remove working copy"
-  },
-  viewWorkingCopy: {
-    id: "View working copy",
-    defaultMessage: "View working copy"
-  },
-  workingAppliedTitle: {
-    id: "Changes applied.",
-    defaultMessage: "Changes applied"
-  },
-  workingCopyAppliedBy: {
-    id: "Made by {creator} on {date}. This is not a working copy anymore, but the main content.",
-    defaultMessage: "Made by {creator} on {date}. This is not a working copy anymore, but the main content."
-  },
-  workingCopyRemovedTitle: {
-    id: "The working copy was discarded",
-    defaultMessage: "The working copy was discarded"
-  },
-  Unauthorized: {
-    id: "Unauthorized",
-    defaultMessage: "Unauthorized"
-  },
-  workingCopyErrorUnauthorized: {
-    id: "workingCopyErrorUnauthorized",
-    defaultMessage: "You are not authorized to perform this operation."
-  },
-  Error: {
-    id: "Error",
-    defaultMessage: "Error"
-  },
-  workingCopyGenericError: {
-    id: "workingCopyGenericError",
-    defaultMessage: "An error occurred while performing this operation."
-  }
-});
-const More = (props) => {
-  const dispatch = useDispatch();
-  const intl = useIntl();
-  const history = useHistory();
-  const [, setPushed] = useState(false);
-  const pathname = props.pathname;
-  const content = useSelector((state) => {
-    var _a;
-    return (_a = state.content) == null ? void 0 : _a.data;
-  }, shallowEqual);
-  const workingCopy = useSelector((state) => state.workingCopy, shallowEqual);
-  const actions = useSelector((state) => state.actions.actions, shallowEqual);
-  const workingCopyApply = workingCopy == null ? void 0 : workingCopy.apply.loading;
-  const workingCopyCreate = workingCopy == null ? void 0 : workingCopy.create.loading;
-  const workingCopyRemove = workingCopy == null ? void 0 : workingCopy.remove.loading;
-  const prevWorkingCopyApplyLoading = usePrevious(workingCopyApply);
-  const prevWorkingCopyCreateLoading = usePrevious(workingCopyCreate);
-  const prevWorkingCopyRemoveLoading = usePrevious(workingCopyRemove);
-  const push = (selector) => {
-    setPushed(true);
-    props.loadComponent(selector);
-    document.removeEventListener("mousedown", props.handleClickOutside, false);
-  };
-  useEffect(() => {
-    let erroredAction = "";
-    if (prevWorkingCopyApplyLoading && workingCopy.apply.error) {
-      erroredAction = "apply";
-    } else if (prevWorkingCopyCreateLoading && workingCopy.create.error) {
-      erroredAction = "create";
-    } else if (prevWorkingCopyRemoveLoading && workingCopy.remove.error) {
-      erroredAction = "remove";
-    }
-    if (erroredAction) {
-      const errorStatus = workingCopy[erroredAction].error.status;
-      if (errorStatus === 401 || errorStatus === 403) {
-        toast.error(
-          /* @__PURE__ */ jsx(
-            Toast,
-            {
-              error: true,
-              title: intl.formatMessage(messages$3.Unauthorized),
-              content: intl.formatMessage(messages$3.workingCopyErrorUnauthorized)
-            }
-          ),
-          {
-            toastId: "workingCopyErrorUnauthorized",
-            autoClose: 1e4
-          }
-        );
-      } else {
-        toast.error(
-          /* @__PURE__ */ jsx(
-            Toast,
-            {
-              error: true,
-              title: intl.formatMessage(messages$3.Error),
-              content: intl.formatMessage(messages$3.workingCopyGenericError)
-            }
-          ),
-          {
-            toastId: "workingCopyGenericError",
-            autoClose: 1e4
-          }
-        );
-      }
-    }
-  }, [
-    workingCopy,
-    prevWorkingCopyApplyLoading,
-    prevWorkingCopyCreateLoading,
-    prevWorkingCopyRemoveLoading,
-    intl
-  ]);
-  const path = getBaseUrl(pathname);
-  const editAction = find(actions.object, { id: "edit" });
-  const historyAction = find(actions.object, { id: "history" });
-  const sharingAction = find(actions.object, {
-    id: "local_roles"
-  });
-  const rulesAction = find(actions.object, {
-    id: "contentrules"
-  });
-  const aliasesAction = find(actions.object_buttons, {
-    id: "redirection"
-  });
-  const dateOptions = {
-    year: "numeric",
-    month: "long",
-    day: "numeric"
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "menu-more pastanaga-menu",
-      style: {
-        flex: props.theToolbar.current ? `0 0 ${props.theToolbar.current.getBoundingClientRect().width}px` : null
-      },
-      children: [
-        /* @__PURE__ */ jsxs("header", { children: [
-          /* @__PURE__ */ jsx("h2", { children: content.title }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "more-user",
-              "aria-label": intl.formatMessage(messages$3.personalTools),
-              onClick: () => push("personalTools"),
-              tabIndex: 0,
-              children: /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  name: userSVG,
-                  size: "30px",
-                  title: intl.formatMessage(messages$3.personalTools)
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "pastanaga-menu-list", children: /* @__PURE__ */ jsxs("ul", { children: [
-          /* @__PURE__ */ jsx(Pluggable, { name: "toolbar-more-menu-list" }),
-          /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "state", children: content["@type"] !== "Plone Site" && // Plone Site does not have workflow
-          /* @__PURE__ */ jsx("li", { className: "state-select", children: /* @__PURE__ */ jsx(Workflow, { pathname: path }) }) }),
-          /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "view", children: content["@type"] !== "Plone Site" && // Plone Site does not have view (yet)
-          /* @__PURE__ */ jsx("li", { className: "display-select", children: editAction && /* @__PURE__ */ jsx(DisplaySelect, { pathname: path }) }) }),
-          /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "history", children: content["@type"] !== "Plone Site" && // Plone Site does not have history (yet)
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: `${path}/historyview`, children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("span", { className: "pastanaga-menu-label", children: (historyAction == null ? void 0 : historyAction.title) || intl.formatMessage(messages$3.history) }),
-              /* @__PURE__ */ jsx("span", { className: "pastanaga-menu-value" })
-            ] }),
-            /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-          ] }) }) }),
-          /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "sharing", children: sharingAction && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: `${path}/sharing`, children: [
-            intl.formatMessage(messages$3.sharing),
-            /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-          ] }) }) }),
-          /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "aliases", children: aliasesAction && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: `${path}/aliases`, children: [
-            intl.formatMessage(messages$3.aliases),
-            /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-          ] }) }) }),
-          path !== "" && !$149c1bd638913645$export$2e2bcd8739ae039.settings.excludeLinksAndReferencesMenuItem && /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "linkstoitems", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: `${path}/links-to-item`, children: [
-            intl.formatMessage(messages$3.linkstoitem),
-            /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-          ] }) }) }),
-          /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-menu-list", id: "rules", children: rulesAction && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: `${path}/rules`, children: [
-            intl.formatMessage(messages$3.rules),
-            /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-          ] }) }) })
-        ] }) }),
-        /* @__PURE__ */ jsx(Pluggable, { name: "toolbar-more-manage-content", children: (pluggables) => /* @__PURE__ */ jsx(Fragment, { children: pluggables.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h2", { children: intl.formatMessage(messages$3.manageContent) }) }),
-          /* @__PURE__ */ jsx("div", { className: "pastanaga-menu-list", children: /* @__PURE__ */ jsx("ul", { children: pluggables.map((p) => /* @__PURE__ */ jsx(Fragment, { children: p() })) }) })
-        ] }) }) }),
-        $149c1bd638913645$export$2e2bcd8739ae039.settings.hasWorkingCopySupport && content["@type"] !== "Plone Site" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          !content.working_copy && /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-manage-content", id: "workingcopy", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              "aria-label": intl.formatMessage(messages$3.CreateWorkingCopy),
-              onClick: () => {
-                dispatch(createWorkingCopy(path)).then((response) => {
-                  history.push(flattenToAppURL(response["@id"]));
-                  props.closeMenu();
-                });
-              },
-              children: [
-                intl.formatMessage(messages$3.CreateWorkingCopy),
-                /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-              ]
-            }
-          ) }) }),
-          content.working_copy && content.working_copy_of && /* @__PURE__ */ jsxs(Plug, { pluggable: "toolbar-more-manage-content", id: "workingcopy", children: [
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                "aria-label": intl.formatMessage(messages$3.applyWorkingCopy),
-                onClick: () => {
-                  dispatch(applyWorkingCopy(path)).then((response) => {
-                    var _a, _b;
-                    history.push(
-                      flattenToAppURL(content.working_copy_of["@id"])
-                    );
-                    props.closeMenu();
-                    toast.info(
-                      /* @__PURE__ */ jsx(
-                        Toast,
-                        {
-                          info: true,
-                          title: intl.formatMessage(
-                            messages$3.workingAppliedTitle
-                          ),
-                          content: intl.formatMessage(
-                            messages$3.workingCopyAppliedBy,
-                            {
-                              creator: (_a = content.working_copy) == null ? void 0 : _a.creator_name,
-                              date: /* @__PURE__ */ jsx(
-                                FormattedDate,
-                                {
-                                  date: (_b = content.working_copy) == null ? void 0 : _b.created,
-                                  format: dateOptions
-                                }
-                              )
-                            }
-                          )
-                        }
-                      ),
-                      {
-                        toastId: "workingcopyapplyinfo",
-                        autoClose: 1e4
-                      }
-                    );
-                  });
-                },
-                children: [
-                  intl.formatMessage(messages$3.applyWorkingCopy),
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      name: applySVG,
-                      size: "24px",
-                      title: intl.formatMessage(messages$3.applyWorkingCopy)
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                "aria-label": intl.formatMessage(messages$3.removeWorkingCopy),
-                onClick: () => {
-                  dispatch(removeWorkingCopy(path)).then((response) => {
-                    history.push(
-                      flattenToAppURL(content.working_copy_of["@id"])
-                    );
-                    props.closeMenu();
-                    toast.info(
-                      /* @__PURE__ */ jsx(
-                        Toast,
-                        {
-                          info: true,
-                          title: intl.formatMessage(
-                            messages$3.workingCopyRemovedTitle
-                          )
-                        }
-                      ),
-                      {
-                        toastId: "workingcopyremovednotice",
-                        autoClose: 1e4
-                      }
-                    );
-                  });
-                },
-                children: [
-                  intl.formatMessage(messages$3.removeWorkingCopy),
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      name: removeSVG,
-                      size: "24px",
-                      color: "#e40166",
-                      title: intl.formatMessage(messages$3.removeWorkingCopy)
-                    }
-                  )
-                ]
-              }
-            ) })
-          ] }),
-          content.working_copy && !content.working_copy_of && /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-manage-content", id: "workingcopy", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            Link,
-            {
-              to: flattenToAppURL(content.working_copy["@id"]),
-              onClick: () => props.closeMenu(),
-              children: [
-                intl.formatMessage(messages$3.viewWorkingCopy),
-                /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-              ]
-            }
-          ) }) })
-        ] }),
-        editAction && $149c1bd638913645$export$2e2bcd8739ae039.settings.isMultilingual && /* @__PURE__ */ jsx(Plug, { pluggable: "toolbar-more-manage-content", id: "multilingual", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: `${path}/manage-translations`, children: [
-          intl.formatMessage(messages$3.ManageTranslations),
-          /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-        ] }) }) })
-      ]
-    }
-  );
-};
-More.propTypes = {
-  loadComponent: PropTypes.func.isRequired,
-  closeMenu: PropTypes.func.isRequired
-};
-const logoutSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M28.1631,13.7905 C27.0391,11.0755 24.9251,8.9615 22.2101,7.8375 L21.4441,9.6855 C23.6651,10.6045 25.3951,12.3345 26.3151,14.5555 C27.2351,16.7765 27.2351,19.2235 26.3151,21.4435 C24.4161,26.0285 19.1381,28.2145 14.5561,26.3145 C12.3351,25.3945 10.6041,23.6655 9.6841,21.4445 C8.7651,19.2235 8.7651,16.7765 9.6841,14.5565 C10.6051,12.3345 12.3351,10.6045 14.5561,9.6855 L13.7901,7.8375 C11.0761,8.9615 8.9621,11.0755 7.8371,13.7905 C6.7131,16.5045 6.7131,19.4955 7.8371,22.2095 C8.9611,24.9245 11.0751,27.0385 13.7901,28.1625 C15.1621,28.7305 16.5851,28.9995 17.9851,28.9995 C22.3041,28.9995 26.4101,26.4405 28.1631,22.2095 C29.2871,19.4955 29.2871,16.5045 28.1631,13.7905"/><path d="M17 18 19 18 19 5 17 5z"/></g>' };
-const messages$2 = defineMessages({
-  back: {
-    id: "Back",
-    defaultMessage: "Back"
-  },
-  logout: {
-    id: "Logout",
-    defaultMessage: "Logout"
-  },
-  preferences: {
-    id: "Preferences",
-    defaultMessage: "Preferences"
-  },
-  profile: {
-    id: "Profile",
-    defaultMessage: "Profile"
-  },
-  userAvatar: {
-    id: "user avatar",
-    defaultMessage: "user avatar"
-  }
-});
-const PersonalTools = (props) => {
-  const dispatch = useDispatch();
-  const intl = useIntl();
-  const { pathname } = useLocation();
-  const [, setPushed] = useState(false);
-  const token = useSelector((state) => state.userSession.token, shallowEqual);
-  const user = useSelector((state) => state.users.user);
-  const userId = token ? jwtDecode(token).sub : "";
-  useEffect(() => {
-    dispatch(getUser(userId));
-  }, [dispatch, userId]);
-  const push = (selector) => {
-    setPushed(true);
-    props.loadComponent(selector);
-  };
-  const pull = () => {
-    props.unloadComponent();
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx("personal-tools pastanaga-menu", {
-        "has-inner-actions": props.hasActions
-      }),
-      style: {
-        flex: props.theToolbar.current ? `0 0 ${props.theToolbar.current.getBoundingClientRect().width}px` : null
-      },
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "header", children: [
-          /* @__PURE__ */ jsx("button", { className: "back", onClick: pull, children: /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: backSVG,
-              size: "30px",
-              title: intl.formatMessage(messages$2.back)
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "vertical divider" }),
-          /* @__PURE__ */ jsx("h2", { children: user.fullname ? user.fullname : user.username }),
-          /* @__PURE__ */ jsx(Link, { id: "toolbar-logout", to: `${getBaseUrl(pathname)}/logout`, children: /* @__PURE__ */ jsx(
-            Icon,
-            {
-              className: "logout",
-              name: logoutSVG,
-              size: "30px",
-              title: intl.formatMessage(messages$2.logout)
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cx("avatar", { default: !user.portrait }), children: user.portrait ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: expandToBackendURL(user.portrait),
-            alt: intl.formatMessage(messages$2.userAvatar)
-          }
-        ) : /* @__PURE__ */ jsx(Icon, { name: cameraSVG, size: "96px" }) }),
-        /* @__PURE__ */ jsx("div", { className: "pastanaga-menu-list", children: /* @__PURE__ */ jsxs("ul", { children: [
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            Link,
-            {
-              id: intl.formatMessage(messages$2.profile),
-              to: "/personal-information",
-              children: [
-                /* @__PURE__ */ jsx(FormattedMessage, { id: "Profile", defaultMessage: "Profile" }),
-                /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              "aria-label": intl.formatMessage(messages$2.preferences),
-              onClick: () => push("preferences"),
-              children: [
-                /* @__PURE__ */ jsx(FormattedMessage, { id: "Preferences", defaultMessage: "Preferences" }),
-                /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-              ]
-            }
-          ) }),
-          userHasRoles(user, ["Site Administrator", "Manager"]) && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { to: "/controlpanel", children: [
-            /* @__PURE__ */ jsx(FormattedMessage, { id: "Site Setup", defaultMessage: "Site Setup" }),
-            /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "24px" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Pluggable, { name: "toolbar-user-menu" })
-        ] }) })
-      ]
-    }
-  );
-};
-PersonalTools.propTypes = {
-  loadComponent: PropTypes.func.isRequired
-};
-const Types = ({ types, pathname, content, currentLanguage }) => {
-  const { settings } = $149c1bd638913645$export$2e2bcd8739ae039;
-  return types.length > 0 || settings.isMultilingual && content["@components"].translations ? /* @__PURE__ */ jsxs("div", { className: "menu-more pastanaga-menu", children: [
-    types.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Add Content", defaultMessage: "Add Content…" }) }),
-      /* @__PURE__ */ jsx("div", { className: "pastanaga-menu-list", children: /* @__PURE__ */ jsx("ul", { children: map(filter(types), (item) => {
-        const contentTypeToAdd = item["@id"].split("@types/")[1];
-        const currentPath = pathname.replace(/\/contents$/, "").replace(/\/$/, "");
-        const addContentTypeRoute = `${currentPath}/add?type=${contentTypeToAdd}`;
-        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: addContentTypeRoute,
-            id: `toolbar-add-${item["@id"].split("@types/")[1].toLowerCase().replace(" ", "-")}`,
-            className: "item",
-            children: /* @__PURE__ */ jsx(FormattedMessage, { id: item.title })
-          },
-          item.title
-        ) }, item["@id"]);
-      }) }) })
-    ] }),
-    settings.isMultilingual && content["@components"].translations && (() => {
-      const translationsLeft = filter(
-        settings.supportedLanguages,
-        (lang) => !Boolean(
-          content["@components"].translations && find(content["@components"].translations.items, {
-            language: lang
-          })
-        ) && toBackendLang(currentLanguage) !== lang
-      );
-      return !isEmpty(translationsLeft) && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "Add Translation…",
-            defaultMessage: "Add Translation…"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "pastanaga-menu-list", children: /* @__PURE__ */ jsx("ul", { children: map(translationsLeft, (lang) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: {
-              pathname: `${pathname}/create-translation`,
-              state: {
-                type: content["@type"],
-                translationOf: flattenToAppURL(content["@id"]),
-                language: lang
-              }
-            },
-            className: "item",
-            children: /* @__PURE__ */ jsx(
-              FormattedMessage,
-              {
-                id: "Translate to {lang}",
-                defaultMessage: "Translate to {lang}",
-                values: {
-                  lang: langmap[lang].nativeName.toLowerCase()
-                }
-              }
-            )
-          }
-        ) }, lang)) }) })
-      ] });
-    })()
-  ] }) : /* @__PURE__ */ jsx("span", {});
-};
-Types.propTypes = {
-  pathname: PropTypes.string.isRequired,
-  types: PropTypes.arrayOf(
-    PropTypes.shape({
-      "@id": PropTypes.string,
-      addable: PropTypes.bool,
-      title: PropTypes.string
-    })
-  ).isRequired
-};
-const Types$1 = connect(
-  (state) => ({
-    types: filter(state.types.types, "addable"),
-    currentLanguage: state.intl.locale
-  }),
-  {}
-)(Types);
-const messages$1 = defineMessages({
-  personalPreferences: {
-    id: "Personal Preferences",
-    defaultMessage: "Personal Preferences"
-  },
-  default: {
-    id: "Default",
-    defaultMessage: "Default"
-  },
-  language: {
-    id: "Language",
-    defaultMessage: "Language"
-  },
-  languageDescription: {
-    id: "Your preferred language",
-    defaultMessage: "Your preferred language"
-  },
-  saved: {
-    id: "Changes saved",
-    defaultMessage: "Changes saved"
-  },
-  back: {
-    id: "Back",
-    defaultMessage: "Back"
-  },
-  success: {
-    id: "Success",
-    defaultMessage: "Success"
-  }
-});
-const PersonalPreferences = (props) => {
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const { closeMenu } = props;
-  const onSubmit = (data) => {
-    let language = data.language || "en";
-    if ($149c1bd638913645$export$2e2bcd8739ae039.settings.supportedLanguages.includes(language)) {
-      const langFileName = toGettextLang(language);
-      import(
-        /* @vite-ignore */
-        "@root/../locales/" + langFileName + ".json"
-      ).then((locale) => {
-        dispatch(changeLanguage(language, locale.default));
-      });
-    }
-    toast.success(/* @__PURE__ */ jsx(Toast, { success: true, title: intl.formatMessage(messages$1.saved) }));
-    closeMenu();
-  };
-  const onCancel = () => {
-    closeMenu();
-  };
-  const { cookies } = props;
-  return /* @__PURE__ */ jsx(
-    Form,
-    {
-      formData: { language: cookies.get("I18N_LANGUAGE") || "" },
-      schema: {
-        fieldsets: [
-          {
-            id: "default",
-            title: intl.formatMessage(messages$1.default),
-            fields: ["language"]
-          }
-        ],
-        properties: {
-          language: {
-            description: intl.formatMessage(messages$1.languageDescription),
-            title: intl.formatMessage(messages$1.language),
-            type: "string",
-            choices: map(keys(languages), (lang) => [lang, languages[lang]])
-          }
-        },
-        required: []
-      },
-      onSubmit,
-      onCancel
-    }
-  );
-};
-PersonalPreferences.propTypes = {
-  closeMenu: PropTypes.func.isRequired
-};
-const PersonalPreferences$1 = compose(withCookies)(PersonalPreferences);
-const StandardWrapper = (props) => {
-  function pull() {
-    props.unloadComponent();
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx(`${props.componentName} pastanaga-menu`, {
-        "has-inner-actions": props.hasActions
-      }),
-      style: {
-        flex: props.theToolbar.current ? `0 0 ${props.theToolbar.current.getBoundingClientRect().width}px` : null
-      },
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "header pulled", children: [
-          /* @__PURE__ */ jsx("button", { onClick: pull, children: /* @__PURE__ */ jsx(Icon, { name: backSVG, size: "30px" }) }),
-          /* @__PURE__ */ jsx("div", { className: "vertical divider" }),
-          /* @__PURE__ */ jsx("h2", { children: props.componentTitle || props.componentName })
-        ] }),
-        props.children
-      ]
-    }
-  );
-};
-StandardWrapper.propTypes = {
-  componentName: PropTypes.string.isRequired,
-  componentTitle: PropTypes.string,
-  unloadComponent: PropTypes.func.isRequired,
-  loadComponent: PropTypes.func.isRequired,
-  closeMenu: PropTypes.func.isRequired,
-  hasActions: PropTypes.bool
-};
-function setExpandedToolbar(isExpanded) {
-  return {
-    type: EXPAND_TOOLBAR,
-    isExpanded
-  };
-}
-const editSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<path fill-rule="evenodd" d="M11.9341,27 L9.0001,27 L9.0001,24.277 L19.9311,13.398 L22.7861,16.174 L11.9341,27 Z M26.3841,6.999 L29.2121,9.827 L24.2271,14.813 L21.3981,11.984 L26.3841,6.999 Z M28.9351,12.932 L30.6261,11.241 C31.4061,10.461 31.4061,9.193 30.6261,8.413 L27.7971,5.584 C27.0421,4.829 25.6721,4.828 24.9161,5.584 L7.0001,23.449 L7.0001,27.48 L5.2401,29.293 L6.6811,30.654 L8.3091,29 L12.7621,29 L27.5211,14.294 L29.0011,15.801 L24.4141,20.401 L25.8281,21.822 L30.4151,17.238 C30.7921,16.861 31.0001,16.361 31.0001,15.826 C31.0001,15.29 30.7921,14.789 30.4151,14.412 L28.9351,12.932 Z"/>' };
-const unlockSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M27,30 C27,30.551 26.552,31 26,31 L10,31 C9.448,31 9,30.551 9,30 L9,18 C9,17.449 9.448,17 10,17 L26,17 C26.552,17 27,17.449 27,18 L27,30 Z M27,15.184 L27,12 C27,7.038 22.963,3 18,3 C13.037,3 9,7.038 9,12 L11,12 C11,8.14 14.141,5 18,5 C21.859,5 25,8.14 25,12 L25,15 L10,15 C8.346,15 7,16.346 7,18 L7,30 C7,31.654 8.346,33 10,33 L26,33 C27.654,33 29,31.654 29,30 L29,18 C29,16.698 28.161,15.598 27,15.184 L27,15.184 Z"/><path d="M18,20.5 C17.172,20.5 16.5,21.172 16.5,22 C16.5,22.443 16.695,22.836 17,23.111 L17,27 L19,27 L19,23.111 C19.305,22.836 19.5,22.443 19.5,22 C19.5,21.172 18.828,20.5 18,20.5"/></g>' };
-const addSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M6.9996,3.0003 L6.9996,33.0003 L29.0006,33.0003 L29.0006,11.5863 L20.4136,3.0003 L6.9996,3.0003 Z M9.0006,5.0003 L19.0006,5.0003 L19.0006,13.0003 L27.0006,13.0003 L27.0006,31.0003 L9.0006,31.0003 L9.0006,5.0003 Z M20.9996,6.4143 L25.5856,11.0003 L20.9996,11.0003 L20.9996,6.4143 Z"/><path d="M19 16 17 16 17 20 13 20 13 22 17 22 17 26 19 26 19 22 23 22 23 20 19 20z"/></g>' };
-const messages = defineMessages({
-  edit: {
-    id: "Edit",
-    defaultMessage: "Edit"
-  },
-  contents: {
-    id: "Contents",
-    defaultMessage: "Contents"
-  },
-  add: {
-    id: "Add",
-    defaultMessage: "Add"
-  },
-  more: {
-    id: "More",
-    defaultMessage: "More"
-  },
-  personalTools: {
-    id: "Personal tools",
-    defaultMessage: "Personal tools"
-  },
-  shrinkToolbar: {
-    id: "Shrink toolbar",
-    defaultMessage: "Shrink toolbar"
-  },
-  personalInformation: {
-    id: "Personal Information",
-    defaultMessage: "Personal Information"
-  },
-  personalPreferences: {
-    id: "Personal Preferences",
-    defaultMessage: "Personal Preferences"
-  },
-  collection: {
-    id: "Collection",
-    defaultMessage: "Collection"
-  },
-  file: {
-    id: "File",
-    defaultMessage: "File"
-  },
-  link: {
-    id: "Link",
-    defaultMessage: "Link"
-  },
-  newsItem: {
-    id: "News Item",
-    defaultMessage: "News Item"
-  },
-  page: {
-    id: "Page",
-    defaultMessage: "Page"
-  },
-  back: {
-    id: "Back",
-    defaultMessage: "Back"
-  },
-  unlock: {
-    id: "Unlock",
-    defaultMessage: "Unlock"
-  }
-});
-let toolbarComponents = {
-  personalTools: { component: PersonalTools, wrapper: null },
-  more: { component: More, wrapper: null },
-  types: { component: Types$1, wrapper: null, contentAsProps: true },
-  profile: {
-    component: PersonalInformation,
-    wrapper: StandardWrapper,
-    wrapperTitle: messages.personalInformation,
-    hideToolbarBody: true
-  },
-  preferences: {
-    component: PersonalPreferences$1,
-    wrapper: StandardWrapper,
-    wrapperTitle: messages.personalPreferences,
-    hideToolbarBody: true
-  }
-};
-class Toolbar extends Component {
-  constructor(props) {
-    super(props);
-    __publicField(this, "toolbarRef", React__default.createRef());
-    __publicField(this, "toolbarWindow", React__default.createRef());
-    __publicField(this, "buttonRef", React__default.createRef());
-    __publicField(this, "handleShrink", () => {
-      const { cookies } = this.props;
-      cookies.set("toolbar_expanded", !this.state.expanded, getCookieOptions());
-      this.setState(
-        (state) => ({ expanded: !state.expanded }),
-        () => this.props.setExpandedToolbar(this.state.expanded)
-      );
-    });
-    __publicField(this, "closeMenu", () => {
-      this.setState(() => ({ showMenu: false, loadedComponents: [] }));
-    });
-    __publicField(this, "loadComponent", (type) => {
-      const { loadedComponents } = this.state;
-      if (!this.state.loadedComponents.includes(type)) {
-        this.setState({
-          loadedComponents: [...loadedComponents, type],
-          hideToolbarBody: toolbarComponents[type].hideToolbarBody || false
-        });
-      }
-    });
-    __publicField(this, "unloadComponent", () => {
-      this.setState((state) => ({
-        loadedComponents: state.loadedComponents.slice(0, -1),
-        hideToolbarBody: toolbarComponents[state.loadedComponents[state.loadedComponents.length - 2]].hideToolbarBody || false
-      }));
-    });
-    __publicField(this, "toggleButtonPressed", (e) => {
-      const target = e.target;
-      const button = target.tagName === "BUTTON" ? target : this.findAncestor(e.target, "button");
-      this.buttonRef.current = button;
-    });
-    __publicField(this, "toggleMenu", (e, selector) => {
-      if (this.state.showMenu) {
-        this.closeMenu();
-        return;
-      }
-      if (selector === "personalTools") {
-        this.setState((state) => ({
-          showMenu: !state.showMenu,
-          menuStyle: { bottom: 0 }
-        }));
-      } else if (selector === "more") {
-        this.setState((state) => ({
-          showMenu: !state.showMenu,
-          menuStyle: {
-            overflow: "visible",
-            top: 0
-          }
-        }));
-      } else {
-        this.setState((state) => ({
-          showMenu: !state.showMenu,
-          menuStyle: { top: 0 }
-        }));
-      }
-      this.toggleButtonPressed(e);
-      this.loadComponent(selector);
-    });
-    __publicField(this, "findAncestor", (el, sel) => {
-      while ((el = el.parentElement) && !(el.matches || el.matchesSelector).call(el, sel)) ;
-      return el;
-    });
-    __publicField(this, "handleClickOutside", (e) => {
-      const target = e.target;
-      if (this.pusher && doesNodeContainClick(this.pusher, e)) return;
-      const button = doesNodeContainClick(this.toolbarRef.current, e) && this.findAncestor(target, "button");
-      if (button && button === this.buttonRef.current) return;
-      this.closeMenu();
-    });
-    __publicField(this, "unlock", (e) => {
-      this.props.unlockContent(getBaseUrl(this.props.pathname), true);
-    });
-    const { cookies } = props;
-    this.state = {
-      expanded: cookies.get("toolbar_expanded") !== "false",
-      showMenu: false,
-      menuStyle: {},
-      menuComponents: [],
-      loadedComponents: [],
-      hideToolbarBody: false
-    };
-  }
-  /**
-   * Component will mount
-   * @method componentDidMount
-   * @returns {undefined}
-   */
-  componentDidMount() {
-    if (!hasApiExpander("actions", getBaseUrl(this.props.pathname))) {
-      this.props.listActions(getBaseUrl(this.props.pathname));
-    }
-    if (!hasApiExpander("types", getBaseUrl(this.props.pathname))) {
-      this.props.getTypes(getBaseUrl(this.props.pathname));
-    }
-    toolbarComponents = {
-      ...$149c1bd638913645$export$2e2bcd8739ae039.settings ? $149c1bd638913645$export$2e2bcd8739ae039.settings.additionalToolbarComponents || {} : {},
-      ...toolbarComponents
-    };
-    this.props.setExpandedToolbar(this.state.expanded);
-    document.addEventListener("mousedown", this.handleClickOutside, false);
-  }
-  /**
-   * Component will receive props
-   * @method componentWillReceiveProps
-   * @param {Object} nextProps Next properties
-   * @returns {undefined}
-   */
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.pathname !== this.props.pathname) {
-      if (!hasApiExpander("actions", getBaseUrl(nextProps.pathname))) {
-        this.props.listActions(getBaseUrl(nextProps.pathname));
-      }
-      if (!hasApiExpander("types", getBaseUrl(nextProps.pathname))) {
-        this.props.getTypes(getBaseUrl(nextProps.pathname));
-      }
-    }
-    if (this.props.unlockRequest.loading && nextProps.unlockRequest.loaded) {
-      this.props.listActions(getBaseUrl(nextProps.pathname));
-    }
-  }
-  /**
-   * Component will receive props
-   * @method componentWillUnmount
-   * @returns {undefined}
-   */
-  componentWillUnmount() {
-    document.removeEventListener("mousedown", this.handleClickOutside, false);
-  }
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    var _a, _b, _c, _d;
-    const path = getBaseUrl(this.props.pathname);
-    const lock = (_a = this.props.content) == null ? void 0 : _a.lock;
-    const unlockAction = (lock == null ? void 0 : lock.locked) && (lock == null ? void 0 : lock.stealable) && (lock == null ? void 0 : lock.creator) !== this.props.userId;
-    const editAction = !unlockAction && find(this.props.actions.object, { id: "edit" });
-    const folderContentsAction = find(this.props.actions.object, {
-      id: "folderContents"
-    });
-    const { expanded } = this.state;
-    return this.props.token && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        BodyClass,
-        {
-          className: expanded ? "has-toolbar" : "has-toolbar-collapsed"
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: this.state.menuStyle,
-          className: this.state.showMenu ? "toolbar-content show" : "toolbar-content",
-          ref: this.toolbarWindow,
-          children: [
-            this.state.showMenu && // This sets the scroll locker in the body tag in mobile
-            /* @__PURE__ */ jsx(BodyClass, { className: "has-toolbar-menu-open" }),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "pusher-puller",
-                ref: (node) => this.pusher = node,
-                style: {
-                  transform: this.toolbarWindow.current ? `translateX(-${(this.state.loadedComponents.length - 1) * this.toolbarWindow.current.getBoundingClientRect().width}px)` : null
-                },
-                children: this.state.loadedComponents.map(
-                  (component, index) => (() => {
-                    const ToolbarComponent = toolbarComponents[component].component;
-                    const WrapperComponent = toolbarComponents[component].wrapper;
-                    const haveActions = toolbarComponents[component].hideToolbarBody;
-                    const title = toolbarComponents[component].wrapperTitle && this.props.intl.formatMessage(
-                      toolbarComponents[component].wrapperTitle
-                    );
-                    if (WrapperComponent) {
-                      return /* @__PURE__ */ jsx(
-                        WrapperComponent,
-                        {
-                          componentName: component,
-                          componentTitle: title,
-                          pathname: this.props.pathname,
-                          loadComponent: this.loadComponent,
-                          unloadComponent: this.unloadComponent,
-                          componentIndex: index,
-                          theToolbar: this.toolbarWindow,
-                          closeMenu: this.closeMenu,
-                          hasActions: haveActions,
-                          children: /* @__PURE__ */ jsx(
-                            ToolbarComponent,
-                            {
-                              pathname: this.props.pathname,
-                              loadComponent: this.loadComponent,
-                              unloadComponent: this.unloadComponent,
-                              componentIndex: index,
-                              theToolbar: this.toolbarWindow,
-                              closeMenu: this.closeMenu,
-                              isToolbarEmbedded: true
-                            }
-                          )
-                        },
-                        `personalToolsComponent-${index}`
-                      );
-                    } else {
-                      return /* @__PURE__ */ jsx(
-                        ToolbarComponent,
-                        {
-                          pathname: this.props.pathname,
-                          loadComponent: this.loadComponent,
-                          unloadComponent: this.unloadComponent,
-                          componentIndex: index,
-                          theToolbar: this.toolbarWindow,
-                          closeMenu: this.closeMenu,
-                          content: toolbarComponents[component].contentAsProps ? this.props.content : null
-                        },
-                        `personalToolsComponent-${index}`
-                      );
-                    }
-                  })()
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: this.state.expanded ? "toolbar expanded" : "toolbar",
-          ref: this.toolbarRef,
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "toolbar-body", children: [
-              /* @__PURE__ */ jsxs("div", { className: "toolbar-actions", children: [
-                this.props.hideDefaultViewButtons && this.props.inner && /* @__PURE__ */ jsx(Fragment, { children: this.props.inner }),
-                !this.props.hideDefaultViewButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  unlockAction && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      "aria-label": this.props.intl.formatMessage(
-                        messages.unlock
-                      ),
-                      className: "unlock",
-                      onClick: (e) => this.unlock(e),
-                      tabIndex: 0,
-                      children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          name: unlockSVG,
-                          size: "30px",
-                          className: "unlock",
-                          title: this.props.intl.formatMessage(messages.unlock)
-                        }
-                      )
-                    }
-                  ),
-                  editAction && /* @__PURE__ */ jsx(
-                    Link,
-                    {
-                      "aria-label": this.props.intl.formatMessage(
-                        messages.edit
-                      ),
-                      className: "edit",
-                      to: `${path}/edit`,
-                      children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          name: editSVG,
-                          size: "30px",
-                          className: "circled",
-                          title: this.props.intl.formatMessage(messages.edit)
-                        }
-                      )
-                    }
-                  ),
-                  this.props.content && this.props.content.is_folderish && folderContentsAction && !this.props.pathname.endsWith("/contents") && /* @__PURE__ */ jsx(
-                    Link,
-                    {
-                      "aria-label": this.props.intl.formatMessage(
-                        messages.contents
-                      ),
-                      to: `${path}/contents`,
-                      children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          name: folderSVG,
-                          size: "30px",
-                          title: this.props.intl.formatMessage(
-                            messages.contents
-                          )
-                        }
-                      )
-                    }
-                  ),
-                  this.props.content && this.props.content.is_folderish && folderContentsAction && this.props.pathname.endsWith("/contents") && /* @__PURE__ */ jsx(
-                    Link,
-                    {
-                      to: `${path}`,
-                      "aria-label": this.props.intl.formatMessage(
-                        messages.back
-                      ),
-                      children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          name: backSVG,
-                          className: "circled",
-                          size: "30px",
-                          title: this.props.intl.formatMessage(messages.back)
-                        }
-                      )
-                    }
-                  ),
-                  this.props.content && (this.props.content.is_folderish && this.props.types.length > 0 || $149c1bd638913645$export$2e2bcd8739ae039.settings.isMultilingual && ((_b = this.props.content["@components"]) == null ? void 0 : _b.translations)) && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      className: "add",
-                      "aria-label": this.props.intl.formatMessage(
-                        messages.add
-                      ),
-                      onClick: (e) => this.toggleMenu(e, "types"),
-                      tabIndex: 0,
-                      id: "toolbar-add",
-                      children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          name: addSVG,
-                          size: "30px",
-                          title: this.props.intl.formatMessage(messages.add)
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("div", { className: "toolbar-button-spacer" }),
-                  /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      className: "more",
-                      "aria-label": this.props.intl.formatMessage(messages.more),
-                      onClick: (e) => this.toggleMenu(e, "more"),
-                      tabIndex: 0,
-                      id: "toolbar-more",
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          Icon,
-                          {
-                            className: "mobile hidden",
-                            name: moreSVG,
-                            size: "30px",
-                            title: this.props.intl.formatMessage(messages.more)
-                          }
-                        ),
-                        this.state.showMenu ? /* @__PURE__ */ jsx(
-                          Icon,
-                          {
-                            className: "mobile only",
-                            name: clearSVG,
-                            size: "30px"
-                          }
-                        ) : /* @__PURE__ */ jsx(
-                          Icon,
-                          {
-                            className: "mobile only",
-                            name: moreSVG,
-                            size: "30px"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(Pluggable, { name: "main.toolbar.top" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "toolbar-bottom", children: [
-                /* @__PURE__ */ jsx(
-                  Pluggable,
-                  {
-                    name: "main.toolbar.bottom",
-                    params: { onClickHandler: this.toggleMenu }
-                  }
-                ),
-                !this.props.hideDefaultViewButtons && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    className: "user",
-                    "aria-label": this.props.intl.formatMessage(
-                      messages.personalTools
-                    ),
-                    onClick: (e) => this.toggleMenu(e, "personalTools"),
-                    tabIndex: 0,
-                    id: "toolbar-personal",
-                    children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        name: userSVG,
-                        size: "30px",
-                        title: this.props.intl.formatMessage(
-                          messages.personalTools
-                        )
-                      }
-                    )
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "toolbar-handler", children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                "aria-label": this.props.intl.formatMessage(
-                  messages.shrinkToolbar
-                ),
-                className: cx("toolbar-handler-button", {
-                  [(_c = this.props.content) == null ? void 0 : _c.review_state]: (_d = this.props.content) == null ? void 0 : _d.review_state
-                }),
-                onClick: this.handleShrink
-              }
-            ) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "pusher" })
-    ] });
-  }
-}
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
-__publicField(Toolbar, "propTypes", {
-  actions: PropTypes.shape({
-    object: PropTypes.arrayOf(PropTypes.object),
-    object_buttons: PropTypes.arrayOf(PropTypes.object),
-    user: PropTypes.arrayOf(PropTypes.object)
-  }),
-  token: PropTypes.string,
-  userId: PropTypes.string,
-  pathname: PropTypes.string.isRequired,
-  content: PropTypes.shape({
-    "@type": PropTypes.string,
-    is_folderish: PropTypes.bool,
-    review_state: PropTypes.string
-  }),
-  getTypes: PropTypes.func.isRequired,
-  types: PropTypes.arrayOf(
-    PropTypes.shape({
-      "@id": PropTypes.string,
-      addable: PropTypes.bool,
-      title: PropTypes.string
-    })
-  ),
-  listActions: PropTypes.func.isRequired,
-  unlockContent: PropTypes.func,
-  unlockRequest: PropTypes.objectOf(PropTypes.any),
-  inner: PropTypes.element.isRequired,
-  hideDefaultViewButtons: PropTypes.bool
-});
-/**
- * Default properties.
- * @property {Object} defaultProps Default properties.
- * @static
- */
-__publicField(Toolbar, "defaultProps", {
-  actions: null,
-  token: null,
-  userId: null,
-  content: null,
-  hideDefaultViewButtons: false,
-  types: []
-});
-const Toolbar$1 = compose(
-  injectIntl,
-  withCookies,
-  connect(
-    (state, props) => ({
-      actions: state.actions.actions,
-      token: state.userSession.token,
-      userId: state.userSession.token ? jwtDecode(state.userSession.token).sub : "",
-      content: state.content.data,
-      pathname: props.pathname,
-      types: filter(state.types.types, "addable"),
-      unlockRequest: state.content.unlock
-    }),
-    { getTypes, listActions, setExpandedToolbar, unlockContent }
-  )
-)(Toolbar);
-const Toolbar$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Toolbar$1
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Toolbar$1 as T,
-  addSVG as a,
-  Toolbar$2 as b,
-  editSVG as e
-};