@mattisvensson/strapi-plugin-webatlas 0.7.0 → 0.8.0

package/dist/_chunks/FullLoader-Cmsf8xS6.js

@@ -1,12 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-function Center({ height = 400, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
-}
-function FullLoader({ height }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Center, { height, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading..." }) });
-}
-exports.Center = Center;
-exports.FullLoader = FullLoader;
-//# sourceMappingURL=FullLoader-Cmsf8xS6.js.map

package/dist/_chunks/FullLoader-Cmsf8xS6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullLoader-Cmsf8xS6.js","sources":["../../admin/src/components/UI/Center.tsx","../../admin/src/components/UI/FullLoader.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nexport default function Center({ height = 400, children }: { height?: number, children: React.ReactNode }) {\n\n  return (\n    <Flex direction=\"column\" minHeight={`${height}px`} justifyContent=\"center\">\n      {children}\n    </Flex>\n  )\n}","import { Loader, Box } from '@strapi/design-system';\nimport Center from './Center';\n\nexport default function FullLoader({ height }: { height?: number }) {\n  return (\n    <Center height={height}>\n      <Loader>Loading...</Loader>\n    </Center>\n  );\n}"],"names":["jsx","Flex","Loader"],"mappings":";;;AAEA,SAAwB,OAAO,EAAE,SAAS,KAAK,YAA4D;AAGvG,SAAAA,2BAAA,IAACC,aAAK,MAAA,EAAA,WAAU,UAAS,WAAW,GAAG,MAAM,MAAM,gBAAe,UAC/D,SACH,CAAA;AAEJ;ACNwB,SAAA,WAAW,EAAE,UAA+B;AAClE,wCACG,QAAO,EAAA,QACN,UAACD,+BAAAE,aAAAA,QAAA,EAAO,wBAAU,EACpB,CAAA;AAEJ;;;"}

package/dist/_chunks/FullLoader-CrPED_dY.mjs

@@ -10,4 +10,3 @@ export {
   Center as C,
   FullLoader as F
 };
-//# sourceMappingURL=FullLoader-CrPED_dY.mjs.map

package/dist/_chunks/PageWrapper-B6nLPFak.mjs

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button, Box } from "@strapi/design-system";
+import { Page, Layouts } from "@strapi/strapi/admin";
+import { P as PLUGIN_NAME, g as getTranslation } from "./index-DSPh-fHL.mjs";
+import { useIntl } from "react-intl";
+function PageWrapper({
+  save,
+  isSaving,
+  disabledCondition,
+  children
+}) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Page.Main, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: PLUGIN_NAME,
+        subtitle: formatMessage({
+          id: getTranslation("settings.page.subtitle"),
+          defaultMessage: "Settings"
+        }),
+        primaryAction: disabledCondition !== void 0 && save && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            onClick: () => save(),
+            loading: isSaving,
+            disabled: disabledCondition || isSaving,
+            children: formatMessage({
+              id: getTranslation("save"),
+              defaultMessage: "Save"
+            })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        background: "neutral0",
+        borderColor: "neutral150",
+        hasRadius: true,
+        paddingBottom: 4,
+        paddingLeft: 4,
+        paddingRight: 4,
+        paddingTop: 6,
+        shadow: "tableShadow",
+        children
+      }
+    ) })
+  ] });
+}
+export {
+  PageWrapper as P
+};

package/dist/_chunks/{de-oxxH8hft.mjs → de-C1QgkRoj.mjs}

@@ -113,9 +113,10 @@ const de = {
   "webatlas.notification.navigation.navigationSaved": "Navigation erfolgreich aktualisiert",
   "webatlas.notification.navigation.fetchFailed": "Fehler beim Abrufen der Navigationen",
   "webatlas.notification.navigation.notFound": "Navigation nicht gefunden. Zur Navigation weitergeleitet",
-  "webatlas.notification.navigation.creationFailed": "Erstellung der Navigation fehlgeschlagen"
+  "webatlas.notification.navigation.creationFailed": "Erstellung der Navigation fehlgeschlagen",
+  "webatlas.settings.section.general": "Allgemein",
+  "webatlas.settings.section.navigation": "Navigation"
 };
 export {
   de as default
 };
-//# sourceMappingURL=de-oxxH8hft.mjs.map

package/dist/_chunks/{en-DqC5aDzA.mjs → en--8p5hbLP.mjs}

@@ -113,9 +113,10 @@ const en = {
   "webatlas.notification.navigation.navigationSaved": "Navigation updated successfully",
   "webatlas.notification.navigation.fetchFailed": "Failed to fetch navigations",
   "webatlas.notification.navigation.notFound": "Navigation not found. Redirected to navigation",
-  "webatlas.notification.navigation.creationFailed": "Creation of navigation failed"
+  "webatlas.notification.navigation.creationFailed": "Creation of navigation failed",
+  "webatlas.settings.section.general": "General",
+  "webatlas.settings.section.navigation": "Navigation"
 };
 export {
   en as default
 };
-//# sourceMappingURL=en-DqC5aDzA.mjs.map

package/dist/_chunks/{index-DKdAgBbF.mjs → index-7rox7tGX.mjs}

@@ -1,59 +1,12 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useReducer, useState, useEffect } from "react";
-import { Button, Box, Accordion, Field, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption } from "@strapi/design-system";
-import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
-import { P as PLUGIN_NAME, g as getTranslation, T as Tooltip, b as usePluginConfig, c as useAllContentTypes, t as transformToUrl } from "./index-D3xDvB4d.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useReducer, useState, useRef, useEffect } from "react";
+import { Box, Accordion, Field, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption } from "@strapi/design-system";
+import { useNotification } from "@strapi/strapi/admin";
+import { g as getTranslation, T as Tooltip, b as usePluginConfig, c as useAllContentTypes, t as transformToUrl } from "./index-DSPh-fHL.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
-function PageWrapper({
-  settingsState,
-  initialState,
-  save,
-  isSaving,
-  children
-}) {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        title: PLUGIN_NAME,
-        subtitle: formatMessage({
-          id: getTranslation("settings.page.subtitle"),
-          defaultMessage: "Settings"
-        }),
-        primaryAction: settingsState && initialState && save && /* @__PURE__ */ jsx(
-          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: getTranslation("save"),
-              defaultMessage: "Save"
-            })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
-      Box,
-      {
-        background: "neutral0",
-        borderColor: "neutral150",
-        hasRadius: true,
-        paddingBottom: 4,
-        paddingLeft: 4,
-        paddingRight: 4,
-        paddingTop: 6,
-        shadow: "tableShadow",
-        children
-      }
-    ) })
-  ] });
-}
+import { P as PageWrapper } from "./PageWrapper-B6nLPFak.mjs";
 function ContentTypeAccordion({
   contentType,
   contentTypeSettings,
@@ -145,44 +98,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: 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 } = usePluginConfig();
-  const [settingsState, dispatch] = useReducer(reducer, config || { selectedContentTypes: [] });
+  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();
+  const [config, dispatch] = useReducer(reducer, fetchedConfig);
   const { contentTypes: allContentTypesData } = useAllContentTypes();
   const allContentTypes = allContentTypesData?.filter((ct) => ct.pluginOptions?.webatlas?.active === true);
-  const [initialState, setInitialState] = useState(config || { selectedContentTypes: [] });
   const { toggleNotification } = useNotification();
   const { formatMessage } = useIntl();
   const [isSaving, setIsSaving] = useState(false);
+  const initialConfig = useRef(fetchedConfig);
   useEffect(() => {
-    setInitialState(config || { selectedContentTypes: [] });
-  }, [config]);
-  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]);
   useEffect(() => {
     if (fetchError) {
       toggleNotification({
@@ -195,11 +151,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({
@@ -221,60 +177,75 @@ const Settings = () => {
     }
   }
   if (loading) {
-    return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(FullLoader, { height: 200 }) });
-  }
-  return /* @__PURE__ */ jsxs(PageWrapper, { settingsState, initialState, save, isSaving, children: [
-    /* @__PURE__ */ jsxs(
-      Field.Root,
+    return /* @__PURE__ */ jsx(
+      PageWrapper,
       {
-        name: "selectedContentTypes",
-        hint: formatMessage({
-          id: getTranslation("settings.page.enabledContentTypes.hint"),
-          defaultMessage: "Select the content types for which you want to enable URL aliases"
-        }),
-        children: [
+        isSaving,
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    PageWrapper,
+    {
+      save,
+      isSaving,
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: [
+        /* @__PURE__ */ jsxs(
+          Field.Root,
+          {
+            name: "selectedContentTypes",
+            hint: formatMessage({
+              id: getTranslation("settings.page.enabledContentTypes.hint"),
+              defaultMessage: "Select the content types for which you want to enable URL aliases"
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                id: getTranslation("settings.page.enabledContentTypes"),
+                defaultMessage: "Enabled Content Types"
+              }) }),
+              /* @__PURE__ */ jsx(
+                MultiSelect,
+                {
+                  placeholder: formatMessage({
+                    id: 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__ */ jsx(MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Field.Hint, {})
+            ]
+          }
+        ),
+        config?.selectedContentTypes && config.selectedContentTypes.length > 0 && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "selectedContentTypesAccordion", children: [
           /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-            id: getTranslation("settings.page.enabledContentTypes"),
-            defaultMessage: "Enabled Content Types"
+            id: getTranslation("settings.page.contentTypeSettings"),
+            defaultMessage: "Content Type settings"
           }) }),
-          /* @__PURE__ */ jsx(
-            MultiSelect,
-            {
-              placeholder: formatMessage({
-                id: 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__ */ jsx(MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ),
-    settingsState.selectedContentTypes && settingsState.selectedContentTypes.length > 0 && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "selectedContentTypesAccordion", children: [
-      /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-        id: getTranslation("settings.page.contentTypeSettings"),
-        defaultMessage: "Content Type settings"
-      }) }),
-      /* @__PURE__ */ jsx(Accordion.Root, { children: settingsState.selectedContentTypes?.map((contentTypeSettings) => {
-        const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
-        return /* @__PURE__ */ jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
-      }) })
-    ] }) })
-  ] });
+          /* @__PURE__ */ jsx(Accordion.Root, { children: config.selectedContentTypes?.map((contentTypeSettings) => {
+            const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
+            return /* @__PURE__ */ jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
+          }) })
+        ] }) })
+      ]
+    }
+  );
 };
 export {
   Settings as default

package/dist/_chunks/{index-BdlPAWj6.mjs → index-DGSjLYNl.mjs}

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
 import { Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Grid, Box, Field, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
 import { ChevronDown, Pencil, Cross } from "@strapi/icons";
-import { g as getTranslation, u as useApi, d as debounce } from "./index-D3xDvB4d.mjs";
+import { g as getTranslation, u as useApi, d as debounce } from "./index-DSPh-fHL.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";

package/dist/_chunks/{index-CZ5qsGXH.mjs → index-DSPh-fHL.mjs}

@@ -23,7 +23,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.7.0";
+const version = "0.7.1";
 const keywords = [];
 const type = "commonjs";
 const exports = {
@@ -294,6 +294,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);
@@ -4059,7 +4063,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await import("./index-BEgpEtto.mjs");
+        const component = await import("./index-DGSjLYNl.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4078,7 +4082,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await import("./index-B6MYtu3A.mjs");
+        const component = await import("./index-Z3qq1ab8.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4094,20 +4098,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 import(
+            /* webpackChunkName: "webatlas-settings-general-page" */
+            "./index-7rox7tGX.mjs"
+          );
+        },
+        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 import(
-            /* webpackChunkName: "webatlas-settings-page" */
-            "./index-BPhRQoGD.mjs"
+            /* webpackChunkName: "webatlas-settings-navigation-page" */
+            "./index-VcxUbdMO.mjs"
           );
         },
         permissions: [
@@ -4136,7 +4164,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-oxxH8hft.mjs"), "./translations/en.json": () => import("./en-DqC5aDzA.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-C1QgkRoj.mjs"), "./translations/en.json": () => import("./en--8p5hbLP.mjs") }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4158,4 +4186,3 @@ export {
   transformToUrl as t,
   useApi as u
 };
-//# sourceMappingURL=index-CZ5qsGXH.mjs.map

package/dist/_chunks/index-VcxUbdMO.mjs

@@ -0,0 +1,123 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useReducer, useState, useRef, useEffect } from "react";
+import { Field } from "@strapi/design-system";
+import { useNotification } from "@strapi/strapi/admin";
+import { b as usePluginConfig, g as getTranslation } from "./index-DSPh-fHL.mjs";
+import { useIntl } from "react-intl";
+import "@strapi/icons/symbols";
+import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { P as PageWrapper } from "./PageWrapper-B6nLPFak.mjs";
+function reducer(newConfig, action) {
+  switch (action.type) {
+    case "SET_MAX_DEPTH":
+      if (!newConfig) return null;
+      return {
+        ...newConfig,
+        navigation: { ...newConfig.navigation, maxDepth: action.payload },
+        selectedContentTypes: newConfig.selectedContentTypes || []
+      };
+    case "SET_CONFIG":
+      return action.payload;
+    default:
+      throw new Error();
+  }
+}
+const Settings = () => {
+  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();
+  const [config, dispatch] = useReducer(reducer, fetchedConfig);
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
+  const [isSaving, setIsSaving] = useState(false);
+  const initialConfig = useRef(fetchedConfig);
+  useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + fetchError
+      });
+    }
+  }, [fetchError, toggleNotification, formatMessage]);
+  async function save() {
+    if (!config) return;
+    setIsSaving(true);
+    try {
+      await setConfig({ navigation: config.navigation });
+      initialConfig.current = config;
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      PageWrapper,
+      {
+        isSaving,
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    PageWrapper,
+    {
+      save,
+      isSaving,
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: /* @__PURE__ */ jsxs(
+        Field.Root,
+        {
+          name: "maxNavDepth",
+          children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+              id: getTranslation("settings.page.maxNavDepth.label"),
+              defaultMessage: "Max depth of navigation tree"
+            }) }),
+            /* @__PURE__ */ jsx(
+              Field.Input,
+              {
+                id: "maxNavDepth",
+                type: "number",
+                min: 1,
+                step: 1,
+                value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth : "",
+                onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) }),
+                onBlur: (e) => {
+                  if (e.target.value === "") return;
+                  dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(Field.Hint, {})
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  Settings as default
+};