@mattisvensson/strapi-plugin-webatlas 0.10.1 → 0.11.1

package/dist/admin/{index-DC5WwNdi.js → index-Cx_mktdk.js}

@@ -41,18 +41,25 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-function transformToUrl(input) {
+function transformToUrl(input, replaceSlash = true) {
   const specialCharMap = {
-    "ü": "ue",
-    "ä": "ae",
-    "ö": "oe"
+    ü: "ue",
+    ä: "ae",
+    ö: "oe",
+    ß: "ss"
   };
   if (!input || typeof input !== "string") return "";
   input = input.toLowerCase();
   input = input.replace(/\/+/g, "/");
   input = input.startsWith("/") ? input.slice(1) : input;
   input = input.endsWith("/") ? input.slice(0, -1) : input;
-  input = input.replace(/\//g, "-");
+  if (replaceSlash) {
+    input = input.replace(/\//g, "-");
+  } else {
+    input = input.replace(/\/+/g, "/");
+    input = input.startsWith("/") ? input.slice(1) : input;
+    input = input.endsWith("/") ? input.slice(0, -1) : input;
+  }
   for (const char in specialCharMap) {
     const regex = new RegExp(char, "g");
     input = input.replace(regex, specialCharMap[char]);
@@ -63,7 +70,7 @@ function transformToUrl(input) {
   input = input.replace(/-+/g, "-");
   return input;
 }
-const version = "0.10.0";
+const version = "0.11.1";
 const strapi$1 = { "name": "webatlas", "displayName": "Webatlas" };
 const pluginPkg = {
   version,
@@ -118,7 +125,9 @@ function useApi() {
       const entityResults = await Promise.allSettled(
         contentTypes.map(async (contentType) => {
           try {
-            const { data: data2 } = await get(`/content-manager/collection-types/${contentType.uid}?pageSize=9999`);
+            const { data: data2 } = await get(
+              `/content-manager/collection-types/${contentType.uid}?pageSize=9999`
+            );
             if (!data2 || !data2.results) {
               return null;
             }
@@ -152,14 +161,21 @@ function useApi() {
     return data;
   };
   const getProhibitedRouteIds = async (documentId) => {
-    const { data } = await get(`/${PLUGIN_ID}/route/prohibitedIds/${documentId ? `${documentId}` : ""}`);
+    const { data } = await get(
+      `/${PLUGIN_ID}/route/prohibitedIds/${documentId ? `${documentId}` : ""}`
+    );
     return data;
   };
-  const getNavigation = async ({ documentId, variant } = {}) => {
+  const getNavigation = async ({
+    documentId,
+    variant
+  } = {}) => {
     const query = [];
     if (documentId) query.push(`documentId=${documentId}`);
     if (variant) query.push(`variant=${variant}`);
-    const { data } = await get(`/${PLUGIN_ID}/navigation${query.length > 0 ? `?${query.join("&")}` : ""}`);
+    const { data } = await get(
+      `/${PLUGIN_ID}/navigation${query.length > 0 ? `?${query.join("&")}` : ""}`
+    );
     return data;
   };
   const createNavigation = async (body) => {
@@ -230,7 +246,9 @@ function usePluginConfig() {
       setLoading(true);
       setFetchError(null);
       try {
-        const { data: { data: contentTypesArray } } = await get("/content-manager/content-types");
+        const {
+          data: { data: contentTypesArray }
+        } = await get("/content-manager/content-types");
         let { data: config2 } = await get(`/${PLUGIN_ID}/config`);
         if (!config2 || !config2.selectedContentTypes) {
           throw new Error(`Couldn't fetch plugin config`);
@@ -239,7 +257,9 @@ function usePluginConfig() {
           (type) => type.pluginOptions?.webatlas?.enabled === true
         );
         const contentTypeUids = new Set(allowedContentTypes.map((type) => type.uid));
-        const activeContentTypes = config2.selectedContentTypes.filter((type) => contentTypeUids.has(type.uid));
+        const activeContentTypes = config2.selectedContentTypes.filter(
+          (type) => contentTypeUids.has(type.uid)
+        );
         const displayConfig = {
           ...config2,
           selectedContentTypes: activeContentTypes
@@ -282,7 +302,9 @@ async function duplicateCheck({
   if (!path) throw new Error("URL is required");
   try {
     const pathToCheck = withoutTransform ? path : transformToUrl(path);
-    const { data } = await fetchFunction(`/${PLUGIN_ID}/checkUniquePath?path=${pathToCheck}${routeDocumentId ? `&targetRouteDocumentId=${routeDocumentId}` : ""}`);
+    const { data } = await fetchFunction(
+      `/${PLUGIN_ID}/checkUniquePath?path=${pathToCheck}${routeDocumentId ? `&targetRouteDocumentId=${routeDocumentId}` : ""}`
+    );
     if (!data.uniquePath) {
       throw new Error("Network response was not ok");
     }
@@ -300,45 +322,42 @@ function PathInfo({ validationState, replacement }) {
     if (validationState === "initial") return;
     if (validationState === "checking") {
       setColor("neutral800");
-      setText(formatMessage({
-        id: getTranslation("components.pathInfo.checking"),
-        defaultMessage: "Checking if path is available..."
-      }));
+      setText(
+        formatMessage({
+          id: getTranslation("components.pathInfo.checking"),
+          defaultMessage: "Checking if path is available..."
+        })
+      );
     } else if (validationState === "done") {
       setColor(replacement ? "danger500" : "success500");
-      setText(replacement ? `${formatMessage({
-        id: getTranslation("components.pathInfo.notAvailable"),
-        defaultMessage: "Path is not available. Replaced with"
-      })} "${replacement}".` : formatMessage({
-        id: getTranslation("components.pathInfo.available"),
-        defaultMessage: "Path is available."
-      }));
+      setText(
+        replacement ? `${formatMessage({
+          id: getTranslation("components.pathInfo.notAvailable"),
+          defaultMessage: "Path is not available. Replaced with"
+        })} "${replacement}".` : formatMessage({
+          id: getTranslation("components.pathInfo.available"),
+          defaultMessage: "Path is available."
+        })
+      );
     }
   }, [validationState, replacement, formatMessage]);
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: color, children: text }) });
 }
 function OverrideCheckbox({ isOverride, setIsOverride, disabledCondition }) {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Flex,
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Checkbox,
     {
-      gap: 2,
-      paddingTop: 2,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Checkbox,
-        {
-          id: "path-override-checkbox",
-          checked: isOverride,
-          onCheckedChange: () => setIsOverride(!isOverride),
-          disabled: disabledCondition,
-          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
-            id: getTranslation("components.CMEditViewAside.path.overrideCheckbox"),
-            defaultMessage: "Override automatic path generation"
-          }) })
-        }
-      )
+      id: "path-override-checkbox",
+      checked: isOverride,
+      onCheckedChange: () => setIsOverride(!isOverride),
+      disabled: disabledCondition,
+      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+        id: getTranslation("components.CMEditViewAside.path.overrideCheckbox"),
+        defaultMessage: "Override automatic path generation"
+      }) })
     }
-  );
+  ) });
 }
 function NewPathInfo() {
   const { formatMessage } = reactIntl.useIntl();
@@ -357,13 +376,7 @@ function UidPathDisplay({ path }) {
         defaultMessage: "Permanent UID path, cannot be changed"
       }),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Field.Input,
-          {
-            value: path,
-            disabled: true
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Input, { value: path, disabled: true }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
       ]
     }
@@ -3691,10 +3704,15 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
             id: getTranslation("components.CMEditViewAside.path.input.label"),
             defaultMessage: "Path"
           }),
-          /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { description: formatMessage({
-            id: getTranslation("components.CMEditViewAside.path.input.tooltip"),
-            defaultMessage: "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )"
-          }) })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Tooltip,
+            {
+              description: formatMessage({
+                id: getTranslation("components.CMEditViewAside.path.input.tooltip"),
+                defaultMessage: "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )"
+              })
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Field.Input,
@@ -3703,10 +3721,10 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
             value: displayedPath,
             onChange: (e) => dispatchPath({ type: "SET_OVERRIDEPATH", payload: e.target.value }),
             disabled: !isOverride,
-            onBlur: (e) => {
-              if (e.target.value === path.prevValue) return;
-              dispatchPath({ type: "DEFAULT", payload: e.target.value });
-            },
+            onBlur: (e) => dispatchPath({
+              type: "SET_OVERRIDEPATH",
+              payload: transformToUrl(e.target.value, false)
+            }),
             style: { outline: inputBorder }
           }
         ),
@@ -3715,11 +3733,19 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
     }
   );
 }
-function RouteStructure({ routes, selectedParent, setSelectedParent, canonicalPath, prohibitedRouteIds }) {
+function RouteStructure({
+  routes,
+  selectedParent,
+  setSelectedParent,
+  canonicalPath,
+  prohibitedRouteIds
+}) {
   const { formatMessage } = reactIntl.useIntl();
-  const sortedRoutes = React.useMemo(() => {
-    return [...routes].sort((a, b) => a.title.localeCompare(b.title));
-  }, [routes]);
+  const filteredRoutes = React.useMemo(() => {
+    return [...routes].sort((a, b) => a.title.localeCompare(b.title)).filter(
+      (route) => !prohibitedRouteIds?.includes(route.documentId) || route.documentId === selectedParent?.documentId
+    );
+  }, [routes, prohibitedRouteIds, selectedParent]);
   const handleSelectParent = (value) => {
     const parentRoute = routes.find((route) => route.documentId === value) || null;
     setSelectedParent(parentRoute);
@@ -3730,29 +3756,13 @@ function RouteStructure({ routes, selectedParent, setSelectedParent, canonicalPa
         id: getTranslation("components.CMEditViewAside.path.input.parentSelect.label"),
         defaultMessage: "Place under"
       }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.SingleSelect,
-        {
-          value: selectedParent?.documentId || "",
-          onValueChange: handleSelectParent,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: formatMessage({
-              id: getTranslation("components.CMEditViewAside.path.input.parentSelect.rootPath"),
-              defaultMessage: "None (root path)"
-            }) }),
-            sortedRoutes.filter((route) => !prohibitedRouteIds?.includes(route.documentId) || route.documentId === selectedParent?.documentId).map(
-              (route) => /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.SingleSelectOption,
-                {
-                  value: route.documentId,
-                  children: route.title
-                },
-                route.documentId
-              )
-            )
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelect, { value: selectedParent?.documentId || "", onValueChange: handleSelectParent, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: formatMessage({
+          id: getTranslation("components.CMEditViewAside.path.input.parentSelect.rootPath"),
+          defaultMessage: "None (root path)"
+        }) }),
+        filteredRoutes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: route.documentId, children: route.title }, route.documentId))
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { marginTop: 4, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
@@ -3760,26 +3770,25 @@ function RouteStructure({ routes, selectedParent, setSelectedParent, canonicalPa
           id: getTranslation("components.CMEditViewAside.canonicalPath.input.label"),
           defaultMessage: "Canonical Path"
         }),
-        /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { description: formatMessage({
-          id: getTranslation("components.CMEditViewAside.canonicalPath.input.tooltip"),
-          defaultMessage: "The path determined by your content's natural hierarchy, independent of where it appears in navigation menus."
-        }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Tooltip,
+          {
+            description: formatMessage({
+              id: getTranslation("components.CMEditViewAside.canonicalPath.input.tooltip"),
+              defaultMessage: "The path determined by your content's natural hierarchy, independent of where it appears in navigation menus."
+            })
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Field.Input,
-        {
-          id: "canonicalPath-input",
-          value: canonicalPath,
-          disabled: true
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Input, { id: "canonicalPath-input", value: canonicalPath, disabled: true }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
     ] })
   ] });
 }
-function getCanonicalPath(selectedParent, sourceFieldValue) {
-  const parentPath = selectedParent ? selectedParent.canonicalPath + "/" : "";
-  return `${parentPath}${transformToUrl(sourceFieldValue)}`;
+function buildPath(type, slug, parent) {
+  const parentSlug = type === "canonical" ? parent?.canonicalPath : parent?.path;
+  const parentPath = parentSlug ? `${parentSlug}/` : "";
+  return `${parentPath}${transformToUrl(slug)}`;
 }
 function reducer(state, action) {
   switch (action.type) {
@@ -3810,6 +3819,8 @@ function reducer(state, action) {
       return { ...state, replacement: action.payload };
     case "SET_UIDPATH":
       return { ...state, uidPath: action.payload };
+    case "SET_SLUG":
+      return { ...state, slug: action.payload };
     case "SET_CANONICALPATH":
       return { ...state, canonicalPath: action.payload };
     case "SET_OVERRIDEPATH":
@@ -3824,10 +3835,9 @@ const Panel = ({ config }) => {
   const { getRelatedRoute, getAllRoutes, getProhibitedRouteIds } = useApi();
   const { formatMessage } = reactIntl.useIntl();
   const { get } = admin.useFetchClient();
-  const { allowedActions: {
-    canUpdate,
-    canCreate
-  } } = admin.useRBAC([
+  const {
+    allowedActions: { canUpdate, canCreate }
+  } = admin.useRBAC([
     {
       action: "plugin::content-manager.explorer.update",
       subject: model,
@@ -3855,66 +3865,95 @@ const Panel = ({ config }) => {
     replacement: null,
     uidPath: "",
     canonicalPath: "",
+    slug: "",
     overridePath: ""
   });
   const hasUserChangedField = React.useRef(false);
+  const hasUserInteracted = React.useRef(false);
   const initialPath = React.useRef("");
   const prevSourceValueRef = React.useRef(null);
-  const sourceFieldValue = React.useMemo(() => {
-    const key = config?.default;
-    if (!key) return "";
-    const currentValue = values[key];
-    if (!currentValue) return "";
-    return currentValue;
-  }, [values, config]);
-  const debouncedCheckPath = React.useCallback(debounce(checkPath, 250), []);
-  const debouncedCheckCanonicalPath = React.useCallback(debounce(checkCanonicalPath, 250), []);
+  const sourceFieldValue = values[config?.default] || "";
+  const initialSourceFieldValue = initialValues[config?.default] || "";
+  const latestCheckPathRef = React.useRef(checkPath);
+  latestCheckPathRef.current = checkPath;
+  const debouncedCheckPath = React.useRef(
+    debounce((p, id) => latestCheckPathRef.current(p, id), 250)
+  ).current;
+  const latestCheckCanonicalRef = React.useRef(checkCanonicalPath);
+  latestCheckCanonicalRef.current = checkCanonicalPath;
+  const debouncedCheckCanonicalPath = React.useRef(
+    debounce((p, id) => latestCheckCanonicalRef.current(p, id), 250)
+  ).current;
   React.useEffect(() => {
-    if (isOverride) onChange("webatlas_path", path.overridePath);
-    onChange("webatlas_override", isOverride);
-    onChange("webatlas_parent", selectedParent?.documentId || null);
-  }, [path.value, path.overridePath, isOverride, selectedParent]);
-  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 || !route) && prevSourceValueRef.current !== currentValue && !isOverride) {
-      const path2 = getCanonicalPath(selectedParent, currentValue);
-      if (currentValue === initialValues[key]) {
-        dispatchPath({ type: "NO_URL_CHECK", payload: path2 });
-      } else {
-        dispatchPath({ type: "DEFAULT", payload: path2 });
-      }
-      prevSourceValueRef.current = currentValue;
+    async function fetchAllRoutes() {
+      const allRoutes = await getAllRoutes();
+      setRoutes(allRoutes);
     }
-  }, 500), [config?.default, initialValues, isOverride, initialLoadComplete, route, selectedParent]);
+    fetchAllRoutes();
+  }, []);
   React.useEffect(() => {
-    const key = config?.default;
-    if (!key) return;
-    const currentValue = values[key];
-    const initialValue = initialValues[key];
-    if (currentValue !== initialValue && currentValue && !isOverride) {
-      onChange("webatlas_path", transformToUrl(currentValue));
+    const slug = transformToUrl(sourceFieldValue);
+    const overridePath = transformToUrl(path.overridePath || "", false);
+    const data = {
+      path: isOverride ? overridePath : path.value,
+      isOverride,
+      parentDocumentId: selectedParent?.documentId || null,
+      slug: isOverride ? overridePath : slug
+    };
+    if (hasUserChangedField.current || hasUserInteracted.current) {
+      onChange("webatlas", data);
     }
+  }, [
+    path.value,
+    path.overridePath,
+    isOverride,
+    selectedParent,
+    sourceFieldValue,
+    hasUserChangedField,
+    hasUserInteracted
+  ]);
+  React.useEffect(() => {
     if (!initialLoadComplete) return;
-    if (currentValue !== initialValue) {
+    if (sourceFieldValue !== initialSourceFieldValue) {
       hasUserChangedField.current = true;
     }
-    debouncedValueEffect(values);
-  }, [values, debouncedValueEffect, initialLoadComplete, selectedParent]);
+    if (!sourceFieldValue) {
+      dispatchPath({ type: "NO_URL_CHECK", payload: "" });
+      return;
+    }
+    if (initialLoadComplete && (hasUserChangedField.current || !route) && prevSourceValueRef.current !== sourceFieldValue && !isOverride) {
+      const newPath = buildPath("path", sourceFieldValue, selectedParent);
+      const type = sourceFieldValue === initialSourceFieldValue ? "NO_URL_CHECK" : "DEFAULT";
+      const slug = transformToUrl(sourceFieldValue);
+      dispatchPath({ type, payload: newPath });
+      dispatchPath({ type: "SET_SLUG", payload: slug });
+      dispatchPath({ type: "SET_OVERRIDEPATH", payload: slug });
+      prevSourceValueRef.current = sourceFieldValue;
+    }
+    const canonicalPath = buildPath("canonical", sourceFieldValue, selectedParent);
+    dispatchPath({ type: "SET_CANONICALPATH", payload: canonicalPath });
+    debouncedCheckCanonicalPath(canonicalPath, route?.documentId || null);
+  }, [
+    sourceFieldValue,
+    initialSourceFieldValue,
+    initialLoadComplete,
+    selectedParent,
+    isOverride,
+    route
+  ]);
   React.useEffect(() => {
+    if (!initialLoadComplete) return;
     if (path.needsUrlCheck && path.value) {
       if (path.uidPath === path.value || initialPath.current === path.value) return;
       debouncedCheckPath(path.value, route?.documentId || null);
       dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+    } else {
+      setValidationState("idle");
+      dispatchPath({ type: "SET_REPLACEMENT", payload: null });
     }
-  }, [path.needsUrlCheck, path.value, path.uidPath, route]);
+  }, [path.needsUrlCheck, path.value, path.uidPath, route, initialLoadComplete]);
   React.useEffect(() => {
-    async function getTypes() {
+    async function fetchRelatedRute() {
       if (!initialValues.documentId) {
         setInitialLoadComplete(true);
         return;
@@ -3922,15 +3961,20 @@ const Panel = ({ config }) => {
       try {
         const route2 = await getRelatedRoute(initialValues.documentId);
         if (!route2) return;
-        initialPath.current = initialValues.webatlas_path || route2.uidPath;
+        initialPath.current = initialValues.webatlas.path || route2.uidPath;
         setRoute(route2);
         setIsOverride(route2.isOverride || false);
-        if (route2.isOverride) {
-          dispatchPath({ type: "SET_OVERRIDEPATH", payload: route2.path || "" });
-        } else {
-          dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: route2.path || "" });
-        }
+        dispatchPath({ type: "SET_OVERRIDEPATH", payload: route2.path || "" });
+        dispatchPath({
+          type: "NO_TRANSFORM_AND_CHECK",
+          payload: route2.path || ""
+        });
         dispatchPath({ type: "SET_UIDPATH", payload: route2.uidPath || "" });
+        dispatchPath({ type: "SET_SLUG", payload: route2.slug || "" });
+        dispatchPath({
+          type: "SET_CANONICALPATH",
+          payload: route2.canonicalPath || ""
+        });
         const key = config?.default;
         if (key) {
           prevSourceValueRef.current = values[key];
@@ -3941,27 +3985,15 @@ const Panel = ({ config }) => {
       }
       setInitialLoadComplete(true);
     }
-    getTypes();
+    fetchRelatedRute();
   }, [config]);
   React.useEffect(() => {
-    if (initialValues.webatlas_parent && routes.length > 0 && !selectedParent) {
-      const parentRoute = routes.find((route2) => route2.documentId === initialValues.webatlas_parent);
-      if (parentRoute) {
-        setSelectedParent(parentRoute);
-        const canonicalPath = getCanonicalPath(parentRoute, sourceFieldValue);
-        dispatchPath({ type: "DEFAULT", payload: canonicalPath });
-      }
-    }
-  }, [initialValues, routes]);
-  React.useEffect(() => {
-    if (initialValues.webatlas_path) dispatchPath({ type: "NO_URL_CHECK", payload: initialValues.webatlas_path });
-    if (initialValues.webatlas_override) setIsOverride(initialValues.webatlas_override);
-    async function fetchAllRoutes() {
-      const allRoutes = await getAllRoutes();
-      setRoutes(allRoutes);
-    }
-    fetchAllRoutes();
-  }, []);
+    if (!route || !routes.length) return;
+    const parentRoute = routes.find(
+      (singleRoute) => singleRoute.documentId === route.parent?.documentId
+    );
+    setSelectedParent(parentRoute || null);
+  }, [route, routes]);
   React.useEffect(() => {
     async function fetchProhibitedRouteIds() {
       const prohibitedIds = await getProhibitedRouteIds(route?.documentId);
@@ -3970,28 +4002,36 @@ const Panel = ({ config }) => {
     fetchProhibitedRouteIds();
   }, [route]);
   React.useEffect(() => {
-    if (!sourceFieldValue) return;
-    const canonicalPath = getCanonicalPath(selectedParent, sourceFieldValue);
-    !isOverride && dispatchPath({ type: "DEFAULT", payload: canonicalPath });
-    dispatchPath({ type: "SET_CANONICALPATH", payload: canonicalPath });
-    debouncedCheckCanonicalPath(canonicalPath, route?.documentId || null);
-    dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+    if (!sourceFieldValue || isOverride || !hasUserChangedField.current && !hasUserInteracted.current)
+      return;
+    const newPath = buildPath("path", sourceFieldValue, selectedParent);
+    dispatchPath({ type: "DEFAULT", payload: newPath });
   }, [selectedParent, sourceFieldValue, route, isOverride]);
-  async function checkCanonicalPath(path2, documentId) {
+  async function checkCanonicalPath(path2, routeDocumentId) {
     if (!path2) return;
     try {
-      const result = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId: documentId, withoutTransform: true });
+      const result = await duplicateCheck({
+        fetchFunction: get,
+        path: path2,
+        routeDocumentId,
+        withoutTransform: true
+      });
       dispatchPath({ type: "SET_CANONICALPATH", payload: result });
     } catch (err) {
       strapi.log.error(err);
     }
   }
-  async function checkPath(path2, route2) {
+  async function checkPath(path2, routeDocumentId) {
     if (!path2) return;
     setValidationState("checking");
     dispatchPath({ type: "SET_REPLACEMENT", payload: "" });
     try {
-      const data = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId: route2, withoutTransform: true });
+      const data = await duplicateCheck({
+        fetchFunction: get,
+        path: path2,
+        routeDocumentId,
+        withoutTransform: true
+      });
       if (!data || data === path2) return;
       dispatchPath({ type: "NO_URL_CHECK", payload: data });
       dispatchPath({ type: "SET_REPLACEMENT", payload: data });
@@ -4001,73 +4041,58 @@ const Panel = ({ config }) => {
       setValidationState("done");
     }
   }
-  if (!initialLoadComplete) return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
-    id: getTranslation("loading"),
-    defaultMessage: "Loading..."
-  }) });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Box,
-    {
-      tag: "aside",
-      "aria-labelledby": "URL Route",
-      width: "100%",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Flex,
+  if (!initialLoadComplete)
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+      id: getTranslation("loading"),
+      defaultMessage: "Loading..."
+    }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { tag: "aside", "aria-labelledby": "URL Route", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+    !route && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(NewPathInfo, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 2, marginBottom: 2 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RouteStructure,
+      {
+        canonicalPath: path.canonicalPath,
+        routes,
+        selectedParent,
+        setSelectedParent: (val) => {
+          hasUserInteracted.current = true;
+          setSelectedParent(val);
+        },
+        prohibitedRouteIds
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 2, marginBottom: 2 }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PathInput,
         {
-          direction: "column",
-          alignItems: "stretch",
-          gap: 1,
-          children: [
-            !route && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NewPathInfo, {}),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 2, marginBottom: 2 })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              RouteStructure,
-              {
-                canonicalPath: path.canonicalPath,
-                routes,
-                selectedParent,
-                setSelectedParent,
-                prohibitedRouteIds
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 2, marginBottom: 2 }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PathInput,
-                {
-                  path,
-                  dispatchPath,
-                  isOverride,
-                  config
-                }
-              ),
-              validationState !== "initial" && /* @__PURE__ */ jsxRuntime.jsx(
-                PathInfo,
-                {
-                  validationState,
-                  replacement: path.replacement
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverrideCheckbox,
-              {
-                isOverride,
-                setIsOverride,
-                disabledCondition: !canCreate && !canUpdate
-              }
-            ),
-            path.uidPath && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 2, marginBottom: 2 }),
-              /* @__PURE__ */ jsxRuntime.jsx(UidPathDisplay, { path: path.uidPath })
-            ] })
-          ]
+          path,
+          dispatchPath,
+          isOverride,
+          config
         }
-      )
-    }
-  );
+      ),
+      validationState !== "initial" && /* @__PURE__ */ jsxRuntime.jsx(PathInfo, { validationState, replacement: path.replacement })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      OverrideCheckbox,
+      {
+        isOverride,
+        setIsOverride: (val) => {
+          hasUserInteracted.current = true;
+          setIsOverride(val);
+        },
+        disabledCondition: !canCreate && !canUpdate
+      }
+    ),
+    path.uidPath && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 2, marginBottom: 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx(UidPathDisplay, { path: path.uidPath })
+    ] })
+  ] }) });
 };
 const pluginPermissions = {
   "cm.aside": [{ action: `plugin::${PLUGIN_ID}.cm.aside`, subject: null }],
@@ -4076,7 +4101,7 @@ const pluginPermissions = {
   "settings.general": [{ action: `plugin::${PLUGIN_ID}.settings.general`, subject: null }],
   "settings.navigation": [{ action: `plugin::${PLUGIN_ID}.settings.navigation`, subject: null }]
 };
-const CMEditViewAside = ({ documentId, model }) => {
+const CMEditViewAside = ({ documentId, model, activeTab }) => {
   const { contentTypes } = useAllContentTypes();
   const { config } = usePluginConfig();
   const { formatMessage } = reactIntl.useIntl();
@@ -4090,7 +4115,7 @@ const CMEditViewAside = ({ documentId, model }) => {
     setIsAllowedContentType(!!contentType?.pluginOptions?.webatlas?.enabled);
   }, [contentTypes, model]);
   React.useEffect(() => {
-    const isWebatlasLabel = (label) => label.textContent?.startsWith("webatlas_");
+    const isWebatlasLabel = (label) => label.textContent?.startsWith("webatlas");
     const cleanupLabels = () => {
       const labels = document.querySelectorAll("label");
       labels.forEach((label) => {
@@ -4099,7 +4124,9 @@ const CMEditViewAside = ({ documentId, model }) => {
         const parent = container?.parentElement;
         const greatGrandParent = parent?.parentElement?.parentElement;
         if (!container || !parent) return;
-        const parentWebatlasCount = Array.from(parent.querySelectorAll("label")).filter(isWebatlasLabel).length;
+        const parentWebatlasCount = Array.from(parent.querySelectorAll("label")).filter(
+          isWebatlasLabel
+        ).length;
         const childrenCount = parent.children.length;
         if (greatGrandParent && greatGrandParent?.querySelectorAll("label").length === Array.from(greatGrandParent.querySelectorAll("label")).filter(isWebatlasLabel).length) {
           greatGrandParent.remove();
@@ -4116,7 +4143,7 @@ const CMEditViewAside = ({ documentId, model }) => {
       return () => clearTimeout(secondTimeoutId);
     }, 100);
     return () => clearTimeout(timeoutId);
-  }, [documentId, model]);
+  }, [documentId, model, activeTab]);
   React.useEffect(() => {
     if (!config) return;
     setIsActiveContentType(false);
@@ -4139,13 +4166,14 @@ const CMEditViewAside = ({ documentId, model }) => {
     strapi.log.error("CMEditViewAside: Plugin is not configured.");
     return null;
   }
-  if (isLoading) return {
-    title: panelTitle,
-    content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
-      id: getTranslation("loading"),
-      defaultMessage: "Loading..."
-    }) })
-  };
+  if (isLoading)
+    return {
+      title: panelTitle,
+      content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+        id: getTranslation("loading"),
+        defaultMessage: "Loading..."
+      }) })
+    };
   return {
     title: panelTitle,
     content: /* @__PURE__ */ jsxRuntime.jsx(Panel, { config: contentTypeConfig })
@@ -4160,10 +4188,8 @@ const index = {
         id: `${PLUGIN_ID}.link.paths`,
         defaultMessage: "Paths"
       },
-      Component: () => Promise.resolve().then(() => require("./index-DkqiqVx2.js")),
-      permissions: [
-        pluginPermissions["page.routes"][0]
-      ]
+      Component: () => Promise.resolve().then(() => require("./index-BEVoxEAm.js")),
+      permissions: [pluginPermissions["page.routes"][0]]
     });
     app.addMenuLink({
       to: `plugins/${PLUGIN_ID}/navigation`,
@@ -4172,10 +4198,8 @@ const index = {
         id: `${PLUGIN_ID}.link.navigation`,
         defaultMessage: "Navigation"
       },
-      Component: () => Promise.resolve().then(() => require("./index-BXt-QjKo.js")),
-      permissions: [
-        pluginPermissions["page.navigation"][0]
-      ]
+      Component: () => Promise.resolve().then(() => require("./index-C8YjuuOx.js")),
+      permissions: [pluginPermissions["page.navigation"][0]]
     });
     app.addSettingsLink(
       {
@@ -4192,27 +4216,20 @@ const index = {
         },
         id: `${PLUGIN_ID}-general`,
         to: `${PLUGIN_ID}/general`,
-        Component: () => Promise.resolve().then(() => require("./index-CGsC8P9P.js")),
-        permissions: [
-          pluginPermissions["settings.general"][0]
-        ]
-      }
-    );
-    app.addSettingsLink(
-      PLUGIN_ID,
-      {
-        intlLabel: {
-          id: `${PLUGIN_ID}.settings.navigation`,
-          defaultMessage: "Navigation"
-        },
-        id: `${PLUGIN_ID}-navigation`,
-        to: `${PLUGIN_ID}/navigation`,
-        Component: () => Promise.resolve().then(() => require("./index-BYlmJycd.js")),
-        permissions: [
-          pluginPermissions["settings.navigation"][0]
-        ]
+        Component: () => Promise.resolve().then(() => require("./index-YdWxpvOH.js")),
+        permissions: [pluginPermissions["settings.general"][0]]
       }
     );
+    app.addSettingsLink(PLUGIN_ID, {
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.navigation`,
+        defaultMessage: "Navigation"
+      },
+      id: `${PLUGIN_ID}-navigation`,
+      to: `${PLUGIN_ID}/navigation`,
+      Component: () => Promise.resolve().then(() => require("./index-D2hB1vTw.js")),
+      permissions: [pluginPermissions["settings.navigation"][0]]
+    });
     app.registerPlugin({
       id: PLUGIN_ID,
       initializer: Initializer,
@@ -4249,3 +4266,4 @@ exports.pluginPermissions = pluginPermissions;
 exports.useAllContentTypes = useAllContentTypes;
 exports.useApi = useApi;
 exports.usePluginConfig = usePluginConfig;
+//# sourceMappingURL=index-Cx_mktdk.js.map