@mattisvensson/strapi-plugin-webatlas 0.11.0 → 0.11.2

package/dist/admin/{index-BIEUXWe7.mjs → index-oEJT_mvw.mjs}

@@ -5,9 +5,9 @@ import { Box, Typography, Dialog, Button, Modal, Flex, SingleSelect, SingleSelec
 import { useState, useEffect, createContext, useRef, useContext, useMemo, useReducer, useCallback, forwardRef } from "react";
 import { createPortal } from "react-dom";
 import { useIntl } from "react-intl";
-import { u as useApi, g as getTranslation, P as PLUGIN_ID, d as debounce, a as duplicateCheck, T as Tooltip, b as PathInfo, c as usePluginConfig, p as pluginPermissions } from "./index-DCYCtKrj.mjs";
+import { u as useApi, g as getTranslation, P as PLUGIN_ID, d as debounce, a as duplicateCheck, T as Tooltip, b as PathInfo, c as usePluginConfig, p as pluginPermissions } from "./index-B79ELMEC.mjs";
 import { useNotification, useFetchClient, Page, Layouts } from "@strapi/strapi/admin";
-import { C as Center, F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { C as Center, F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
 import { EmptyDocuments } from "@strapi/icons/symbols";
 import { MeasuringStrategy, DndContext, DragOverlay, closestCenter } from "@dnd-kit/core";
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -138,10 +138,16 @@ function EmptyBox({ msg }) {
     /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", children: msg }) })
   ] });
 }
-const ModalContext = createContext({ modalType: "", setModalType: () => {
-} });
-const SelectedNavigationContext = createContext({ selectedNavigation: void 0, setSelectedNavigation: () => {
-} });
+const ModalContext = createContext({
+  modalType: "",
+  setModalType: () => {
+  }
+});
+const SelectedNavigationContext = createContext({
+  selectedNavigation: void 0,
+  setSelectedNavigation: () => {
+  }
+});
 function Delete({ variant, item, onDelete }) {
   const itemName = useRef(variant === "NavDelete" ? item.name : item.route.title);
   const closeModalState = useRef(variant === "NavDelete" ? "NavOverview" : "");
@@ -200,7 +206,15 @@ function Delete({ variant, item, onDelete }) {
               defaultMessage: "navigation"
             })
           ] }),
-          /* @__PURE__ */ jsx(Typography, { textAlign: "center", fontWeight: "bold", style: { marginTop: 8, marginBottom: 8, fontSize: 20 }, children: itemName.current }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              textAlign: "center",
+              fontWeight: "bold",
+              style: { marginTop: 8, marginBottom: 8, fontSize: 20 },
+              children: itemName.current
+            }
+          ),
           /* @__PURE__ */ jsx(Typography, { textAlign: "center", children: formatMessage({
             id: getTranslation("modal.delete.message.end"),
             defaultMessage: "This can not be undone. Are you sure?"
@@ -325,10 +339,22 @@ function NavCreate() {
   return /* @__PURE__ */ jsx(
     NavModal,
     {
-      confirmText: formatMessage({ id: getTranslation("modal.navCreate.confirmText"), defaultMessage: "Create" }),
-      closeText: formatMessage({ id: getTranslation("modal.navCreate.closeText"), defaultMessage: "Cancel" }),
-      titleText: formatMessage({ id: getTranslation("modal.navCreate.titleText"), defaultMessage: "Create new navigation" }),
-      loadingText: formatMessage({ id: getTranslation("modal.navCreate.loadingText"), defaultMessage: "Creating" }),
+      confirmText: formatMessage({
+        id: getTranslation("modal.navCreate.confirmText"),
+        defaultMessage: "Create"
+      }),
+      closeText: formatMessage({
+        id: getTranslation("modal.navCreate.closeText"),
+        defaultMessage: "Cancel"
+      }),
+      titleText: formatMessage({
+        id: getTranslation("modal.navCreate.titleText"),
+        defaultMessage: "Create new navigation"
+      }),
+      loadingText: formatMessage({
+        id: getTranslation("modal.navCreate.loadingText"),
+        defaultMessage: "Creating"
+      }),
       onConfirm,
       loading,
       disabled: name.trim() === "",
@@ -380,10 +406,22 @@ function NavEdit({ item, onEdit }) {
   return /* @__PURE__ */ jsx(
     NavModal,
     {
-      confirmText: formatMessage({ id: getTranslation("modal.navEdit.confirmText"), defaultMessage: "Create" }),
-      closeText: formatMessage({ id: getTranslation("modal.navEdit.closeText"), defaultMessage: "Cancel" }),
-      titleText: formatMessage({ id: getTranslation("modal.navEdit.titleText"), defaultMessage: "Edit navigation:" }) + " " + item.name,
-      loadingText: formatMessage({ id: getTranslation("modal.navEdit.loadingText"), defaultMessage: "Updating" }),
+      confirmText: formatMessage({
+        id: getTranslation("modal.navEdit.confirmText"),
+        defaultMessage: "Create"
+      }),
+      closeText: formatMessage({
+        id: getTranslation("modal.navEdit.closeText"),
+        defaultMessage: "Cancel"
+      }),
+      titleText: formatMessage({
+        id: getTranslation("modal.navEdit.titleText"),
+        defaultMessage: "Edit navigation:"
+      }) + " " + item.name,
+      loadingText: formatMessage({
+        id: getTranslation("modal.navEdit.loadingText"),
+        defaultMessage: "Updating"
+      }),
       onConfirm: updateNav,
       loading,
       disabled: name.trim() === "" || name === initialNavState.name && visible === initialNavState.visible,
@@ -468,10 +506,18 @@ function NavOverview({ navigations, setActionItem }) {
         /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
           /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: nav.name }),
           /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-            /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Trash, {}), variant: "danger-light", onClick: () => handleDelete(nav), children: formatMessage({
-              id: getTranslation("delete"),
-              defaultMessage: "Delete"
-            }) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                startIcon: /* @__PURE__ */ jsx(Trash, {}),
+                variant: "danger-light",
+                onClick: () => handleDelete(nav),
+                children: formatMessage({
+                  id: getTranslation("delete"),
+                  defaultMessage: "Delete"
+                })
+              }
+            ),
             /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Pencil, {}), variant: "secondary", onClick: () => handleEdit(nav), children: formatMessage({
               id: getTranslation("edit"),
               defaultMessage: "Edit"
@@ -491,14 +537,7 @@ function NavOverview({ navigations, setActionItem }) {
             )
           ] })
         ] }, `box-${nav.slug}`),
-        navigations.length - 1 !== index && /* @__PURE__ */ jsx(
-          Box,
-          {
-            paddingTop: 2,
-            paddingBottom: 2,
-            children: /* @__PURE__ */ jsx(Divider, {})
-          }
-        )
+        navigations.length - 1 !== index && /* @__PURE__ */ jsx(Box, { paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsx(Divider, {}) })
       ] }, nav.id)) : /* @__PURE__ */ jsx(Center, { height: 100, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
         id: getTranslation("navigation.page.emptyNavigation"),
         defaultMessage: "You have no navigations yet..."
@@ -596,7 +635,12 @@ function useModalSharedLogic() {
     setValidationState("checking");
     dispatchPath({ type: "SET_REPLACEMENT", payload: "" });
     try {
-      const data = await duplicateCheck({ fetchFunction: get, path: url, routeDocumentId, withoutTransform });
+      const data = await duplicateCheck({
+        fetchFunction: get,
+        path: url,
+        routeDocumentId,
+        withoutTransform
+      });
       if (!data || data === url) return;
       dispatchPath({ type: "NO_URL_CHECK", payload: data });
       dispatchPath({ type: "SET_REPLACEMENT", payload: data });
@@ -660,7 +704,8 @@ function ExternalItemComponent(props) {
   }, [variant, item, dispatchNavItemState, dispatchPath]);
   const handleConfirm = async () => {
     try {
-      if (!path || path.value?.trim() === "" || !navItemState.title || navItemState.title?.trim() === "" || !selectedNavigation) return;
+      if (!path || path.value?.trim() === "" || !navItemState.title || navItemState.title?.trim() === "" || !selectedNavigation)
+        return;
       if (variant === "ExternalEdit" && item && onSave) {
         onSave({
           ...item,
@@ -692,10 +737,28 @@ function ExternalItemComponent(props) {
   return /* @__PURE__ */ jsx(
     NavModal,
     {
-      confirmText: variant === "ExternalCreate" ? formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }) : formatMessage({ id: getTranslation("save"), defaultMessage: "Save" }),
-      closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
-      titleText: variant === "ExternalCreate" ? formatMessage({ id: getTranslation("modal.externalItem.titleText.create"), defaultMessage: "Create new external item" }) : formatMessage({ id: getTranslation("modal.externalItem.titleText.edit"), defaultMessage: `Edit external path "${navItemState.title}"` }),
-      loadingText: variant === "ExternalCreate" ? formatMessage({ id: getTranslation("modal.externalItem.loadingText.create"), defaultMessage: "Adding" }) : formatMessage({ id: getTranslation("modal.externalItem.loadingText.edit"), defaultMessage: "Saving" }),
+      confirmText: variant === "ExternalCreate" ? formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }) : formatMessage({
+        id: getTranslation("save"),
+        defaultMessage: "Save"
+      }),
+      closeText: formatMessage({
+        id: getTranslation("cancel"),
+        defaultMessage: "Cancel"
+      }),
+      titleText: variant === "ExternalCreate" ? formatMessage({
+        id: getTranslation("modal.externalItem.titleText.create"),
+        defaultMessage: "Create new external item"
+      }) : formatMessage({
+        id: getTranslation("modal.externalItem.titleText.edit"),
+        defaultMessage: `Edit external path "${navItemState.title}"`
+      }),
+      loadingText: variant === "ExternalCreate" ? formatMessage({
+        id: getTranslation("modal.externalItem.loadingText.create"),
+        defaultMessage: "Adding"
+      }) : formatMessage({
+        id: getTranslation("modal.externalItem.loadingText.edit"),
+        defaultMessage: "Saving"
+      }),
       onConfirm: handleConfirm,
       modalToOpen: "",
       currentModalType: "ExternalCreate",
@@ -716,7 +779,10 @@ function ExternalItemComponent(props) {
               }),
               name: "title",
               value: navItemState.title || "",
-              onChange: (e) => dispatchNavItemState({ type: "SET_TITLE", payload: e.target.value }),
+              onChange: (e) => dispatchNavItemState({
+                type: "SET_TITLE",
+                payload: e.target.value
+              }),
               required: true
             }
           )
@@ -736,7 +802,10 @@ function ExternalItemComponent(props) {
               }),
               name: "slug",
               value: path?.value || "",
-              onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value })
+              onChange: (e) => dispatchPath({
+                type: "NO_TRANSFORM_AND_CHECK",
+                payload: e.target.value
+              })
             }
           )
         ] }) }) })
@@ -773,16 +842,28 @@ function ItemDetails({
     if (!navigationItems) return null;
     const targetItem = item || parentNavItem;
     if (!targetItem || typeof targetItem.depth !== "number") return null;
-    return buildBreadcrumbString({ navigationItems, targetItem, includeTarget: modalVariant === "create" });
+    return buildBreadcrumbString({
+      navigationItems,
+      targetItem,
+      includeTarget: modalVariant === "create"
+    });
   }, [parentNavItem, navigationItems, item, modalVariant]);
   const navigationWhereRouteExists = useMemo(() => {
     if (!navigations || !route) return false;
-    return navigations.find((nav) => nav.items.some((r) => r.route.documentId === route.documentId || r.route.relatedContentType === route.relatedContentType && r.route.relatedDocumentId === route.relatedDocumentId));
+    return navigations.find(
+      (nav) => nav.items.some(
+        (r) => r.route.documentId === route.documentId || r.route.relatedContentType === route.relatedContentType && r.route.relatedDocumentId === route.relatedDocumentId
+      )
+    );
   }, [navigations, route, navigationItems]);
   useEffect(() => {
     if (path.needsUrlCheck && path.value) {
       if (path.uidPath === path.value || path.initialPath === path.value) return;
-      debouncedCheckUrl({ url: path.value, routeDocumentId: route.documentId, withoutTransform: true });
+      debouncedCheckUrl({
+        url: path.value,
+        routeDocumentId: route.documentId,
+        withoutTransform: true
+      });
       dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
     }
   }, [path.needsUrlCheck, route.documentId]);
@@ -805,12 +886,15 @@ function ItemDetails({
     navigationWhereRouteExists && /* @__PURE__ */ jsx(
       Warning,
       {
-        main: formatMessage({
-          id: getTranslation("modal.item.routeAlreadyUsed"),
-          defaultMessage: 'Warning: This route is already used in the navigation "{navigationName}"'
-        }, {
-          navigationName: navigationWhereRouteExists.name
-        }),
+        main: formatMessage(
+          {
+            id: getTranslation("modal.item.routeAlreadyUsed"),
+            defaultMessage: 'Warning: This route is already used in the navigation "{navigationName}"'
+          },
+          {
+            navigationName: navigationWhereRouteExists.name
+          }
+        ),
         info: formatMessage({
           id: getTranslation("modal.item.routeAlreadyUsed.info"),
           defaultMessage: "Changing the path for this item will also update the path in the existing item."
@@ -827,7 +911,10 @@ function ItemDetails({
         {
           name: "title",
           value: navItemState?.title || "",
-          onChange: (e) => dispatchNavItemState({ type: "SET_TITLE", payload: e.target.value }),
+          onChange: (e) => dispatchNavItemState({
+            type: "SET_TITLE",
+            payload: e.target.value
+          }),
           required: true
         }
       )
@@ -838,19 +925,17 @@ function ItemDetails({
           id: getTranslation("modal.item.canonicalPathField.label"),
           defaultMessage: "Canonical Path"
         }),
-        /* @__PURE__ */ jsx(Tooltip, { description: formatMessage({
-          id: getTranslation("modal.item.canonicalPathField.tooltip"),
-          defaultMessage: "Based on content hierarchy"
-        }) })
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            description: formatMessage({
+              id: getTranslation("modal.item.canonicalPathField.tooltip"),
+              defaultMessage: "Based on content hierarchy"
+            })
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx(
-        Field.Input,
-        {
-          name: "canonicalPath",
-          value: route.canonicalPath || "",
-          disabled: true
-        }
-      ),
+      /* @__PURE__ */ jsx(Field.Input, { name: "canonicalPath", value: route.canonicalPath || "", disabled: true }),
       /* @__PURE__ */ jsx(Field.Hint, {})
     ] }) }) }),
     /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { required: true, children: [
@@ -875,14 +960,7 @@ function ItemDetails({
         id: getTranslation("modal.item.navigationPosition.label"),
         defaultMessage: "Navigation Position"
       }) }),
-      /* @__PURE__ */ jsx(
-        Field.Input,
-        {
-          name: "navigationPosition",
-          value: breadcrumbString || "Root",
-          disabled: true
-        }
-      )
+      /* @__PURE__ */ jsx(Field.Input, { name: "navigationPosition", value: breadcrumbString || "Root", disabled: true })
     ] }) }) }),
     /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
       /* @__PURE__ */ jsxs(Field.Root, { children: [
@@ -890,14 +968,7 @@ function ItemDetails({
           id: getTranslation("modal.item.pathField.label"),
           defaultMessage: "Path"
         }) }),
-        /* @__PURE__ */ jsx(
-          Field.Input,
-          {
-            name: "path",
-            value: path.value,
-            disabled: true
-          }
-        )
+        /* @__PURE__ */ jsx(Field.Input, { name: "path", value: path.value, disabled: true })
       ] }),
       /* @__PURE__ */ jsx(PathInfo, { validationState, replacement: path.replacement })
     ] }) })
@@ -935,10 +1006,19 @@ function ItemCreateComponent({
         dispatchPath({ type: "NO_URL_CHECK", payload: relatedRoute.path });
         dispatchPath({ type: "SET_SLUG", payload: relatedRoute.slug });
         dispatchPath({ type: "SET_INITIALPATH", payload: relatedRoute.path });
-        dispatchPath({ type: "SET_CANONICALPATH", payload: relatedRoute.canonicalPath });
+        dispatchPath({
+          type: "SET_CANONICALPATH",
+          payload: relatedRoute.canonicalPath
+        });
         dispatchNavItemState({ type: "SET_TITLE", payload: relatedRoute.title });
-        dispatchNavItemState({ type: "SET_ACTIVE", payload: relatedRoute.active });
-        dispatchNavItemState({ type: "SET_OVERRIDE", payload: relatedRoute.isOverride });
+        dispatchNavItemState({
+          type: "SET_ACTIVE",
+          payload: relatedRoute.active
+        });
+        dispatchNavItemState({
+          type: "SET_OVERRIDE",
+          payload: relatedRoute.isOverride
+        });
         setRoute(relatedRoute);
       } catch (err) {
         strapi.log.error(err);
@@ -950,7 +1030,8 @@ function ItemCreateComponent({
   }, [entity]);
   const addItem = async () => {
     try {
-      if (!selectedContentType?.contentType || !entity?.documentId || !path || !path.value?.trim() || !navItemState.title || !navItemState.title?.trim() || !selectedNavigation || !route) return;
+      if (!selectedContentType?.contentType || !entity?.documentId || !path || !path.value?.trim() || !navItemState.title || !navItemState.title?.trim() || !selectedNavigation || !route)
+        return;
       const newItem = createTempNavItemObject({
         actionItemParentId: actionItemParent?.documentId,
         entityRoute: route,
@@ -970,9 +1051,18 @@ function ItemCreateComponent({
     return /* @__PURE__ */ jsx(
       NavModal,
       {
-        confirmText: formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }),
-        closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
-        titleText: formatMessage({ id: getTranslation("modal.internalItem.titleText.create"), defaultMessage: "Add new navigation item" }),
+        confirmText: formatMessage({
+          id: getTranslation("add"),
+          defaultMessage: "Add"
+        }),
+        closeText: formatMessage({
+          id: getTranslation("cancel"),
+          defaultMessage: "Cancel"
+        }),
+        titleText: formatMessage({
+          id: getTranslation("modal.internalItem.titleText.create"),
+          defaultMessage: "Add new navigation item"
+        }),
         footer: /* @__PURE__ */ jsx(Fragment, {}),
         children: /* @__PURE__ */ jsx(FullLoader, { height: 50 })
       }
@@ -981,10 +1071,22 @@ function ItemCreateComponent({
   return /* @__PURE__ */ jsxs(
     NavModal,
     {
-      confirmText: formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }),
-      closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
-      titleText: formatMessage({ id: getTranslation("modal.internalItem.titleText.create"), defaultMessage: "Add new navigation item" }),
-      loadingText: formatMessage({ id: getTranslation("modal.internalItem.loadingText.create"), defaultMessage: "Creating" }),
+      confirmText: formatMessage({
+        id: getTranslation("add"),
+        defaultMessage: "Add"
+      }),
+      closeText: formatMessage({
+        id: getTranslation("cancel"),
+        defaultMessage: "Cancel"
+      }),
+      titleText: formatMessage({
+        id: getTranslation("modal.internalItem.titleText.create"),
+        defaultMessage: "Add new navigation item"
+      }),
+      loadingText: formatMessage({
+        id: getTranslation("modal.internalItem.loadingText.create"),
+        defaultMessage: "Creating"
+      }),
       onConfirm: addItem,
       modalToOpen: "",
       currentModalType: "ItemCreate",
@@ -1006,7 +1108,9 @@ function ItemCreateComponent({
                   defaultMessage: "Select a content type"
                 }),
                 onChange: (value) => {
-                  const [contentType] = availableEntities.filter((group) => group.contentType.label === value);
+                  const [contentType] = availableEntities.filter(
+                    (group) => group.contentType.label === value
+                  );
                   if (contentType) {
                     setSelectedContentType(contentType);
                     setEntity(null);
@@ -1031,14 +1135,16 @@ function ItemCreateComponent({
                   defaultMessage: "Select an entity"
                 }),
                 onChange: (value) => {
-                  const flatEntities = availableEntities.flatMap((group) => group.entities);
-                  const route2 = flatEntities.find((route3) => route3.documentId === String(value));
+                  const flatEntities = availableEntities.flatMap(
+                    (group) => group.entities
+                  );
+                  const route2 = flatEntities.find(
+                    (route3) => route3.documentId === String(value)
+                  );
                   if (route2) setEntity(route2);
                 },
                 disabled: !selectedContentType || selectedContentType?.entities && selectedContentType?.entities.length === 0,
-                children: selectedContentType && selectedContentType.entities?.map(
-                  (entity2) => /* @__PURE__ */ jsx(SingleSelectOption, { value: entity2.documentId, children: entity2[selectedContentType.contentType.default] }, entity2.id)
-                )
+                children: selectedContentType && selectedContentType.entities?.map((entity2) => /* @__PURE__ */ jsx(SingleSelectOption, { value: entity2.documentId, children: entity2[selectedContentType.contentType.default] }, entity2.id))
               }
             )
           ] }) }) })
@@ -6589,10 +6695,16 @@ function ItemEditComponent({
     dispatchPath({ type: "DEFAULT", payload: initialPath });
     dispatchPath({ type: "SET_SLUG", payload: item.route.slug });
     dispatchPath({ type: "SET_INITIALPATH", payload: initialPath });
-    dispatchPath({ type: "SET_CANONICALPATH", payload: item.route.canonicalPath });
+    dispatchPath({
+      type: "SET_CANONICALPATH",
+      payload: item.route.canonicalPath
+    });
     dispatchNavItemState({ type: "SET_TITLE", payload: item.route.title });
     dispatchNavItemState({ type: "SET_ACTIVE", payload: item.route.active });
-    dispatchNavItemState({ type: "SET_OVERRIDE", payload: item.route.isOverride });
+    dispatchNavItemState({
+      type: "SET_OVERRIDE",
+      payload: item.route.isOverride
+    });
     const initialValues = {
       title: item.route.title,
       active: item.route.active,
@@ -6603,13 +6715,18 @@ function ItemEditComponent({
   }, [navigationItems, item, parentNavItem]);
   useEffect(() => {
     if (!entities) return;
-    const contentType = entities.find((group) => group.contentType.uid === item.route.relatedContentType);
+    const contentType = entities.find(
+      (group) => group.contentType.uid === item.route.relatedContentType
+    );
     if (contentType) setSelectedContentType(contentType);
   }, [entities]);
   useEffect(() => {
     if (path.needsUrlCheck && path.value) {
       if (path.uidPath === path.value || path.initialPath === path.value) return;
-      debouncedCheckUrl({ url: path.value, routeDocumentId: item.route.documentId });
+      debouncedCheckUrl({
+        url: path.value,
+        routeDocumentId: item.route.documentId
+      });
       dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
     }
   }, [path.needsUrlCheck, item.route.documentId]);
@@ -6636,10 +6753,19 @@ function ItemEditComponent({
   return /* @__PURE__ */ jsxs(
     NavModal,
     {
-      confirmText: formatMessage({ id: getTranslation("save"), defaultMessage: "Save" }),
-      closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
+      confirmText: formatMessage({
+        id: getTranslation("save"),
+        defaultMessage: "Save"
+      }),
+      closeText: formatMessage({
+        id: getTranslation("cancel"),
+        defaultMessage: "Cancel"
+      }),
       titleText: `${formatMessage({ id: getTranslation("edit"), defaultMessage: "Edit" })} ${selectedContentType.contentType.label} "${item.route.title}"`,
-      loadingText: formatMessage({ id: getTranslation("modal.internalItem.loadingText.edit"), defaultMessage: "Saving" }),
+      loadingText: formatMessage({
+        id: getTranslation("modal.internalItem.loadingText.edit"),
+        defaultMessage: "Saving"
+      }),
       onConfirm: updateItem,
       modalToOpen: "",
       currentModalType: "ItemCreate",
@@ -6652,26 +6778,14 @@ function ItemEditComponent({
               id: getTranslation("modal.internalItem.contentType.label"),
               defaultMessage: "Content Type"
             }) }),
-            /* @__PURE__ */ jsx(
-              Field.Input,
-              {
-                value: selectedContentType.contentType.label,
-                disabled: true
-              }
-            )
+            /* @__PURE__ */ jsx(Field.Input, { value: selectedContentType.contentType.label, disabled: true })
           ] }) }) }),
           /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
             /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
               id: getTranslation("modal.internalItem.entity.label"),
               defaultMessage: "Entity"
             }) }),
-            /* @__PURE__ */ jsx(
-              Field.Input,
-              {
-                value: `${item.route.relatedId} - ${item.route.title}`,
-                disabled: true
-              }
-            )
+            /* @__PURE__ */ jsx(Field.Input, { value: `${item.route.relatedId} - ${item.route.title}`, disabled: true })
           ] }) }) })
         ] }),
         item && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -6756,10 +6870,28 @@ function WrapperItemComponent(props) {
   return /* @__PURE__ */ jsx(
     NavModal,
     {
-      confirmText: variant === "WrapperCreate" ? formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }) : formatMessage({ id: getTranslation("save"), defaultMessage: "Save" }),
-      closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
-      titleText: variant === "WrapperCreate" ? formatMessage({ id: getTranslation("modal.wrapperItem.titleText.create"), defaultMessage: "Create new wrapper item" }) : formatMessage({ id: getTranslation("modal.wrapperItem.titleText.edit"), defaultMessage: "Edit wrapper item:" }) + ` "${navItemState.title}"`,
-      loadingText: variant === "WrapperCreate" ? formatMessage({ id: getTranslation("modal.wrapperItem.loadingText.create"), defaultMessage: "Adding" }) : formatMessage({ id: getTranslation("modal.wrapperItem.loadingText.edit"), defaultMessage: "Saving" }),
+      confirmText: variant === "WrapperCreate" ? formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }) : formatMessage({
+        id: getTranslation("save"),
+        defaultMessage: "Save"
+      }),
+      closeText: formatMessage({
+        id: getTranslation("cancel"),
+        defaultMessage: "Cancel"
+      }),
+      titleText: variant === "WrapperCreate" ? formatMessage({
+        id: getTranslation("modal.wrapperItem.titleText.create"),
+        defaultMessage: "Create new wrapper item"
+      }) : formatMessage({
+        id: getTranslation("modal.wrapperItem.titleText.edit"),
+        defaultMessage: "Edit wrapper item:"
+      }) + ` "${navItemState.title}"`,
+      loadingText: variant === "WrapperCreate" ? formatMessage({
+        id: getTranslation("modal.wrapperItem.loadingText.create"),
+        defaultMessage: "Adding"
+      }) : formatMessage({
+        id: getTranslation("modal.wrapperItem.loadingText.edit"),
+        defaultMessage: "Saving"
+      }),
       onConfirm,
       modalToOpen: "",
       currentModalType: "WrapperCreate",
@@ -6779,7 +6911,10 @@ function WrapperItemComponent(props) {
             }),
             name: "title",
             value: navItemState.title || "",
-            onChange: (e) => dispatchNavItemState({ type: "SET_TITLE", payload: e.target.value }),
+            onChange: (e) => dispatchNavItemState({
+              type: "SET_TITLE",
+              payload: e.target.value
+            }),
             required: true
           }
         )
@@ -6813,7 +6948,10 @@ function getProjection(items, activeId, overId, dragOffset, maxDepthValue) {
   }
   return { depth, maxDepth, minDepth };
 }
-function getMaxDepth({ previousItem, maxDepthValue }) {
+function getMaxDepth({
+  previousItem,
+  maxDepthValue
+}) {
   if (previousItem && typeof previousItem.depth === "number") {
     return Math.min(previousItem.depth + 1, maxDepthValue);
   }
@@ -6844,16 +6982,10 @@ function RouteItemMenu({
         id: getTranslation("edit"),
         defaultMessage: "Edit"
       }) }),
-      item.route.type === "internal" && viewEntityTo && /* @__PURE__ */ jsx(
-        MenuItem,
-        {
-          onClick: () => navigate(viewEntityTo),
-          children: /* @__PURE__ */ jsx(Typography, { children: formatMessage({
-            id: getTranslation("navigation.page.navItem.viewEntity"),
-            defaultMessage: "View Entity"
-          }) })
-        }
-      ),
+      item.route.type === "internal" && viewEntityTo && /* @__PURE__ */ jsx(MenuItem, { onClick: () => navigate(viewEntityTo), children: /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+        id: getTranslation("navigation.page.navItem.viewEntity"),
+        defaultMessage: "View Entity"
+      }) }) }),
       depth !== void 0 && depth < maxDepth && /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
         id: getTranslation("navigation.page.navItem.addChildren"),
         defaultMessage: "Add children"
@@ -6872,47 +7004,26 @@ function RouteItemStatus({
   if (!item) return null;
   const { formatMessage } = useIntl();
   if (item.clientModifications?.type === "create")
-    return /* @__PURE__ */ jsx(
-      Badge,
-      {
-        backgroundColor: "success100",
-        textColor: "success600",
-        borderColor: "success200",
-        children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({
-          id: getTranslation("new"),
-          defaultMessage: "New"
-        }) })
-      }
-    );
+    return /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success600", borderColor: "success200", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({
+      id: getTranslation("new"),
+      defaultMessage: "New"
+    }) }) });
   if (item.clientModifications?.type === "update" || isUpdated)
-    return /* @__PURE__ */ jsx(
-      Badge,
-      {
-        backgroundColor: "warning100",
-        textColor: "warning600",
-        borderColor: "warning200",
-        children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({
-          id: getTranslation("updated"),
-          defaultMessage: "Updated"
-        }) })
-      }
-    );
+    return /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning600", borderColor: "warning200", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({
+      id: getTranslation("updated"),
+      defaultMessage: "Updated"
+    }) }) });
   if (item.clientModifications?.type === "delete")
-    return /* @__PURE__ */ jsx(
-      Badge,
-      {
-        backgroundColor: "danger100",
-        textColor: "danger600",
-        borderColor: "danger200",
-        children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({
-          id: getTranslation("deleted"),
-          defaultMessage: "Deleted"
-        }) })
-      }
-    );
+    return /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger600", borderColor: "danger200", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({
+      id: getTranslation("deleted"),
+      defaultMessage: "Deleted"
+    }) }) });
   return null;
 }
-function RouteItemIcon({ type, color = "neutral800" }) {
+function RouteItemIcon({
+  type,
+  color = "neutral800"
+}) {
   switch (type) {
     case "external":
       return /* @__PURE__ */ jsx(ExternalLink, { color });
@@ -6966,176 +7077,191 @@ function RouteItemBadge({ item }) {
     }
   );
 }
-const RouteItem = forwardRef(({
-  item,
-  initialItem,
-  setActionItemParent,
-  setActionItem,
-  setNavigationItems,
-  ghost,
-  depth,
-  maxDepth,
-  style,
-  wrapperRef,
-  handleProps,
-  navigationItems
-}, ref) => {
-  const { setModalType } = useContext(ModalContext);
-  const parentNavItem = useMemo(() => findParentNavItem({
-    navigationItems,
-    targetItem: item,
-    onlyInternalItems: true
-  }), [navigationItems, item]);
-  const hasStructureChanges = useMemo(() => {
-    if (!initialItem) return false;
-    return initialItem.order !== item.order || initialItem.depth !== item.depth;
-  }, [initialItem, item.order, item.depth]);
-  const isUpdated = item.clientModifications?.type === "update" || hasStructureChanges;
-  const itemPath = useMemo(() => {
-    if (!item.route) return "";
-    if (item.route.type !== "internal") return item.route.path;
-    const parentPath = parentNavItem ? `${parentNavItem.clientModifications?.path || parentNavItem.route.path}/` : "";
-    const itemSlug = item.clientModifications?.slug || item.route.slug;
-    return `${parentPath}${itemSlug}`;
-  }, [item, parentNavItem, isUpdated]);
-  const updateNavItem = (navItems) => {
-    if (!navItems) return navItems;
-    return navItems.map((navItem) => {
-      if (navItem.documentId === item.documentId) {
-        if (navItem.clientModifications?.path === itemPath) {
-          return navItem;
+const RouteItem = forwardRef(
+  ({
+    item,
+    initialItem,
+    setActionItemParent,
+    setActionItem,
+    setNavigationItems,
+    ghost,
+    depth,
+    maxDepth,
+    style,
+    wrapperRef,
+    handleProps,
+    navigationItems
+  }, ref) => {
+    const { setModalType } = useContext(ModalContext);
+    const parentNavItem = useMemo(
+      () => findParentNavItem({
+        navigationItems,
+        targetItem: item,
+        onlyInternalItems: true
+      }),
+      [navigationItems, item]
+    );
+    const hasStructureChanges = useMemo(() => {
+      if (!initialItem) return false;
+      return initialItem.order !== item.order || initialItem.depth !== item.depth;
+    }, [initialItem, item.order, item.depth]);
+    const isUpdated = item.clientModifications?.type === "update" || hasStructureChanges;
+    const itemPath = useMemo(() => {
+      if (!item.route) return "";
+      if (item.route.type !== "internal") return item.route.path;
+      const parentPath = parentNavItem ? `${parentNavItem.clientModifications?.path || parentNavItem.route.path}/` : "";
+      const itemSlug = item.clientModifications?.slug || item.route.slug;
+      return `${parentPath}${itemSlug}`;
+    }, [item, parentNavItem, isUpdated]);
+    const updateNavItem = (navItems) => {
+      if (!navItems) return navItems;
+      return navItems.map((navItem) => {
+        if (navItem.documentId === item.documentId) {
+          if (navItem.clientModifications?.path === itemPath) {
+            return navItem;
+          }
+          return {
+            ...navItem,
+            clientModifications: navItem.clientModifications ? {
+              ...navItem.clientModifications,
+              path: itemPath
+            } : {
+              type: "update",
+              path: itemPath,
+              autoGenerated: true
+            }
+          };
         }
-        return {
-          ...navItem,
-          clientModifications: navItem.clientModifications ? {
-            ...navItem.clientModifications,
-            path: itemPath
-          } : {
-            type: "update",
-            path: itemPath,
-            autoGenerated: true
-          }
-        };
-      }
-      return navItem;
-    });
-  };
-  const removeNavItemModifications = (navItems) => {
-    if (!navItems) return navItems;
-    return navItems.map((navItem) => {
-      if (navItem.documentId === item.documentId) {
-        const { clientModifications, ...rest } = navItem;
-        return rest;
-      }
-      return navItem;
-    });
-  };
-  useEffect(() => {
-    if (item.route?.type !== "internal") return;
-    const shouldSyncPath = item.clientModifications?.path !== itemPath && (item.clientModifications?.type === "update" || itemPath !== item.route.path);
-    if (shouldSyncPath) {
-      setNavigationItems(updateNavItem);
-    }
-  }, [itemPath, item.documentId, item.route?.type, item.route?.path, item.clientModifications?.type, item.clientModifications?.path, setNavigationItems]);
-  useEffect(() => {
-    if (item.route?.type !== "internal") return;
-    const canBeRemoved = item.clientModifications?.autoGenerated && item.route.path === itemPath && !hasStructureChanges;
-    if (canBeRemoved) {
-      setNavigationItems(removeNavItemModifications);
-    }
-  }, [itemPath, item.documentId, item.route?.type, item.route?.path, item.clientModifications?.autoGenerated, hasStructureChanges, setNavigationItems]);
-  const handleAddChildren = () => {
-    setActionItemParent(item);
-    setModalType("ItemCreate");
-  };
-  const handleEdit = () => {
-    setActionItem(item);
-    let newModal = "ItemEdit";
-    if (item.route.type === "external") newModal = "ExternalEdit";
-    if (item.route.type === "wrapper") newModal = "WrapperEdit";
-    setModalType(newModal);
-  };
-  const handleDelete = () => {
-    setActionItem(item);
-    setModalType("ItemDelete");
-  };
-  const handleRestore = () => {
-    setNavigationItems(
-      (navItems) => navItems?.map((navItem) => {
+        return navItem;
+      });
+    };
+    const removeNavItemModifications = (navItems) => {
+      if (!navItems) return navItems;
+      return navItems.map((navItem) => {
         if (navItem.documentId === item.documentId) {
-          const { clientModifications: _, ...rest } = navItem;
-          return navItem.initialClientModifications ? { ...rest, clientModifications: navItem.initialClientModifications } : rest;
+          const { clientModifications, ...rest } = navItem;
+          return rest;
         }
         return navItem;
-      })
-    );
-  };
-  const elStyle = {
-    marginLeft: depth !== void 0 ? depth * 48 : 0,
-    opacity: ghost || item.clientModifications?.type === "delete" ? 0.5 : 1,
-    ...style
-  };
-  if (!item || !item.route) return null;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref: wrapperRef,
-      style: elStyle,
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          background: "neutral0",
-          borderColor: item.clientModifications?.type === "delete" ? "danger500" : "neutral150",
-          hasRadius: true,
-          paddingBottom: 4,
-          paddingLeft: 4,
-          paddingRight: 4,
-          paddingTop: 4,
-          shadow: "tableShadow",
-          ref,
-          children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 4, children: [
-            /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
-              /* @__PURE__ */ jsx(Drag, { color: "neutral800", ...handleProps }),
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  width: "1px",
-                  height: "32px",
-                  background: "neutral150"
-                }
-              ),
-              /* @__PURE__ */ jsx(RouteItemIcon, { type: item.route.type }),
-              /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-                /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: item.clientModifications?.title ? item.clientModifications.title : item.route.title }),
-                itemPath && /* @__PURE__ */ jsxs(Typography, { textColor: "neutral400", children: [
-                  "/",
-                  itemPath
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(RouteItemStatus, { item, isUpdated: hasStructureChanges })
+      });
+    };
+    useEffect(() => {
+      if (item.route?.type !== "internal") return;
+      const shouldSyncPath = item.clientModifications?.path !== itemPath && (item.clientModifications?.type === "update" || itemPath !== item.route.path);
+      if (shouldSyncPath) {
+        setNavigationItems(updateNavItem);
+      }
+    }, [
+      itemPath,
+      item.documentId,
+      item.route?.type,
+      item.route?.path,
+      item.clientModifications?.type,
+      item.clientModifications?.path,
+      setNavigationItems
+    ]);
+    useEffect(() => {
+      if (item.route?.type !== "internal") return;
+      const canBeRemoved = item.clientModifications?.autoGenerated && item.route.path === itemPath && !hasStructureChanges;
+      if (canBeRemoved) {
+        setNavigationItems(removeNavItemModifications);
+      }
+    }, [
+      itemPath,
+      item.documentId,
+      item.route?.type,
+      item.route?.path,
+      item.clientModifications?.autoGenerated,
+      hasStructureChanges,
+      setNavigationItems
+    ]);
+    const handleAddChildren = () => {
+      setActionItemParent(item);
+      setModalType("ItemCreate");
+    };
+    const handleEdit = () => {
+      setActionItem(item);
+      let newModal = "ItemEdit";
+      if (item.route.type === "external") newModal = "ExternalEdit";
+      if (item.route.type === "wrapper") newModal = "WrapperEdit";
+      setModalType(newModal);
+    };
+    const handleDelete = () => {
+      setActionItem(item);
+      setModalType("ItemDelete");
+    };
+    const handleRestore = () => {
+      setNavigationItems(
+        (navItems) => navItems?.map((navItem) => {
+          if (navItem.documentId === item.documentId) {
+            const { clientModifications: _, ...rest } = navItem;
+            return navItem.initialClientModifications ? {
+              ...rest,
+              clientModifications: navItem.initialClientModifications
+            } : rest;
+          }
+          return navItem;
+        })
+      );
+    };
+    const elStyle = {
+      marginLeft: depth !== void 0 ? depth * 48 : 0,
+      opacity: ghost || item.clientModifications?.type === "delete" ? 0.5 : 1,
+      ...style
+    };
+    if (!item || !item.route) return null;
+    return /* @__PURE__ */ jsx(Box, { ref: wrapperRef, style: elStyle, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        background: "neutral0",
+        borderColor: item.clientModifications?.type === "delete" ? "danger500" : "neutral150",
+        hasRadius: true,
+        paddingBottom: 4,
+        paddingLeft: 4,
+        paddingRight: 4,
+        paddingTop: 4,
+        shadow: "tableShadow",
+        ref,
+        children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 4, children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
+            /* @__PURE__ */ jsx(Drag, { color: "neutral800", ...handleProps }),
+            /* @__PURE__ */ jsx(Box, { width: "1px", height: "32px", background: "neutral150" }),
+            /* @__PURE__ */ jsx(RouteItemIcon, { type: item.route.type }),
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: item.clientModifications?.title ? item.clientModifications.title : item.route.title }),
+              itemPath && /* @__PURE__ */ jsxs(Typography, { textColor: "neutral400", children: [
+                "/",
+                itemPath
+              ] })
             ] }),
-            /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 4, children: [
-              /* @__PURE__ */ jsx(RouteItemBadge, { item }),
-              /* @__PURE__ */ jsx(
-                RouteItemMenu,
-                {
-                  item,
-                  depth,
-                  maxDepth,
-                  handleEdit,
-                  handleAddChildren,
-                  handleDelete,
-                  handleRestore
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx(RouteItemStatus, { item, isUpdated: hasStructureChanges })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 4, children: [
+            /* @__PURE__ */ jsx(RouteItemBadge, { item }),
+            /* @__PURE__ */ jsx(
+              RouteItemMenu,
+              {
+                item,
+                depth,
+                maxDepth,
+                handleEdit,
+                handleAddChildren,
+                handleDelete,
+                handleRestore
+              }
+            )
           ] })
-        }
-      )
-    }
-  );
-});
-function SortableRouteItem({ item, depth, setNavigationItems, ...props }) {
+        ] })
+      }
+    ) });
+  }
+);
+function SortableRouteItem({
+  item,
+  depth,
+  setNavigationItems,
+  ...props
+}) {
   if (!item) return null;
   const {
     isDragging,
@@ -7168,7 +7294,11 @@ function SortableRouteItem({ item, depth, setNavigationItems, ...props }) {
     }
   );
 }
-function PageWrapper({ navigations, loading = false, children }) {
+function PageWrapper({
+  navigations,
+  loading = false,
+  children
+}) {
   const { formatMessage } = useIntl();
   const { selectedNavigation } = useContext(SelectedNavigationContext);
   const { setModalType } = useContext(ModalContext);
@@ -9047,13 +9177,15 @@ const Navigation = () => {
   }, [modalType]);
   useEffect(() => {
     if (!selectedNavigation || !navigationItems) return;
-    setNavigations(navigations.map((nav) => {
-      if (nav.documentId !== selectedNavigation.documentId) return nav;
-      return {
-        ...nav,
-        items: navigationItems
-      };
-    }));
+    setNavigations(
+      navigations.map((nav) => {
+        if (nav.documentId !== selectedNavigation.documentId) return nav;
+        return {
+          ...nav,
+          items: navigationItems
+        };
+      })
+    );
   }, [setNavigations, navigationItems, selectedNavigation]);
   useEffect(() => {
     if (!activeId || !navigationItems) return;
@@ -9062,7 +9194,9 @@ const Navigation = () => {
   }, [navigationItems, activeId]);
   function handleSoftAddedItem(newItem) {
     if (newItem.clientModifications?.parent) {
-      const parentIndex = navigationItems?.findIndex((item) => item.documentId === newItem.clientModifications?.parent);
+      const parentIndex = navigationItems?.findIndex(
+        (item) => item.documentId === newItem.clientModifications?.parent
+      );
       if (parentIndex !== void 0 && parentIndex >= 0) {
         const parentDepth = navigationItems ? navigationItems[parentIndex].depth || 0 : 0;
         newItem.depth = parentDepth + 1;
@@ -9162,10 +9296,18 @@ const Navigation = () => {
   return /* @__PURE__ */ jsx(ModalContext.Provider, { value: { modalType, setModalType }, children: /* @__PURE__ */ jsxs(SelectedNavigationContext.Provider, { value: { selectedNavigation, setSelectedNavigation }, children: [
     /* @__PURE__ */ jsxs(PageWrapper, { navigations, children: [
       selectedNavigation && /* @__PURE__ */ jsxs(Flex, { gap: 4, paddingBottom: 6, justifyContent: "flex-end", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(Plus, {}), onClick: () => setModalType("ItemCreate"), children: formatMessage({
-          id: getTranslation("navigation.page.newItemButton"),
-          defaultMessage: "New Item"
-        }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            startIcon: /* @__PURE__ */ jsx(Plus, {}),
+            onClick: () => setModalType("ItemCreate"),
+            children: formatMessage({
+              id: getTranslation("navigation.page.newItemButton"),
+              defaultMessage: "New Item"
+            })
+          }
+        ),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -9193,7 +9335,9 @@ const Navigation = () => {
           measuring,
           children: /* @__PURE__ */ jsxs(SortableContext, { items: navigationItems, strategy: verticalListSortingStrategy, children: [
             navigationItems.map((item, index) => {
-              const initialItem = initialNavigationItemsRef.current?.find((i) => i.documentId === item.documentId);
+              const initialItem = initialNavigationItemsRef.current?.find(
+                (i) => i.documentId === item.documentId
+              );
               return config?.navigation.maxDepth && /* @__PURE__ */ jsx(
                 SortableRouteItem,
                 {
@@ -9228,10 +9372,15 @@ const Navigation = () => {
         }
       ) }),
       navigations?.length === 0 && /* @__PURE__ */ jsxs(Center, { height: 400, children: [
-        /* @__PURE__ */ jsx(EmptyBox, { msg: formatMessage({
-          id: getTranslation("navigation.page.emptyNavigation"),
-          defaultMessage: "You have no navigations yet..."
-        }) }),
+        /* @__PURE__ */ jsx(
+          EmptyBox,
+          {
+            msg: formatMessage({
+              id: getTranslation("navigation.page.emptyNavigation"),
+              defaultMessage: "You have no navigations yet..."
+            })
+          }
+        ),
         /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setModalType("NavCreate"), children: formatMessage({
           id: getTranslation("navigation.page.createNewNavigation"),
           defaultMessage: "Create new navigation"
@@ -9245,13 +9394,7 @@ const Navigation = () => {
         }) })
       ] })
     ] }),
-    modalType === "NavOverview" && /* @__PURE__ */ jsx(
-      NavOverview,
-      {
-        navigations,
-        setActionItem
-      }
-    ),
+    modalType === "NavOverview" && /* @__PURE__ */ jsx(NavOverview, { navigations, setActionItem }),
     modalType === "NavCreate" && /* @__PURE__ */ jsx(NavCreate, {}),
     modalType === "NavDelete" && /* @__PURE__ */ jsx(
       Delete,
@@ -9366,4 +9509,3 @@ const App = () => {
 export {
   App as default
 };
-//# sourceMappingURL=index-BIEUXWe7.mjs.map