@mattisvensson/strapi-plugin-webatlas 0.7.1 → 0.8.1

package/dist/_chunks/{index-DeCgextE.js → index-DTPDMxs_.js}

@@ -7,7 +7,7 @@ const designSystem = require("@strapi/design-system");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const reactIntl = require("react-intl");
-const index = require("./index-C6e9wLau.js");
+const index = require("./index-Dxn0NT06.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
 const symbols = require("@strapi/icons/symbols");
@@ -233,23 +233,21 @@ function NavCreate() {
     setLoading(true);
     try {
       const { data } = await post("/webatlas/navigation", { name, isActive });
-      if (data.documentId) {
-        navigate(`/plugins/webatlas/navigation/${data.documentId}`);
-        setModalType("");
-      } else {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: index.getTranslation("notification.navigation.creationFailed"),
-            defaultMessage: "Creation of navigation failed"
-          })
-        });
-      }
+      if (!data.documentId) throw new Error("No documentId returned");
+      navigate(`/plugins/webatlas/navigation/${data.documentId}`);
+      setModalType("");
     } catch (err) {
       console.log(err);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.navigation.creationFailed"),
+          defaultMessage: "Creation of navigation failed"
+        })
+      });
     } finally {
+      setLoading(false);
     }
-    setLoading(false);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     NavModal,
@@ -284,14 +282,22 @@ function NavEdit({ item, onEdit }) {
   const [loading, setLoading] = React.useState(false);
   const { updateNavigation } = index.useApi();
   const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = admin.useNotification();
   const updateNav = async () => {
     setLoading(true);
     try {
       await updateNavigation(item.documentId, { name, visible });
       setModalType("NavOverview");
-      onEdit();
+      onEdit({ ...item, name, visible });
     } catch (err) {
       console.log(err);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.navigation.updateFailed"),
+          defaultMessage: "Updating navigation failed"
+        })
+      });
     } finally {
       setLoading(false);
     }
@@ -305,17 +311,6 @@ function NavEdit({ item, onEdit }) {
       loadingText: formatMessage({ id: index.getTranslation("modal.navEdit.loadingText"), defaultMessage: "Updating" }),
       onConfirm: updateNav,
       loading,
-      modalToOpen: "NavOverview",
-      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: () => setModalType("NavOverview"), variant: "tertiary", children: formatMessage({
-          id: index.getTranslation("modal.navEdit.closeText"),
-          defaultMessage: "Cancel"
-        }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { children: formatMessage({
-          id: index.getTranslation("modal.navEdit.confirmText"),
-          defaultMessage: "Update"
-        }) })
-      ] }),
       children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { s: 12, m: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
@@ -4651,31 +4646,30 @@ function ItemCreateComponent({
   }, [path.needsUrlCheck, entityRoute?.documentId]);
   React.useEffect(() => {
     async function fetchRoute() {
-      if (selectedContentType?.contentType && selectedEntity?.id) {
-        setLoadingRoute(true);
-        try {
-          const route = await getRelatedRoute(selectedEntity.documentId);
-          if (!route) throw new Error("No route found for the selected entity");
-          dispatchPath({ type: "NO_URL_CHECK", payload: route.fullPath });
-          dispatchPath({ type: "SET_UIDPATH", payload: route.uidPath });
-          dispatchPath({ type: "SET_INITIALPATH", payload: route.fullPath });
-          dispatchItemState({ type: "SET_TITLE", payload: route.title });
-          dispatchItemState({ type: "SET_ACTIVE", payload: route.active });
-          dispatchItemState({ type: "SET_INTERNAL", payload: route.internal });
-          dispatchItemState({ type: "SET_OVERRIDE", payload: route.isOverride });
-          initialState.current = {
-            title: route.title,
-            slug: route.fullPath,
-            active: route.active,
-            internal: route.internal,
-            isOverride: route.isOverride
-          };
-          setEntityRoute(route);
-        } catch (err) {
-          console.log(err);
-        } finally {
-          setLoadingRoute(false);
-        }
+      if (!selectedContentType?.contentType || !selectedEntity?.documentId) return;
+      setLoadingRoute(true);
+      try {
+        const route = await getRelatedRoute(selectedEntity.documentId);
+        if (!route) throw new Error("No route found for the selected entity");
+        dispatchPath({ type: "NO_URL_CHECK", payload: route.fullPath });
+        dispatchPath({ type: "SET_UIDPATH", payload: route.uidPath });
+        dispatchPath({ type: "SET_INITIALPATH", payload: route.fullPath });
+        dispatchItemState({ type: "SET_TITLE", payload: route.title });
+        dispatchItemState({ type: "SET_ACTIVE", payload: route.active });
+        dispatchItemState({ type: "SET_INTERNAL", payload: route.internal });
+        dispatchItemState({ type: "SET_OVERRIDE", payload: route.isOverride });
+        initialState.current = {
+          title: route.title,
+          slug: route.fullPath,
+          active: route.active,
+          internal: route.internal,
+          isOverride: route.isOverride
+        };
+        setEntityRoute(route);
+      } catch (err) {
+        console.log(err);
+      } finally {
+        setLoadingRoute(false);
       }
     }
     fetchRoute();
@@ -10588,7 +10582,7 @@ const measuring = {
   }
 };
 const indentationWidth = 48;
-function getProjection(items, activeId, overId, dragOffset) {
+function getProjection(items, activeId, overId, dragOffset, maxDepthValue) {
   if (!items) return { depth: 0, maxDepth: 0, minDepth: 0 };
   const overItemIndex = items.findIndex(({ id }) => id === overId);
   const activeItemIndex = items.findIndex(({ id }) => id === activeId);
@@ -10597,7 +10591,7 @@ function getProjection(items, activeId, overId, dragOffset) {
   const previousItem = newItems[overItemIndex - 1];
   const dragDepth = getDragDepth(dragOffset, indentationWidth);
   const projectedDepth = activeItem && typeof activeItem.depth === "number" ? activeItem.depth + dragDepth : 0;
-  let maxDepth = getMaxDepth({ previousItem });
+  let maxDepth = getMaxDepth({ previousItem, maxDepthValue });
   let minDepth = 0;
   let depth = projectedDepth;
   if (projectedDepth >= maxDepth) {
@@ -10607,9 +10601,9 @@ function getProjection(items, activeId, overId, dragOffset) {
   }
   return { depth, maxDepth, minDepth };
 }
-function getMaxDepth({ previousItem }) {
+function getMaxDepth({ previousItem, maxDepthValue }) {
   if (previousItem && typeof previousItem.depth === "number") {
-    return previousItem.depth + 1;
+    return Math.min(previousItem.depth + 1, maxDepthValue - 1);
   }
   return 0;
 }
@@ -11840,6 +11834,7 @@ const Navigation = () => {
   const [isSavingNavigation, setIsSavingNavigation] = React.useState(false);
   const [loading, setLoading] = React.useState(true);
   const cachedNavigations = React.useRef(null);
+  const { config } = index.usePluginConfig();
   const [projected, setProjected] = React.useState(null);
   const [activeItem, setActiveItem] = React.useState();
   const [activeId, setActiveId] = React.useState(null);
@@ -12029,7 +12024,8 @@ const Navigation = () => {
       navigationItems,
       activeId,
       overId,
-      offsetLeft
+      offsetLeft,
+      config?.navigation.maxDepth || 3
     ) : null;
     setProjected(projection);
   }, [activeId, overId, offsetLeft, navigationItems]);
@@ -12126,7 +12122,7 @@ const Navigation = () => {
       {
         variant: "NavDelete",
         item: actionItem,
-        onDelete: async (deletedItem) => {
+        onDelete: (deletedItem) => {
           cachedNavigations.current = null;
           setNavigations((navs) => navs.filter((nav) => nav.id !== deletedItem.id));
           navigate("/plugins/webatlas/navigation");
@@ -12137,7 +12133,10 @@ const Navigation = () => {
       NavEdit,
       {
         item: actionItem,
-        onEdit: () => {
+        onEdit: (editedNavigation) => {
+          setNavigations(
+            (navs) => navs?.map((nav) => nav.id === editedNavigation.id ? editedNavigation : nav)
+          );
         }
       }
     ),
@@ -12167,7 +12166,6 @@ const Navigation = () => {
       {
         item: actionItem,
         onEdit: (editedItem) => {
-          console.log(editedItem);
           setNavigationItems(
             (items) => items?.map((item) => item.id === editedItem.id ? editedItem : item)
           );

package/dist/_chunks/{index-NZpDoHIv.js → index-DUgh4AJb.js}

@@ -4,58 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-2J9mPFyV.js");
+const index = require("./index-Dxn0NT06.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
-function PageWrapper({
-  settingsState,
-  initialState,
-  save,
-  isSaving,
-  children
-}) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      admin.Layouts.Header,
-      {
-        title: index.PLUGIN_NAME,
-        subtitle: formatMessage({
-          id: index.getTranslation("settings.page.subtitle"),
-          defaultMessage: "Settings"
-        }),
-        primaryAction: settingsState && initialState && save && /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            type: "submit",
-            onClick: () => save(),
-            loading: isSaving,
-            disabled: JSON.stringify(settingsState) === JSON.stringify(initialState) || settingsState.selectedContentTypes.find((cta) => !cta.default) !== void 0 || isSaving,
-            children: formatMessage({
-              id: index.getTranslation("save"),
-              defaultMessage: "Save"
-            })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        background: "neutral0",
-        borderColor: "neutral150",
-        hasRadius: true,
-        paddingBottom: 4,
-        paddingLeft: 4,
-        paddingRight: 4,
-        paddingTop: 6,
-        shadow: "tableShadow",
-        children
-      }
-    ) })
-  ] });
-}
+const PageWrapper = require("./PageWrapper-Bp9vGwpG.js");
 function ContentTypeAccordion({
   contentType,
   contentTypeSettings,
@@ -147,44 +100,47 @@ function ContentTypeAccordion({
     contentType.uid
   );
 }
-function reducer(settingsState, action) {
+function reducer(newConfig, action) {
   let updatedContentTypes;
   switch (action.type) {
     case "SET_SELECTED_CONTENT_TYPES":
+      if (!newConfig) return null;
       updatedContentTypes = action.payload.map((ct) => {
-        return settingsState.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
+        return newConfig?.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
       });
-      return { ...settingsState, selectedContentTypes: updatedContentTypes };
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
     case "SET_DEFAULT_FIELD":
-      updatedContentTypes = settingsState.selectedContentTypes.map(
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
         (ct) => ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct
       );
-      return { ...settingsState, selectedContentTypes: updatedContentTypes };
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
     case "SET_PATTERN":
-      updatedContentTypes = settingsState.selectedContentTypes.map(
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
         (ct) => ct.uid === action.payload.ctUid ? { ...ct, pattern: index.transformToUrl(action.payload.pattern) } : ct
       );
-      return { ...settingsState, selectedContentTypes: updatedContentTypes };
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_CONFIG":
+      return action.payload;
     default:
       throw new Error();
   }
 }
 const Settings = () => {
-  const { config, setConfig, loading, fetchError } = index.usePluginConfig();
-  const [settingsState, dispatch] = React.useReducer(reducer, config || { selectedContentTypes: [] });
+  const { config: fetchedConfig, setConfig, loading, fetchError } = index.usePluginConfig();
+  const [config, dispatch] = React.useReducer(reducer, fetchedConfig);
   const { contentTypes: allContentTypesData } = index.useAllContentTypes();
   const allContentTypes = allContentTypesData?.filter((ct) => ct.pluginOptions?.webatlas?.active === true);
-  const [initialState, setInitialState] = React.useState(config || { selectedContentTypes: [] });
   const { toggleNotification } = admin.useNotification();
   const { formatMessage } = reactIntl.useIntl();
   const [isSaving, setIsSaving] = React.useState(false);
+  const initialConfig = React.useRef(fetchedConfig);
   React.useEffect(() => {
-    setInitialState(config || { selectedContentTypes: [] });
-  }, [config]);
-  React.useEffect(() => {
-    if (!config) return;
-    dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: config.selectedContentTypes });
-  }, [config]);
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
   React.useEffect(() => {
     if (fetchError) {
       toggleNotification({
@@ -197,11 +153,11 @@ const Settings = () => {
     }
   }, [fetchError, toggleNotification, formatMessage]);
   async function save() {
-    if (!settingsState || settingsState.selectedContentTypes.find((cta) => !cta.default) !== void 0) return;
+    if (!config || config.selectedContentTypes.find((cta) => !cta.default) !== void 0) return;
     setIsSaving(true);
     try {
-      await setConfig(settingsState);
-      setInitialState(settingsState);
+      await setConfig({ selectedContentTypes: config.selectedContentTypes });
+      initialConfig.current = config;
       toggleNotification({
         type: "success",
         message: formatMessage({
@@ -223,60 +179,74 @@ const Settings = () => {
     }
   }
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(PageWrapper, { settingsState, initialState, save, isSaving, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Field.Root,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      PageWrapper.PageWrapper,
       {
-        name: "selectedContentTypes",
-        hint: formatMessage({
-          id: index.getTranslation("settings.page.enabledContentTypes.hint"),
-          defaultMessage: "Select the content types for which you want to enable URL aliases"
-        }),
-        children: [
+        isSaving,
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PageWrapper.PageWrapper,
+    {
+      save,
+      isSaving,
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Field.Root,
+          {
+            name: "selectedContentTypes",
+            hint: formatMessage({
+              id: index.getTranslation("settings.page.enabledContentTypes.hint"),
+              defaultMessage: "Select the content types for which you want to enable URL aliases"
+            }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                id: index.getTranslation("settings.page.enabledContentTypes"),
+                defaultMessage: "Enabled Content Types"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.MultiSelect,
+                {
+                  placeholder: formatMessage({
+                    id: index.getTranslation("settings.page.enabledContentTypes.placeholder"),
+                    defaultMessage: "Select content types..."
+                  }),
+                  onClear: () => dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: [] }),
+                  value: [...config?.selectedContentTypes.map((ct) => ct.uid) || []],
+                  onChange: (value) => dispatch({
+                    type: "SET_SELECTED_CONTENT_TYPES",
+                    payload: value.map((v) => ({
+                      uid: v,
+                      default: "",
+                      pattern: ""
+                    }))
+                  }),
+                  withTags: true,
+                  children: allContentTypes && allContentTypes.map(
+                    (item) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+            ]
+          }
+        ),
+        config?.selectedContentTypes && config.selectedContentTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "selectedContentTypesAccordion", children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-            id: index.getTranslation("settings.page.enabledContentTypes"),
-            defaultMessage: "Enabled Content Types"
+            id: index.getTranslation("settings.page.contentTypeSettings"),
+            defaultMessage: "Content Type settings"
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.MultiSelect,
-            {
-              placeholder: formatMessage({
-                id: index.getTranslation("settings.page.enabledContentTypes.placeholder"),
-                defaultMessage: "Select content types..."
-              }),
-              onClear: () => dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: [] }),
-              value: [...settingsState.selectedContentTypes.map((ct) => ct.uid)],
-              onChange: (value) => dispatch({
-                type: "SET_SELECTED_CONTENT_TYPES",
-                payload: value.map((v) => ({
-                  uid: v,
-                  default: "",
-                  pattern: ""
-                }))
-              }),
-              withTags: true,
-              children: allContentTypes && allContentTypes.map(
-                (item) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-        ]
-      }
-    ),
-    settingsState.selectedContentTypes && settingsState.selectedContentTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "selectedContentTypesAccordion", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-        id: index.getTranslation("settings.page.contentTypeSettings"),
-        defaultMessage: "Content Type settings"
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Root, { children: settingsState.selectedContentTypes?.map((contentTypeSettings) => {
-        const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
-        return /* @__PURE__ */ jsxRuntime.jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
-      }) })
-    ] }) })
-  ] });
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Root, { children: config.selectedContentTypes?.map((contentTypeSettings) => {
+            const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
+            return /* @__PURE__ */ jsxRuntime.jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
+          }) })
+        ] }) })
+      ]
+    }
+  );
 };
 exports.default = Settings;
-//# sourceMappingURL=index-NZpDoHIv.js.map

package/dist/_chunks/{index-2J9mPFyV.js → index-Dxn0NT06.js}

@@ -41,7 +41,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.7.1";
+const version = "0.8.0";
 const keywords = [];
 const type = "commonjs";
 const exports$1 = {
@@ -312,6 +312,10 @@ function usePluginConfig() {
           config2 = { ...config2, selectedContentTypes: activeContentTypes };
           await setConfig(config2);
         }
+        if (config2.navigation?.maxDepth === void 0) {
+          config2.navigation = { ...config2.navigation, maxDepth: 3 };
+          await setConfig(config2);
+        }
         setConfigData(config2);
       } catch (error) {
         setFetchError(error.message);
@@ -3636,7 +3640,7 @@ const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003
 function Tooltip({ description: description2 }) {
   return /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { children: /* @__PURE__ */ jsxRuntime.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [
     /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Information, { "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { sideOffset: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { sideOffset: 5, style: { zIndex: 9999 }, children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Box,
       {
         padding: 2,
@@ -4077,7 +4081,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-dzRHjemo.js"));
+        const component = await Promise.resolve().then(() => require("./index-BKdvSgDB.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4096,7 +4100,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-DCejsR9X.js"));
+        const component = await Promise.resolve().then(() => require("./index-DTPDMxs_.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4112,20 +4116,44 @@ const index = {
         id: PLUGIN_ID,
         intlLabel: {
           id: `${PLUGIN_ID}.settings.section`,
-          defaultMessage: "Webatlas"
+          defaultMessage: PLUGIN_NAME
         }
       },
       {
         intlLabel: {
-          id: `${PLUGIN_ID}.settings.section`,
-          defaultMessage: "Configuration"
+          id: `${PLUGIN_ID}.settings.section.general`,
+          defaultMessage: "General"
         },
-        id: PLUGIN_ID,
-        to: `/settings/${PLUGIN_ID}/configuration`,
+        id: `${PLUGIN_ID}-general`,
+        to: `/settings/${PLUGIN_ID}/general`,
+        Component: async () => {
+          return await Promise.resolve().then(() => require(
+            /* webpackChunkName: "webatlas-settings-general-page" */
+            "./index-DUgh4AJb.js"
+          ));
+        },
+        permissions: [
+          // Uncomment to set the permissions of the plugin here
+          // {
+          //   action: '', // the action name should be plugin::plugin-name.actionType
+          //   subject: null,
+          // },
+        ]
+      }
+    );
+    app.addSettingsLink(
+      PLUGIN_ID,
+      {
+        intlLabel: {
+          id: `${PLUGIN_ID}.settings.navigation`,
+          defaultMessage: "Navigation"
+        },
+        id: `${PLUGIN_ID}-navigation`,
+        to: `/settings/${PLUGIN_ID}/navigation`,
         Component: async () => {
           return await Promise.resolve().then(() => require(
-            /* webpackChunkName: "webatlas-settings-page" */
-            "./index-NZpDoHIv.js"
+            /* webpackChunkName: "webatlas-settings-navigation-page" */
+            "./index-D72CZ5b7.js"
           ));
         },
         permissions: [
@@ -4154,7 +4182,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-BZc1BkzH.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Deg4n_IM.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-CDBoUBzw.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-DfvURaup.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4174,4 +4202,3 @@ exports.transformToUrl = transformToUrl;
 exports.useAllContentTypes = useAllContentTypes;
 exports.useApi = useApi;
 exports.usePluginConfig = usePluginConfig;
-//# sourceMappingURL=index-2J9mPFyV.js.map