@mattisvensson/strapi-plugin-webatlas 0.6.2 → 0.7.1

package/dist/_chunks/index-DzqTj_0f.mjs

@@ -0,0 +1,247 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Grid, Box, Field, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
+import { ChevronDown, Pencil, Cross } from "@strapi/icons";
+import { g as getTranslation, u as useApi, d as debounce } from "./index-C6Dorrjz.mjs";
+import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
+import "@strapi/icons/symbols";
+import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { useIntl } from "react-intl";
+import { useSearchParams } from "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 } = useIntl();
+  return /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("title"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("title"),
+        defaultMessage: "Title"
+      }) }),
+      sortKey === "title" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("fullPath"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("route"),
+        defaultMessage: "Route"
+      }) }),
+      sortKey === "fullPath" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("type"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("routes.page.column.type"),
+        defaultMessage: "Type"
+      }) }),
+      sortKey === "type" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+      id: getTranslation("actions"),
+      defaultMessage: "Actions"
+    }) }) })
+  ] }) });
+}
+function TableRow({ route }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.title }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.fullPath }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
+      id: getTranslation(`route.type.${getRouteType(route)}`),
+      defaultMessage: "-"
+    }) }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        variant: "secondary",
+        startIcon: /* @__PURE__ */ jsx(Pencil, {}),
+        href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+        children: formatMessage({
+          id: getTranslation("edit"),
+          defaultMessage: "Edit"
+        })
+      }
+    ) }) })
+  ] });
+}
+function PageWrapper({ children }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Page.Main, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: formatMessage({
+          id: getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(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 } = useIntl();
+  return /* @__PURE__ */ jsx(Grid.Root, { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(
+    Field.Input,
+    {
+      name: "search",
+      placeholder: formatMessage({
+        id: getTranslation("routes.page.searchPlaceholder"),
+        defaultMessage: "Search routes"
+      }),
+      value: searchQuery,
+      onChange: handleSearchChange,
+      endAction: searchQuery ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSearchChange({ target: { value: "" } }),
+          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsx(Cross, {})
+        }
+      ) : null
+    }
+  ) }) }) }) });
+}
+function RouteTable({
+  routes,
+  sortKey,
+  handleSort
+}) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsx(TableHeader, { sortKey, handleSort }),
+    /* @__PURE__ */ jsx(Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 4, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        content: formatMessage({
+          id: getTranslation("routes.page.emptyRoutes"),
+          defaultMessage: "No routes found"
+        }),
+        shadow: false
+      }
+    ) }) }) })
+  ] });
+}
+const Routes = () => {
+  const { getRoutes } = useApi();
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const [allRoutes, setAllRoutes] = useState([]);
+  const [routes, setRoutes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const initialQuery = searchParams.get("search") || "";
+  const [searchQuery, setSearchQuery] = useState(initialQuery);
+  const [sortKey, setSortKey] = useState(void 0);
+  const [sortDirection, setSortDirection] = useState("asc");
+  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 = useMemo(
+    () => debounce((value) => {
+      value ? setSearchParams({ search: value }) : setSearchParams({});
+    }, 300),
+    [setSearchParams]
+  );
+  const handleSearchChange = (e) => {
+    const value = e.target.value;
+    setSearchQuery(value);
+    debouncedSetSearchParams(value);
+  };
+  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: getTranslation("notification.routes.fetchFailed"),
+            defaultMessage: "Failed to fetch routes"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchRoutes();
+  }, []);
+  const handleSort = (key) => {
+    setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
+    setSortKey(key);
+  };
+  useEffect(() => {
+    const sortedRoutes = sortKey ? [...routes].sort(compareBy(sortKey, sortDirection)) : routes;
+    setRoutes(sortedRoutes);
+  }, [sortKey, sortDirection]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(FullLoader, {}) });
+  }
+  return /* @__PURE__ */ jsxs(PageWrapper, { children: [
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        handleSearchChange,
+        searchQuery
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RouteTable,
+      {
+        routes,
+        sortKey,
+        handleSort
+      }
+    )
+  ] });
+};
+export {
+  Routes as default
+};
+//# sourceMappingURL=index-DzqTj_0f.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DzqTj_0f.mjs","sources":["../../admin/src/utils/getRouteType.ts","../../admin/src/pages/Routes/TableHeader.tsx","../../admin/src/pages/Routes/TableRow.tsx","../../admin/src/pages/Routes/PageWrapper.tsx","../../admin/src/pages/Routes/compareBy.ts","../../admin/src/pages/Routes/index.tsx"],"sourcesContent":["import type { Route } from \"../../../types\";\n\nexport default function getRouteType(route: Route): 'internal' | 'external' | 'wrapper' {\n  if (route.wrapper) {\n    return 'wrapper';\n  } else if (!route.internal) {\n    return 'external';\n  } else {\n    return 'internal';\n  }\n}","import type { RouteSortKey } from '../../../../types';\nimport { Typography, Thead, Tr, Th, VisuallyHidden } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { ChevronDown } from '@strapi/icons';\n\nexport default function TableHeader({\n  sortKey,\n  handleSort\n}: {\n  sortKey: RouteSortKey,\n  handleSort: (key: RouteSortKey) => void\n}) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Thead>\n      <Tr>\n        <Th onClick={() => handleSort('title')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('title'),\n              defaultMessage: 'Title',\n            })}\n          </Typography>\n          {sortKey === 'title' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('fullPath')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('route'),\n              defaultMessage: 'Route',\n            })}\n          </Typography>\n          {sortKey === 'fullPath' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('type')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('routes.page.column.type'),\n              defaultMessage: 'Type',\n            })}\n          </Typography>\n          {sortKey === 'type' && <ChevronDown />}\n        </Th>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: getTranslation('actions'),\n              defaultMessage: 'Actions',\n            })}\n          </VisuallyHidden>\n        </Th>\n      </Tr>\n    </Thead>\n  )\n}","import type { Route } from '../../../../types';\nimport { Typography, Tr, Td, Flex, LinkButton } from '@strapi/design-system';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { Pencil } from '@strapi/icons';\n\nexport default function TableRow({ route }: { route: Route }) {\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Tr>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.title}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.fullPath}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslation(`route.type.${getRouteType(route)}`),\n            defaultMessage: '-',\n          })}\n        </Typography>\n      </Td>\n      <Td>\n        <Flex gap={2} justifyContent=\"end\">\n          {route.internal && \n            <LinkButton\n              variant=\"secondary\"\n              startIcon={<Pencil />} \n              href={`/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`}\n            >\n              {formatMessage({\n                id: getTranslation('edit'),\n                defaultMessage: 'Edit',\n              })}\n            </LinkButton>\n          }\n        </Flex>\n      </Td>\n    </Tr>\n  )\n}","import { Layouts, Page } from '@strapi/strapi/admin';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function PageWrapper({ children }: { children: React.ReactNode }) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('routes.page.title'),\n          defaultMessage: 'Routes',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('routes.page.subtitle'),\n          defaultMessage: 'Overview of all existing routes',\n        })}\n      />\n      <Layouts.Content>\n        <>\n          {children}\n        </>\n      </Layouts.Content>\n    </Page.Main>\n  );\n}","import type { Route, RouteSortKey } from '../../../../types';\n\nexport default function compareBy(field: RouteSortKey, direction: 'asc' | 'desc') {\n  if (!field) {\n    return () => 0;\n  }\n  if (field === 'type') {\n    return (a: Route, b: Route) => {\n      const typeA = a.internal ? 'internal' : 'external';\n      const typeB = b.internal ? 'internal' : 'external';\n      return direction === 'asc'\n        ? typeA.localeCompare(typeB)\n        : typeB.localeCompare(typeA);\n    };\n  }\n  return (a: Route, b: Route) => {\n    const aValue = a[field];\n    const bValue = b[field];\n    if (typeof aValue === 'string' && typeof bValue === 'string') {\n      return direction === 'asc'\n        ? aValue.localeCompare(bValue)\n        : bValue.localeCompare(aValue);\n    }\n    return 0;\n  };\n}","/*\n *\n * Routes\n * This file contains the Routes page of the Webatlas plugin for Strapi.\n * It displays a table of all existing routes with their details and allows editing.\n *\n*/\n\nimport type { Route, RouteSortKey } from '../../../../types';\nimport { useState, useEffect } from 'react';\nimport { Table, Tbody, Box, Grid, Field, EmptyStateLayout, Tr, Td } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useApi } from '../../hooks';\nimport { FullLoader } from '../../components/UI';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport TableHeader from './TableHeader';\nimport TableRow from './TableRow';\nimport { useNotification } from '@strapi/strapi/admin'\nimport PageWrapper from './PageWrapper';\nimport { useSearchParams } from 'react-router-dom';\nimport debounce from '../../utils/debounce';\nimport { useMemo } from 'react';\nimport compareBy from './compareBy';\n\nfunction SearchInput({\n  searchQuery,\n  handleSearchChange\n}: {\n  searchQuery: string;\n  handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root style={{ marginBottom: '16px' }}>\n      <Grid.Item col={4} s={12}>\n        <Box width=\"100%\">\n          <Field.Root>\n            <Field.Input\n              name=\"search\"\n              placeholder={formatMessage({\n                id: getTranslation('routes.page.searchPlaceholder'),\n                defaultMessage: 'Search routes',\n              })}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              endAction={\n                searchQuery ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSearchChange({ target: { value: '' } } as React.ChangeEvent<HTMLInputElement>)}\n                    style={{ color: 'inherit', background: 'none', border: 'none', cursor: 'pointer' }}\n                    aria-label=\"Clear search\"\n                  >\n                    <Cross />\n                  </button>\n                ) : null\n              }\n            />\n          </Field.Root>\n        </Box>\n      </Grid.Item>\n    </Grid.Root>\n  );\n}\n\nfunction RouteTable({\n  routes, \n  sortKey, \n  handleSort\n}: { \n  routes: Route[], \n  sortKey: RouteSortKey, \n  handleSort: (key: RouteSortKey) => void\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  return (\n    <Table colCount={4} rowCount={routes.length}>\n      <TableHeader sortKey={sortKey} handleSort={handleSort} />\n      <Tbody>\n        {routes.length > 0 ? routes.map((route: Route) => (\n          <TableRow key={route.id} route={route} />\n        )) : \n          <Tr>\n            <Td colSpan={4}>\n              <EmptyStateLayout \n                content={\n                  formatMessage({\n                    id: getTranslation('routes.page.emptyRoutes'),\n                    defaultMessage: 'No routes found',\n                  })\n                } \n                shadow={false}\n              />\n            </Td>\n          </Tr>\n        }\n      </Tbody>\n    </Table>\n  )\n}\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  \n  const [allRoutes, setAllRoutes] = useState<Route[]>([]);\n  const [routes, setRoutes] = useState<Route[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('search') || '';\n  const [searchQuery, setSearchQuery] = useState(initialQuery);\n  const [sortKey, setSortKey] = useState<RouteSortKey>(undefined);\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\n\n  useEffect(() => {\n    const query = searchQuery.toLowerCase()\n    setRoutes(\n      allRoutes.filter((route) =>\n        JSON.stringify(route.id).toLowerCase().includes(query) ||\n        route.title.toLowerCase().includes(query) ||\n        route.fullPath.toLowerCase().includes(query) ||\n        route.relatedDocumentId.toLowerCase().includes(query) ||\n        route.relatedContentType.toLowerCase().includes(query)\n      )\n    )\n  }, [searchQuery, allRoutes]);\n\n  const debouncedSetSearchParams = useMemo(() =>\n    debounce((value: string) => {\n      value\n        ? setSearchParams({ search: value })\n        : setSearchParams({});\n    }, 300),\n  [setSearchParams]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setSearchQuery(value);\n    debouncedSetSearchParams(value);\n  }\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      try {\n        const data = await getRoutes();\n        setAllRoutes(data);\n        setRoutes(data);\n      } catch (err) {\n        console.error('Failed to fetch routes:', err);\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTranslation('notification.routes.fetchFailed'),\n            defaultMessage: 'Failed to fetch routes',\n          }),\n        });\n      } finally {\n        setLoading(false);\n      }\n    }\n    fetchRoutes();\n  }, [])\n\n  const handleSort = (key: RouteSortKey) => {\n    setSortDirection(prev => (prev === 'asc' ? 'desc' : 'asc'));\n    setSortKey(key);\n  };\n\n  useEffect(() => {\n    const sortedRoutes = sortKey\n      ? [...routes].sort(compareBy(sortKey, sortDirection))\n      : routes;    \n    setRoutes(sortedRoutes);\n  }, [sortKey, sortDirection]);\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper>\n      <SearchInput\n        handleSearchChange={handleSearchChange}\n        searchQuery={searchQuery}\n      />\n      <RouteTable\n        routes={routes} \n        sortKey={sortKey}\n        handleSort={handleSort}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default Routes;"],"names":[],"mappings":"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"}

package/dist/_chunks/index-KC82xDAD.mjs

@@ -0,0 +1,246 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Grid, Box, Field, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
+import { ChevronDown, Pencil, Cross } from "@strapi/icons";
+import { g as getTranslation, u as useApi, d as debounce } from "./index-DY1ICa5c.mjs";
+import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
+import "@strapi/icons/symbols";
+import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { useIntl } from "react-intl";
+import { useSearchParams } from "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 } = useIntl();
+  return /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("title"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("title"),
+        defaultMessage: "Title"
+      }) }),
+      sortKey === "title" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("fullPath"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("route"),
+        defaultMessage: "Route"
+      }) }),
+      sortKey === "fullPath" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("type"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("routes.page.column.type"),
+        defaultMessage: "Type"
+      }) }),
+      sortKey === "type" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+      id: getTranslation("actions"),
+      defaultMessage: "Actions"
+    }) }) })
+  ] }) });
+}
+function TableRow({ route }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.title }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.fullPath }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
+      id: getTranslation(`route.type.${getRouteType(route)}`),
+      defaultMessage: "-"
+    }) }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        variant: "secondary",
+        startIcon: /* @__PURE__ */ jsx(Pencil, {}),
+        href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+        children: formatMessage({
+          id: getTranslation("edit"),
+          defaultMessage: "Edit"
+        })
+      }
+    ) }) })
+  ] });
+}
+function PageWrapper({ children }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Page.Main, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: formatMessage({
+          id: getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(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 } = useIntl();
+  return /* @__PURE__ */ jsx(Grid.Root, { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(
+    Field.Input,
+    {
+      name: "search",
+      placeholder: formatMessage({
+        id: getTranslation("routes.page.searchPlaceholder"),
+        defaultMessage: "Search routes"
+      }),
+      value: searchQuery,
+      onChange: handleSearchChange,
+      endAction: searchQuery ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSearchChange({ target: { value: "" } }),
+          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsx(Cross, {})
+        }
+      ) : null
+    }
+  ) }) }) }) });
+}
+function RouteTable({
+  routes,
+  sortKey,
+  handleSort
+}) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsx(TableHeader, { sortKey, handleSort }),
+    /* @__PURE__ */ jsx(Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 4, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        content: formatMessage({
+          id: getTranslation("routes.page.emptyRoutes"),
+          defaultMessage: "No routes found"
+        }),
+        shadow: false
+      }
+    ) }) }) })
+  ] });
+}
+const Routes = () => {
+  const { getRoutes } = useApi();
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const [allRoutes, setAllRoutes] = useState([]);
+  const [routes, setRoutes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const initialQuery = searchParams.get("search") || "";
+  const [searchQuery, setSearchQuery] = useState(initialQuery);
+  const [sortKey, setSortKey] = useState(void 0);
+  const [sortDirection, setSortDirection] = useState("asc");
+  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 = useMemo(
+    () => debounce((value) => {
+      value ? setSearchParams({ search: value }) : setSearchParams({});
+    }, 300),
+    [setSearchParams]
+  );
+  const handleSearchChange = (e) => {
+    const value = e.target.value;
+    setSearchQuery(value);
+    debouncedSetSearchParams(value);
+  };
+  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: getTranslation("notification.routes.fetchFailed"),
+            defaultMessage: "Failed to fetch routes"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchRoutes();
+  }, []);
+  const handleSort = (key) => {
+    setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
+    setSortKey(key);
+  };
+  useEffect(() => {
+    const sortedRoutes = sortKey ? [...routes].sort(compareBy(sortKey, sortDirection)) : routes;
+    setRoutes(sortedRoutes);
+  }, [sortKey, sortDirection]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(FullLoader, {}) });
+  }
+  return /* @__PURE__ */ jsxs(PageWrapper, { children: [
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        handleSearchChange,
+        searchQuery
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RouteTable,
+      {
+        routes,
+        sortKey,
+        handleSort
+      }
+    )
+  ] });
+};
+export {
+  Routes as default
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-KC82xDAD.mjs","sources":["../../admin/src/utils/getRouteType.ts","../../admin/src/pages/Routes/TableHeader.tsx","../../admin/src/pages/Routes/TableRow.tsx","../../admin/src/pages/Routes/PageWrapper.tsx","../../admin/src/pages/Routes/compareBy.ts","../../admin/src/pages/Routes/index.tsx"],"sourcesContent":["import type { Route } from \"../../../types\";\n\nexport default function getRouteType(route: Route): 'internal' | 'external' | 'wrapper' {\n  if (route.wrapper) {\n    return 'wrapper';\n  } else if (!route.internal) {\n    return 'external';\n  } else {\n    return 'internal';\n  }\n}","import type { RouteSortKey } from '../../../../types';\nimport { Typography, Thead, Tr, Th, VisuallyHidden } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { ChevronDown } from '@strapi/icons';\n\nexport default function TableHeader({\n  sortKey,\n  handleSort\n}: {\n  sortKey: RouteSortKey,\n  handleSort: (key: RouteSortKey) => void\n}) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Thead>\n      <Tr>\n        <Th onClick={() => handleSort('title')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('title'),\n              defaultMessage: 'Title',\n            })}\n          </Typography>\n          {sortKey === 'title' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('fullPath')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('route'),\n              defaultMessage: 'Route',\n            })}\n          </Typography>\n          {sortKey === 'fullPath' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('type')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('routes.page.column.type'),\n              defaultMessage: 'Type',\n            })}\n          </Typography>\n          {sortKey === 'type' && <ChevronDown />}\n        </Th>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: getTranslation('actions'),\n              defaultMessage: 'Actions',\n            })}\n          </VisuallyHidden>\n        </Th>\n      </Tr>\n    </Thead>\n  )\n}","import type { Route } from '../../../../types';\nimport { Typography, Tr, Td, Flex, LinkButton } from '@strapi/design-system';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { Pencil } from '@strapi/icons';\n\nexport default function TableRow({ route }: { route: Route }) {\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Tr>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.title}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.fullPath}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslation(`route.type.${getRouteType(route)}`),\n            defaultMessage: '-',\n          })}\n        </Typography>\n      </Td>\n      <Td>\n        <Flex gap={2} justifyContent=\"end\">\n          {route.internal && \n            <LinkButton\n              variant=\"secondary\"\n              startIcon={<Pencil />} \n              href={`/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`}\n            >\n              {formatMessage({\n                id: getTranslation('edit'),\n                defaultMessage: 'Edit',\n              })}\n            </LinkButton>\n          }\n        </Flex>\n      </Td>\n    </Tr>\n  )\n}","import { Layouts, Page } from '@strapi/strapi/admin';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function PageWrapper({ children }: { children: React.ReactNode }) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('routes.page.title'),\n          defaultMessage: 'Routes',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('routes.page.subtitle'),\n          defaultMessage: 'Overview of all existing routes',\n        })}\n      />\n      <Layouts.Content>\n        <>\n          {children}\n        </>\n      </Layouts.Content>\n    </Page.Main>\n  );\n}","import type { Route, RouteSortKey } from '../../../../types';\n\nexport default function compareBy(field: RouteSortKey, direction: 'asc' | 'desc') {\n  if (!field) {\n    return () => 0;\n  }\n  if (field === 'type') {\n    return (a: Route, b: Route) => {\n      const typeA = a.internal ? 'internal' : 'external';\n      const typeB = b.internal ? 'internal' : 'external';\n      return direction === 'asc'\n        ? typeA.localeCompare(typeB)\n        : typeB.localeCompare(typeA);\n    };\n  }\n  return (a: Route, b: Route) => {\n    const aValue = a[field];\n    const bValue = b[field];\n    if (typeof aValue === 'string' && typeof bValue === 'string') {\n      return direction === 'asc'\n        ? aValue.localeCompare(bValue)\n        : bValue.localeCompare(aValue);\n    }\n    return 0;\n  };\n}","/*\n *\n * Routes\n * This file contains the Routes page of the Webatlas plugin for Strapi.\n * It displays a table of all existing routes with their details and allows editing.\n *\n*/\n\nimport type { Route, RouteSortKey } from '../../../../types';\nimport { useState, useEffect } from 'react';\nimport { Table, Tbody, Box, Grid, Field, EmptyStateLayout, Tr, Td } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useApi } from '../../hooks';\nimport { FullLoader } from '../../components/UI';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport TableHeader from './TableHeader';\nimport TableRow from './TableRow';\nimport { useNotification } from '@strapi/strapi/admin'\nimport PageWrapper from './PageWrapper';\nimport { useSearchParams } from 'react-router-dom';\nimport debounce from '../../utils/debounce';\nimport { useMemo } from 'react';\nimport compareBy from './compareBy';\n\nfunction SearchInput({\n  searchQuery,\n  handleSearchChange\n}: {\n  searchQuery: string;\n  handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root style={{ marginBottom: '16px' }}>\n      <Grid.Item col={4} s={12}>\n        <Box width=\"100%\">\n          <Field.Root>\n            <Field.Input\n              name=\"search\"\n              placeholder={formatMessage({\n                id: getTranslation('routes.page.searchPlaceholder'),\n                defaultMessage: 'Search routes',\n              })}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              endAction={\n                searchQuery ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSearchChange({ target: { value: '' } } as React.ChangeEvent<HTMLInputElement>)}\n                    style={{ color: 'inherit', background: 'none', border: 'none', cursor: 'pointer' }}\n                    aria-label=\"Clear search\"\n                  >\n                    <Cross />\n                  </button>\n                ) : null\n              }\n            />\n          </Field.Root>\n        </Box>\n      </Grid.Item>\n    </Grid.Root>\n  );\n}\n\nfunction RouteTable({\n  routes, \n  sortKey, \n  handleSort\n}: { \n  routes: Route[], \n  sortKey: RouteSortKey, \n  handleSort: (key: RouteSortKey) => void\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  return (\n    <Table colCount={4} rowCount={routes.length}>\n      <TableHeader sortKey={sortKey} handleSort={handleSort} />\n      <Tbody>\n        {routes.length > 0 ? routes.map((route: Route) => (\n          <TableRow key={route.id} route={route} />\n        )) : \n          <Tr>\n            <Td colSpan={4}>\n              <EmptyStateLayout \n                content={\n                  formatMessage({\n                    id: getTranslation('routes.page.emptyRoutes'),\n                    defaultMessage: 'No routes found',\n                  })\n                } \n                shadow={false}\n              />\n            </Td>\n          </Tr>\n        }\n      </Tbody>\n    </Table>\n  )\n}\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  \n  const [allRoutes, setAllRoutes] = useState<Route[]>([]);\n  const [routes, setRoutes] = useState<Route[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('search') || '';\n  const [searchQuery, setSearchQuery] = useState(initialQuery);\n  const [sortKey, setSortKey] = useState<RouteSortKey>(undefined);\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\n\n  useEffect(() => {\n    const query = searchQuery.toLowerCase()\n    setRoutes(\n      allRoutes.filter((route) =>\n        JSON.stringify(route.id).toLowerCase().includes(query) ||\n        route.title.toLowerCase().includes(query) ||\n        route.fullPath.toLowerCase().includes(query) ||\n        route.relatedDocumentId.toLowerCase().includes(query) ||\n        route.relatedContentType.toLowerCase().includes(query)\n      )\n    )\n  }, [searchQuery, allRoutes]);\n\n  const debouncedSetSearchParams = useMemo(() =>\n    debounce((value: string) => {\n      value\n        ? setSearchParams({ search: value })\n        : setSearchParams({});\n    }, 300),\n  [setSearchParams]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setSearchQuery(value);\n    debouncedSetSearchParams(value);\n  }\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      try {\n        const data = await getRoutes();\n        setAllRoutes(data);\n        setRoutes(data);\n      } catch (err) {\n        console.error('Failed to fetch routes:', err);\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTranslation('notification.routes.fetchFailed'),\n            defaultMessage: 'Failed to fetch routes',\n          }),\n        });\n      } finally {\n        setLoading(false);\n      }\n    }\n    fetchRoutes();\n  }, [])\n\n  const handleSort = (key: RouteSortKey) => {\n    setSortDirection(prev => (prev === 'asc' ? 'desc' : 'asc'));\n    setSortKey(key);\n  };\n\n  useEffect(() => {\n    const sortedRoutes = sortKey\n      ? [...routes].sort(compareBy(sortKey, sortDirection))\n      : routes;    \n    setRoutes(sortedRoutes);\n  }, [sortKey, sortDirection]);\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper>\n      <SearchInput\n        handleSearchChange={handleSearchChange}\n        searchQuery={searchQuery}\n      />\n      <RouteTable\n        routes={routes} \n        sortKey={sortKey}\n        handleSort={handleSort}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default Routes;"],"names":[],"mappings":"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"}

package/dist/_chunks/{index-BDoljrOj.js → index-NZpDoHIv.js}

@@ -4,7 +4,7 @@ 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-Z3yKckP0.js");
+const index = require("./index-2J9mPFyV.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
@@ -279,4 +279,4 @@ const Settings = () => {
   ] });
 };
 exports.default = Settings;
-//# sourceMappingURL=index-BDoljrOj.js.map
+//# sourceMappingURL=index-NZpDoHIv.js.map

package/dist/_chunks/index-NZpDoHIv.js.map

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