@mattisvensson/strapi-plugin-webatlas 0.11.0 → 0.11.2

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

@@ -43,10 +43,10 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
 };
 function transformToUrl(input, replaceSlash = true) {
   const specialCharMap = {
-    "ü": "ue",
-    "ä": "ae",
-    "ö": "oe",
-    "ß": "ss"
+    ü: "ue",
+    ä: "ae",
+    ö: "oe",
+    ß: "ss"
   };
   if (!input || typeof input !== "string") return "";
   input = input.toLowerCase();
@@ -70,7 +70,7 @@ function transformToUrl(input, replaceSlash = true) {
   input = input.replace(/-+/g, "-");
   return input;
 }
-const version = "0.11.0";
+const version = "0.11.1";
 const strapi$1 = { "name": "webatlas", "displayName": "Webatlas" };
 const pluginPkg = {
   version,
@@ -125,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;
             }
@@ -159,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) => {
@@ -237,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`);
@@ -246,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
@@ -289,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");
     }
@@ -307,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();
@@ -364,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, {})
       ]
     }
@@ -3698,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,
@@ -3710,7 +3721,10 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
             value: displayedPath,
             onChange: (e) => dispatchPath({ type: "SET_OVERRIDEPATH", payload: e.target.value }),
             disabled: !isOverride,
-            onBlur: (e) => dispatchPath({ type: "SET_OVERRIDEPATH", payload: transformToUrl(e.target.value) }),
+            onBlur: (e) => dispatchPath({
+              type: "SET_OVERRIDEPATH",
+              payload: transformToUrl(e.target.value, false)
+            }),
             style: { outline: inputBorder }
           }
         ),
@@ -3728,7 +3742,9 @@ function RouteStructure({
 }) {
   const { formatMessage } = reactIntl.useIntl();
   const filteredRoutes = React.useMemo(() => {
-    return [...routes].sort((a, b) => a.title.localeCompare(b.title)).filter((route) => !prohibitedRouteIds?.includes(route.documentId) || route.documentId === selectedParent?.documentId);
+    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;
@@ -3740,27 +3756,13 @@ function RouteStructure({
         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)"
-            }) }),
-            filteredRoutes.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: [
@@ -3768,19 +3770,17 @@ function RouteStructure({
           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, {})
     ] })
   ] });
@@ -3835,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,
@@ -3877,10 +3876,14 @@ const Panel = ({ config }) => {
   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 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;
+  const debouncedCheckCanonicalPath = React.useRef(
+    debounce((p, id) => latestCheckCanonicalRef.current(p, id), 250)
+  ).current;
   React.useEffect(() => {
     async function fetchAllRoutes() {
       const allRoutes = await getAllRoutes();
@@ -3900,7 +3903,15 @@ const Panel = ({ config }) => {
     if (hasUserChangedField.current || hasUserInteracted.current) {
       onChange("webatlas", data);
     }
-  }, [path.value, path.overridePath, isOverride, selectedParent, sourceFieldValue, hasUserChangedField, hasUserInteracted]);
+  }, [
+    path.value,
+    path.overridePath,
+    isOverride,
+    selectedParent,
+    sourceFieldValue,
+    hasUserChangedField,
+    hasUserInteracted
+  ]);
   React.useEffect(() => {
     if (!initialLoadComplete) return;
     if (sourceFieldValue !== initialSourceFieldValue) {
@@ -3922,7 +3933,14 @@ const Panel = ({ config }) => {
     const canonicalPath = buildPath("canonical", sourceFieldValue, selectedParent);
     dispatchPath({ type: "SET_CANONICALPATH", payload: canonicalPath });
     debouncedCheckCanonicalPath(canonicalPath, route?.documentId || null);
-  }, [sourceFieldValue, initialSourceFieldValue, initialLoadComplete, selectedParent, isOverride, route]);
+  }, [
+    sourceFieldValue,
+    initialSourceFieldValue,
+    initialLoadComplete,
+    selectedParent,
+    isOverride,
+    route
+  ]);
   React.useEffect(() => {
     if (!initialLoadComplete) return;
     if (path.needsUrlCheck && path.value) {
@@ -3943,14 +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);
         dispatchPath({ type: "SET_OVERRIDEPATH", payload: route2.path || "" });
-        dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", 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 || "" });
+        dispatchPath({
+          type: "SET_CANONICALPATH",
+          payload: route2.canonicalPath || ""
+        });
         const key = config?.default;
         if (key) {
           prevSourceValueRef.current = values[key];
@@ -3965,7 +3989,9 @@ const Panel = ({ config }) => {
   }, [config]);
   React.useEffect(() => {
     if (!route || !routes.length) return;
-    const parentRoute = routes.find((singleRoute) => singleRoute.documentId === route.parent?.documentId);
+    const parentRoute = routes.find(
+      (singleRoute) => singleRoute.documentId === route.parent?.documentId
+    );
     setSelectedParent(parentRoute || null);
   }, [route, routes]);
   React.useEffect(() => {
@@ -3976,16 +4002,20 @@ const Panel = ({ config }) => {
     fetchProhibitedRouteIds();
   }, [route]);
   React.useEffect(() => {
-    if (!sourceFieldValue) return;
-    if (!isOverride) {
-      const newPath = buildPath("path", sourceFieldValue, selectedParent);
-      dispatchPath({ type: "DEFAULT", payload: newPath });
-    }
+    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, routeDocumentId) {
     if (!path2) return;
     try {
-      const result = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId, 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);
@@ -3996,7 +4026,12 @@ const Panel = ({ config }) => {
     setValidationState("checking");
     dispatchPath({ type: "SET_REPLACEMENT", payload: "" });
     try {
-      const data = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId, 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 });
@@ -4006,79 +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: (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,
-                {
-                  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 })
-            ] })
-          ]
+          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 }],
@@ -4087,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();
@@ -4110,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();
@@ -4127,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);
@@ -4150,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 })
@@ -4171,10 +4188,8 @@ const index = {
         id: `${PLUGIN_ID}.link.paths`,
         defaultMessage: "Paths"
       },
-      Component: () => Promise.resolve().then(() => require("./index-JLpXBQVL.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`,
@@ -4183,10 +4198,8 @@ const index = {
         id: `${PLUGIN_ID}.link.navigation`,
         defaultMessage: "Navigation"
       },
-      Component: () => Promise.resolve().then(() => require("./index-AVI3QJ0R.js")),
-      permissions: [
-        pluginPermissions["page.navigation"][0]
-      ]
+      Component: () => Promise.resolve().then(() => require("./index-C8YjuuOx.js")),
+      permissions: [pluginPermissions["page.navigation"][0]]
     });
     app.addSettingsLink(
       {
@@ -4203,27 +4216,20 @@ const index = {
         },
         id: `${PLUGIN_ID}-general`,
         to: `${PLUGIN_ID}/general`,
-        Component: () => Promise.resolve().then(() => require("./index-B90eSO4a.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-D8bG0YFB.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,
@@ -4260,4 +4266,3 @@ exports.pluginPermissions = pluginPermissions;
 exports.useAllContentTypes = useAllContentTypes;
 exports.useApi = useApi;
 exports.usePluginConfig = usePluginConfig;
-//# sourceMappingURL=index-Yq-QR8t0.js.map