@mattisvensson/strapi-plugin-webatlas 0.2.6 → 0.3.0

package/dist/_chunks/{index-DrlYDm6a.js → index-B85fJxGa.js}

@@ -5,6 +5,7 @@ const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 const ReactDOM = require("react-dom");
+const reactIntl = require("react-intl");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -40,7 +41,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.2.5";
+const version = "0.2.6";
 const keywords = [];
 const type = "commonjs";
 const exports$1 = {
@@ -164,6 +165,7 @@ const pluginPkg = {
   packageManager
 };
 const PLUGIN_ID = pluginPkg.strapi.name.replace(/^(@[^-,.][\w,-]+\/|strapi-)plugin-/i, "") || "webatlas";
+const PLUGIN_NAME = pluginPkg.strapi.displayName;
 const Initializer = ({ setPlugin }) => {
   const ref = React.useRef(setPlugin);
   React.useEffect(() => {
@@ -3659,6 +3661,7 @@ function Tooltip({ description: description2 }) {
         background: "neutral1000",
         hasRadius: true,
         shadow: "filterShadow",
+        maxWidth: "300px",
         children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral0", children: description2 })
       }
     ) }) })
@@ -3675,19 +3678,6 @@ function debounce(func, wait) {
     timeout = setTimeout(later, wait);
   };
 }
-function URLInfo({ validationState, replacement }) {
-  if (validationState === "initial") return null;
-  let color = "neutral800";
-  let text = "Checking if URL is available...";
-  if (validationState === "checking") {
-    color = "neutral800";
-    text = "Checking if URL is available...";
-  } else if (validationState === "done") {
-    color = replacement ? "danger500" : "success500";
-    text = replacement ? `URL is not available. Replaced with "${replacement}".` : "URL is available";
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: color, children: text }) });
-}
 async function duplicateCheck(url, routeDocumentId) {
   if (!url) throw new Error("URL is required");
   try {
@@ -3699,6 +3689,33 @@ async function duplicateCheck(url, routeDocumentId) {
     throw new Error("Failed to check URL uniqueness");
   }
 }
+const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
+function URLInfo({ validationState, replacement, setUrlStatus }) {
+  const [color, setColor] = React.useState(null);
+  const [text, setText] = React.useState(null);
+  const { formatMessage } = reactIntl.useIntl();
+  React.useEffect(() => {
+    if (validationState === "initial") return;
+    if (validationState === "checking") {
+      setColor("neutral800");
+      setText(formatMessage({
+        id: getTranslation("components.URLInfo.checking"),
+        defaultMessage: "Checking if URL is available..."
+      }));
+    } else if (validationState === "done") {
+      setColor(replacement ? "danger500" : "success500");
+      setText(replacement ? `${formatMessage({
+        id: getTranslation("components.URLInfo.notAvailable"),
+        defaultMessage: "URL is not available. Replaced with"
+      })} "${replacement}".` : formatMessage({
+        id: getTranslation("components.URLInfo.available"),
+        defaultMessage: "URL is available."
+      }));
+      if (setUrlStatus) setUrlStatus(replacement ? "invalid" : "valid");
+    }
+  }, [validationState, replacement, formatMessage, setUrlStatus]);
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: color, children: text }) });
+}
 function reducer(state, action) {
   switch (action.type) {
     case "DEFAULT":
@@ -3733,14 +3750,16 @@ function reducer(state, action) {
   }
 }
 const Alias = ({ config }) => {
-  const { layout, form } = admin.unstable_useContentManagerContext();
+  const { form } = admin.unstable_useContentManagerContext();
   const { initialValues, values, onChange } = form;
   const { getRelatedRoute } = useApi();
+  const { formatMessage } = reactIntl.useIntl();
   const [routeId, setRouteId] = React.useState();
   const [isOverride, setIsOverride] = React.useState(false);
   const [validationState, setValidationState] = React.useState("initial");
   const [replacement, setReplacement] = React.useState("");
   const [initialLoadComplete, setInitialLoadComplete] = React.useState(false);
+  const [urlIsValid, setUrlIsValid] = React.useState(null);
   const [path, dispatchPath] = React.useReducer(reducer, {
     needsUrlCheck: false,
     value: "",
@@ -3750,32 +3769,29 @@ const Alias = ({ config }) => {
   const hasUserChangedField = React.useRef(false);
   const initialPath = React.useRef("");
   const prevValueRef = React.useRef(null);
-  const debouncedCheckUrl = React.useCallback(debounce(checkUrl, 500), []);
+  const debouncedCheckUrl = React.useCallback(debounce(checkUrl, 250), []);
   React.useEffect(() => {
     onChange("webatlas_path", path.value);
     onChange("webatlas_override", isOverride);
-  }, [path.value, routeId, isOverride]);
-  const debouncedValueEffect = React.useMemo(
-    () => debounce((currentValues) => {
-      const key = config?.default;
-      if (!key) return;
-      const currentValue = currentValues[key];
-      if (!currentValue) {
-        dispatchPath({ type: "NO_URL_CHECK", payload: "" });
-        return;
-      }
-      if (initialLoadComplete && (hasUserChangedField.current || !routeId) && prevValueRef.current !== currentValue && !isOverride) {
-        const path2 = config.pattern ? `${config.pattern}/${currentValue}` : `${currentValue}`;
-        if (currentValue === initialValues[key]) {
-          dispatchPath({ type: "NO_URL_CHECK", payload: path2 });
-        } else {
-          dispatchPath({ type: "DEFAULT", payload: path2 });
-        }
-        prevValueRef.current = currentValue;
+  }, [path.value, isOverride]);
+  const debouncedValueEffect = React.useMemo(() => debounce((currentValues) => {
+    const key = config?.default;
+    if (!key) return;
+    const currentValue = currentValues[key];
+    if (!currentValue) {
+      dispatchPath({ type: "NO_URL_CHECK", payload: "" });
+      return;
+    }
+    if (initialLoadComplete && (hasUserChangedField.current || !routeId) && prevValueRef.current !== currentValue && !isOverride) {
+      const path2 = config.pattern ? `${config.pattern}/${currentValue}` : `${currentValue}`;
+      if (currentValue === initialValues[key]) {
+        dispatchPath({ type: "NO_URL_CHECK", payload: path2 });
+      } else {
+        dispatchPath({ type: "DEFAULT", payload: path2 });
       }
-    }, 500),
-    [config?.default, config?.pattern, initialValues, isOverride, initialLoadComplete, routeId]
-  );
+      prevValueRef.current = currentValue;
+    }
+  }, 500), [config?.default, config?.pattern, initialValues, isOverride, initialLoadComplete, routeId]);
   React.useEffect(() => {
     const key = config?.default;
     if (!key) return;
@@ -3841,10 +3857,14 @@ const Alias = ({ config }) => {
     } catch (err) {
       console.log(err);
     } finally {
+      setUrlIsValid(null);
       setValidationState("done");
     }
   }
-  if (!initialLoadComplete) return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Loading..." });
+  if (!initialLoadComplete) return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+    id: getTranslation("components.CMEditViewAside.loading"),
+    defaultMessage: "Loading..."
+  }) });
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.Box,
     {
@@ -3859,28 +3879,53 @@ const Alias = ({ config }) => {
           gap: 4,
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: !initialValues.id && !config.default ? "[id] will be replaced with the entry ID" : "", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
-                  "URL",
-                  /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { description: "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Field.Input,
-                  {
-                    id: "url-input",
-                    value: path.value,
-                    placeholder: config.default ? `Edit the "${config.default}" field to generate a URL` : `${layout.list.settings.displayName?.toLowerCase()}/[id]`,
-                    onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
-                    disabled: !isOverride,
-                    onBlur: (e) => {
-                      if (e.target.value === path.prevValue) return;
-                      dispatchPath({ type: "DEFAULT", payload: e.target.value });
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              !routeId && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", marginBottom: 2, children: formatMessage({
+                  id: getTranslation("components.CMEditViewAside.alias.newRouteInfo"),
+                  defaultMessage: "A new URL route will be created upon saving this entry."
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 2, paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(URLInfo, { validationState, replacement }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Field.Root,
+                {
+                  hint: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.urlInput.start"),
+                    defaultMessage: "Edit the"
+                  }) + ' "' + config.default + '" ' + formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.urlInput.end"),
+                    defaultMessage: "field to generate a URL"
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
+                      formatMessage({
+                        id: getTranslation("components.CMEditViewAside.alias.urlInput.label"),
+                        defaultMessage: "URL"
+                      }),
+                      /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { description: formatMessage({
+                        id: getTranslation("components.CMEditViewAside.alias.urlInput.tooltip"),
+                        defaultMessage: "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )"
+                      }) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Field.Input,
+                      {
+                        id: "url-input",
+                        value: path.value,
+                        onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
+                        disabled: !isOverride,
+                        onBlur: (e) => {
+                          if (e.target.value === path.prevValue) return;
+                          dispatchPath({ type: "DEFAULT", payload: e.target.value });
+                        },
+                        style: { outline: urlIsValid !== null ? urlIsValid === "valid" ? "1px solid #5cb176" : "1px solid #ee5e52" : void 0 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(URLInfo, { validationState, replacement, setUrlStatus: setUrlIsValid }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 designSystem.Flex,
                 {
@@ -3892,7 +3937,10 @@ const Alias = ({ config }) => {
                       id: "override-url",
                       checked: isOverride,
                       onCheckedChange: () => setIsOverride((prev) => !prev),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Override generated URL" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+                        id: getTranslation("components.CMEditViewAside.alias.overrideCheckbox"),
+                        defaultMessage: "Override automatic URL generation"
+                      }) })
                     }
                   )
                 }
@@ -3903,8 +3951,14 @@ const Alias = ({ config }) => {
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(
                 designSystem.Field.Root,
                 {
-                  hint: "Permanent UID path, cannot be changed.",
-                  label: "UID path",
+                  hint: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.uidRoute.hint"),
+                    defaultMessage: "Permanent UID route, cannot be changed"
+                  }),
+                  label: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.uidRoute.label"),
+                    defaultMessage: "UID route"
+                  }),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, {}),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3921,8 +3975,14 @@ const Alias = ({ config }) => {
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(
                 designSystem.Field.Root,
                 {
-                  hint: "Permanent DocumentID path, cannot be changed.",
-                  label: "DocumentID path",
+                  hint: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.documentIdRoute.hint"),
+                    defaultMessage: "Permanent Document ID route, cannot be changed"
+                  }),
+                  label: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.documentIdRoute.label"),
+                    defaultMessage: "Document ID route"
+                  }),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, {}),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3951,6 +4011,7 @@ const CMEditViewAside = () => {
   const [isAllowedContentType, setIsAllowedContentType] = React.useState(false);
   const [isActiveContentType, setIsActiveContentType] = React.useState(false);
   const [isLoading, setIsLoading] = React.useState(true);
+  const { formatMessage } = reactIntl.useIntl();
   React.useEffect(() => {
     if (!config) return;
     const contentType = contentTypes?.find((ct) => ct.uid === model);
@@ -3982,17 +4043,43 @@ const CMEditViewAside = () => {
       }
     });
   }, []);
-  if (isLoading || !config) return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Loading..." });
+  if (isLoading || !config) return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+    id: getTranslation("components.CMEditViewAside.loading"),
+    defaultMessage: "Loading..."
+  }) });
   if (!isAllowedContentType) return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { textColor: "neutral600", children: [
-    "This content type is not allowed for ",
-    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "WebAtlas" }),
-    ". If you wish to use it, please contact your administrator."
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notAllowed.start"),
+      defaultMessage: "This content type is not allowed for"
+    }),
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: PLUGIN_NAME }),
+    ".",
+    " ",
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notAllowed.end"),
+      defaultMessage: "If you wish to use it, please contact your administrator"
+    }),
+    "."
   ] });
   if (!isActiveContentType || !contentTypeConfig) return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { textColor: "neutral600", children: [
-    "This content type is not configured for ",
-    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "WebAtlas" }),
-    ". If you wish to use it, please configure it in the",
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: "/admin/settings/webatlas/configuration", marginLeft: 1, children: "settings" }),
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notConfigured.start"),
+      defaultMessage: "This content type is not configured for"
+    }),
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: PLUGIN_NAME }),
+    ".",
+    " ",
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notConfigured.middle"),
+      defaultMessage: "If you wish to use it, please configure it in the"
+    }),
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: "/admin/settings/webatlas/configuration", children: formatMessage({
+      id: getTranslation("components.CMEditViewAside.notConfigured.end"),
+      defaultMessage: "settings"
+    }) }),
     "."
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Alias, { config: contentTypeConfig }) });
@@ -4007,7 +4094,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-BvXbuF1E.js"));
+        const component = await Promise.resolve().then(() => require("./index-DGb8ESH-.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4026,7 +4113,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-D4IHmUrH.js"));
+        const component = await Promise.resolve().then(() => require("./index-B0XE_zRP.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4055,7 +4142,7 @@ const index = {
         Component: async () => {
           return await Promise.resolve().then(() => require(
             /* webpackChunkName: "webatlas-settings-page" */
-            "./index-DIyVy-8D.js"
+            "./index-BbM9Sn1t.js"
           ));
         },
         permissions: [
@@ -4084,7 +4171,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-B4KWt_jN.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-4tL_cJTC.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Bg4z3fR7.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4093,11 +4180,13 @@ const index = {
     );
   }
 };
+exports.PLUGIN_NAME = PLUGIN_NAME;
 exports.Tooltip = Tooltip;
 exports.URLInfo = URLInfo;
 exports._extends = _extends;
 exports.debounce = debounce;
 exports.duplicateCheck = duplicateCheck;
+exports.getTranslation = getTranslation;
 exports.index = index;
 exports.transformToUrl = transformToUrl;
 exports.useAllContentTypes = useAllContentTypes;

package/dist/_chunks/{index-DIyVy-8D.js → index-BbM9Sn1t.js}

@@ -11,7 +11,7 @@ const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const ReactDOM = require("react-dom");
 const styledComponents = require("styled-components");
-const index = require("./index-DrlYDm6a.js");
+const index = require("./index-B85fJxGa.js");
 const _interopDefault = (e2) => e2 && e2.__esModule ? e2 : { default: e2 };
 function _interopNamespace(e2) {
   if (e2 && e2.__esModule) return e2;
@@ -16978,6 +16978,7 @@ const Settings = () => {
   const { contentTypes: allContentTypesData } = index.useAllContentTypes();
   const allContentTypes = allContentTypesData?.filter((ct) => ct.pluginOptions?.webatlas?.active === true);
   const [initialState2, setInitialState] = React.useState(config || { selectedContentTypes: [] });
+  const { formatMessage } = reactIntl.useIntl();
   function reducer2(settingsState2, action) {
     let updatedContentTypes;
     switch (action.type) {
@@ -17020,8 +17021,11 @@ const Settings = () => {
     /* @__PURE__ */ jsxRuntime.jsx(
       Layouts.Header,
       {
-        title: "Routes",
-        subtitle: "Settings",
+        title: index.PLUGIN_NAME,
+        subtitle: formatMessage({
+          id: index.getTranslation("settings.page.subtitle"),
+          defaultMessage: "Settings"
+        }),
         primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Button,
           {
@@ -17029,7 +17033,10 @@ const Settings = () => {
             startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
             onClick: save,
             disabled: JSON.stringify(settingsState) === JSON.stringify(initialState2) || settingsState.selectedContentTypes.find((cta) => !cta.default) !== void 0,
-            children: "Save"
+            children: formatMessage({
+              id: index.getTranslation("save"),
+              defaultMessage: "Save"
+            })
           }
         )
       }
@@ -17051,13 +17058,22 @@ const Settings = () => {
               designSystem.Field.Root,
               {
                 name: "selectedContentTypes",
-                hint: "Select the content types you want to enable the Webatlas plugin for.",
+                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: "Enabled Content Types" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation("settings.page.enabledContentTypes"),
+                    defaultMessage: "Enabled Content Types"
+                  }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     designSystem.MultiSelect,
                     {
-                      placeholder: "Select Content Types",
+                      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({
@@ -17077,8 +17093,11 @@ const Settings = () => {
               }
             ),
             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: "Enabled Content Types Settings" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Root, { label: "Content Type settings", children: settingsState.selectedContentTypes?.map((contentType) => {
+              /* @__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((contentType) => {
                 const ct = allContentTypes?.find((item) => item.uid === contentType.uid);
                 if (!ct) return null;
                 return /* @__PURE__ */ jsxRuntime.jsx(
@@ -17092,11 +17111,20 @@ const Settings = () => {
                           designSystem.Field.Root,
                           {
                             name: "selectedContentTypes",
-                            hint: '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".',
-                            error: !contentType.default && "Please select a default field",
+                            hint: formatMessage({
+                              id: index.getTranslation("settings.page.defaultField.hint"),
+                              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".'
+                            }),
+                            error: !contentType.default && formatMessage({
+                              id: index.getTranslation("settings.page.defaultField.error"),
+                              defaultMessage: "Please select a default field"
+                            }),
                             required: true,
                             children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Default URL Alias field" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                                id: index.getTranslation("settings.page.defaultField"),
+                                defaultMessage: "Default URL Alias field"
+                              }) }),
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 designSystem.SingleSelect,
                                 {
@@ -17105,7 +17133,7 @@ const Settings = () => {
                                   value: contentType?.default || "",
                                   onChange: (value) => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: ct.uid, field: value } }),
                                   children: Object.entries(ct.attributes).map(([key], index2) => {
-                                    if (key === "id" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy") return null;
+                                    if (key === "id" || key === "documentId" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy" || key === "webatlas_path" || key === "webatlas_override") return null;
                                     return /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: key, children: key }, index2);
                                   })
                                 }
@@ -17118,11 +17146,20 @@ const Settings = () => {
                           designSystem.Field.Root,
                           {
                             name: "urlAliasPattern",
-                            hint: '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.',
+                            hint: formatMessage({
+                              id: index.getTranslation("settings.page.urlAliasPattern.hint"),
+                              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.'
+                            }),
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
-                                "URL Alias pattern",
-                                /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { description: "Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded." })
+                                formatMessage({
+                                  id: index.getTranslation("settings.page.urlAliasPattern"),
+                                  defaultMessage: "URL Alias Pattern"
+                                }),
+                                /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { description: formatMessage({
+                                  id: index.getTranslation("settings.page.urlAliasPattern.tooltip"),
+                                  defaultMessage: "Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded."
+                                }) })
                               ] }),
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 designSystem.Field.Input,
@@ -17131,7 +17168,10 @@ const Settings = () => {
                                   onChange: (e2) => dispatch({ type: "SET_PATTERN", payload: { ctUid: ct.uid, pattern: e2.target.value } }),
                                   disabled: !contentType.default,
                                   type: "text",
-                                  placeholder: "e.g. blog"
+                                  placeholder: formatMessage({
+                                    id: index.getTranslation("settings.page.urlAliasPattern.placeholder"),
+                                    defaultMessage: "e.g. blog"
+                                  })
                                 }
                               ),
                               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})