@mattisvensson/strapi-plugin-webatlas 0.8.0 → 0.8.2

package/dist/_chunks/index-DXRtXlZW.mjs

@@ -0,0 +1,129 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useReducer, useState, useRef, useEffect } from "react";
+import { Field } from "@strapi/design-system";
+import { useNotification } from "@strapi/strapi/admin";
+import { b as usePluginConfig, g as getTranslation } from "./index-Dt-mlR1F.mjs";
+import { useIntl } from "react-intl";
+import "@strapi/icons/symbols";
+import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-BaaQ_99D.mjs";
+function reducer(newConfig, action) {
+  switch (action.type) {
+    case "SET_MAX_DEPTH":
+      if (!newConfig) return null;
+      return {
+        ...newConfig,
+        navigation: { ...newConfig.navigation, maxDepth: action.payload },
+        selectedContentTypes: newConfig.selectedContentTypes || []
+      };
+    case "SET_CONFIG":
+      return action.payload;
+    default:
+      throw new Error();
+  }
+}
+const Settings = () => {
+  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();
+  const [config, dispatch] = useReducer(reducer, fetchedConfig);
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
+  const [isSaving, setIsSaving] = useState(false);
+  const initialConfig = useRef(fetchedConfig);
+  useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + fetchError
+      });
+    }
+  }, [fetchError, toggleNotification, formatMessage]);
+  async function save() {
+    if (!config) return;
+    setIsSaving(true);
+    try {
+      await setConfig({ navigation: config.navigation });
+      initialConfig.current = config;
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      PageWrapper,
+      {
+        isSaving,
+        subtitle: formatMessage({
+          id: getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    PageWrapper,
+    {
+      save,
+      isSaving,
+      subtitle: formatMessage({
+        id: getTranslation("settings.page.navigation.subtitle"),
+        defaultMessage: "Configure navigation settings"
+      }),
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: /* @__PURE__ */ jsx(ContentBox, { title: formatMessage({
+        id: getTranslation("settings.page.navigation.navigation"),
+        defaultMessage: "Navigation"
+      }), children: /* @__PURE__ */ jsxs(Field.Root, { name: "maxNavDepth", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: /* @__PURE__ */ jsx(SettingTitle, { children: formatMessage({
+          id: getTranslation("settings.page.navigation.maxNavDepth.label"),
+          defaultMessage: "Max depth of navigation tree"
+        }) }) }),
+        /* @__PURE__ */ jsx(
+          Field.Input,
+          {
+            id: "maxNavDepth",
+            type: "number",
+            min: 0,
+            step: 1,
+            value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth + 1 : "",
+            onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 }),
+            onBlur: (e) => {
+              if (e.target.value === "") return;
+              dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Field.Hint, {})
+      ] }) })
+    }
+  );
+};
+export {
+  Settings as default
+};
+//# sourceMappingURL=index-DXRtXlZW.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DXRtXlZW.mjs","sources":["../../admin/src/pages/Settings/Navigation/index.tsx"],"sourcesContent":["/*\n *\n * Settings\n * This file contains the navigation settings page for the Webatlas plugin.\n * It allows users to set the max depth of the navigation tree.\n *\n*/\n\nimport { useEffect, useState, useReducer, useRef } from 'react';\nimport { Field } from '@strapi/design-system';\nimport { useNotification } from '@strapi/strapi/admin'\nimport usePluginConfig from '../../../hooks/usePluginConfig';\nimport type { PluginConfig } from '../../../../../types';\nimport { getTranslation } from '../../../utils';\nimport { useIntl } from 'react-intl';\nimport { FullLoader } from '../../../components/UI';\nimport { PageWrapper, ContentBox, SettingTitle } from '../';\n\ntype Action =\n  | { type: 'SET_MAX_DEPTH'; payload: number }\n  | { type: 'SET_CONFIG'; payload: PluginConfig }\n\nfunction reducer(newConfig: PluginConfig | null, action: Action): PluginConfig | null {\n  switch (action.type) {\n    case 'SET_MAX_DEPTH':\n      if (!newConfig) return null;\n      return { \n        ...newConfig, \n        navigation: { ...newConfig.navigation, maxDepth: action.payload },\n        selectedContentTypes: newConfig.selectedContentTypes || []\n      };\n    case 'SET_CONFIG':\n      return action.payload;\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();\n  const [config, dispatch] = useReducer(reducer, fetchedConfig);\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n  const initialConfig = useRef<PluginConfig | null>(fetchedConfig);\n\n  useEffect(() => {\n    initialConfig.current = fetchedConfig;\n\n    if (fetchedConfig)\n      dispatch({ type: 'SET_CONFIG', payload: fetchedConfig });\n  }, [fetchedConfig]);\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 (!config) return\n\n    setIsSaving(true);\n    try {\n      await setConfig({ navigation: config.navigation })\n      initialConfig.current = config;\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      isSaving={isSaving}\n      subtitle={formatMessage({\n        id: getTranslation('loading'),\n        defaultMessage: 'Loading...',\n      })}\n      disabledCondition={true}\n    >\n      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper\n      save={save}\n      isSaving={isSaving}\n      subtitle={formatMessage({\n        id: getTranslation('settings.page.navigation.subtitle'),\n        defaultMessage: 'Configure navigation settings',\n      })}\n      disabledCondition={JSON.stringify(config) === JSON.stringify(initialConfig.current)}\n    >\n      <ContentBox title={formatMessage({\n        id: getTranslation('settings.page.navigation.navigation'),\n        defaultMessage: 'Navigation',\n      })}>\n        <Field.Root name=\"maxNavDepth\">\n          <Field.Label>\n            <SettingTitle>\n              {formatMessage({\n                id: getTranslation('settings.page.navigation.maxNavDepth.label'),\n                defaultMessage: 'Max depth of navigation tree',\n              })}\n            </SettingTitle>\n          </Field.Label>\n          <Field.Input\n            id=\"maxNavDepth\"\n            type=\"number\"\n            min={0}\n            step={1}\n            value={config?.navigation?.maxDepth !== undefined ? config.navigation.maxDepth + 1 : ''}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => dispatch({ type: 'SET_MAX_DEPTH', payload: Number(e.target.value) - 1 })}\n            onBlur={(e: React.ChangeEvent<HTMLInputElement>) => {\n              if (e.target.value === '') return\n              dispatch({ type: 'SET_MAX_DEPTH', payload: Number(e.target.value) - 1 })}\n            }\n          />\n          <Field.Hint/>\n        </Field.Root>\n      </ContentBox>\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":[],"mappings":";;;;;;;;;AAsBA,SAAS,QAAQ,WAAgC,QAAqC;AACpF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACC,UAAA,CAAC,UAAkB,QAAA;AAChB,aAAA;AAAA,QACL,GAAG;AAAA,QACH,YAAY,EAAE,GAAG,UAAU,YAAY,UAAU,OAAO,QAAQ;AAAA,QAChE,sBAAsB,UAAU,wBAAwB,CAAA;AAAA,MAC1D;AAAA,IACF,KAAK;AACH,aAAO,OAAO;AAAA,IAChB;AACE,YAAM,IAAI,MAAM;AAAA,EAAA;AAEtB;AAEA,MAAM,WAAW,MAAM;AACrB,QAAM,EAAE,QAAQ,eAAe,WAAW,SAAS,eAAe,gBAAgB;AAClF,QAAM,CAAC,QAAQ,QAAQ,IAAI,WAAW,SAAS,aAAa;AACtD,QAAA,EAAE,mBAAmB,IAAI,gBAAgB;AACzC,QAAA,EAAE,cAAc,IAAI,QAAQ;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AACxC,QAAA,gBAAgB,OAA4B,aAAa;AAE/D,YAAU,MAAM;AACd,kBAAc,UAAU;AAEpB,QAAA;AACF,eAAS,EAAE,MAAM,cAAc,SAAS,eAAe;AAAA,EAAA,GACxD,CAAC,aAAa,CAAC;AAElB,YAAU,MAAM;AACd,QAAI,YAAY;AACK,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc;AAAA,UACrB,IAAI,eAAe,oBAAoB;AAAA,UACvC,gBAAgB;AAAA,QACjB,CAAA,IAAI,OAAO;AAAA,MAAA,CACb;AAAA,IAAA;AAAA,EAEF,GAAA,CAAC,YAAY,oBAAoB,aAAa,CAAC;AAElD,iBAAe,OAAO;AACpB,QAAI,CAAC,OAAQ;AAEb,gBAAY,IAAI;AACZ,QAAA;AACF,YAAM,UAAU,EAAE,YAAY,OAAO,YAAY;AACjD,oBAAc,UAAU;AAEL,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc;AAAA,UACrB,IAAI,eAAe,6BAA6B;AAAA,UAChD,gBAAgB;AAAA,QACjB,CAAA;AAAA,MAAA,CACF;AACD,kBAAY,KAAK;AAAA,aACV,KAAK;AACZ,kBAAY,KAAK;AACE,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc;AAAA,UACrB,IAAI,eAAe,oBAAoB;AAAA,UACvC,gBAAgB;AAAA,QACjB,CAAA,IAAI,OAAO;AAAA,MAAA,CACb;AACD,cAAQ,MAAM,GAAG;AAAA,IAAA;AAAA,EACnB;AAGF,MAAI,SAAS;AACJ,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACN;AAAA,QACA,UAAU,cAAc;AAAA,UACtB,IAAI,eAAe,SAAS;AAAA,UAC5B,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,mBAAmB;AAAA,QAEnB,UAAA,oBAAC,YAAW,EAAA,QAAQ,IAAK,CAAA;AAAA,MAAA;AAAA,IAC3B;AAAA,EAAA;AAIA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,cAAc;AAAA,QACtB,IAAI,eAAe,mCAAmC;AAAA,QACtD,gBAAgB;AAAA,MAAA,CACjB;AAAA,MACD,mBAAmB,KAAK,UAAU,MAAM,MAAM,KAAK,UAAU,cAAc,OAAO;AAAA,MAElF,UAAA,oBAAC,YAAW,EAAA,OAAO,cAAc;AAAA,QAC/B,IAAI,eAAe,qCAAqC;AAAA,QACxD,gBAAgB;AAAA,MAAA,CACjB,GACC,UAAA,qBAAC,MAAM,MAAN,EAAW,MAAK,eACf,UAAA;AAAA,QAAA,oBAAC,MAAM,OAAN,EACC,UAAA,oBAAC,gBACE,UAAc,cAAA;AAAA,UACb,IAAI,eAAe,4CAA4C;AAAA,UAC/D,gBAAgB;AAAA,QAAA,CACjB,GACH,EACF,CAAA;AAAA,QACA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,OAAO,QAAQ,YAAY,aAAa,SAAY,OAAO,WAAW,WAAW,IAAI;AAAA,YACrF,UAAU,CAAC,MAA2C,SAAS,EAAE,MAAM,iBAAiB,SAAS,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG;AAAA,YAC7H,QAAQ,CAAC,MAA2C;AAC9C,kBAAA,EAAE,OAAO,UAAU,GAAI;AAClB,uBAAA,EAAE,MAAM,iBAAiB,SAAS,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG;AAAA,YAAA;AAAA,UAAC;AAAA,QAE5E;AAAA,QACA,oBAAC,MAAM,MAAN,CAAU,CAAA;AAAA,MAAA,EAAA,CACb,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/_chunks/index-Df365kgY.js

@@ -0,0 +1,294 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-DOMrViWi.js");
+const reactIntl = require("react-intl");
+require("@strapi/icons/symbols");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const SettingTitle = require("./SettingTitle-DDZxIqee.js");
+const icons = require("@strapi/icons");
+function ContentTypeAccordion({
+  contentType,
+  contentTypeSettings,
+  dispatch
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  if (!contentType) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Box,
+    {
+      borderColor: !contentTypeSettings.default && "danger500",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: contentType.uid, size: "S", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { children: contentType?.info.displayName }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              name: "selectedContentTypes",
+              hint: formatMessage({
+                id: index.getTranslation("settings.page.defaultField.hint"),
+                defaultMessage: 'The selected field from the content type will be used to generate the URL alias. Use a field that is unique and descriptive, such as a "title" or "name".'
+              }),
+              error: !contentTypeSettings.default && formatMessage({
+                id: index.getTranslation("settings.page.defaultField.error"),
+                defaultMessage: "Please select a default field"
+              }),
+              required: true,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: index.getTranslation("settings.page.defaultField"),
+                  defaultMessage: "Default URL Alias field"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.SingleSelect,
+                  {
+                    name: `defaultField-${contentType.uid}`,
+                    onClear: () => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: "" } }),
+                    value: contentTypeSettings?.default || "",
+                    onChange: (value) => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: value } }),
+                    children: Object.entries(contentType.attributes).map(([key], index2) => {
+                      if (key === "id" || key === "documentId" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy" || key === "webatlas_path" || key === "webatlas_override") return null;
+                      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: key, children: key }, index2);
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              name: "urlAliasPattern",
+              hint: formatMessage({
+                id: index.getTranslation("settings.page.urlAliasPattern.hint"),
+                defaultMessage: 'The pattern to prepend to the generated URL alias. For example, if you enter "blog" and the value of default field is "My First Post", the generated URL alias will be "blog/my-first-post". Leave empty for no prefix.'
+              }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
+                  formatMessage({
+                    id: index.getTranslation("settings.page.urlAliasPattern"),
+                    defaultMessage: "URL Alias Pattern"
+                  }),
+                  /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { description: formatMessage({
+                    id: index.getTranslation("settings.page.urlAliasPattern.tooltip"),
+                    defaultMessage: "Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded."
+                  }) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Field.Input,
+                  {
+                    value: contentTypeSettings.pattern,
+                    onChange: (e) => dispatch({ type: "SET_PATTERN", payload: { ctUid: contentType.uid, pattern: e.target.value } }),
+                    disabled: !contentTypeSettings.default,
+                    type: "text",
+                    placeholder: formatMessage({
+                      id: index.getTranslation("settings.page.urlAliasPattern.placeholder"),
+                      defaultMessage: "e.g. blog"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ) })
+        ] }) })
+      ] }, contentType.uid)
+    },
+    contentType.uid
+  );
+}
+function reducer(newConfig, action) {
+  let updatedContentTypes;
+  switch (action.type) {
+    case "SET_SELECTED_CONTENT_TYPES":
+      if (!newConfig) return null;
+      updatedContentTypes = action.payload.map((ct) => {
+        return newConfig?.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
+      });
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_DEFAULT_FIELD":
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
+        (ct) => ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct
+      );
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_PATTERN":
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
+        (ct) => ct.uid === action.payload.ctUid ? { ...ct, pattern: index.transformToUrl(action.payload.pattern) } : ct
+      );
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_CONFIG":
+      return action.payload;
+    default:
+      throw new Error();
+  }
+}
+const Settings = () => {
+  const { config: fetchedConfig, setConfig, loading, fetchError } = index.usePluginConfig();
+  const [config, dispatch] = React.useReducer(reducer, fetchedConfig);
+  const { contentTypes: allContentTypesData } = index.useAllContentTypes();
+  const allContentTypes = allContentTypesData?.filter((ct) => ct.pluginOptions?.webatlas?.active === true);
+  const { toggleNotification } = admin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const [isSaving, setIsSaving] = React.useState(false);
+  const initialConfig = React.useRef(fetchedConfig);
+  React.useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  React.useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + fetchError
+      });
+    }
+  }, [fetchError, toggleNotification, formatMessage]);
+  async function save() {
+    if (!config || config.selectedContentTypes.find((cta) => !cta.default) !== void 0) return;
+    setIsSaving(true);
+    try {
+      await setConfig({ selectedContentTypes: config.selectedContentTypes });
+      initialConfig.current = config;
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SettingTitle.PageWrapper,
+      {
+        isSaving,
+        subtitle: formatMessage({
+          id: index.getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SettingTitle.PageWrapper,
+    {
+      save,
+      isSaving,
+      subtitle: formatMessage({
+        id: index.getTranslation("settings.page.general.subtitle"),
+        defaultMessage: "Configure general settings"
+      }),
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(SettingTitle.ContentBox, { title: formatMessage({
+          id: index.getTranslation("settings.page.general.contentTypes"),
+          defaultMessage: "Content Types"
+        }), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              name: "selectedContentTypes",
+              hint: formatMessage({
+                id: index.getTranslation("settings.page.enabledContentTypes.hint"),
+                defaultMessage: "Select the content types for which you want to enable URL aliases"
+              }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.SettingTitle, { children: formatMessage({
+                  id: index.getTranslation("settings.page.enabledContentTypes"),
+                  defaultMessage: "Enabled Content Types"
+                }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.MultiSelect,
+                  {
+                    placeholder: formatMessage({
+                      id: index.getTranslation("settings.page.enabledContentTypes.placeholder"),
+                      defaultMessage: "Select content types..."
+                    }),
+                    onClear: () => dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: [] }),
+                    value: [...config?.selectedContentTypes.map((ct) => ct.uid) || []],
+                    onChange: (value) => dispatch({
+                      type: "SET_SELECTED_CONTENT_TYPES",
+                      payload: value.map((v) => ({
+                        uid: v,
+                        default: "",
+                        pattern: ""
+                      }))
+                    }),
+                    withTags: true,
+                    children: allContentTypes && allContentTypes.map(
+                      (item) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ),
+          config?.selectedContentTypes && config.selectedContentTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "selectedContentTypesAccordion", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.SettingTitle, { children: formatMessage({
+              id: index.getTranslation("settings.page.contentTypeSettings"),
+              defaultMessage: "Content Type settings"
+            }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Root, { children: config.selectedContentTypes?.map((contentTypeSettings) => {
+              const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
+              return /* @__PURE__ */ jsxRuntime.jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
+            }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.ContentBox, { title: formatMessage({
+          id: index.getTranslation("settings.page.general.details"),
+          defaultMessage: "Details"
+        }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "selectedContentTypesAccordion", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: /* @__PURE__ */ jsxRuntime.jsxs(SettingTitle.SettingTitle, { children: [
+            index.PLUGIN_NAME,
+            " ",
+            formatMessage({
+              id: index.getTranslation("version"),
+              defaultMessage: "Version"
+            })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
+            "v",
+            index.PLUGIN_VERSION,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Link,
+              {
+                href: `https://github.com/mattisvensson/strapi-plugin-webatlas/releases/tag/v${index.PLUGIN_VERSION}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: { marginLeft: 4 },
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {})
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+exports.default = Settings;
+//# sourceMappingURL=index-Df365kgY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-Df365kgY.js","sources":["../../admin/src/pages/Settings/General/ContentTypeAccordion.tsx","../../admin/src/pages/Settings/General/index.tsx"],"sourcesContent":["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 general settings page for the Webatlas plugin.\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, useRef } 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, ContentBox, SettingTitle } from '..';\nimport ContentTypeAccordion from './ContentTypeAccordion';\nimport { PLUGIN_VERSION, PLUGIN_NAME } from '../../../../../pluginId';\nimport { Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\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  | { type: 'SET_CONFIG'; payload: PluginConfig }\n\nfunction reducer(newConfig: PluginConfig | null, action: Action): PluginConfig | null {\n  let updatedContentTypes\n\n  switch (action.type) {\n    case 'SET_SELECTED_CONTENT_TYPES':\n      if (!newConfig) return null;\n      updatedContentTypes = action.payload.map(ct => {\n        return newConfig?.selectedContentTypes.find((cta: ConfigContentType) => cta.uid === ct.uid) || ct\n      })\n      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };\n    case 'SET_DEFAULT_FIELD':\n      if (!newConfig) return null;\n      updatedContentTypes = newConfig?.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct\n      );\n      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };\n    case 'SET_PATTERN':\n      if (!newConfig) return null;\n      updatedContentTypes = newConfig?.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : ct\n      );\n      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };\n    case 'SET_CONFIG':\n      return action.payload;\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();\n  const [config, dispatch] = useReducer(reducer, fetchedConfig);\n  const { contentTypes: allContentTypesData } = useAllContentTypes();\n  const allContentTypes = allContentTypesData?.filter((ct: ContentType) => ct.pluginOptions?.webatlas?.active === true);\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n  const initialConfig = useRef<PluginConfig | null>(fetchedConfig);\n\n  useEffect(() => {\n    initialConfig.current = fetchedConfig;\n\n    if (fetchedConfig)\n      dispatch({ type: 'SET_CONFIG', payload: fetchedConfig });\n  }, [fetchedConfig]);\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      !config \n      || config.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n    ) return\n\n    setIsSaving(true);\n    try {\n      await setConfig({selectedContentTypes: config.selectedContentTypes })\n      initialConfig.current = config;\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      isSaving={isSaving}\n      subtitle={formatMessage({\n        id: getTranslation('loading'),\n        defaultMessage: 'Loading...',\n      })}\n      disabledCondition={true}\n    >\n      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper\n      save={save}\n      isSaving={isSaving}\n      subtitle={formatMessage({\n        id: getTranslation('settings.page.general.subtitle'),\n        defaultMessage: 'Configure general settings',\n      })}\n      disabledCondition={JSON.stringify(config) === JSON.stringify(initialConfig.current)}\n    >\n      <ContentBox title={formatMessage({\n        id: getTranslation('settings.page.general.contentTypes'),\n        defaultMessage: 'Content Types',\n      })}>\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            <SettingTitle>\n              {formatMessage({\n                id: getTranslation('settings.page.enabledContentTypes'),\n                defaultMessage: 'Enabled Content Types',\n              })}\n            </SettingTitle>\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={[...config?.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        {config?.selectedContentTypes && config.selectedContentTypes.length > 0 && \n          <Box paddingTop={4}>\n            <Field.Root name=\"selectedContentTypesAccordion\">\n              <Field.Label>\n                <SettingTitle>\n                  {formatMessage({\n                    id: getTranslation('settings.page.contentTypeSettings'),\n                    defaultMessage: 'Content Type settings',\n                  })}\n                </SettingTitle> \n              </Field.Label>\n              <Accordion.Root>\n                {config.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      </ContentBox>\n      <ContentBox title={formatMessage({\n        id: getTranslation('settings.page.general.details'),\n        defaultMessage: 'Details',\n      })}>\n        <Field.Root name=\"selectedContentTypesAccordion\">\n          <Field.Label>\n            <SettingTitle>\n              { PLUGIN_NAME }{' '}\n              {formatMessage({\n                id: getTranslation('version'),\n                defaultMessage: 'Version',\n              })}\n            </SettingTitle>\n          </Field.Label>\n          <Typography>\n            v{PLUGIN_VERSION}\n            <Link\n              href={`https://github.com/mattisvensson/strapi-plugin-webatlas/releases/tag/v${PLUGIN_VERSION}`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={{ marginLeft: 4 }}>\n              <ExternalLink />\n            </Link>\n          </Typography>\n        </Field.Root>\n      </ContentBox>\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":["useIntl","jsx","Box","jsxs","Accordion","Field","getTranslation","SingleSelect","index","SingleSelectOption","Tooltip","transformToUrl","usePluginConfig","useReducer","useAllContentTypes","useNotification","useState","useRef","useEffect","PageWrapper","FullLoader","ContentBox","SettingTitle","MultiSelect","MultiSelectOption","PLUGIN_NAME","Typography","PLUGIN_VERSION","Link","ExternalLink"],"mappings":"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"}

package/dist/_chunks/{index-VcxUbdMO.mjs → index-Dm_GIRd4.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Field } from "@strapi/design-system";
 import { useNotification } from "@strapi/strapi/admin";
-import { b as usePluginConfig, g as getTranslation } from "./index-DSPh-fHL.mjs";
+import { b as usePluginConfig, g as getTranslation } from "./index-D2Meknib.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
-import { P as PageWrapper } from "./PageWrapper-B6nLPFak.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-IwvX4Kb5.mjs";
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":
@@ -76,6 +76,10 @@ const Settings = () => {
       PageWrapper,
       {
         isSaving,
+        subtitle: formatMessage({
+          id: getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
         disabledCondition: true,
         children: /* @__PURE__ */ jsx(FullLoader, { height: 200 })
       }
@@ -86,35 +90,36 @@ const Settings = () => {
     {
       save,
       isSaving,
+      subtitle: formatMessage({
+        id: getTranslation("settings.page.navigation.subtitle"),
+        defaultMessage: "Configure navigation settings"
+      }),
       disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
-      children: /* @__PURE__ */ jsxs(
-        Field.Root,
-        {
-          name: "maxNavDepth",
-          children: [
-            /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-              id: getTranslation("settings.page.maxNavDepth.label"),
-              defaultMessage: "Max depth of navigation tree"
-            }) }),
-            /* @__PURE__ */ jsx(
-              Field.Input,
-              {
-                id: "maxNavDepth",
-                type: "number",
-                min: 1,
-                step: 1,
-                value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth : "",
-                onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) }),
-                onBlur: (e) => {
-                  if (e.target.value === "") return;
-                  dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) });
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(Field.Hint, {})
-          ]
-        }
-      )
+      children: /* @__PURE__ */ jsx(ContentBox, { title: formatMessage({
+        id: getTranslation("settings.page.navigation.navigation"),
+        defaultMessage: "Navigation"
+      }), children: /* @__PURE__ */ jsxs(Field.Root, { name: "maxNavDepth", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: /* @__PURE__ */ jsx(SettingTitle, { children: formatMessage({
+          id: getTranslation("settings.page.navigation.maxNavDepth.label"),
+          defaultMessage: "Max depth of navigation tree"
+        }) }) }),
+        /* @__PURE__ */ jsx(
+          Field.Input,
+          {
+            id: "maxNavDepth",
+            type: "number",
+            min: 0,
+            step: 1,
+            value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth + 1 : "",
+            onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 }),
+            onBlur: (e) => {
+              if (e.target.value === "") return;
+              dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Field.Hint, {})
+      ] }) })
     }
   );
 };