@mattisvensson/strapi-plugin-webatlas 0.7.1 → 0.8.1

package/dist/_chunks/index-D72CZ5b7.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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-Dxn0NT06.js");
+const reactIntl = require("react-intl");
+require("@strapi/icons/symbols");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const PageWrapper = require("./PageWrapper-Bp9vGwpG.js");
+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 } = index.usePluginConfig();
+  const [config, dispatch] = React.useReducer(reducer, fetchedConfig);
+  const { toggleNotification } = admin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const [isSaving, setIsSaving] = React.useState(false);
+  const initialConfig = React.useRef(fetchedConfig);
+  React.useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  React.useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.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: index.getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      PageWrapper.PageWrapper,
+      {
+        isSaving,
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageWrapper.PageWrapper,
+    {
+      save,
+      isSaving,
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Field.Root,
+        {
+          name: "maxNavDepth",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+              id: index.getTranslation("settings.page.maxNavDepth.label"),
+              defaultMessage: "Max depth of navigation tree"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+          ]
+        }
+      )
+    }
+  );
+};
+exports.default = Settings;

package/dist/_chunks/{index-DcFYhqke.mjs → index-DJBXRNlE.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-DY1ICa5c.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-DMpiX4hP.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-oLhcg9BA.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,61 +177,77 @@ 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
 };
+//# sourceMappingURL=index-DJBXRNlE.mjs.map

package/dist/_chunks/index-DJBXRNlE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DJBXRNlE.mjs","sources":["../../admin/src/pages/Settings/General/ContentTypeAccordion.tsx","../../admin/src/pages/Settings/General/index.tsx"],"sourcesContent":["import { SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport Tooltip from '../../../components/Tooltip'\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { getTranslation } from '../../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ContentType, ConfigContentType } from '../../../../../types';\n\nexport default function ContentTypeAccordion({ \n  contentType,\n  contentTypeSettings,\n  dispatch\n}: { \n  contentType: ContentType | undefined, \n  contentTypeSettings: ConfigContentType, \n  dispatch: React.Dispatch<any>\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  if (!contentType) return null\n\n  return (\n    <Box\n      borderColor={!contentTypeSettings.default && 'danger500'}\n      key={contentType.uid}\n    >\n      <Accordion.Item key={contentType.uid} value={contentType.uid} size=\"S\">\n        <Accordion.Header>\n          <Accordion.Trigger>\n            {contentType?.info.displayName}\n          </Accordion.Trigger>\n        </Accordion.Header>\n        <Accordion.Content>\n          <Box padding={3}>\n            <Field.Root\n              name=\"selectedContentTypes\"\n              hint={formatMessage({\n                id: getTranslation('settings.page.defaultField.hint'),\n                defaultMessage: 'The selected field from the content type will be used to generate the URL alias. Use a field that is unique and descriptive, such as a \"title\" or \"name\".',\n              })}\n              error={!contentTypeSettings.default && formatMessage({\n                id: getTranslation('settings.page.defaultField.error'),\n                defaultMessage: 'Please select a default field',\n              })}\n              required\n            >\n              <Field.Label>\n                {formatMessage({\n                  id: getTranslation('settings.page.defaultField'),\n                  defaultMessage: 'Default URL Alias field',\n                })}\n              </Field.Label>\n              <SingleSelect\n                name={`defaultField-${contentType.uid}`}\n                onClear={() => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: '' } })}\n                value={contentTypeSettings?.default || ''}\n                onChange={(value: string) => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: value } })}\n              >\n                {Object.entries(contentType.attributes).map(([key], index) => {\n                  if (\n                    key === 'id' || \n                    key === 'documentId' ||\n                    key === 'createdAt' || \n                    key === 'updatedAt' || \n                    key === 'createdBy' || \n                    key === 'updatedBy' ||\n                    key === 'webatlas_path' ||\n                    key === 'webatlas_override'\n                  ) return null\n                  return <SingleSelectOption key={index} value={key}>{key}</SingleSelectOption>\n                })}\n              </SingleSelect>\n              <Field.Hint/>\n            </Field.Root>\n            <Box paddingTop={4}>\n              <Field.Root\n                name=\"urlAliasPattern\"\n                hint={formatMessage({\n                  id: getTranslation('settings.page.urlAliasPattern.hint'),\n                  defaultMessage: 'The pattern to prepend to the generated URL alias. For example, if you enter \"blog\" and the value of default field is \"My First Post\", the generated URL alias will be \"blog/my-first-post\". Leave empty for no prefix.',\n                })}\n              >\n                <Field.Label>\n                  {formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern'),\n                    defaultMessage: 'URL Alias Pattern',\n                  })}\n                  <Tooltip description={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.tooltip'),\n                    defaultMessage: 'Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded.',\n                  })} />\n                </Field.Label>\n                <Field.Input\n                  value={contentTypeSettings.pattern}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => dispatch({ type: 'SET_PATTERN', payload: { ctUid: contentType.uid, pattern: e.target.value } })}\n                  disabled={!contentTypeSettings.default}\n                  type=\"text\"\n                  placeholder={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.placeholder'),\n                    defaultMessage: 'e.g. blog',\n                  })}\n                />\n                <Field.Hint />\n              </Field.Root>\n            </Box>\n          </Box>\n        </Accordion.Content>\n      </Accordion.Item>\n    </Box>\n    \n  )\n}","/*\n *\n * Settings\n * This file contains the general settings page for the Webatlas plugin.\n * It allows users to configure which content types are enabled for URL aliases and navigations,\n * as well as setting default fields and the URL alias patterns for each content type. \n *\n*/\n\nimport { useEffect, useState, useReducer, useRef } from 'react';\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { useNotification } from '@strapi/strapi/admin'\nimport { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport usePluginConfig from '../../../hooks/usePluginConfig';\nimport type { ContentType, ConfigContentType, PluginConfig } from '../../../../../types';\nimport transformToUrl from '../../../../../utils/transformToUrl';\nimport useAllContentTypes from '../../../hooks/useAllContentTypes';\nimport { getTranslation } from '../../../utils';\nimport { useIntl } from 'react-intl';\nimport { FullLoader } from '../../../components/UI';\nimport PageWrapper from '../PageWrapper';\nimport ContentTypeAccordion from './ContentTypeAccordion';\n\ntype Action =\n  | { type: 'SET_SELECTED_CONTENT_TYPES'; payload: ConfigContentType[] }\n  | { type: 'SET_DEFAULT_FIELD'; payload: { ctUid: string; field: string } }\n  | { type: 'SET_PATTERN'; payload: { ctUid: string; pattern: string } }\n  | { type: 'SET_CONFIG'; payload: PluginConfig }\n\nfunction reducer(newConfig: PluginConfig | null, action: Action): PluginConfig | null {\n  let updatedContentTypes\n\n  switch (action.type) {\n    case 'SET_SELECTED_CONTENT_TYPES':\n      if (!newConfig) return null;\n      updatedContentTypes = action.payload.map(ct => {\n        return newConfig?.selectedContentTypes.find((cta: ConfigContentType) => cta.uid === ct.uid) || ct\n      })\n      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };\n    case 'SET_DEFAULT_FIELD':\n      if (!newConfig) return null;\n      updatedContentTypes = newConfig?.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct\n      );\n      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };\n    case 'SET_PATTERN':\n      if (!newConfig) return null;\n      updatedContentTypes = newConfig?.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : ct\n      );\n      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };\n    case 'SET_CONFIG':\n      return action.payload;\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();\n  const [config, dispatch] = useReducer(reducer, fetchedConfig);\n  const { contentTypes: allContentTypesData } = useAllContentTypes();\n  const allContentTypes = allContentTypesData?.filter((ct: ContentType) => ct.pluginOptions?.webatlas?.active === true);\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n  const initialConfig = useRef<PluginConfig | null>(fetchedConfig);\n\n  useEffect(() => {\n    initialConfig.current = fetchedConfig;\n\n    if (fetchedConfig)\n      dispatch({ type: 'SET_CONFIG', payload: fetchedConfig });\n  }, [fetchedConfig]);\n  \n  useEffect(() => {\n    if (fetchError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslation('notification.error'),\n          defaultMessage: 'An error occurred',\n        }) + ': ' + fetchError,\n      });\n    }\n  }, [fetchError, toggleNotification, formatMessage]);\n\n  async function save() {\n    if (\n      !config \n      || config.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n    ) return\n\n    setIsSaving(true);\n    try {\n      await setConfig({selectedContentTypes: config.selectedContentTypes })\n      initialConfig.current = config;\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('notification.settings.saved'),\n          defaultMessage: 'Settings saved successfully',\n        }),\n      });\n      setIsSaving(false);\n    } catch (err) {\n      setIsSaving(false);\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslation('notification.error'),\n          defaultMessage: 'An error occurred',\n        }) + ': ' + err,\n      });\n      console.error(err);\n    }\n  }\n\n  if (loading) {\n    return <PageWrapper\n      isSaving={isSaving}\n      disabledCondition={true}\n    >\n      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper\n      save={save}\n      isSaving={isSaving}\n      disabledCondition={JSON.stringify(config) === JSON.stringify(initialConfig.current)}\n    >\n      <Field.Root\n        name=\"selectedContentTypes\"\n        hint={formatMessage({\n          id: getTranslation('settings.page.enabledContentTypes.hint'),\n          defaultMessage: 'Select the content types for which you want to enable URL aliases',\n        })}\n      >\n        <Field.Label>\n          {formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes'),\n            defaultMessage: 'Enabled Content Types',\n          })}\n        </Field.Label>\n        <MultiSelect\n          placeholder={formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes.placeholder'),\n            defaultMessage: 'Select content types...',\n          })}\n          onClear={() => dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: [] })}\n          value={[...config?.selectedContentTypes.map((ct: ConfigContentType) => ct.uid) || []]}\n          onChange={(value: string[]) =>\n            dispatch({\n              type: 'SET_SELECTED_CONTENT_TYPES',\n              payload: value.map(v => ({\n                uid: v,\n                default: '',\n                pattern: '',\n              })),\n            })\n          }\n          withTags\n        >\n          {allContentTypes && allContentTypes.map(item => \n            <MultiSelectOption key={item.uid} value={item.uid}>{item.info.displayName}</MultiSelectOption>\n          )}\n        </MultiSelect>\n        <Field.Hint/>\n      </Field.Root>\n      {config?.selectedContentTypes && config.selectedContentTypes.length > 0 && \n        <Box paddingTop={4}>\n          <Field.Root name=\"selectedContentTypesAccordion\">\n            <Field.Label>\n              {formatMessage({\n                id: getTranslation('settings.page.contentTypeSettings'),\n                defaultMessage: 'Content Type settings',\n              })}\n            </Field.Label>\n            <Accordion.Root>\n              {config.selectedContentTypes?.map((contentTypeSettings: ConfigContentType) => {\n                const ct: ContentType | undefined = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid)\n                return <ContentTypeAccordion key={contentTypeSettings.uid} contentType={ct} contentTypeSettings={contentTypeSettings} dispatch={dispatch} />\n              })}\n            </Accordion.Root>\n          </Field.Root>\n        </Box>\n      }\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":[],"mappings":"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"}

package/dist/_chunks/{index-DY1ICa5c.mjs → index-DMpiX4hP.mjs}

@@ -23,7 +23,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.7.0";
+const version = "0.8.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);
@@ -3618,7 +3622,7 @@ const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003
 function Tooltip({ description: description2 }) {
   return /* @__PURE__ */ jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { children: /* @__PURE__ */ jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [
     /* @__PURE__ */ jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { asChild: true, children: /* @__PURE__ */ jsx(Information, { "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsx($a093c7e1ec25a057$export$602eac185826482c, { children: /* @__PURE__ */ jsx($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { sideOffset: 5, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx($a093c7e1ec25a057$export$602eac185826482c, { children: /* @__PURE__ */ jsx($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { sideOffset: 5, style: { zIndex: 9999 }, children: /* @__PURE__ */ jsx(
       Box,
       {
         padding: 2,
@@ -4059,7 +4063,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await import("./index-KC82xDAD.mjs");
+        const component = await import("./index-CAged_xE.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4078,7 +4082,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await import("./index-D5Uc0GLu.mjs");
+        const component = await import("./index-D29zBs5w.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-DJBXRNlE.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-DcFYhqke.mjs"
+            /* webpackChunkName: "webatlas-settings-navigation-page" */
+            "./index-CHRBu9Xy.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-Dt80IqMG.mjs"), "./translations/en.json": () => import("./en-BHxDiueo.mjs") }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4158,3 +4186,4 @@ export {
   transformToUrl as t,
   useApi as u
 };
+//# sourceMappingURL=index-DMpiX4hP.mjs.map