@mattisvensson/strapi-plugin-webatlas 0.6.2 → 0.7.0

package/dist/_chunks/{index-CC1UR_w8.mjs → index-BPhRQoGD.mjs}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useReducer, useState, useEffect } from "react";
 import { Button, Box, Accordion, Field, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption } from "@strapi/design-system";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
-import { P as PLUGIN_NAME, g as getTranslation, T as Tooltip, b as usePluginConfig, c as useAllContentTypes, t as transformToUrl } from "./index-iF1y6Mhe.mjs";
+import { P as PLUGIN_NAME, g as getTranslation, T as Tooltip, b as usePluginConfig, c as useAllContentTypes, t as transformToUrl } from "./index-CZ5qsGXH.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
@@ -279,4 +279,4 @@ const Settings = () => {
 export {
   Settings as default
 };
-//# sourceMappingURL=index-CC1UR_w8.mjs.map
+//# sourceMappingURL=index-BPhRQoGD.mjs.map

package/dist/_chunks/{index-CC1UR_w8.mjs.map → index-BPhRQoGD.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CC1UR_w8.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"index-BPhRQoGD.mjs","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":[],"mappings":"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"}

package/dist/_chunks/index-BdlPAWj6.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-D3xDvB4d.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-Bg96TqDm.js

@@ -0,0 +1,247 @@
+"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-BOEv4jIJ.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;
+//# sourceMappingURL=index-Bg96TqDm.js.map