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

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

@@ -0,0 +1,1695 @@
+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
+};