@mattisvensson/strapi-plugin-webatlas 0.8.0 → 0.8.2

package/dist/_chunks/index-B1dEY-gs.js

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const index = require("./index-g8wz2qoC.js");
+const admin = require("@strapi/strapi/admin");
+require("@strapi/icons/symbols");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
+function TableHeader({
+  sortKey,
+  handleSort
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("title"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("title"),
+        defaultMessage: "Title"
+      }) }),
+      sortKey === "title" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("fullPath"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("route"),
+        defaultMessage: "Route"
+      }) }),
+      sortKey === "fullPath" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("type"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("routes.page.column.type"),
+        defaultMessage: "Type"
+      }) }),
+      sortKey === "type" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({
+      id: index.getTranslation("actions"),
+      defaultMessage: "Actions"
+    }) }) })
+  ] }) });
+}
+function TableRow({ route }) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.fullPath }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: formatMessage({
+      id: index.getTranslation(`route.type.${getRouteType(route)}`),
+      defaultMessage: "-"
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.LinkButton,
+      {
+        variant: "secondary",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}),
+        href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+        children: formatMessage({
+          id: index.getTranslation("edit"),
+          defaultMessage: "Edit"
+        })
+      }
+    ) }) })
+  ] });
+}
+function PageWrapper({ children }) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: formatMessage({
+          id: index.getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: index.getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) })
+  ] });
+}
+function compareBy(field, direction) {
+  if (!field) {
+    return () => 0;
+  }
+  if (field === "type") {
+    return (a, b) => {
+      const typeA = a.internal ? "internal" : "external";
+      const typeB = b.internal ? "internal" : "external";
+      return direction === "asc" ? typeA.localeCompare(typeB) : typeB.localeCompare(typeA);
+    };
+  }
+  return (a, b) => {
+    const aValue = a[field];
+    const bValue = b[field];
+    if (typeof aValue === "string" && typeof bValue === "string") {
+      return direction === "asc" ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
+    }
+    return 0;
+  };
+}
+function SearchInput({
+  searchQuery,
+  handleSearchChange
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Field.Input,
+    {
+      name: "search",
+      placeholder: formatMessage({
+        id: index.getTranslation("routes.page.searchPlaceholder"),
+        defaultMessage: "Search routes"
+      }),
+      value: searchQuery,
+      onChange: handleSearchChange,
+      endAction: searchQuery ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSearchChange({ target: { value: "" } }),
+          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {})
+        }
+      ) : null
+    }
+  ) }) }) }) });
+}
+function RouteTable({
+  routes,
+  sortKey,
+  handleSort
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { sortKey, handleSort }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        content: formatMessage({
+          id: index.getTranslation("routes.page.emptyRoutes"),
+          defaultMessage: "No routes found"
+        }),
+        shadow: false
+      }
+    ) }) }) })
+  ] });
+}
+const Routes = () => {
+  const { getRoutes } = index.useApi();
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = admin.useNotification();
+  const [allRoutes, setAllRoutes] = React.useState([]);
+  const [routes, setRoutes] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
+  const initialQuery = searchParams.get("search") || "";
+  const [searchQuery, setSearchQuery] = React.useState(initialQuery);
+  const [sortKey, setSortKey] = React.useState(void 0);
+  const [sortDirection, setSortDirection] = React.useState("asc");
+  React.useEffect(() => {
+    const query = searchQuery.toLowerCase();
+    setRoutes(
+      allRoutes.filter(
+        (route) => JSON.stringify(route.id).toLowerCase().includes(query) || route.title.toLowerCase().includes(query) || route.fullPath.toLowerCase().includes(query) || route.relatedDocumentId.toLowerCase().includes(query) || route.relatedContentType.toLowerCase().includes(query)
+      )
+    );
+  }, [searchQuery, allRoutes]);
+  const debouncedSetSearchParams = React.useMemo(
+    () => index.debounce((value) => {
+      value ? setSearchParams({ search: value }) : setSearchParams({});
+    }, 300),
+    [setSearchParams]
+  );
+  const handleSearchChange = (e) => {
+    const value = e.target.value;
+    setSearchQuery(value);
+    debouncedSetSearchParams(value);
+  };
+  React.useEffect(() => {
+    async function fetchRoutes() {
+      try {
+        const data = await getRoutes();
+        setAllRoutes(data);
+        setRoutes(data);
+      } catch (err) {
+        console.error("Failed to fetch routes:", err);
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: index.getTranslation("notification.routes.fetchFailed"),
+            defaultMessage: "Failed to fetch routes"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchRoutes();
+  }, []);
+  const handleSort = (key) => {
+    setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
+    setSortKey(key);
+  };
+  React.useEffect(() => {
+    const sortedRoutes = sortKey ? [...routes].sort(compareBy(sortKey, sortDirection)) : routes;
+    setRoutes(sortedRoutes);
+  }, [sortKey, sortDirection]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(PageWrapper, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SearchInput,
+      {
+        handleSearchChange,
+        searchQuery
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RouteTable,
+      {
+        routes,
+        sortKey,
+        handleSort
+      }
+    )
+  ] });
+};
+exports.default = Routes;

package/dist/_chunks/index-B1mbYb2_.js

@@ -0,0 +1,293 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-g8wz2qoC.js");
+const reactIntl = require("react-intl");
+require("@strapi/icons/symbols");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const SettingTitle = require("./SettingTitle-D5oNwpzC.js");
+const icons = require("@strapi/icons");
+function ContentTypeAccordion({
+  contentType,
+  contentTypeSettings,
+  dispatch
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  if (!contentType) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Box,
+    {
+      borderColor: !contentTypeSettings.default && "danger500",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: contentType.uid, size: "S", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { children: contentType?.info.displayName }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              name: "selectedContentTypes",
+              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: !contentTypeSettings.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: formatMessage({
+                  id: index.getTranslation("settings.page.defaultField"),
+                  defaultMessage: "Default URL Alias field"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.SingleSelect,
+                  {
+                    name: `defaultField-${contentType.uid}`,
+                    onClear: () => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: "" } }),
+                    value: contentTypeSettings?.default || "",
+                    onChange: (value) => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: value } }),
+                    children: Object.entries(contentType.attributes).map(([key], index2) => {
+                      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);
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              name: "urlAliasPattern",
+              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: [
+                  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,
+                  {
+                    value: contentTypeSettings.pattern,
+                    onChange: (e) => dispatch({ type: "SET_PATTERN", payload: { ctUid: contentType.uid, pattern: e.target.value } }),
+                    disabled: !contentTypeSettings.default,
+                    type: "text",
+                    placeholder: formatMessage({
+                      id: index.getTranslation("settings.page.urlAliasPattern.placeholder"),
+                      defaultMessage: "e.g. blog"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ) })
+        ] }) })
+      ] }, contentType.uid)
+    },
+    contentType.uid
+  );
+}
+function reducer(newConfig, action) {
+  let updatedContentTypes;
+  switch (action.type) {
+    case "SET_SELECTED_CONTENT_TYPES":
+      if (!newConfig) return null;
+      updatedContentTypes = action.payload.map((ct) => {
+        return newConfig?.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
+      });
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_DEFAULT_FIELD":
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
+        (ct) => ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct
+      );
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_PATTERN":
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
+        (ct) => ct.uid === action.payload.ctUid ? { ...ct, pattern: index.transformToUrl(action.payload.pattern) } : ct
+      );
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_CONFIG":
+      return action.payload;
+    default:
+      throw new Error();
+  }
+}
+const Settings = () => {
+  const { config: fetchedConfig, setConfig, loading, fetchError } = index.usePluginConfig();
+  const [config, dispatch] = React.useReducer(reducer, fetchedConfig);
+  const { contentTypes: allContentTypesData } = index.useAllContentTypes();
+  const allContentTypes = allContentTypesData?.filter((ct) => ct.pluginOptions?.webatlas?.active === true);
+  const { toggleNotification } = admin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const [isSaving, setIsSaving] = React.useState(false);
+  const initialConfig = React.useRef(fetchedConfig);
+  React.useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  React.useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + fetchError
+      });
+    }
+  }, [fetchError, toggleNotification, formatMessage]);
+  async function save() {
+    if (!config || config.selectedContentTypes.find((cta) => !cta.default) !== void 0) return;
+    setIsSaving(true);
+    try {
+      await setConfig({ selectedContentTypes: config.selectedContentTypes });
+      initialConfig.current = config;
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SettingTitle.PageWrapper,
+      {
+        isSaving,
+        subtitle: formatMessage({
+          id: index.getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SettingTitle.PageWrapper,
+    {
+      save,
+      isSaving,
+      subtitle: formatMessage({
+        id: index.getTranslation("settings.page.general.subtitle"),
+        defaultMessage: "Configure general settings"
+      }),
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(SettingTitle.ContentBox, { title: formatMessage({
+          id: index.getTranslation("settings.page.general.contentTypes"),
+          defaultMessage: "Content Types"
+        }), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              name: "selectedContentTypes",
+              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: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.SettingTitle, { children: formatMessage({
+                  id: index.getTranslation("settings.page.enabledContentTypes"),
+                  defaultMessage: "Enabled Content Types"
+                }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.MultiSelect,
+                  {
+                    placeholder: formatMessage({
+                      id: index.getTranslation("settings.page.enabledContentTypes.placeholder"),
+                      defaultMessage: "Select content types..."
+                    }),
+                    onClear: () => dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: [] }),
+                    value: [...config?.selectedContentTypes.map((ct) => ct.uid) || []],
+                    onChange: (value) => dispatch({
+                      type: "SET_SELECTED_CONTENT_TYPES",
+                      payload: value.map((v) => ({
+                        uid: v,
+                        default: "",
+                        pattern: ""
+                      }))
+                    }),
+                    withTags: true,
+                    children: allContentTypes && allContentTypes.map(
+                      (item) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ),
+          config?.selectedContentTypes && config.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: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.SettingTitle, { children: formatMessage({
+              id: index.getTranslation("settings.page.contentTypeSettings"),
+              defaultMessage: "Content Type settings"
+            }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Root, { children: config.selectedContentTypes?.map((contentTypeSettings) => {
+              const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
+              return /* @__PURE__ */ jsxRuntime.jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
+            }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.ContentBox, { title: formatMessage({
+          id: index.getTranslation("settings.page.general.details"),
+          defaultMessage: "Details"
+        }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "selectedContentTypesAccordion", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: /* @__PURE__ */ jsxRuntime.jsxs(SettingTitle.SettingTitle, { children: [
+            index.PLUGIN_NAME,
+            " ",
+            formatMessage({
+              id: index.getTranslation("version"),
+              defaultMessage: "Version"
+            })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
+            "v",
+            index.PLUGIN_VERSION,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Link,
+              {
+                href: `https://github.com/mattisvensson/strapi-plugin-webatlas/releases/tag/v${index.PLUGIN_VERSION}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: { marginLeft: 4 },
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {})
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+exports.default = Settings;